
/* OWDEX Leads 0.3.5 — nova identidade e sidebar fixa */
:root{
  --leads-pink:#f414a8;
  --leads-magenta:#d600cf;
  --leads-purple:#8b00ef;
  --leads-violet:#4a0bf2;
  --leads-blue:#3328f4;
  --leads-navy:#06194a;
  --leads-accent:#ad0be4;
  --leads-accent-soft:#f8ecff;
  --leads-gradient:linear-gradient(135deg,#f51ba9 0%,#d700d0 31%,#8d00ef 66%,#3528f4 100%);
  --leads-gradient-dark:linear-gradient(145deg,#07183f 0%,#301278 36%,#7c00d9 69%,#ef18ad 125%);
  --leads-sidebar-width:288px;
  --leads-sidebar-collapsed:78px;
}
.owdex-leads-brand-logo{object-fit:contain!important;filter:drop-shadow(0 8px 17px rgba(137,0,238,.17))!important}
.owdex-leads-wordmark{display:block;object-fit:contain;max-width:100%;height:auto}
.auth-wordmark{width:min(250px,72%);padding:10px 14px;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 14px 34px rgba(5,15,48,.16)}
.auth-mobile-brand-v35{margin-bottom:46px!important}
.auth-mobile-brand-v35 .owdex-leads-wordmark{width:190px}
.legal-wordmark{width:190px;max-height:100px}

.app-body{--v30-blue:var(--leads-purple);--v30-violet:var(--leads-violet);background:#f5f7fb!important}
.app-body .topbar{background:rgba(255,255,255,.96)!important;border-bottom-color:#e5e9f0!important;position:relative}
.app-body .topbar::after{display:none!important}
.app-body .nav-item.is-active{background:var(--leads-gradient)!important;box-shadow:0 13px 28px rgba(157,0,224,.22)!important}
.app-body .nav-item:hover{color:#6713bd!important}
.app-body .nav-icon{background:#f6effd!important;color:#9a15df!important}
.app-body .nav-item.is-active .nav-icon{background:rgba(255,255,255,.18)!important;color:#fff!important}
.app-body .btn-primary,.app-body button.btn-primary,.auth-body-v30 .btn-primary,.legal-page .btn-primary{background:var(--leads-gradient)!important;border-color:transparent!important;box-shadow:0 11px 26px rgba(164,0,222,.22)!important}
.app-body .btn-primary:hover,.auth-body-v30 .btn-primary:hover,.legal-page .btn-primary:hover{filter:saturate(1.08) brightness(.97);box-shadow:0 14px 32px rgba(164,0,222,.28)!important}
.app-body .metric-card::before{background:var(--leads-gradient)!important}
.app-body .text-link,.app-body .back-link,.legal-page a{color:#9512dc}
.app-body input:focus,.app-body select:focus,.app-body textarea:focus,.auth-body-v30 input:focus,.auth-body-v30 select:focus,.auth-body-v30 textarea:focus{border-color:#bc42ef!important;box-shadow:0 0 0 4px rgba(191,37,235,.10)!important}
.app-body input[type="checkbox"],.app-body input[type="radio"]{accent-color:#ad12e7}
.app-body .question-order,.app-body .avatar{color:#8c14d7!important;background:#f7edff!important}
.app-body .timeline-item i{background:#b518e6!important;box-shadow:0 0 0 4px #f3e4ff!important}
.app-body .kanban-drop.is-over{outline-color:#cc70f4!important}
.app-body .selected-org-chip{color:#7f159f!important;background:#f8ecff!important}
.app-body .tenant-mini>span{background:#f7edff!important;color:#9919dc!important}
.app-body ::selection,.auth-body-v30 ::selection{background:#e8b6ff;color:#35105d}

.auth-visual-panel-v30{background:radial-gradient(circle at 84% 17%,rgba(255,41,181,.30),transparent 27%),radial-gradient(circle at 15% 96%,rgba(91,25,244,.37),transparent 37%),var(--leads-gradient-dark)!important}
.auth-kicker{background:rgba(255,255,255,.11)!important}
.auth-visual-copy h1 em{color:#ff80d8!important}
.auth-feature-grid>div{border-color:rgba(255,255,255,.13)!important}
.auth-feature-grid>div>span{background:rgba(255,255,255,.14)!important}
.auth-input-wrap:focus-within{border-color:#bc42ef!important;box-shadow:0 0 0 4px rgba(191,37,235,.11)!important;color:#a115dd!important}
.auth-security-note .ui-icon{color:#c121dc!important}

.legal-page{background:#f5f7fb!important}
.legal-card{border-color:#e4e9f0!important}
.public-eyebrow{color:#9a16dd!important}

/* A barra fica fixa; apenas o conteúdo interno dela rola. */
@media(min-width:761px){
  .app-body .app-shell{display:block!important;min-height:100vh!important;min-height:100dvh!important}
  .app-body .sidebar{position:fixed!important;z-index:500!important;left:0!important;top:0!important;bottom:0!important;width:var(--leads-sidebar-width)!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable;background:#fff!important;border-right:1px solid #e5e9f0!important;transition:width .18s ease!important}
  .app-body .workspace{margin-left:var(--leads-sidebar-width)!important;width:calc(100% - var(--leads-sidebar-width))!important;min-width:0!important;transition:margin-left .18s ease,width .18s ease!important}
  body.sidebar-collapsed .sidebar{width:var(--leads-sidebar-collapsed)!important}
  body.sidebar-collapsed .workspace{margin-left:var(--leads-sidebar-collapsed)!important;width:calc(100% - var(--leads-sidebar-collapsed))!important}
  .app-body .sidebar::-webkit-scrollbar{width:7px}
  .app-body .sidebar::-webkit-scrollbar-track{background:transparent}
  .app-body .sidebar::-webkit-scrollbar-thumb{background:rgba(169,17,226,.22);border-radius:999px}
  .app-body .sidebar::-webkit-scrollbar-thumb:hover{background:rgba(169,17,226,.38)}
  .app-body .sidebar{scrollbar-width:thin;scrollbar-color:rgba(169,17,226,.28) transparent}
}
@media(max-width:760px){
  .app-body .workspace,body.sidebar-collapsed .workspace{margin-left:0!important;width:100%!important}
  .app-body .sidebar{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:rgba(169,17,226,.28) transparent}
  .mobile-menu{color:#8f18d8!important}
}
/* A campanha pública preserva a cor configurada para o produto/campanha. */

/* OWDEX Leads 0.3.7 — superfícies neutras; identidade apenas em destaques */
.app-body .page-content{background:transparent!important}
.app-body .card,
.app-body .metric-card,
.app-body .product-card,
.app-body .question-card,
.app-body .modal-card{background:#fff}
