:root{--navy:#1B3A5C;--nd:#0F2440;--deep:#060E18;--nl:#2A5580;--gold:#C4A35A;--gl:#D4BA7A;--gm:#B89D5E;--cream:#F5F0E8;--cl:#FAF7F2;--txt:#1A1A1A;--t2:#4A4A4A;--t3:#7A7A7A;--brd:rgba(27,58,92,.08);--sf:'Cormorant Garamond',Georgia,serif;--sn:'Outfit',sans-serif;--bg:#FAFAF8;--srf:#fff;--r:8px;--green:#2E7D32;--red:#C62828;--amber:#E65100;--blue:#1565C0;--purple:#6A1B9A;--sbw:220px;--fs-xs:.65rem;--fs-sm:.72rem;--fs-md:.8rem;--fs-lg:.95rem;--fs-xl:1.15rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--ease-out:cubic-bezier(.4,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.6,1);--ok:var(--green);--accent:var(--navy);--t1:var(--txt)}
/* CVO 18/06 · FIX TEMA: o DARK dependia SÓ de @media(prefers-color-scheme:dark) — só funcionava
   se o SO do usuário estivesse em modo escuro. O toggle (data-theme/body.dark-mode) não tinha
   regra que forçasse as vars dark → tema misturado/ilegível p/ quem tem SO em claro. Esta regra
   aplica o DARK EXPLICITAMENTE pela escolha do usuário (espelha os valores do @media). Aditivo. */
:root[data-theme="dark"],body.dark-mode{--bg:#050E16;--srf:#0A1929;--cl:#0F2440;--txt:#F5F0E8;--t2:#9A8F7A;--t3:#5A5248;--brd:rgba(196,163,90,.07);--cream:#F5F0E8;--accent:#4A8EC4;--t1:var(--txt);
/* CVO 18/06 Fase 2: glass-vars eram fundo CLARO fixo (branco .72) e nunca trocavam no dark —
   cards/superfícies translúcidas ficavam brancas no escuro (texto cream invisível). Remapeia
   a glass base p/ a versão -dark quando o tema é dark (mesma correção do --txt). */
--h25-glass-bg:rgba(15,36,64,.68);--h25-glass-brd:rgba(196,163,90,.14)}

/* ═══ Z-INDEX SCALE (v20.05-H23) ═══
TIER 0 (Base): -1, 0 — Background elements, pseudo-elements
TIER 1 (Default): 1 — Default flow
TIER 2 (Overlays/Sticky): 10, 20, 50, 51, 90, 99, 100 — Sticky headers, dropdown panels, tooltips
TIER 3 (Navigation/Panels): 500, 1000 — Sidebars, navigation, modals
TIER 4 (Critical/Full-Screen): 2000, 5000, 9999 — Notifications, toast, loading screens, authentication
TIER 5 (Emergency): 10000+ — Reserved for system critical overlays
═══ */

/* ═══ DARK MODE — Piçarras Hills PWA aesthetic ═══ */

/* ═══ LIGHT MODE — Premium Depth ═══ */
.main{background:transparent}
.cd{background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(196,163,90,.08);border-radius:10px;
  box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.02)}
.cd:hover{box-shadow:0 2px 8px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.04);border-color:rgba(196,163,90,.15)}
.cd-h{background:linear-gradient(135deg,rgba(27,58,92,.02),rgba(196,163,90,.03));border-radius:10px 10px 0 0}
.pg-hero{background:rgba(255,255,255,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(196,163,90,.10);border-radius:12px;
  padding:22px 26px;margin-bottom:18px;
  box-shadow:0 2px 8px rgba(0,0,0,.03),0 8px 32px rgba(0,0,0,.04)}
@media (max-width:768px){.pg-hero{padding:16px 18px;margin-bottom:14px}}
.kpi-row>div{background:rgba(255,255,255,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(196,163,90,.08);border-radius:8px;
  box-shadow:0 1px 4px rgba(0,0,0,.03)}
.kpi-row>div:hover{box-shadow:0 2px 8px rgba(0,0,0,.06);border-color:rgba(196,163,90,.18);transform:translateY(-1px)}
.wa-tab{background:rgba(255,255,255,.6);backdrop-filter:blur(4px);border:1px solid rgba(196,163,90,.08);transition:all .2s}
.wa-tab.on{background:rgba(27,58,92,.08);border-color:rgba(27,58,92,.2);box-shadow:0 1px 4px rgba(27,58,92,.1)}
.wa-tab:hover:not(.on){background:rgba(196,163,90,.06);border-color:rgba(196,163,90,.15)}
.sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(250,247,242,.92) !important}
.vc{background:rgba(255,255,255,.8);backdrop-filter:blur(8px);border-radius:8px;
  box-shadow:0 1px 3px rgba(0,0,0,.03)}
.tbl{border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.03)}
.tbl thead{background:linear-gradient(135deg,rgba(27,58,92,.06),rgba(27,58,92,.03))}
.st{background:rgba(255,255,255,.7);backdrop-filter:blur(6px);border-radius:8px;border:1px solid rgba(196,163,90,.06)}
.btn{border-radius:6px;transition:all .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.08)}
.pc{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;transition:all .2s}
.pc:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.08)}
input,select,textarea{border-radius:6px;background:rgba(255,255,255,.8);backdrop-filter:blur(4px)}
.toast{backdrop-filter:blur(16px);border-radius:8px}

[data-theme="dark"]{--bg:#050E16;--srf:#0A1929;--cl:#0F2440;--txt:#F5F0E8;--t2:#9A8F7A;--t3:#5A5248;--brd:rgba(196,163,90,.07);--navy:#C4A35A;--nd:#0F2440;--deep:#050E16;--nl:#5BA0D6;--cream:#F5F0E8;--accent:var(--gold);--ok:#2E7D52;--red:#B03020;--amber:#E6A040;--green:#7DB88A;--gold:#C4A35A;--gl:#D4BA7A;--gm:#B89D5E;--gd:#7A5620;--sf:'Cormorant Garamond',Georgia,serif;--t1:var(--txt)}
[data-theme="dark"] .cd{background:rgba(255,255,255,.02);border-color:rgba(196,163,90,.07)}
[data-theme="dark"] .cd:hover{border-color:rgba(196,163,90,.15);box-shadow:0 4px 20px rgba(0,0,0,.3)}
[data-theme="dark"] .cd-h{background:linear-gradient(135deg,rgba(196,163,90,.04),transparent)}
[data-theme="dark"] .st{background:rgba(255,255,255,.02);border-color:rgba(196,163,90,.06)}
[data-theme="dark"] .st-v{color:var(--gl)}
[data-theme="dark"] .sh h2{color:var(--cream);font-weight:300}
[data-theme="dark"] .cd-h h3{color:var(--cream)}
[data-theme="dark"] .vc{background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(196,163,90,.015));border-color:rgba(196,163,90,.06)}
[data-theme="dark"] .vc h4{color:var(--cream)}
[data-theme="dark"] .pg-hero{background:linear-gradient(135deg,rgba(10,25,41,.6),rgba(196,163,90,.03));border-color:rgba(196,163,90,.08);border-left-color:rgba(196,163,90,.2)}
[data-theme="dark"] .pg-hero-title{color:var(--cream)}
[data-theme="dark"] .tbl th{color:rgba(196,163,90,.55);border-bottom-color:rgba(196,163,90,.06)}
[data-theme="dark"] .tbl td{border-bottom-color:rgba(196,163,90,.03)}
[data-theme="dark"] .tbl tr:hover td{background:rgba(196,163,90,.02)}
[data-theme="dark"] .fld input,[data-theme="dark"] .fld select,[data-theme="dark"] .fld textarea{background:rgba(255,255,255,.03);border-color:rgba(196,163,90,.08);color:var(--cream)}
[data-theme="dark"] .fld input:focus,[data-theme="dark"] .fld select:focus,[data-theme="dark"] .fld textarea:focus{border-color:rgba(196,163,90,.35);box-shadow:0 0 0 3px rgba(196,163,90,.08)}
/* FIX #183 (P0): override universal de inputs/select/textarea no dark mode · forca contraste minimo em qualquer caixa de busca · cobre inline styles brancos */
[data-theme="dark"] input[type="text"],[data-theme="dark"] input[type="search"],[data-theme="dark"] input[type="email"],[data-theme="dark"] input[type="tel"],[data-theme="dark"] input[type="number"],[data-theme="dark"] input[type="date"],[data-theme="dark"] input[type="url"],[data-theme="dark"] input:not([type]),[data-theme="dark"] textarea,[data-theme="dark"] select{color:var(--cream)!important;caret-color:var(--gold)}
[data-theme="dark"] input[type="text"][style*="background:rgba(255,255,255"],[data-theme="dark"] input[type="search"][style*="background:rgba(255,255,255"],[data-theme="dark"] input[type="text"][style*="background: rgba(255,255,255"],[data-theme="dark"] input[style*="background:#fff"],[data-theme="dark"] input[style*="background: #fff"]{background:rgba(255,255,255,.06)!important;border-color:rgba(196,163,90,.2)!important}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:rgba(245,240,232,.4)!important}
[data-theme="dark"] #gsQ,[data-theme="dark"] #cmdInput,[data-theme="dark"] .cmd-input,[data-theme="dark"] #auditSearch,[data-theme="dark"] #wa3Search,[data-theme="dark"] #sinapiSearchInput,[data-theme="dark"] #rbSearchInput,[data-theme="dark"] #searchEventos,[data-theme="dark"] #searchParticipantes,[data-theme="dark"] #ddAIQuery{background:rgba(255,255,255,.04)!important;color:var(--cream)!important;border:1px solid rgba(196,163,90,.18)!important}
[data-theme="dark"] .fld label{color:rgba(196,163,90,.5)}
[data-theme="dark"] .modal{background:rgba(10,25,41,.97);border-color:rgba(196,163,90,.12);box-shadow:0 24px 60px rgba(0,0,0,.6)}
[data-theme="dark"] .mo{background:rgba(5,14,22,.7)}
[data-theme="dark"] .cmd-box{background:rgba(10,25,41,.97);border-color:rgba(196,163,90,.15)}
[data-theme="dark"] .cmd-input{color:var(--cream)}
[data-theme="dark"] .cmd-item:hover,[data-theme="dark"] .cmd-item.active{background:rgba(196,163,90,.06)}
[data-theme="dark"] .toast{background:rgba(15,36,64,.95);border:1px solid rgba(196,163,90,.1)}
[data-theme="dark"] .mn{background:linear-gradient(180deg,var(--bg) 0%,rgba(10,25,41,.5) 100%)}
[data-theme="dark"] .pc{background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(196,163,90,.02));border-color:rgba(196,163,90,.1)}
[data-theme="dark"] .pc:hover{border-color:rgba(196,163,90,.3);box-shadow:0 12px 40px rgba(0,0,0,.4)}
[data-theme="dark"] .kb-col{background:rgba(196,163,90,.02);border-color:rgba(196,163,90,.05)}
[data-theme="dark"] .kc{background:rgba(255,255,255,.02);border-color:rgba(196,163,90,.06)}
[data-theme="dark"] .kc:hover{border-color:rgba(196,163,90,.2);box-shadow:0 2px 8px rgba(0,0,0,.3)}
[data-theme="dark"] .acc{background:rgba(255,255,255,.02);border-color:rgba(196,163,90,.06)}
[data-theme="dark"] .rfi-card{background:rgba(255,255,255,.02);border-color:rgba(196,163,90,.05)}
[data-theme="dark"] .rfi-title{color:var(--cream)}
[data-theme="dark"] .notif-dd{background:rgba(10,25,41,.97);border-color:rgba(196,163,90,.12)}
[data-theme="dark"] .proj-switch-dd{background:rgba(10,25,41,.97);border-color:rgba(196,163,90,.12)}
[data-theme="dark"] .wa-tab-row{background:rgba(196,163,90,.02);border-color:rgba(196,163,90,.04)}
[data-theme="dark"] .btn{background:rgba(255,255,255,.03);color:var(--cream);border-color:rgba(196,163,90,.1)}
[data-theme="dark"] .btn-o{background:rgba(196,163,90,.04);color:var(--gold);border-color:rgba(196,163,90,.18)}
[data-theme="dark"] .bdg.bg{background:rgba(125,184,138,.1);color:#7DB88A}
[data-theme="dark"] .bdg.br{background:rgba(176,48,32,.1);color:#E05040}
[data-theme="dark"] .bdg.ba{background:rgba(196,163,90,.1);color:var(--gold)}
[data-theme="dark"] .bdg.by{background:rgba(245,240,232,.05);color:var(--t2)}
[data-theme="dark"] ::selection{background:rgba(196,163,90,.3);color:var(--cream)}
[data-theme="dark"] ::-webkit-scrollbar-thumb{background:rgba(196,163,90,.2)}
[data-theme="dark"] *{transition:background-color .2s,color .15s,border-color .15s}
[data-theme="dark"] body{background:var(--bg);color:var(--cream);-webkit-font-smoothing:antialiased}
[data-theme="dark"] .topbar{background:rgba(5,14,22,.85);-webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);border-bottom:1px solid rgba(196,163,90,.07)}
[data-theme="dark"] .sb{background:rgba(5,14,22,.94);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-right:1px solid rgba(196,163,90,.06)}
[data-theme="dark"] .sb .si{color:rgba(245,240,232,.45);transition:all .2s}
[data-theme="dark"] .sb .si:hover,[data-theme="dark"] .sb .si.on{color:var(--gold);background:rgba(196,163,90,.08)}
[data-theme="dark"] .sb-sec-title{color:rgba(196,163,90,.35);letter-spacing:.08em}
[data-theme="dark"] .cd{background:rgba(255,255,255,.03);border:1px solid rgba(196,163,90,.07);border-radius:8px}
[data-theme="dark"] .cd-h{background:rgba(255,255,255,.015);border-bottom:1px solid rgba(196,163,90,.05)}
[data-theme="dark"] .cd-h h3{color:var(--cream)}
[data-theme="dark"] .tbl{border-color:rgba(196,163,90,.06)}
[data-theme="dark"] .tbl thead{background:rgba(5,14,22,.6)}
[data-theme="dark"] .tbl thead th{color:rgba(245,240,232,.6);border-color:rgba(196,163,90,.08);font-weight:500;letter-spacing:.03em}
[data-theme="dark"] .tbl td{border-color:rgba(196,163,90,.04);color:rgba(245,240,232,.72)}
[data-theme="dark"] .tbl tbody tr:hover{background:rgba(196,163,90,.04)}
[data-theme="dark"] .tbl tbody tr:nth-child(even){background:rgba(255,255,255,.01)}
[data-theme="dark"] .btn{color:var(--cream);border-color:rgba(196,163,90,.15);transition:all .2s}
[data-theme="dark"] .btn-o{background:transparent;border-color:rgba(196,163,90,.2);color:var(--gold)}
[data-theme="dark"] .btn-o:hover{background:rgba(196,163,90,.08);border-color:rgba(196,163,90,.35)}
[data-theme="dark"] .btn-g{background:linear-gradient(135deg,var(--gold),#7A5620);color:var(--bg);border:none;font-weight:500}
[data-theme="dark"] .btn-g:hover{box-shadow:0 4px 20px rgba(196,163,90,.35)}
[data-theme="dark"] .btn-d{background:rgba(176,48,32,.15);border-color:rgba(176,48,32,.25);color:#E57373}
[data-theme="dark"] .fld label{color:rgba(245,240,232,.42);font-size:.62rem;letter-spacing:.03em}
[data-theme="dark"] .fld input,[data-theme="dark"] .fld select,[data-theme="dark"] .fld textarea{background:rgba(255,255,255,.04);border-color:rgba(196,163,90,.12);color:var(--cream);border-radius:3px}
[data-theme="dark"] .fld input:focus,[data-theme="dark"] .fld select:focus,[data-theme="dark"] .fld textarea:focus{border-color:rgba(196,163,90,.4);background:rgba(255,255,255,.06);box-shadow:0 0 0 3px rgba(196,163,90,.08)}
[data-theme="dark"] .fld input::placeholder{color:rgba(245,240,232,.18)}
[data-theme="dark"] .modal{background:var(--srf);border:1px solid rgba(196,163,90,.1);box-shadow:0 24px 60px rgba(0,0,0,.6)}
[data-theme="dark"] #moO{background:rgba(5,14,22,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
[data-theme="dark"] .vc{background:rgba(196,163,90,.03);border-color:rgba(196,163,90,.08)}
[data-theme="dark"] .stats .st{background:rgba(255,255,255,.02);border-color:rgba(196,163,90,.06)}
[data-theme="dark"] .bdg{border-color:rgba(196,163,90,.12)}
[data-theme="dark"] .bdg.bg{background:rgba(46,125,82,.12);color:#81C784}
[data-theme="dark"] .bdg.br{background:rgba(230,81,0,.1);color:#FFB74D}
[data-theme="dark"] .bdg.by{background:rgba(196,163,90,.08);color:var(--gold)}
[data-theme="dark"] .breadcrumb a{color:rgba(245,240,232,.3)}
[data-theme="dark"] .wa-tab{background:rgba(255,255,255,.03);border-color:rgba(196,163,90,.08);color:rgba(245,240,232,.4)}
[data-theme="dark"] .wa-tab.on{background:rgba(196,163,90,.08);border-color:var(--gold);color:var(--gold)}
[data-theme="dark"] .kpi-card{background:rgba(255,255,255,.025);border:1px solid rgba(196,163,90,.06)}
[data-theme="dark"] .kpi-card:hover{border-color:rgba(196,163,90,.15);background:rgba(255,255,255,.035)}
[data-theme="dark"] .page-hero{background:linear-gradient(135deg,rgba(5,14,22,.9),rgba(15,36,64,.5));border:1px solid rgba(196,163,90,.06)}
[data-theme="dark"] .page-hero .hero-title{color:var(--cream)}
[data-theme="dark"] .page-hero .hero-desc{color:rgba(245,240,232,.48)}
[data-theme="dark"] .page-hero .hero-cat{color:rgba(196,163,90,.55);letter-spacing:.22em}
[data-theme="dark"] .chart-card{background:rgba(255,255,255,.025);border:1px solid rgba(196,163,90,.06)}
[data-theme="dark"] .chart-card:hover{border-color:rgba(196,163,90,.12)}
[data-theme="dark"] svg text{fill:rgba(245,240,232,.6)!important}
[data-theme="dark"] svg line[stroke]{stroke:rgba(196,163,90,.06)!important}
[data-theme="dark"] ::selection{background:rgba(196,163,90,.3);color:var(--cream)}
[data-theme="dark"] ::-webkit-scrollbar{width:6px}
[data-theme="dark"] ::-webkit-scrollbar-track{background:rgba(255,255,255,.02)}
[data-theme="dark"] ::-webkit-scrollbar-thumb{background:rgba(196,163,90,.15);border-radius:3px}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:rgba(196,163,90,.25)}
[data-theme="dark"] .login-panel-overlay{background:var(--bg)}
[data-theme="dark"] kbd{background:rgba(255,255,255,.06);color:rgba(245,240,232,.5);border:1px solid rgba(196,163,90,.1)}
[data-theme="dark"] .notif-dd{background:rgba(10,25,41,.96);border-color:rgba(196,163,90,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
[data-theme="dark"] h3,[data-theme="dark"] h4{color:var(--cream)}
[data-theme="dark"] a{color:var(--gold)}
[data-theme="dark"] .fr{gap:8px}
[data-theme="dark"] select option{background:var(--srf);color:var(--cream)}
[data-theme="dark"] .proj-card{background:rgba(255,255,255,.03);border-color:rgba(196,163,90,.08)}
[data-theme="dark"] .proj-card:hover{border-color:rgba(196,163,90,.25);background:rgba(196,163,90,.04)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#050E16;--srf:#0A1929;--cl:#0F2440;--txt:#F5F0E8;--t2:#9A8F7A;--t3:#5A5248;--brd:rgba(196,163,90,.07);--cream:#F5F0E8;--accent:#4A8EC4;--t1:var(--txt)}}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:18px;-webkit-font-smoothing:antialiased}body{font-family:var(--sn);color:var(--txt);background:var(--bg);line-height:1.5;padding-bottom:60px}a{transition:color .2s}::selection{background:rgba(196,163,90,.25);color:var(--navy)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:rgba(196,163,90,.12);border-radius:3px}::-webkit-scrollbar-track{background:transparent}.auth{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#050E16;overflow-y:auto;overflow-x:hidden}
.auth-bg{position:absolute;inset:-6%;background:#050E16 url('https://images.unsplash.com/photo-1448375240586-882707db888b?w=1920&q=80&auto=format&fit=crop') center/cover no-repeat;filter:brightness(.45) saturate(1.1);animation:authKB 28s ease-in-out infinite alternate;pointer-events:none}
@keyframes authKB{0%{transform:scale(1) translate(0,0)}50%{transform:scale(1.06) translate(-1.5%,-.5%)}100%{transform:scale(1.03) translate(1%,-1%)}}
.auth-vign{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 15%,rgba(5,14,22,.5) 60%,rgba(5,14,22,.95) 100%);pointer-events:none}
.auth-fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,14,22,.25) 0%,transparent 25%,transparent 40%,rgba(5,14,22,.85) 65%,rgba(5,14,22,1) 100%);pointer-events:none}
.auth-card{position:relative;z-index:2;text-align:center;padding:80px 28px 40px;max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;margin:auto}
.auth-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;flex-direction:column;align-items:center;padding-top:max(env(safe-area-inset-top,0px),28px);gap:6px;pointer-events:none}
.auth-leaf{width:56px;height:56px;opacity:.65;animation:authLeaf 3.5s cubic-bezier(.25,.1,.25,1) infinite}
@keyframes authLeaf{0%,100%{opacity:.4;transform:scale(.94) translateY(0)}50%{opacity:.8;transform:scale(1) translateY(-3px)}}
.auth-logo{font-family:var(--sf);font-size:1.5rem;font-weight:300;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:4px;animation:authFU .9s .2s cubic-bezier(.19,1,.22,1) both}
.auth-sub{font-size:.58rem;letter-spacing:.35em;text-transform:uppercase;color:rgba(245,240,232,.12);margin-bottom:8px;animation:authFU .9s .35s cubic-bezier(.19,1,.22,1) both}
.auth-hl{font-family:var(--sf);font-size:2rem;font-weight:300;line-height:1.2;color:var(--cream);margin-bottom:6px;animation:authFU .9s .45s cubic-bezier(.19,1,.22,1) both}
.auth-hl em{color:var(--gold);font-style:italic}
.auth-concept{font-size:.68rem;color:rgba(245,240,232,.35);line-height:1.75;margin-bottom:22px;animation:authFU .9s .55s cubic-bezier(.19,1,.22,1) both;max-width:320px}
.auth-concept strong{color:rgba(196,163,90,.55);font-weight:400}
@keyframes authFU{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.auth-form{display:flex;flex-direction:column;gap:10px;width:100%;animation:authFU .9s .65s cubic-bezier(.19,1,.22,1) both}
.ainp{width:100%;padding:14px 18px;background:rgba(245,240,232,.06);border:1px solid rgba(196,163,90,.14);color:var(--cream);font-family:var(--sn);font-size:.82rem;outline:none;border-radius:28px;transition:all .25s;-webkit-appearance:none}
.ainp:focus{border-color:rgba(196,163,90,.45);background:rgba(245,240,232,.09);box-shadow:0 0 0 3px rgba(196,163,90,.08)}
.ainp::placeholder{color:rgba(245,240,232,.18)}
.abtn{width:100%;padding:15px;background:linear-gradient(135deg,var(--gold),#7A5620);border:none;border-radius:28px;font-family:var(--sn);font-size:.72rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#050E16;cursor:pointer;transition:all .25s;margin-top:2px;box-shadow:0 4px 20px rgba(196,163,90,.25)}
.abtn:hover{box-shadow:0 6px 28px rgba(196,163,90,.4);transform:translateY(-1px)}
.abtn:active{transform:scale(.98);box-shadow:0 2px 12px rgba(196,163,90,.2)}
.aerr{color:rgba(190,60,50,.8);font-size:.68rem;min-height:16px;text-align:center;margin-top:4px;display:none}
@media(max-height:700px){.auth-card{padding-top:20px}.auth-hl{font-size:1.4rem;margin-bottom:4px}.auth-concept{font-size:.6rem;margin-bottom:14px}.auth-top{display:none}}
@media(max-width:420px){.auth-card{padding:40px 20px 32px}.auth-hl{font-size:1.5rem}.ainp{padding:12px 16px;font-size:.78rem}.abtn{padding:13px;font-size:.68rem}}
.auth-links{display:flex;justify-content:center;gap:18px;margin-top:10px;animation:authFU .9s .8s cubic-bezier(.19,1,.22,1) both}
.auth-links a{font-size:.6rem;color:rgba(196,163,90,.45);cursor:pointer;text-decoration:none;transition:color .2s;letter-spacing:.03em}
.auth-links a:hover{color:rgba(196,163,90,.8)}
.auth-footer{display:none}
.i18n-sel{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:6px;background:rgba(196,163,90,.04);border:1px solid rgba(196,163,90,.08)}.i18n-sel .i18n-opt{padding:3px 8px;border-radius:4px;font-size:.55rem;font-weight:600;letter-spacing:.1em;cursor:pointer;color:rgba(196,163,90,.3);background:transparent;border:none;transition:all .2s;font-family:var(--sn)}.i18n-sel .i18n-opt:hover{color:rgba(196,163,90,.6)}.i18n-sel .i18n-opt.on{color:var(--gold);background:rgba(196,163,90,.12)}.auth-i18n{display:flex;justify-content:center;margin-top:14px;animation:authFU .9s 1.1s cubic-bezier(.19,1,.22,1) both}.tb-i18n{margin-right:8px}
.login-panel-overlay{position:fixed;inset:0;z-index:10000;background:rgba(5,14,22,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:20px;animation:lpFadeIn .3s var(--ease-out)}
.login-panel-overlay.show{display:flex}
@keyframes lpFadeIn{from{opacity:0}to{opacity:1}}
.login-panel{background:linear-gradient(160deg,#0C1724,#0A1929);border:1px solid rgba(196,163,90,.15);border-radius:16px;padding:28px 24px;max-width:380px;width:100%;position:relative;animation:lpSlideUp .35s cubic-bezier(.19,1,.22,1);box-shadow:0 20px 60px rgba(0,0,0,.4)}
@keyframes lpSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.login-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),rgba(196,163,90,.3),var(--gold));border-radius:16px 16px 0 0}
.lp-close{position:absolute;top:12px;right:14px;background:rgba(245,240,232,.06);border:none;color:rgba(245,240,232,.4);width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}
.lp-close:hover{background:rgba(245,240,232,.12);color:var(--cream)}
.lp-title{font-family:var(--sf);font-size:1.15rem;font-weight:300;color:var(--cream);margin-bottom:6px;letter-spacing:.02em}
.lp-desc{font-size:.68rem;color:rgba(245,240,232,.4);line-height:1.7;margin-bottom:18px}
.lp-field{margin-bottom:12px}
.lp-label{display:block;font-size:.52rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(196,163,90,.45);margin-bottom:6px}
.lp-input{width:100%;padding:13px 16px;background:rgba(245,240,232,.06);border:1px solid rgba(196,163,90,.14);border-radius:28px;color:var(--cream);font-family:var(--sn);font-size:.8rem;outline:none;transition:all .25s;-webkit-appearance:none}
.lp-input:focus{border-color:rgba(196,163,90,.4);background:rgba(245,240,232,.09);box-shadow:0 0 0 3px rgba(196,163,90,.08)}
.lp-input::placeholder{color:rgba(245,240,232,.18)}
.lp-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--gold),#7A5620);border:none;border-radius:28px;font-family:var(--sn);font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#050E16;cursor:pointer;transition:all .25s;box-shadow:0 4px 16px rgba(196,163,90,.2);margin-top:6px}
.lp-btn:hover{box-shadow:0 6px 24px rgba(196,163,90,.35);transform:translateY(-1px)}
.lp-btn:active{transform:scale(.98)}
.lp-msg{font-size:.62rem;color:rgba(245,240,232,.35);text-align:center;margin-top:12px;min-height:16px}
.lp-msg.error{color:rgba(190,60,50,.8)}
.lp-msg.success{color:rgba(46,125,82,.8)}
.auth-divider{display:flex;align-items:center;gap:8px;color:rgba(245,240,232,.12);font-size:.52rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:6px}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(196,163,90,.12),transparent)}.proj-sel{display:none;min-height:100vh;background:linear-gradient(160deg,var(--deep),#0B1929 50%,var(--nd))}.ps-h{padding:28px 36px;display:flex;justify-content:space-between;align-items:center}.ps-logo{font-family:var(--sf);font-size:1.1rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.ps-r{display:flex;align-items:center;gap:14px;color:rgba(245,240,232,.35);font-size:.76rem}.ps-out{background:none;border:1px solid rgba(196,163,90,.12);color:rgba(245,240,232,.2);padding:5px 14px;font-size:.63rem;font-family:var(--sn);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;border-radius:3px;transition:all .3s}.ps-out:hover{border-color:var(--gold);color:var(--gold)}.ps-body{max-width:1100px;margin:0 auto;padding:0 36px 50px}.ps-title{font-family:var(--sf);font-size:1.8rem;font-weight:300;color:var(--cream);margin-bottom:4px;letter-spacing:.02em}.ps-sub{font-size:.76rem;color:rgba(245,240,232,.25);margin-bottom:30px}.pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.pc{background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(196,163,90,.02));border:1px solid rgba(196,163,90,.1);border-radius:14px;padding:24px;cursor:pointer;transition:all .35s var(--ease-out);position:relative;overflow:hidden}.pc:hover{border-color:rgba(196,163,90,.3);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.pc::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gold),rgba(122,86,32,.4));opacity:0;transition:opacity .3s}.pc:hover::before{opacity:.8}.pc-n{font-family:var(--sf);font-size:1.15rem;color:var(--cream);margin-bottom:3px}.pc-l{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(196,163,90,.45);margin-bottom:14px}.pc-g{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pc-s{text-align:center;padding:7px;background:rgba(255,255,255,.015);border-radius:5px}.pc-sv{font-family:var(--sf);font-size:1rem;font-weight:500;color:var(--gl)}.pc-sl{font-size:.6rem;color:rgba(245,240,232,.2);text-transform:uppercase;letter-spacing:.06em}.pc-add{border-style:dashed;border-color:rgba(196,163,90,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;color:rgba(196,163,90,.25);font-size:.8rem;gap:6px}.pc-add:hover{color:var(--gold)}.shell{display:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 22px;height:50px;background:rgba(15,36,64,.88);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid rgba(196,163,90,.05);position:fixed;top:0;left:var(--sbw);right:0;z-index:50}.tb-l{display:flex;align-items:center;gap:10px;min-width:0;flex:0 1 auto;overflow:hidden}.tb-back{background:none;border:none;color:rgba(245,240,232,.25);cursor:pointer;font-size:.95rem;padding:3px 6px;flex:none}.tb-back:hover{color:var(--gold)}.tb-n{font-family:var(--sf);font-size:.88rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:rgba(245,240,232,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:34vw}.tb-r{display:flex;align-items:center;gap:12px;flex:none}.ww{display:flex;align-items:center;gap:5px;font-size:.67rem;color:rgba(232,228,220,.4);padding:3px 10px;border:1px solid rgba(196,163,90,.06);border-radius:16px}.tb-out{background:none;border:1px solid rgba(196,163,90,.1);color:rgba(245,240,232,.2);padding:4px 12px;font-size:.6rem;font-family:var(--sn);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border-radius:3px;transition:all .2s}.tb-out:hover{border-color:var(--gold);color:var(--gold)}.sb{position:fixed;top:0;left:0;bottom:0;width:var(--sbw);background:rgba(15,36,64,.97);border-right:1px solid rgba(196,163,90,.06);z-index:51;display:flex;flex-direction:column;overflow:hidden}.sb-scroll{flex:1;overflow-y:scroll;overflow-x:hidden;min-height:0}.sb-scroll::-webkit-scrollbar{width:5px}.sb-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.15)}.sb-scroll::-webkit-scrollbar-thumb{background:rgba(196,163,90,.25);border-radius:4px}.sb-scroll::-webkit-scrollbar-thumb:hover{background:rgba(196,163,90,.45)}.sb-scroll{scrollbar-width:thin;scrollbar-color:rgba(196,163,90,.25) rgba(0,0,0,.15)}.sb-logo{padding:14px 18px;font-family:var(--sf);font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid rgba(196,163,90,.08)}.sb-sub{font-size:.55rem;letter-spacing:.12em;color:rgba(245,240,232,.1);display:block;margin-top:2px}.sb-sec{padding:11px 16px 8px;font-size:.52rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(196,163,90,.45);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;user-select:none;border-top:1px solid rgba(196,163,90,.06);margin-top:8px;gap:6px;border-radius:4px}.sb-sec:hover{color:rgba(196,163,90,.85);background:rgba(196,163,90,.06)}.sb-sec .sb-chev{font-size:.6rem;transition:transform .2s;color:rgba(196,163,90,.35);margin-left:auto}.sb-sec.collapsed .sb-chev{transform:rotate(-90deg)}.sb-sec-ic{font-size:.72rem;margin-right:2px;filter:grayscale(.3);opacity:.7}.sb-sec:hover .sb-sec-ic{filter:grayscale(0);opacity:1}.sb-grp{overflow:hidden;transition:max-height .3s ease-in-out;max-height:2000px}.sb-grp.collapsed{max-height:0;transition:max-height .15s ease-out}.sb-collapse-btn{display:flex;align-items:center;justify-content:center;padding:8px;cursor:pointer;color:rgba(196,163,90,.2);font-size:.6rem;border-top:1px solid rgba(196,163,90,.06);transition:all .2s}.sb-collapse-btn:hover{color:rgba(196,163,90,.5);background:rgba(196,163,90,.03)}.sb.minimized{width:48px;overflow:hidden}.sb.minimized .sb-logo,.sb.minimized .sb-sub,.sb.minimized .sb-sec,.sb.minimized .sb-ft,.sb.minimized .nb,.sb.minimized .sb-grp,.sb.minimized .sb-scroll .sb-sec,.sb.minimized .sb-scroll .sb-grp{display:none}.sb.minimized .sb-scroll{overflow:visible}.sb.minimized .si{padding:8px 0;justify-content:center;font-size:0}.sb.minimized .si .ic{font-size:.9rem;margin:0}.sb.minimized .sb-collapse-btn span{display:none}.sb.minimized+.topbar{left:48px}.sb.minimized~.ps-body{margin-left:48px}.si{display:flex;align-items:center;gap:8px;padding:7px 16px;font-size:.7rem;color:rgba(232,228,220,.28);cursor:pointer;transition:all .15s var(--ease-out);border-left:2px solid transparent;border-radius:0 4px 4px 0;margin:1px 6px 1px 0}.si:hover{color:rgba(232,228,220,.65);background:rgba(196,163,90,.03)}.si.on{color:var(--gold);background:rgba(196,163,90,.06);border-left-color:var(--gold);font-weight:500}.si .ic{font-size:.8rem;width:18px;text-align:center;opacity:.7;transition:opacity .15s}.si:hover .ic,.si.on .ic{opacity:1}.si .nb{background:var(--red);color:#fff;font-size:.6rem;padding:0 4px;border-radius:6px;margin-left:auto;line-height:1.4}.si-star{margin-left:auto;font-size:.65rem;color:rgba(196,163,90,.15);cursor:pointer;transition:all .15s;padding:0 2px;flex-shrink:0}.si:hover .si-star{color:rgba(196,163,90,.4)}.si-star:hover{color:var(--gold)!important;transform:scale(1.2)}.si-star.on{color:var(--gold)}.att-zone{border:1px dashed rgba(196,163,90,.2);border-radius:6px;padding:8px 10px;margin-top:8px;background:rgba(196,163,90,.02)}.att-zone:hover{border-color:rgba(196,163,90,.4)}.att-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.att-item{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:rgba(27,58,92,.04);border:1px solid var(--brd);border-radius:12px;font-size:.6rem;color:var(--t2);cursor:default;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-item .att-x{cursor:pointer;color:var(--red);font-weight:700;margin-left:2px;font-size:.6rem}.att-item .att-x:hover{color:#d32f2f}.att-btn{font-size:.6rem;color:var(--gold);cursor:pointer;display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border:1px solid rgba(196,163,90,.15);border-radius:4px;background:none;font-family:var(--sn);transition:all .2s}.att-btn:hover{background:rgba(196,163,90,.06);border-color:var(--gold)}.lic-card{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid var(--brd);transition:background .15s}.lic-card:hover{background:rgba(196,163,90,.02)}.lic-exp{font-size:.6rem;font-weight:600;padding:2px 8px;border-radius:10px}.lic-ok{background:rgba(46,125,50,.08);color:var(--green)}.lic-warn{background:rgba(230,81,0,.08);color:var(--amber)}.lic-crit{background:rgba(198,40,40,.08);color:var(--red)}.lic-exp-text{background:rgba(198,40,40,.15);color:var(--red);font-weight:700}.audit-item{display:flex;gap:10px;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.03);font-size:.65rem}.audit-time{min-width:110px;color:var(--t3);font-size:.6rem}.audit-action{flex:1}.audit-user{font-weight:600;color:var(--navy)}.rfi-card{padding:12px 14px;border:1px solid rgba(196,163,90,.05);border-radius:10px;margin-bottom:8px;background:var(--srf);transition:all .2s var(--ease-out)}.rfi-card:hover{border-color:rgba(196,163,90,.15);box-shadow:0 4px 16px rgba(0,0,0,.04);transform:translateY(-1px)}.rfi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.rfi-title{font-family:var(--sf);font-weight:400;font-size:.82rem;color:var(--navy)}.rfi-id{font-size:.62rem;color:var(--t3);font-family:monospace}.insp-row{display:grid;grid-template-columns:24px 1fr auto auto;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid var(--brd);font-size:.7rem}.insp-check{width:16px;height:16px;accent-color:var(--gold);cursor:pointer}.mtabs{display:flex;gap:3px;border-bottom:none;margin-bottom:14px;padding:3px;background:rgba(196,163,90,.02);border-radius:10px}.mtab{padding:7px 16px;font-size:.62rem;font-weight:500;color:var(--t3);cursor:pointer;border-bottom:none;border-radius:8px;transition:all .2s var(--ease-out)}.mtab:hover{color:var(--navy);background:rgba(196,163,90,.04)}.mtab.on{color:var(--gold);background:rgba(196,163,90,.08);font-weight:600}.role-card{padding:14px 16px;border:1px solid rgba(196,163,90,.06);border-radius:10px;margin-bottom:10px;background:var(--srf);cursor:pointer;transition:all .2s var(--ease-out)}.role-card:hover{border-color:rgba(196,163,90,.2);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.04)}.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px;margin-top:6px}.perm-item{display:flex;align-items:center;gap:6px;font-size:.63rem;padding:3px 6px;border-radius:4px;background:rgba(27,58,92,.02)}.kb{scrollbar-width:thin;scrollbar-color:rgba(196,163,90,.15) transparent}.kb-card{transition:transform .15s,box-shadow .15s}.kb-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.kb-card[draggable]:active{opacity:.6;transform:scale(.97)}.kb-col{transition:border-color .2s,background .2s}.viewer-mode .btn-g,.viewer-mode .btn[onclick],.viewer-mode .kb-card[draggable]{pointer-events:none;opacity:.3;cursor:not-allowed;filter:grayscale(.5)}.viewer-mode .btn-g::after{content:' 🔒';font-size:.55rem}.viewer-mode textarea,.viewer-mode input:not([type=search]){pointer-events:none;opacity:.6}.viewer-mode .sa{opacity:.3;pointer-events:none}.perm-item input{accent-color:var(--gold);width:14px;height:14px}.mp-canvas{background:linear-gradient(135deg,rgba(27,58,92,.03),rgba(196,163,90,.02));border:1px solid var(--brd);border-radius:8px;padding:4px;overflow:hidden}.mp-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.mp-leg-item{display:flex;align-items:center;gap:4px;font-size:.6rem;color:var(--t2)}.mp-leg-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.wa-tab-row{display:flex;gap:5px;margin-bottom:14px;flex-wrap:wrap;padding:3px;background:rgba(196,163,90,.015);border-radius:10px;border:1px solid rgba(196,163,90,.03)}.wa-tab{padding:7px 15px;border-radius:20px;font-size:.6rem;font-weight:500;cursor:pointer;border:1px solid rgba(196,163,90,.1);background:transparent;color:var(--t3);transition:all .2s var(--ease-out);font-family:var(--sn);letter-spacing:.03em}.wa-tab:hover{border-color:rgba(196,163,90,.3);color:var(--gold);background:rgba(196,163,90,.03)}.wa-tab:active{transform:scale(.95);transition:transform .1s}.wa-tab.on{background:rgba(196,163,90,.1);border-color:rgba(196,163,90,.3);color:var(--gold);box-shadow:0 2px 8px rgba(196,163,90,.08)}.wa-chat-grid{display:grid;grid-template-columns:280px 1fr;gap:12px;height:460px}.wa-contact{padding:10px 12px;border-bottom:1px solid var(--brd);cursor:pointer;transition:background .15s}.wa-contact:hover{background:rgba(196,163,90,.03)}.wa-tpl-card{padding:12px;border:1px solid var(--brd);border-radius:8px;cursor:pointer;transition:all .15s}.wa-tpl-card:hover{border-color:#25D366;background:rgba(37,211,102,.02)}.cert-card{padding:14px;border:1px solid var(--brd);border-radius:8px;background:var(--srf);transition:all .2s}.cert-card:hover{border-color:rgba(196,163,90,.3);box-shadow:0 4px 16px rgba(0,0,0,.04)}.cert-org-tag{font-size:.62rem;color:var(--gold);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.st.sg{border-left:3px solid var(--green)}.st.sb{border-left:3px solid var(--blue)}.st.sgr{border-left:3px solid var(--gold)}.st.sa{border-left:3px solid var(--amber)}.st.sr{border-left:3px solid var(--red)}.st.sp{border-left:3px solid var(--purple)}.sb-ft{margin-top:auto;padding:8px 16px;border-top:1px solid rgba(196,163,90,.06);font-size:.62rem;color:rgba(245,240,232,.06);text-align:center}.mn{margin-left:var(--sbw);margin-top:50px;padding:22px 26px;min-height:calc(100vh - 50px);position:relative;z-index:1;background:linear-gradient(180deg,var(--bg,#FAFAF8) 0%,rgba(196,163,90,.01) 100%)}.pn{display:none;animation:pi .4s cubic-bezier(.19,1,.22,1)}.pn.on{display:block}@keyframes pi{from{opacity:0;transform:translateY(14px) scale(.995)}to{opacity:1;transform:none}}@keyframes rvUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rv{opacity:0;animation:rvUp .5s cubic-bezier(.19,1,.22,1) both}.rv-d1{animation-delay:.06s}.rv-d2{animation-delay:.12s}.rv-d3{animation-delay:.18s}.rv-d4{animation-delay:.24s}.sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}.pg-hero{background:linear-gradient(135deg,var(--srf) 0%,rgba(196,163,90,.02) 100%);border:1px solid rgba(196,163,90,.06);border-left:3px solid rgba(196,163,90,.15);border-radius:0 12px 12px 0;padding:20px 24px;margin-bottom:18px;position:relative;z-index:1;overflow:hidden}.pg-hero::before{content:'';position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(rgba(196,163,90,.04),transparent 70%);pointer-events:none}.pg-hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pg-hero-title{font-family:var(--sf);font-size:1.15rem;font-weight:500;color:var(--navy)}.pg-hero-cat{font-family:var(--mn);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:2px}.pg-hero-desc{font-size:.6rem;line-height:1.7;color:var(--t2);max-width:680px;margin-bottom:10px}.pg-hero-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(196,163,90,.04);border-radius:6px;font-size:.62rem}.pg-hero-bar .prog{flex:1;max-width:200px;height:5px}.pg-hero-xp{color:var(--gold);font-weight:600;font-size:.62rem}.pg-hero-streak{color:var(--amber);font-size:.6rem}.sh h2{font-family:var(--sf);font-size:1.2rem;font-weight:300;color:var(--navy);letter-spacing:.02em}.sh .sub{font-size:.48rem;color:rgba(196,163,90,.5);letter-spacing:.22em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.sh .sub::after{content:'';flex:1;max-width:40px;height:1px;background:linear-gradient(90deg,rgba(196,163,90,.15),transparent)}.sa{display:flex;gap:9px;flex-wrap:wrap}.btn{padding:7px 16px;font-family:var(--sn);font-size:.62rem;font-weight:500;border:1px solid rgba(196,163,90,.1);cursor:pointer;transition:all .2s var(--ease-out);letter-spacing:.03em;display:inline-flex;align-items:center;gap:5px;border-radius:20px;background:var(--srf);color:var(--txt)}.btn-g{background:linear-gradient(135deg,var(--gold),var(--gm));color:#fff;border:none;box-shadow:0 2px 10px rgba(196,163,90,.2)}.btn-g:hover{box-shadow:0 4px 16px rgba(196,163,90,.35);transform:translateY(-1px)}.btn-g:active{transform:translateY(0) scale(.97);box-shadow:0 1px 4px rgba(196,163,90,.1);transition:transform .1s}.btn-o{background:rgba(196,163,90,.04);color:var(--gold);border:1px solid rgba(196,163,90,.18);transition:all .2s var(--ease-out)}.btn-o:hover{background:rgba(196,163,90,.06);border-color:var(--gold);transform:translateY(-1px)}.btn-o:active{transform:translateY(0) scale(.97)}.btn-d{background:rgba(198,40,40,.04);color:var(--red);border:1px solid rgba(198,40,40,.08)}.btn-d:hover{background:rgba(198,40,40,.1);border-color:rgba(198,40,40,.2)}.btn-s{padding:5px 11px;font-size:.62rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px}@keyframes stFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes goldPulse{0%,100%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.15);box-shadow:0 0 0 4px rgba(196,163,90,.12)}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.engage-hint{position:fixed;bottom:160px;right:24px;z-index:399;background:rgba(196,163,90,.08);border:1px solid rgba(196,163,90,.15);border-radius:20px;padding:6px 14px;font-size:.58rem;color:var(--gold);opacity:0;transform:translateY(10px);transition:.4s var(--ease-out);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.03em}
.engage-hint.show{opacity:1;transform:translateY(0);pointer-events:auto;cursor:pointer}
.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:goldPulse 2s ease-in-out infinite;flex-shrink:0;display:inline-block}
.rv{opacity:0;animation:rvUp .5s var(--ease-out) both}.d1{animation-delay:.05s}.d2{animation-delay:.1s}.d3{animation-delay:.15s}.d4{animation-delay:.2s}.d5{animation-delay:.25s}.d6{animation-delay:.3s}@keyframes rvUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.rv{animation:none;opacity:1}}.st{background:var(--srf);border:1px solid rgba(196,163,90,.04);border-radius:10px;padding:14px 16px;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}.st:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.04);border-color:rgba(196,163,90,.12)}.st:hover{border-color:rgba(196,163,90,.12);box-shadow:0 2px 12px rgba(0,0,0,.03)}.st::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;border-radius:10px 10px 0 0}.st.sg::before{background:linear-gradient(90deg,var(--gold),rgba(196,163,90,.3))}.st.sg:hover{box-shadow:0 4px 16px rgba(196,163,90,.1)}.st.sb::before{background:linear-gradient(90deg,var(--blue),rgba(21,101,192,.3))}.st.sgr::before{background:linear-gradient(90deg,var(--green),rgba(46,125,50,.3))}.st.sr::before{background:linear-gradient(90deg,#C62828,rgba(198,40,40,.15))}.st.sa::before{background:linear-gradient(90deg,var(--amber),rgba(230,81,0,.15))}.st.sp::before{background:linear-gradient(90deg,var(--purple),rgba(106,27,154,.15))}.st-v{font-family:var(--sf);font-size:1.6rem;font-weight:300;color:var(--navy);line-height:1;letter-spacing:-.03em}.st-l{font-size:.5rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);margin-top:6px}.cd{background:var(--srf);border:1px solid rgba(196,163,90,.05);border-radius:12px;overflow:hidden;margin-bottom:14px;transition:all .25s var(--ease-out)}.cd:hover{border-color:rgba(196,163,90,.14);box-shadow:0 4px 20px rgba(0,0,0,.03)}.cd-h{padding:12px 18px;background:linear-gradient(135deg,rgba(196,163,90,.03),transparent);border-bottom:1px solid rgba(196,163,90,.05);display:flex;align-items:center;justify-content:space-between}.cd-h h3{font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:7px;color:var(--navy);letter-spacing:.01em}.cd-b{padding:16px 18px}.tbl{width:100%;border-collapse:collapse;font-size:.74rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.tbl th{text-align:left;padding:9px 14px;font-size:.5rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(196,163,90,.55);background:transparent;border-bottom:1px solid rgba(196,163,90,.06);white-space:nowrap}.tbl td{padding:10px 14px;border-bottom:1px solid rgba(196,163,90,.03);vertical-align:top}.tbl tr:hover td{background:rgba(196,163,90,.01)}.bdg{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.54rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.bg{background:rgba(46,125,50,.1);color:var(--green)}.br{background:rgba(198,40,40,.07);color:#C62828}.ba{background:rgba(230,81,0,.1);color:var(--amber)}.bb{background:rgba(21,101,192,.07);color:var(--blue)}.by{background:rgba(0,0,0,.035);color:var(--t3)}.bgo{background:rgba(196,163,90,.08);color:var(--gold)}.bn{background:rgba(27,58,92,.07);color:var(--navy)}.bp{background:rgba(106,27,154,.07);color:var(--purple)}.prog{height:3px;background:rgba(196,163,90,.08);border-radius:3px;overflow:hidden}.prog-f{background:linear-gradient(90deg,var(--gold),var(--gl))!important}.prog-f{height:100%;border-radius:3px;transition:width .6s var(--ease-out)}.vc{background:linear-gradient(135deg,var(--srf),rgba(196,163,90,.015));border:1px solid rgba(196,163,90,.05);border-radius:10px;padding:16px 20px;margin-bottom:10px;position:relative;border-left:3px solid var(--gold);transition:all .25s var(--ease-out)}.vc:hover{border-color:rgba(196,163,90,.15);box-shadow:0 4px 16px rgba(0,0,0,.04);transform:translateY(-1px)}.vc.vc-green{border-left-color:var(--green)}.vc.vc-blue{border-left-color:var(--blue)}.vc.vc-amber{border-left-color:var(--amber)}.vc.vc-red{border-left-color:var(--red)}.vc.vc-purple{border-left-color:var(--purple)}.vc h4{font-family:var(--sf);font-size:.92rem;font-weight:400;color:var(--navy);margin-bottom:3px;letter-spacing:.01em}.vc p{font-size:.74rem;color:var(--t2);margin-bottom:3px}.vc .bh{font-size:.65rem;color:var(--gold)}.vc .vc-acts{display:flex;gap:4px;position:absolute;top:10px;right:10px}.vc-edit,.vc-del{background:none;border:none;font-size:.76rem;cursor:pointer;padding:2px 4px;opacity:.3;transition:opacity .15s}.vc-edit:hover,.vc-del:hover{opacity:1}.acc{background:var(--srf);border:1px solid rgba(196,163,90,.05);border-radius:12px;overflow:hidden;margin-bottom:10px;transition:all .2s var(--ease-out)}.acc:hover{border-color:rgba(196,163,90,.12);box-shadow:0 2px 12px rgba(0,0,0,.02)}.acc-h{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;transition:background .1s}.acc-h:hover{background:rgba(196,163,90,.01)}.acc-h h4{font-family:var(--sf);font-size:.85rem;font-weight:400;display:flex;align-items:center;gap:7px;color:var(--navy)}.acc-m{display:flex;align-items:center;gap:8px;font-size:.63rem;color:var(--t3)}.acc-b{border-top:1px solid var(--brd);display:none;padding:12px 16px}.acc-b.open{display:block}.kb{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:6px}.kb-col{background:rgba(196,163,90,.015);border:1px solid rgba(196,163,90,.04);border-radius:10px;padding:8px;min-height:60px}.kb-ch{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t3);margin-bottom:4px;display:flex;justify-content:space-between}.kc{background:var(--srf);border:1px solid rgba(196,163,90,.06);border-radius:8px;padding:8px 10px;margin-bottom:4px;cursor:pointer;font-size:.67rem;transition:all .15s var(--ease-out)}.kc:hover{border-color:rgba(196,163,90,.2);box-shadow:0 2px 8px rgba(0,0,0,.04);transform:translateY(-1px)}.rm{display:grid;grid-template-columns:auto repeat(3,1fr);gap:1px;font-size:.6rem}.rm-c{padding:7px 4px;text-align:center;border-radius:2px;min-height:28px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px}.rm-h{font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--t3);background:none}.rm-ca{background:rgba(198,40,40,.2)}.rm-cm{background:rgba(198,40,40,.1)}.rm-cb{background:rgba(230,81,0,.1)}.rm-aa{background:rgba(198,40,40,.08)}.rm-am{background:rgba(230,81,0,.1)}.rm-ab{background:rgba(230,81,0,.05)}.rm-ma{background:rgba(230,81,0,.06)}.rm-mm{background:rgba(46,125,50,.05)}.rm-mb{background:rgba(46,125,50,.03)}.rm-d{width:5px;height:5px;border-radius:50%;background:var(--navy)}.chb{position:relative;height:170px}.mo{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:200;display:none;align-items:center;justify-content:center;padding:14px;-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2)}.mo.show{display:flex}.modal{background:var(--srf);border:1px solid rgba(196,163,90,.06);border-top:3px solid var(--gold);border-radius:14px;animation:modalSlideUp .3s cubic-bezier(.19,1,.22,1);max-width:560px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 24px 60px rgba(0,0,0,.2)}.modal::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gl),var(--gold));border-radius:16px 16px 0 0}.modal-h{padding:14px 20px 10px;border-bottom:1px solid rgba(196,163,90,.06);display:flex;justify-content:space-between;align-items:center}.modal-h h3{font-size:.95rem;font-weight:600}.mc{font-size:1.2rem;color:var(--t3);cursor:pointer;background:none;border:none;padding:2px 5px}.mc:hover{color:var(--txt)}.modal-b{padding:14px 18px}.modal-w{max-width:720px!important}.emp-prompt{background:var(--cd);border:1px solid var(--brd);border-radius:6px;padding:10px;font-size:.6rem;font-family:monospace;line-height:1.6;max-height:180px;overflow-y:auto;white-space:pre-wrap;cursor:pointer;position:relative}.emp-prompt:hover{border-color:var(--gold)}.emp-prompt::after{content:'📋 Clique para copiar';position:absolute;top:4px;right:6px;font-size:.6rem;background:var(--gold);color:#fff;padding:2px 6px;border-radius:3px;font-family:var(--sn)}.emp-json-area{font-family:monospace;font-size:.6rem;line-height:1.5;background:var(--cd);border:1px solid var(--brd);border-radius:6px}.fld{margin-bottom:8px}.fld label{display:block;font-size:.52rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(196,163,90,.5);margin-bottom:4px}.fld input,.fld select,.fld textarea{width:100%;padding:10px 16px;border:1px solid rgba(196,163,90,.08);border-radius:10px;font-family:var(--sn);font-size:.76rem;outline:none;background:var(--srf);transition:border-color .15s}.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:rgba(196,163,90,.35)}.fld textarea{resize:vertical;min-height:55px}.fr{display:grid;grid-template-columns:1fr 1fr;gap:6px}.toast{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:8px 20px;border-radius:6px;font-size:.74rem;z-index:9999;opacity:0;transition:opacity .3s;pointer-events:none}.toast.show{opacity:1}.ai-fab{position:fixed;bottom:16px;right:16px;width:44px;height:44px;border-radius:50%;background:var(--navy);border:2px solid rgba(196,163,90,.2);color:var(--gold);font-size:1.1rem;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:99;box-shadow:0 4px 16px rgba(0,0,0,.15)}.ai-fab:hover{background:var(--nl)}@media(max-width:860px){:root{--sbw:0px}.sb{display:none}.topbar{left:0}.mob-tabs{display:flex;position:fixed;bottom:26px;left:0;right:0;background:var(--nd);border-top:1px solid rgba(196,163,90,.06);z-index:100;overflow-x:auto;padding:1px 0}.mt{display:flex;flex-direction:column;align-items:center;padding:4px 0;min-width:48px;flex:1;font-size:.6rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:rgba(232,228,220,.2);cursor:pointer}.mt.on{color:var(--gold)}.mt .ic{font-size:.8rem}.mn{padding:12px 10px;padding-bottom:55px}.stats{grid-template-columns:repeat(2,1fr)}.pg{grid-template-columns:1fr}}@media(min-width:861px){.mob-tabs{display:none}}.crm-tabs{display:flex;gap:3px;padding:4px;background:rgba(196,163,90,.02);border:1px solid rgba(196,163,90,.05);border-radius:12px;margin:12px 0;overflow-x:auto}.crmtb{padding:8px 16px;font-size:.55rem;border-radius:9px;cursor:pointer;white-space:nowrap;transition:all .2s var(--ease-out);color:var(--t3);display:flex;align-items:center;gap:5px;font-weight:500;letter-spacing:.06em}.crmtb:hover{background:rgba(196,163,90,.08);color:var(--t2)}.crmtb.active{background:rgba(196,163,90,.1);color:var(--gold);font-weight:600;box-shadow:0 2px 8px rgba(196,163,90,.1)}.crmtb-ct{background:rgba(196,163,90,.15);padding:1px 6px;border-radius:8px;font-size:.6rem;font-weight:600}.crm-card{transition:all .15s;cursor:pointer}.crm-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.crm-card-actions{display:flex;gap:4px;margin-top:6px;padding-top:4px;border-top:1px solid rgba(196,163,90,.06)}.crm-card-actions button{flex:1;padding:4px 0;border:none;background:rgba(196,163,90,.04);border-radius:6px;cursor:pointer;font-size:.6rem;transition:all .15s var(--ease-out)}.crm-card-actions button:hover{background:rgba(196,163,90,.12);transform:translateY(-1px)}.crm-score{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:18px;border-radius:9px;font-size:.6rem;font-weight:700;color:#fff;padding:0 4px}.crm-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:20px;border-radius:10px;font-size:.62rem;font-weight:700;color:#fff;padding:0 6px}.crm-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.crm-score-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(196,163,90,.04)}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti-piece{position:fixed;width:8px;height:8px;top:-10px;z-index:9999;animation:confetti-fall 2.5s ease-out forwards}.cmd-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9998;display:none;align-items:flex-start;justify-content:center;padding-top:15vh;-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3)}.cmd-overlay.show{display:flex}.cmd-box{background:var(--srf);border:1px solid rgba(196,163,90,.15);border-radius:16px;width:560px;max-width:92vw;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden}.cmd-input{width:100%;padding:16px 22px;border:none;font-size:.85rem;font-family:var(--sn);background:transparent;color:var(--tx);outline:none;letter-spacing:.01em}.cmd-results{max-height:320px;overflow-y:auto;border-top:1px solid var(--brd)}.cmd-item{padding:12px 20px;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:.7rem;transition:all .15s var(--ease-out)}.cmd-item:hover,.cmd-item.active{background:rgba(196,163,90,.06)}.cmd-item .cmd-ic{font-size:1rem;width:24px;text-align:center}.cmd-item .cmd-t{font-weight:500}.cmd-item .cmd-s{font-size:.6rem;color:var(--t3)}.cmd-kbd{font-size:.6rem;color:var(--t3);padding:6px 18px;border-top:1px solid var(--brd);display:flex;gap:12px}.cmd-kbd kbd{background:rgba(0,0,0,.05);padding:1px 5px;border-radius:3px;font-family:var(--mn)}.pg-fade{opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}.pg-fade.in{opacity:1;transform:translateY(0)}:root{--dm:0}body.fiscal-mode .gm-ticker{display:none!important}
/* H35.19: Fiscal mode — hide create/AI/edit buttons, fix overlap */
body.fiscal-mode .btn-g,body.fiscal-mode .btn-o,body.fiscal-mode .btn-r,body.fiscal-mode .btn-d{display:none!important}
body.fiscal-mode .ai-fab{display:none!important}
body.fiscal-mode .wa3-add-contact-fab{display:none!important}
body.fiscal-mode .wa-tab[onclick*="agent"]{display:none!important}
body.fiscal-mode .kc[onclick*="add"]{display:none!important}
body.fiscal-mode .kc[onclick*="agent"]{display:none!important}
body.fiscal-mode .kc[onclick*="IA"]{display:none!important}
body.fiscal-mode .kc[onclick*="🤖"]{display:none!important}
body.fiscal-mode .sa{display:none!important}
body.fiscal-mode [onclick*="openMo"]{pointer-events:none!important;opacity:.3!important}
body.fiscal-mode [onclick*="addPhase"]{display:none!important}
body.fiscal-mode [onclick*="addTask"]{display:none!important}
body.fiscal-mode [onclick*="addMilestone"]{display:none!important}
body.fiscal-mode [onclick*="addDOB"]{display:none!important}
body.fiscal-mode [onclick*="addMedicao"]{display:none!important}
body.fiscal-mode [onclick*="addObraDoc"]{display:none!important}
body.fiscal-mode [onclick*="editPhase"]{display:none!important}
body.fiscal-mode [onclick*="editTask"]{display:none!important}
body.fiscal-mode [onclick*="cycleTask"]{pointer-events:none!important}
body.fiscal-mode #tbTestBtn{display:none!important}
body.fiscal-mode #tbGDrive{display:none!important}
/* H35.19: Fix button overlap globally */
.wa-tab-row{flex-wrap:wrap!important;gap:4px!important}.pg-hero .btn{white-space:nowrap;font-size:.58rem!important;padding:6px 12px!important}.gm-ticker{position:fixed;bottom:0;left:0;right:0;height:26px;background:rgba(10,22,40,.95);border-top:1px solid rgba(196,163,90,.06);z-index:90;overflow:hidden;backdrop-filter:blur(10px);display:flex;align-items:center}.gm-ticker-inner{display:flex;align-items:center;white-space:nowrap;animation:gmTick 45s linear infinite}.gm-ticker-inner span{font-size:.6rem;color:rgba(245,240,232,.3);padding:0 20px;letter-spacing:.05em}.gm-ticker-inner span.gm-gold{color:rgba(196,163,90,.5)}.gm-ticker-inner span b{color:var(--gold);font-weight:500}@keyframes gmTick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}[data-tip]{position:relative}[data-tip]:hover::after{content:attr(data-tip);position:absolute;bottom:calc(100%+6px);left:50%;transform:translateX(-50%);padding:6px 10px;background:rgba(10,22,40,.95);color:#F5F0E8;font-size:.6rem;line-height:1.5;border-radius:4px;white-space:normal;max-width:250px;z-index:9999;border:1px solid rgba(196,163,90,.1);pointer-events:none}.isr{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:rgba(27,58,92,.06);outline:none;transition:all .2s;cursor:pointer}.isr::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gold);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:transform .15s}.isr::-webkit-slider-thumb:hover{transform:scale(1.2)}.isr::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gold);cursor:pointer;border:none}.ph-help-btn{padding:8px 14px;background:transparent;border:1px solid rgba(196,163,90,.04);border-radius:8px;cursor:pointer;transition:all .2s var(--ease-out);margin-top:10px}.ph-help-btn:hover{background:rgba(196,163,90,.02);border-color:rgba(196,163,90,.1)}.ph-help-body{display:none;margin-top:8px;font-size:.65rem;color:var(--t3);line-height:1.8;padding:10px 0;border-top:1px solid rgba(196,163,90,.04)}.ph-help-btn.open+.ph-help-body{display:block}.insight-feed{display:flex;gap:8px;overflow-x:auto;padding:6px 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.insight-feed::-webkit-scrollbar{display:none}.insight-card{min-width:240px;max-width:280px;padding:16px;border:1px solid rgba(196,163,90,.06);border-radius:10px;flex-shrink:0;scroll-snap-align:start;cursor:pointer;transition:all .25s var(--ease-out)}.insight-card:hover{border-color:rgba(196,163,90,.15);background:rgba(196,163,90,.02);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.04)}.save-ind{position:fixed;top:8px;right:80px;z-index:9998;font-size:.58rem;padding:4px 12px;border-radius:20px;opacity:0;transition:all .3s var(--ease-out);pointer-events:none;letter-spacing:.03em}.save-ind.saving{opacity:1;background:rgba(196,163,90,.15);color:var(--gold)}.save-ind.saved{opacity:1;background:rgba(46,125,50,.15);color:#4caf50}.proj-switch{position:relative;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.proj-switch:hover{background:rgba(196,163,90,.08)}.proj-switch-dd{display:none;position:absolute;top:100%;left:0;min-width:280px;background:var(--srf);border:1px solid rgba(196,163,90,.12);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.4);z-index:9990;max-height:400px;overflow:auto;margin-top:4px}.proj-switch-dd.open{display:block}.proj-switch-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid rgba(196,163,90,.04);transition:background .1s;display:flex;align-items:center;gap:8px}.proj-switch-item:hover{background:rgba(196,163,90,.06)}.proj-switch-item.active{background:rgba(196,163,90,.08);border-left:3px solid var(--gold)}.fld label .req,.req-star{color:#e74c3c;font-weight:700;margin-left:2px}input:required,textarea:required,select:required{border-left:3px solid rgba(196,163,90,.3)}.tb th.sortable{cursor:pointer;user-select:none;position:relative;padding-right:16px}.tb th.sortable:hover{color:var(--gold)}.tb th.sortable::after{content:'⇅';position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:.62rem;opacity:.3}.tb th.sortable.asc::after{content:'▲';opacity:.7;color:var(--gold)}.tb th.sortable.desc::after{content:'▼';opacity:.7;color:var(--gold)}.sb-toggle{position:absolute;top:12px;right:-12px;width:24px;height:24px;background:var(--srf);border:1px solid rgba(196,163,90,.12);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--gold);z-index:10;transition:all .15s;box-shadow:0 2px 8px rgba(0,0,0,.3)}.sb-toggle:hover{background:rgba(196,163,90,.1);transform:scale(1.1)}.sidebar.collapsed{width:0 !important;padding:0 !important;overflow:hidden}.sidebar.collapsed+.main{margin-left:0 !important}.breadcrumb{display:flex;align-items:center;gap:4px;font-size:.6rem;color:var(--t3);padding:0 0 8px;flex-wrap:wrap;position:relative;z-index:1}.breadcrumb a{color:rgba(196,163,90,.5);text-decoration:none;cursor:pointer;transition:color .15s}.breadcrumb a:hover{color:var(--gold)}.breadcrumb .sep{color:rgba(196,163,90,.2);margin:0 2px}@media(max-width:1024px){.sidebar{width:200px !important}.main{margin-left:200px !important}.stats{grid-template-columns:repeat(3,1fr) !important}.pc-g{grid-template-columns:repeat(2,1fr) !important}}@media(max-width:768px){.sidebar{position:fixed;left:-260px;width:250px !important;transition:left .3s;z-index:9000}.sidebar.sb-open{left:0}.main{margin-left:0 !important}.stats{grid-template-columns:repeat(2,1fr) !important}.pc-g{grid-template-columns:1fr 1fr !important}.fr{flex-direction:column !important}.tb{font-size:.6rem !important}.pg{grid-template-columns:1fr !important}.mob-hamburger{display:flex !important}.topbar .tb-proj{font-size:.65rem !important}}@media(max-width:480px){.stats{grid-template-columns:1fr !important}.pc{min-width:auto !important}.modal{width:95vw !important;max-width:95vw !important;margin:10px !important}.auth-card{width:92vw !important;padding:20px !important}.sh h2{font-size:1rem !important}.cd-b{padding:10px !important}}.mob-hamburger{display:none;position:fixed;top:10px;left:10px;z-index:9001;width:36px;height:36px;background:var(--srf);border:1px solid rgba(196,163,90,.15);border-radius:8px;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;box-shadow:0 2px 8px rgba(0,0,0,.3)}.mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:8999}.mob-overlay.active{display:block}.notif-bell{position:relative;cursor:pointer;padding:4px;font-size:1rem;transition:transform .15s}.notif-bell:hover{transform:scale(1.15)}.notif-badge{position:absolute;top:-2px;right:-4px;min-width:14px;height:14px;background:var(--red,#e74c3c);color:#fff;font-size:.62rem;font-weight:700;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 3px}.notif-dd{display:none;position:absolute;top:100%;right:0;width:340px;max-height:420px;overflow:auto;background:rgba(15,36,64,.96);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(196,163,90,.12);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.5);z-index:9990;margin-top:8px}.notif-dd.open{display:block}.notif-item{padding:12px 14px;border-bottom:1px solid rgba(196,163,90,.04);cursor:pointer;transition:background .1s;font-size:.65rem}.notif-item:hover{background:rgba(196,163,90,.04)}.notif-item.unread{border-left:3px solid var(--gold)}.notif-time{font-size:.62rem;color:var(--t3);margin-top:3px}body.light-mode{--navy:#1B3A5C;--nd:#EDF2F7;--deep:#F7FAFC;--srf:#FFFFFF;--cd:#F7FAFC;--brd:rgba(27,58,92,.08);--txt:#1A202C;--t2:#4A5568;--t3:#718096;--gold:#8C6B2E;--gl:#B89D5E;--gm:#7A5620;--cl:rgba(27,58,92,.03);--bg:#F8F7F4;--cream:#1A202C;--accent:var(--navy);--t1:var(--txt)}
body.light-mode .auth{background:linear-gradient(160deg,#E8E4DB,#F5F0E8 40%,#EDF2F7 65%,#F0F4F8)}
body.light-mode .sidebar,body.light-mode .sb{background:linear-gradient(180deg,#FAF7F2,#F0EDE5) !important;border-right:1px solid rgba(27,58,92,.08) !important}
body.light-mode .sb .si{color:#4A5568 !important}
body.light-mode .sb .si:hover{color:var(--navy) !important;background:rgba(27,58,92,.04) !important}
body.light-mode .sb .si.on{color:var(--navy) !important;background:rgba(27,58,92,.06) !important;border-left-color:var(--navy) !important;font-weight:600}
body.light-mode .sb-sec{color:#4A5568 !important;border-top-color:rgba(27,58,92,.06) !important}
body.light-mode .sb-sec:hover{color:var(--navy) !important;background:rgba(27,58,92,.03) !important}
body.light-mode .sb-sec-ic{filter:none !important;opacity:.8 !important}
body.light-mode .sb-logo{color:var(--navy) !important;border-bottom-color:rgba(27,58,92,.08) !important}
body.light-mode .sb-sub{color:#718096 !important}
body.light-mode .sb-ft{color:#A0AEC0 !important;border-top-color:rgba(27,58,92,.06) !important}
body.light-mode .sb-collapse-btn{color:#718096 !important;border-top-color:rgba(27,58,92,.06) !important}
body.light-mode .topbar{background:linear-gradient(180deg,#FAF7F2 0%,#F0EDE5 100%) !important;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid rgba(27,58,92,.12) !important;box-shadow:0 1px 3px rgba(27,58,92,.04)}
body.light-mode .tb-n,body.light-mode .tb-l span{color:var(--navy,#1B3A5C) !important}
body.light-mode .tb-back{color:var(--navy,#1B3A5C) !important}
body.light-mode .topbar .tb-r *{color:#2D3748}
body.light-mode .tb-n{color:#2D3748 !important}
body.light-mode .tb-back{color:#4A5568 !important}
body.light-mode .tb-back:hover{color:var(--navy) !important}
body.light-mode .ww{color:#718096 !important;border-color:rgba(27,58,92,.08) !important}
body.light-mode .tb-out{color:#4A5568 !important;border-color:rgba(27,58,92,.1) !important}
body.light-mode .tb-out:hover{color:var(--navy) !important;border-color:var(--navy) !important}
body.light-mode .mn{background:linear-gradient(180deg,#F8F7F4 0%,rgba(27,58,92,.01) 100%) !important}
body.light-mode .cd{background:#fff;border-color:rgba(27,58,92,.06);box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.02)}
body.light-mode .cd:hover{box-shadow:0 2px 8px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.04);border-color:rgba(27,58,92,.12)}
body.light-mode .cd-h{background:linear-gradient(135deg,rgba(27,58,92,.02),rgba(196,163,90,.02))}
body.light-mode .cd-h h3{color:#1A202C !important}
body.light-mode .st{background:#fff;border-color:rgba(27,58,92,.06);box-shadow:0 1px 4px rgba(0,0,0,.03)}
body.light-mode .st:hover{box-shadow:0 2px 8px rgba(0,0,0,.06);border-color:rgba(27,58,92,.12)}
body.light-mode .st-v{color:#1A202C !important}
body.light-mode .st-l{color:#718096 !important}
body.light-mode .kpi-row>div{background:#fff;border:1px solid rgba(27,58,92,.06);box-shadow:0 1px 4px rgba(0,0,0,.03)}
body.light-mode .kpi-row>div:hover{box-shadow:0 2px 8px rgba(0,0,0,.06);border-color:rgba(154,123,46,.25);transform:translateY(-1px)}
body.light-mode .pg-hero{background:linear-gradient(135deg,#fff,rgba(27,58,92,.02));border-color:rgba(27,58,92,.08);border-left-color:rgba(27,58,92,.2)}
body.light-mode .pg-hero-title{color:#1A202C !important}
body.light-mode .pg-hero-cat{color:var(--navy) !important}
body.light-mode .pg-hero-desc{color:#4A5568 !important}
body.light-mode .sh h2{color:#1A202C !important}
body.light-mode .tbl th{background:linear-gradient(135deg,rgba(27,58,92,.04),rgba(27,58,92,.02)) !important;color:#4A5568 !important;border-bottom-color:rgba(27,58,92,.08) !important}
body.light-mode .tbl td{color:#2D3748 !important;border-bottom-color:rgba(27,58,92,.04) !important}
body.light-mode .tbl tr:hover td{background:rgba(27,58,92,.02) !important}
body.light-mode .vc{background:linear-gradient(135deg,#fff,rgba(27,58,92,.01));border-color:rgba(27,58,92,.06)}
body.light-mode .vc h4{color:#1A202C !important}
body.light-mode .vc p{color:#4A5568 !important}
body.light-mode .acc-h h4{color:#1A202C !important}
body.light-mode .fld label{color:#4A5568 !important}
/* CVO 13/06: contraste do "novo contato" e de todo .fld — texto SEMPRE legível. No light-mode o input
   tinha fundo branco SEM color explícito -> herdava creme/amarelo = ilegível. */
.fld input,.fld select,.fld textarea{color:var(--txt) !important}
.fld input::placeholder,.fld textarea::placeholder{color:var(--t3) !important;opacity:1}
body.light-mode .fld input,body.light-mode .fld select,body.light-mode .fld textarea{background:#FFFFFF !important;color:#1A202C !important;border-color:rgba(27,58,92,.18) !important}
body.light-mode .fld input::placeholder,body.light-mode .fld textarea::placeholder{color:#94A3B8 !important}
body.light-mode .fld select option{background:#FFFFFF;color:#1A202C}
body.light-mode .fld input,body.light-mode .fld select,body.light-mode .fld textarea{background:#FAFAF8 !important;border-color:rgba(27,58,92,.12) !important;color:#1A202C !important}
body.light-mode .fld input:focus,body.light-mode .fld select:focus,body.light-mode .fld textarea:focus{border-color:rgba(154,123,46,.5) !important;box-shadow:0 0 0 3px rgba(154,123,46,.08) !important}
body.light-mode .wa-tab-row{background:rgba(27,58,92,.015) !important;border-color:rgba(27,58,92,.04) !important}
body.light-mode .wa-tab{color:#4A5568 !important;border-color:rgba(27,58,92,.08) !important}
body.light-mode .wa-tab.on{background:rgba(27,58,92,.06) !important;color:var(--navy) !important;border-color:rgba(27,58,92,.15) !important}
body.light-mode .wa-tab:hover:not(.on){color:var(--navy) !important;background:rgba(27,58,92,.02) !important}
body.light-mode .pc{background:linear-gradient(135deg,#fff,rgba(27,58,92,.01)) !important;border-color:rgba(27,58,92,.08) !important}
body.light-mode .pc:hover{border-color:rgba(154,123,46,.3) !important;box-shadow:0 8px 32px rgba(0,0,0,.08) !important}
body.light-mode .pc-n{color:#1A202C !important}
body.light-mode .pc-l{color:#718096 !important}
body.light-mode .pc-sv{color:#1A202C !important}
body.light-mode .pc-sl{color:#718096 !important}
body.light-mode .modal{background:rgba(255,255,255,.98);box-shadow:0 24px 60px rgba(0,0,0,.12)}
body.light-mode .modal-h h3{color:#1A202C !important}
body.light-mode .modal-b{color:#1A202C}
.sc-msg{color:var(--t1)}
body.light-mode .sc-msg{color:#1A202C}
[data-theme="dark"] .sc-msg{color:#F5F0E8}
body.light-mode .mo{background:rgba(0,0,0,.3)}
body.light-mode .toast{background:rgba(27,58,92,.92)}
body.light-mode .btn{background:#fff;color:#2D3748;border-color:rgba(27,58,92,.1)}
body.light-mode .btn-o{background:rgba(154,123,46,.04);color:#7A5620;border-color:rgba(154,123,46,.2)}
body.light-mode .btn-g{color:#fff}
body.light-mode .cmd-box{background:#fff;border-color:rgba(27,58,92,.1)}
body.light-mode .cmd-input{color:#1A202C !important}
body.light-mode .cmd-item:hover,.cmd-item.active{background:rgba(27,58,92,.04)}
body.light-mode .notif-dd{background:rgba(255,255,255,.97) !important;border-color:rgba(27,58,92,.1) !important}
body.light-mode .notif-item{color:#2D3748 !important}
body.light-mode .proj-switch-dd{background:#fff !important;border-color:rgba(27,58,92,.1) !important;box-shadow:0 8px 32px rgba(0,0,0,.1) !important}
body.light-mode .proj-switch-item{color:#2D3748 !important;border-bottom-color:rgba(27,58,92,.04) !important}
body.light-mode .proj-switch-item:hover{background:rgba(27,58,92,.03) !important}
body.light-mode .gm-ticker{background:rgba(27,58,92,.04) !important;border-top-color:rgba(27,58,92,.06) !important}
body.light-mode .gm-ticker-inner span{color:#718096 !important}
body.light-mode .gm-ticker-inner span b{color:var(--navy) !important}
body.light-mode .kb-col{background:rgba(27,58,92,.015) !important;border-color:rgba(27,58,92,.04) !important}
body.light-mode .kc{background:#fff !important;border-color:rgba(27,58,92,.06) !important;color:#2D3748 !important}
body.light-mode .crmtb{color:#4A5568 !important}
body.light-mode .crmtb.active{color:var(--navy) !important;background:rgba(27,58,92,.06) !important}
body.light-mode .breadcrumb{color:#718096 !important}
body.light-mode .breadcrumb a{color:#4A5568 !important}
body.light-mode .breadcrumb a:hover{color:var(--navy) !important}
body.light-mode .insight-card{background:#fff !important;border-color:rgba(27,58,92,.06) !important}
body.light-mode .insight-card:hover{border-color:rgba(154,123,46,.2) !important;background:rgba(27,58,92,.01) !important}
body.light-mode .ps-body .ps-title{color:#1A202C !important}
body.light-mode .ps-sub{color:#718096 !important}
body.light-mode .rfi-card{background:#fff !important;border-color:rgba(27,58,92,.06) !important}
body.light-mode .rfi-title{color:#1A202C !important}
body.light-mode .mtab{color:#4A5568 !important}
body.light-mode .mtab.on{color:var(--navy) !important;background:rgba(27,58,92,.06) !important}
body.light-mode .role-card{background:#fff !important;border-color:rgba(27,58,92,.06) !important}
body.light-mode [data-tip]:hover::after{background:#1A202C !important;color:#F5F0E8 !important}.fld input:invalid:not(:placeholder-shown){border-color:rgba(231,76,60,.4);background:rgba(231,76,60,.03)}.fld input:valid:not(:placeholder-shown){border-color:rgba(46,125,50,.2)}.fld .validation-msg{font-size:.62rem;color:#e74c3c;margin-top:2px;display:none}.fld input:invalid:not(:placeholder-shown)~.validation-msg{display:block}.offline-bar{position:fixed;top:0;left:0;right:0;z-index:2000;background:linear-gradient(90deg,#e74c3c,#c0392b);color:#fff;text-align:center;padding:6px;font-size:.65rem;font-weight:600;transform:translateY(-100%);transition:transform .3s;letter-spacing:.05em}.offline-bar.visible{transform:translateY(0)}.topbar{border-bottom-color:var(--proj-accent,rgba(196,163,90,.08)) !important}.sb-a{border-left-color:var(--proj-accent,var(--gold)) !important}
/* PWA v14 Dopamine Layer */
@keyframes pulseDot{0%,100%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 0 3px rgba(196,163,90,.1)}}
@keyframes rewardFloat{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-30px) scale(1.2)}100%{opacity:0;transform:translateY(-60px) scale(.6)}}
@keyframes streakPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes shimmerSlide{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}
.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulseDot 2s ease-in-out infinite;flex-shrink:0}
.reward-particle{position:fixed;pointer-events:none;z-index:9000;font-size:1.2rem;animation:rewardFloat 1.2s ease-out forwards}
.streak-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:rgba(196,163,90,.06);border-radius:20px;font-size:.6rem}
.streak-num{font-family:var(--sf);font-weight:600;color:var(--gold);animation:streakPulse 2s ease infinite}

@keyframes modalSlideUp{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}

/* ═══ WCAG 2.1 AA — Focus Visible ═══ */
*:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

*:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}
.btn:focus-visible,.si:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
[role="dialog"]:focus{outline:none}
.skip-link{position:absolute;top:-40px;left:0;background:var(--gold);color:#fff;padding:8px 16px;z-index:2000;font-size:.7rem;transition:top .2s}
.skip-link:focus{top:0}

/* ═══ DESIGN SYSTEM v2 — Typography + Spacing Tokens ═══ */
:root{
  --fs-2xl:1.4rem;
  --fs-overline:.48rem;
  --fs-caption:.55rem;
  --fs-body:.7rem;
  --fs-label:.6rem;
  --lh-tight:1.1;
  --lh-snug:1.3;
  --lh-normal:1.5;
  --lh-relaxed:1.7;
  --ls-tight:-.02em;
  --ls-normal:.01em;
  --ls-wide:.08em;
  --ls-overline:.14em;
  --fw-light:300;
  --fw-normal:400;
  --fw-medium:500;
  --fw-semibold:600;
  --fw-bold:700;
  --r-sm:6px;
  --r-md:10px;
  --r-lg:14px;
  --r-xl:20px;
  --r-full:9999px
}

/* ── Typography Scale Applied ── */
.sh h2{font-family:var(--sf);font-size:var(--fs-xl);font-weight:var(--fw-light);line-height:var(--lh-snug);letter-spacing:var(--ls-normal)}
.cd-h h3{font-size:var(--fs-md);font-weight:var(--fw-medium);line-height:var(--lh-snug);letter-spacing:var(--ls-normal)}
.vc h4{font-family:var(--sf);font-size:var(--fs-lg);font-weight:var(--fw-normal);line-height:var(--lh-snug)}
.acc-h h4{font-family:var(--sf);font-size:var(--fs-md);font-weight:var(--fw-normal);line-height:var(--lh-snug)}
.st-v{font-family:var(--sf);font-size:var(--fs-2xl);font-weight:var(--fw-light);line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}
.st-l{font-size:var(--fs-overline);font-weight:var(--fw-medium);letter-spacing:var(--ls-overline);text-transform:uppercase;margin-top:var(--sp-2)}
.tbl{font-size:var(--fs-body)}
.tbl th{font-size:var(--fs-overline);font-weight:var(--fw-semibold);letter-spacing:var(--ls-overline);text-transform:uppercase;padding:var(--sp-2) var(--sp-3)}
.tbl td{padding:var(--sp-3) var(--sp-3)}
.fld label{font-size:var(--fs-overline);font-weight:var(--fw-semibold);letter-spacing:var(--ls-overline);text-transform:uppercase;margin-bottom:var(--sp-1)}
.fld input,.fld select,.fld textarea{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-family:var(--sn);font-size:var(--fs-body)}
.btn{font-size:var(--fs-label);font-weight:var(--fw-medium);letter-spacing:.03em;border-radius:var(--r-xl);padding:7px var(--sp-4)}
.btn-s{padding:5px 11px;font-size:var(--fs-label)}
.bdg{font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;border-radius:var(--r-full);padding:3px var(--sp-3)}
.kc{font-size:var(--fs-body);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm)}
.kb-ch{font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase}
.breadcrumb{font-size:var(--fs-label);padding:0 0 var(--sp-2)}
.toast{font-size:var(--fs-body);padding:var(--sp-2) var(--sp-6);border-radius:var(--r-sm)}
.modal-h h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}
.modal-b{padding:var(--sp-4) var(--sp-4)}
.cmd-item{font-size:var(--fs-body);padding:var(--sp-3) var(--sp-6)}
.cmd-item .cmd-s{font-size:var(--fs-label)}

/* ── Spacing Applied ── */
.cd{border-radius:var(--r-lg);margin-bottom:var(--sp-4)}
.cd-h{padding:var(--sp-3) var(--sp-4)}
.cd-b{padding:var(--sp-4) var(--sp-4)}
.vc{border-radius:var(--r-md);padding:var(--sp-4) var(--sp-6);margin-bottom:var(--sp-3)}
.acc{border-radius:var(--r-lg);margin-bottom:var(--sp-3)}
.acc-h{padding:var(--sp-3) var(--sp-4)}
.acc-b{padding:var(--sp-3) var(--sp-4)}
.stats{gap:var(--sp-3);margin-bottom:var(--sp-4)}
.st{padding:var(--sp-4);border-radius:var(--r-md)}
.fld{margin-bottom:var(--sp-2)}
.fr{gap:var(--sp-2)}
.mn{padding:var(--sp-6) var(--sp-6);margin-top:50px}
.sh{margin-bottom:var(--sp-4)}
.wa-tab-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:var(--sp-4);padding:3px;border-radius:var(--r-md);overflow:visible}
.wa-tab{padding:7px 15px;border-radius:var(--r-full);white-space:nowrap;font-size:12.5px}
.bo-tab-groups{margin-bottom:var(--sp-3);display:flex;flex-direction:column;gap:2px}
.bo-tab-group{border:1px solid rgba(196,163,90,.08);border-radius:var(--r-sm);overflow:hidden;transition:border-color .25s}
.bo-tab-group.active-group{border-color:rgba(196,163,90,.2)}
.bo-tab-group-label{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--gold);padding:8px 12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:rgba(196,163,90,.03);transition:background .2s;user-select:none}
.bo-tab-group-label:hover{background:rgba(196,163,90,.07)}
.bo-tab-group-label .bo-chev{font-size:9px;transition:transform .25s;opacity:.5}
.bo-tab-group.open .bo-chev{transform:rotate(90deg)}
.bo-tab-group .bo-tab-inner{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 6px}
.bo-tab-group.open .bo-tab-inner{max-height:400px;padding:4px 6px 8px}
.bo-icon-bar{display:flex;flex-wrap:wrap;gap:3px;padding:3px 0;margin-bottom:8px;border-bottom:1px solid rgba(196,163,90,.1)}
.bo-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);cursor:pointer;font-size:15px;transition:all .2s;border:1px solid transparent;position:relative}
.bo-icon-btn:hover{background:rgba(196,163,90,.08);border-color:rgba(196,163,90,.15);transform:translateY(-1px)}
.bo-icon-btn.on{background:rgba(27,58,92,.08);border-color:rgba(27,58,92,.2);box-shadow:0 2px 6px rgba(27,58,92,.12)}
.bo-icon-btn .bo-tip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;font-size:10px;padding:3px 8px;border-radius:4px;white-space:nowrap;z-index:99;pointer-events:none}
.bo-icon-btn:hover .bo-tip{display:block}
.sb-bo-wrap{margin-left:0;overflow:hidden;transition:max-height .3s ease}
.sb-bo-wrap.collapsed{max-height:0!important}
.sb-bo-grp{padding:0 0 0 8px}
.sb-bo-grp-hd{display:flex;align-items:center;gap:5px;padding:5px 10px 5px 18px;font-size:.58rem;color:rgba(196,163,90,.6);cursor:pointer;transition:color .2s,background .15s;border-left:2px solid transparent}
.sb-bo-grp-hd:hover{color:var(--gold);background:rgba(196,163,90,.04)}
.sb-bo-grp-hd.open{color:var(--gold);border-left-color:rgba(196,163,90,.3)}
.sb-bo-grp-hd .sb-bo-chev{font-size:.5rem;transition:transform .2s;margin-left:auto}
.sb-bo-grp-hd.open .sb-bo-chev{transform:rotate(90deg)}
.sb-bo-tabs{max-height:0;overflow:hidden;transition:max-height .25s ease}
.sb-bo-grp-hd.open+.sb-bo-tabs{max-height:300px}
.sb-bo-tab{display:flex;align-items:center;gap:5px;padding:4px 10px 4px 28px;font-size:.57rem;color:var(--t3);cursor:pointer;transition:all .15s}
.sb-bo-tab:hover{color:var(--cream);background:rgba(196,163,90,.06)}
.sb-bo-tab.active{color:var(--gold);background:rgba(196,163,90,.08);font-weight:500}
.sb-bo-tab .ic{font-size:.65rem}
/* v19.56 MENU-REDESIGN Phase 1: depth, hover refinement, cascading */
@keyframes sbSlideIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.sb-grp:not(.collapsed)>.si{animation:sbSlideIn .25s ease both}
.sb-grp:not(.collapsed)>.si:nth-child(1){animation-delay:0s}
.sb-grp:not(.collapsed)>.si:nth-child(2){animation-delay:.03s}
.sb-grp:not(.collapsed)>.si:nth-child(3){animation-delay:.06s}
.sb-grp:not(.collapsed)>.si:nth-child(4){animation-delay:.09s}
.sb-grp:not(.collapsed)>.si:nth-child(5){animation-delay:.12s}
.sb-grp:not(.collapsed)>.si:nth-child(6){animation-delay:.15s}
.sb-grp:not(.collapsed)>.si:nth-child(7){animation-delay:.18s}
.sb-grp:not(.collapsed)>.si:nth-child(8){animation-delay:.21s}
.sb-grp:not(.collapsed)>.si:nth-child(n+9){animation-delay:.24s}
.si:hover{box-shadow:0 1px 6px rgba(196,163,90,.06);background:linear-gradient(90deg,rgba(196,163,90,.04),transparent)!important}
.si.on{box-shadow:inset 0 0 12px rgba(196,163,90,.04),0 1px 8px rgba(196,163,90,.08);background:linear-gradient(90deg,rgba(196,163,90,.08),rgba(196,163,90,.02))!important}
.sb-sec{background:linear-gradient(90deg,rgba(196,163,90,.02),transparent);border-radius:4px 6px 6px 4px;margin:8px 4px 0;padding:11px 12px 8px}
.sb-sec:hover{background:linear-gradient(90deg,rgba(196,163,90,.08),rgba(196,163,90,.02));box-shadow:0 1px 4px rgba(0,0,0,.08)}
.sb-sec:hover .sb-sec-ic{transform:scale(1.15);transition:transform .2s}
.sb-logo{background:linear-gradient(180deg,rgba(196,163,90,.04),transparent);text-shadow:0 1px 8px rgba(196,163,90,.08)}
.sb-ft{background:linear-gradient(180deg,transparent,rgba(196,163,90,.02))}
.sb-bo-grp-hd:hover{box-shadow:0 1px 4px rgba(196,163,90,.04)}
.sb-bo-tab:hover{box-shadow:inset 2px 0 0 rgba(196,163,90,.2)}
.sb-bo-tab.active{box-shadow:inset 2px 0 0 var(--gold),0 1px 4px rgba(196,163,90,.06)}
/* v19.57 MENU-REDESIGN Phase 2: module pagination + breadcrumb enhancements */
.mod-pager{display:flex;align-items:center;gap:4px;margin:8px 0;padding:6px 10px;background:rgba(196,163,90,.02);border-radius:6px;border:1px solid var(--brd)}
.mod-pager-btn{padding:3px 8px;border:1px solid var(--brd);border-radius:4px;font-size:.55rem;cursor:pointer;color:var(--t3);background:transparent;transition:all .15s}
.mod-pager-btn:hover{color:var(--gold);border-color:rgba(196,163,90,.3);background:rgba(196,163,90,.04)}
.mod-pager-btn.on{color:var(--gold);border-color:var(--gold);background:rgba(196,163,90,.08);font-weight:600}
.mod-pager-btn.disabled{opacity:.3;cursor:default;pointer-events:none}
.mod-pager-info{font-size:.5rem;color:var(--t3);margin-left:auto}
.mod-section{display:none;animation:modFadeIn .2s ease}
.mod-section.active{display:block}
@keyframes modFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.breadcrumb-enhanced{display:flex;align-items:center;gap:4px;padding:6px 12px;margin-bottom:8px;font-size:.55rem;background:linear-gradient(90deg,rgba(196,163,90,.03),transparent);border-radius:6px;border-left:2px solid rgba(196,163,90,.2)}
.breadcrumb-enhanced a{color:var(--t3);cursor:pointer;transition:color .15s}
.breadcrumb-enhanced a:hover{color:var(--gold)}
.breadcrumb-enhanced .bc-cur{color:var(--gold);font-weight:600}
.breadcrumb-enhanced .bc-sep{color:rgba(196,163,90,.3);margin:0 2px}
.kb-col{border-radius:var(--r-md);padding:var(--sp-2)}
.modal{border-radius:var(--r-lg)}
.cmd-box{border-radius:var(--r-lg)}
.insight-card{padding:var(--sp-4);border-radius:var(--r-md)}

/* ── PWA-matched overline style (used by section headers, tab labels) ── */
.sh .sub{font-size:var(--fs-overline);letter-spacing:var(--ls-overline)}
.pg-hero-cat{font-size:var(--fs-label);letter-spacing:var(--ls-overline)}
.sb-sec{font-size:var(--fs-overline);letter-spacing:var(--ls-overline)}

/* ── Responsive typography ── */
@media(max-width:768px){
  :root{--fs-2xl:1.1rem;--fs-xl:1rem;--fs-lg:.85rem;--fs-md:.75rem}
  .mn{padding:var(--sp-3) var(--sp-3);padding-bottom:55px}
}
@media(max-width:480px){
  :root{--fs-2xl:1rem;--fs-xl:.9rem;--fs-lg:.8rem}
}

/* ═══ PHASE 3 — Navigation Enhancements ═══ */

/* ── Responsive Tables → Card Stack on Mobile ── */
@media(max-width:768px){
  .tbl{display:block;overflow:visible}
  .tbl thead{display:none}
  .tbl tbody{display:flex;flex-direction:column;gap:8px}
  .tbl tbody tr{display:flex;flex-direction:column;background:var(--srf);border:1px solid rgba(196,163,90,.06);border-radius:var(--r-md);padding:10px 12px;gap:4px}
  .tbl tbody tr:hover{border-color:rgba(196,163,90,.15)}
  .tbl td{display:flex;justify-content:space-between;align-items:center;padding:3px 0;border-bottom:1px solid rgba(196,163,90,.03);font-size:var(--fs-label)}
  .tbl td:last-child{border-bottom:none}
  .tbl td::before{content:attr(data-label);font-weight:var(--fw-semibold);color:var(--t3);font-size:var(--fs-overline);text-transform:uppercase;letter-spacing:var(--ls-overline);flex-shrink:0;margin-right:8px}
}

/* ── Improved Mobile Bottom Nav ── */
@media(max-width:860px){
  .mob-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;background:rgba(15,36,64,.97);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-top:1px solid rgba(196,163,90,.08);z-index:100;padding:4px 0 calc(4px + env(safe-area-inset-bottom,0px));justify-content:space-around}
  .mt{display:flex;flex-direction:column;align-items:center;padding:6px 0;flex:1;font-size:.5rem;font-weight:var(--fw-medium);color:rgba(245,240,232,.25);cursor:pointer;transition:all .15s;gap:2px;-webkit-tap-highlight-color:transparent}
  .mt .ic{font-size:1.1rem;transition:transform .15s}
  .mt.on{color:var(--gold)}
  .mt.on .ic{transform:scale(1.15)}
  .mt:active{transform:scale(.92);transition:transform .08s}
  .mn{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px)) !important}
}

/* ── Sidebar Minimized → Icon Tooltip (legado) ── */
.sb.minimized .si{position:relative}
.sb.minimized .si:hover::after{content:attr(title);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:rgba(10,25,41,.95);color:var(--cream);font-size:.6rem;padding:4px 10px;border-radius:4px;white-space:nowrap;z-index:99;border:1px solid rgba(196,163,90,.1);pointer-events:none}
.sb.minimized .mn{margin-left:48px !important}
.sb.minimized+.topbar{left:48px !important}

/* ═══ Sidebar RAIL · colapso elegante só-ícones (CVO 06/06) ═══
   Substitui o "minimizar" antigo. 64px, ícones centralizados maiores, labels somem,
   tooltip no hover, transição suave. Toggle persistente (sb_rail no localStorage). */
:root{--sbw-rail:64px}
.sb{transition:width .22s var(--ease-out,cubic-bezier(.4,0,.2,1))}
/* Botão de encolher SEMPRE visível no topo do sidebar (CVO 06/06: "fica escondido embaixo" — agora no topo, óbvio) */
.sb-rail-toggle{position:absolute;top:12px;right:10px;z-index:60;width:26px;height:26px;border-radius:8px;border:1px solid rgba(196,163,90,.28);background:rgba(196,163,90,.10);color:var(--gold);font-size:.8rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;padding:0}
.sb-rail-toggle:hover{background:rgba(196,163,90,.22);transform:scale(1.08)}
.sb.rail .sb-rail-toggle{right:0;left:0;margin:0 auto;top:48px}
.sb.rail .sb-rail-toggle .a{transform:rotate(180deg)}
.sb-rail-toggle .a{display:inline-block;transition:transform .2s}
.sb.rail{width:var(--sbw-rail) !important;overflow:visible}
.sb.rail .sb-scroll{overflow-y:auto;overflow-x:visible}
/* logo → marca compacta (só o símbolo) */
.sb.rail .sb-logo{padding:14px 0;text-align:center;font-size:0;letter-spacing:0}
.sb.rail .sb-logo::before{content:'';display:block;width:36px;height:36px;margin:0 auto;background:url('/logo-mark.svg') center/contain no-repeat}
.sb.rail .sb-logo *{display:none}
/* busca vira ícone */
.sb.rail #sbSearch,.sb.rail .sb-search{font-size:0 !important;padding:0 !important;height:34px;text-align:center}
.sb.rail #sbSearch::before,.sb.rail .sb-search::before{content:'🔎';font-size:.85rem;line-height:34px}
/* seções → divisor fino (esconde o texto da categoria) */
.sb.rail .sb-sec{margin:6px 10px 2px;padding:6px 0 4px;justify-content:center;border-top:1px solid rgba(196,163,90,.10);background:none;border-radius:0}
.sb.rail .sb-sec-title,.sb.rail .sb-sec .chev,.sb.rail .sb-sec-chev{display:none !important}
.sb.rail .sb-sec-ic{font-size:.7rem;opacity:.5;margin:0 auto}
/* itens → ícone centralizado, label some */
.sb.rail .si{position:relative;justify-content:center;padding:9px 0;gap:0;border-radius:10px;margin:2px 8px;font-size:0 !important;line-height:0}
.sb.rail .si>*:not(.ic){display:none !important}
.sb.rail .si .ic{font-size:1.15rem !important;line-height:1;width:auto;opacity:.92;margin:0}
.sb.rail .si.on{background:rgba(196,163,90,.14)}
.sb.rail .si.on .ic{transform:scale(1.08)}
/* tooltip elegante no hover (label aparece à direita) */
.sb.rail .si:hover::after{content:attr(data-name);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--nd,#0F2440);color:var(--cream);font-family:var(--sn);font-size:.66rem;font-weight:500;padding:6px 12px;border-radius:8px;white-space:nowrap;z-index:200;border:1px solid rgba(196,163,90,.28);box-shadow:0 6px 22px rgba(0,0,0,.35);pointer-events:none;letter-spacing:.02em}
.sb.rail .si:hover::before{content:'';position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--nd,#0F2440);z-index:200;pointer-events:none}
/* footer → só ícones dos botões */
.sb.rail .sb-ft{font-size:0;text-align:center;padding:8px 0}
.sb.rail .sb-ft *{font-size:.8rem}
.sb.rail .sb-collapse-btn{justify-content:center;padding:8px 0;gap:0}
.sb.rail .sb-collapse-btn>*:not(:first-child){display:none}
/* empurra o conteúdo + topbar */
.sb.rail~.topbar,.sb.rail+.topbar{left:var(--sbw-rail) !important;transition:left .22s var(--ease-out,cubic-bezier(.4,0,.2,1))}
body:has(.sb.rail) .mn,.sb.rail~.mn{margin-left:var(--sbw-rail) !important;transition:margin-left .22s var(--ease-out,cubic-bezier(.4,0,.2,1))}
/* esconde sub-accordeon do backoffice no rail (abre no modo normal) */
.sb.rail .sb-bo-wrap{display:none !important}

/* ── Command Palette Refinements ── */
.cmd-item.active{background:rgba(196,163,90,.08);border-left:2px solid var(--gold)}
.cmd-item .cmd-t{font-weight:var(--fw-medium)}
.cmd-item .cmd-s{color:var(--t3);font-size:var(--fs-overline)}
.cmd-box{max-height:70vh;display:flex;flex-direction:column}
.cmd-results{flex:1;overflow-y:auto}

/* ═══ PHASE 5 — Enterprise Polish ═══ */
@keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}
.skel{background:linear-gradient(90deg,rgba(196,163,90,.03) 25%,rgba(196,163,90,.06) 50%,rgba(196,163,90,.03) 75%);background-size:800px 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--r-sm)}
.skel-line{height:12px;margin-bottom:8px;border-radius:4px}
.skel-line.w60{width:60%}.skel-line.w80{width:80%}.skel-line.w40{width:40%}.skel-line.w100{width:100%}
.skel-card{height:80px;border-radius:var(--r-md);margin-bottom:10px}
.skel-circle{width:48px;height:48px;border-radius:50%}
.skel-row{display:flex;gap:10px;margin-bottom:10px}
.skel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}

/* ═══ PHASE 5 — Skeleton Screens ═══ */
.skel{background:rgba(196,163,90,.04);border-radius:var(--r-md);overflow:hidden;position:relative}
.skel::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(196,163,90,.06),transparent);animation:shimmerSlide 1.5s infinite}
.skel-row{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-3)}
.skel-card{flex:1;height:90px;border-radius:var(--r-md)}
.skel-line{height:12px;border-radius:4px;margin-bottom:var(--sp-2)}
.skel-line.w75{width:75%}.skel-line.w50{width:50%}.skel-line.w30{width:30%}
.skel-hero{height:140px;border-radius:var(--r-lg);margin-bottom:var(--sp-4)}
.skel-table{height:200px;border-radius:var(--r-md)}
.skel-chart{height:160px;border-radius:var(--r-md);margin-bottom:var(--sp-3)}
[data-theme="dark"] .skel{background:rgba(255,255,255,.02)}
[data-theme="dark"] .skel::after{background:linear-gradient(90deg,transparent,rgba(196,163,90,.04),transparent)}

/* ═══ PHASE 5 — Enterprise Polish ═══ */

/* ── Skeleton Screens ── */
.skel{background:linear-gradient(90deg,rgba(196,163,90,.04) 25%,rgba(196,163,90,.08) 50%,rgba(196,163,90,.04) 75%);background-size:200% 100%;animation:skelShimmer 1.5s ease-in-out infinite;border-radius:var(--r-sm)}
.skel-text{height:10px;margin-bottom:6px;border-radius:3px}
.skel-title{height:16px;width:60%;margin-bottom:10px;border-radius:4px}
.skel-card{height:80px;border-radius:var(--r-md);margin-bottom:var(--sp-3)}
.skel-kpi{height:70px;border-radius:var(--r-md)}
.skel-chart{height:160px;border-radius:var(--r-md)}
.skel-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);margin-bottom:var(--sp-3)}
@keyframes skelShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
[data-theme="dark"] .skel{background:linear-gradient(90deg,rgba(255,255,255,.02) 25%,rgba(255,255,255,.04) 50%,rgba(255,255,255,.02) 75%);background-size:200% 100%}

/* ── Onboarding Wizard ── */
.onb-overlay{position:fixed;inset:0;background:rgba(5,14,22,.85);backdrop-filter:blur(12px);z-index:9990;display:flex;align-items:center;justify-content:center}
.onb-box{background:var(--srf);border:1px solid rgba(196,163,90,.12);border-radius:var(--r-lg);width:540px;max-width:92vw;max-height:85vh;overflow-y:auto;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.onb-header{padding:20px 24px;border-bottom:1px solid rgba(196,163,90,.06);display:flex;justify-content:space-between;align-items:center}
.onb-body{padding:24px}
.onb-footer{padding:16px 24px;border-top:1px solid rgba(196,163,90,.06);display:flex;justify-content:space-between;align-items:center}
.onb-progress{display:flex;gap:6px;align-items:center}
.onb-dot{width:8px;height:8px;border-radius:50%;background:rgba(196,163,90,.1);transition:all .2s}
.onb-dot.active{background:var(--gold);width:24px;border-radius:4px}
.onb-dot.done{background:var(--green)}
.onb-step{font-size:var(--fs-overline);letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--t3)}

/* ═══ Auth-active: hide global wallpaper on login ═══ */
body.auth-active::before,body.auth-active::after{opacity:0!important;pointer-events:none}
/* ═══ Wallpaper — Forest Atmosphere ═══ */
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:url('https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=1920&q=80&auto=format&fit=crop') center/cover no-repeat;
  opacity:.25;filter:saturate(.7)}
body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg, transparent 0%, rgba(250,250,248,.4) 70%, rgba(250,250,248,.7) 100%)}
[data-theme="dark"] body::before{opacity:.20;filter:saturate(.5) brightness(.7)}
[data-theme="dark"] body::after{
  background:linear-gradient(180deg, transparent 0%, rgba(5,14,22,.4) 70%, rgba(5,14,22,.7) 100%)}

/* KPI above tabs via flex order */
.module-header-flex{display:flex;flex-direction:column}
.module-header-flex .kpi-row{order:1}
.module-header-flex .wa-tab-row{order:2}
.module-header-flex .kpi-row + *{order:3}

/* Viewer mode — hide action buttons */
body[data-viewer-mode='true'] .btn-g,
body[data-viewer-mode='true'] .btn-action,
body[data-viewer-mode='true'] button[onclick*='add'],
body[data-viewer-mode='true'] button[onclick*='edit'],
body[data-viewer-mode='true'] button[onclick*='delete'],
body[data-viewer-mode='true'] button[onclick*='gerar'],
body[data-viewer-mode='true'] button[onclick*='dispatch'],
body[data-viewer-mode='true'] button[onclick*='ispSave'],
body[data-viewer-mode='true'] button[onclick*='Documento'],
body[data-viewer-mode='true'] button[onclick*='Telegram'],
body[data-viewer-mode='true'] .sa button{opacity:.3;pointer-events:none;cursor:not-allowed;filter:grayscale(.6)}
body[data-viewer-mode='true'] .btn-g::after{content:' 🔒';font-size:.55rem}
body[data-viewer-mode='true'] .kc[onclick*='add'],
body[data-viewer-mode='true'] .kc[onclick*='gerar'],
body[data-viewer-mode='true'] .kc[onclick*='Simulador'],
body[data-viewer-mode='true'] .kc[onclick*='simulador'],
body[data-viewer-mode='true'] .kc[onclick*='renderWhatIf'],
body[data-viewer-mode='true'] .kc[onclick*='_taxSimulador']{opacity:.25;pointer-events:none;cursor:not-allowed;filter:grayscale(.8)}
body[data-viewer-mode='true'] .wa-tab[onclick*='simulador'],
body[data-viewer-mode='true'] .wa-tab[onclick*='Simulador'],
body[data-viewer-mode='true'] button[onclick*='renderWhatIf'],
body[data-viewer-mode='true'] button[onclick*='renderSimulador'],
body[data-viewer-mode='true'] button[onclick*='_taxSimulador']{opacity:.25;pointer-events:none;cursor:not-allowed;filter:grayscale(.8)}
body[data-viewer-mode='true'] .wa-tab[onclick*='simulador_land'],
body[data-viewer-mode='true'] .wa-tab[onclick*='simul'],
body[data-viewer-mode='true'] button[onclick*='Calculadora'],
body[data-viewer-mode='true'] button[onclick*='calculadora'],
body[data-viewer-mode='true'] button[onclick*='openPricingControl'],
body[data-viewer-mode='true'] button[onclick*='runTaxSimulation']{opacity:.2;pointer-events:none;cursor:not-allowed;filter:grayscale(1)}
body[data-viewer-mode='true'] button[onclick*='Export'],
body[data-viewer-mode='true'] button[onclick*='export'],
body[data-viewer-mode='true'] button[onclick*='generateXLSX'],
body[data-viewer-mode='true'] button[onclick*='generateWeeklyReport']{opacity:.35;pointer-events:none;cursor:not-allowed;filter:grayscale(.5)}
body[data-viewer-mode='true'] input:not([type='search']):not([type='checkbox']):not(.viewer-ok),
body[data-viewer-mode='true'] textarea:not(.viewer-ok),
body[data-viewer-mode='true'] select:not(.viewer-ok){opacity:.5;pointer-events:none;cursor:not-allowed}
body[data-viewer-mode='true'] .kb-card[draggable]{pointer-events:none;opacity:.6;cursor:default}

/* VPFIX: Restore onboarding buttons for viewers */
/* VPFIX: Restore onboarding buttons for viewers */
#_onbNextBtn,#_onbPrevBtn{pointer-events:auto!important;opacity:1!important;cursor:pointer!important;filter:none!important}
#_onbNextBtn::after,#_onbPrevBtn::after{content:''!important}

/* VPFIX: Onboarding modal legibility — dark text on light modal */
#moG .modal{background:#FFFDF8!important;color:#1B3A5C!important}
#moG .modal-h{background:linear-gradient(135deg,rgba(196,163,90,.08),rgba(196,163,90,.02))!important;border-bottom:1px solid rgba(196,163,90,.12)!important}
#moG .modal-h h3{color:#1B3A5C!important}
#moG .modal-b{color:#2D3748!important}
#moG .modal-b h2,#moG .modal-b h3,#moG .modal-b h4{color:#1B3A5C!important}
#moG .modal-b p{color:#4A5568!important}
#moG .modal-b strong{color:#1B3A5C!important}
#moG .mc{color:#4A5568!important}

/* ═══ Tab Pulsation — Light emphasis ═══ */
@keyframes tabPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(196,163,90,.3)}
  50%{box-shadow:0 0 8px 2px rgba(196,163,90,.15)}
}
@keyframes tabPulseDark{
  0%,100%{box-shadow:0 0 0 0 rgba(196,163,90,.4)}
  50%{box-shadow:0 0 6px 2px rgba(196,163,90,.2)}
}
.wa-tab{animation:tabPulse 3s ease-in-out infinite;border:1px solid rgba(196,163,90,.15) !important}
.wa-tab.on{animation:none;box-shadow:0 1px 6px rgba(27,58,92,.12) !important;border-color:rgba(27,58,92,.25) !important;background:rgba(27,58,92,.08) !important;font-weight:600}
.wa-tab:hover:not(.on){animation:none;background:rgba(196,163,90,.08) !important;border-color:rgba(196,163,90,.25) !important}
[data-theme="dark"] .wa-tab{animation:tabPulseDark 3s ease-in-out infinite;border-color:rgba(196,163,90,.15) !important}
[data-theme="dark"] .wa-tab.on{animation:none;background:rgba(196,163,90,.1) !important;border-color:rgba(196,163,90,.3) !important;box-shadow:0 1px 6px rgba(196,163,90,.15) !important}
[data-theme="dark"] .wa-tab:hover:not(.on){animation:none;background:rgba(196,163,90,.06) !important}
/* Tabs single line with scroll */
.wa-tab-row{flex-wrap:nowrap !important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px !important}
.wa-tab-row::-webkit-scrollbar{display:none}
.wa-tab{white-space:nowrap;flex-shrink:0;font-size:.6rem;padding:6px 12px;border-radius:6px}



/* Dark/Light toggle pulsation */
@keyframes togglePulse{
  0%,100%{box-shadow:0 0 4px rgba(196,163,90,.3);transform:scale(1)}
  50%{box-shadow:0 0 14px rgba(196,163,90,.5);transform:scale(1.08)}
}
.theme-toggle-pulse{animation:togglePulse 1.5s ease-in-out infinite !important}

/* ═══ Rich Tooltip System ═══ */
.isp-tip{position:relative;display:inline-block}
.isp-tip .isp-tip-content{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);
  min-width:220px;max-width:300px;padding:12px 14px;
  background:rgba(13,27,42,.96);backdrop-filter:blur(12px);color:#F5F0E8;
  border:1px solid rgba(196,163,90,.2);border-radius:8px;
  box-shadow:0 4px 20px rgba(0,0,0,.25);font-size:.6rem;line-height:1.6;
  z-index:9999;pointer-events:none;transition:all .2s ease;white-space:normal;text-align:left}
.isp-tip .isp-tip-content::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);
  border:6px solid transparent;border-top-color:rgba(13,27,42,.96)}
.isp-tip:hover .isp-tip-content{visibility:visible;opacity:1;transform:translateX(-50%) translateY(0)}
.isp-tip .isp-tip-title{font-weight:600;color:var(--gold,#C4A35A);margin-bottom:4px;font-size:.65rem}
.isp-tip .isp-tip-desc{color:rgba(245,240,232,.7);font-size:.55rem}
.isp-tip .isp-tip-action{display:inline-block;margin-top:6px;padding:3px 10px;background:rgba(196,163,90,.15);
  border:1px solid rgba(196,163,90,.3);border-radius:4px;color:#C4A35A;font-size:.5rem;font-weight:600;
  cursor:pointer;transition:all .15s}
.isp-tip .isp-tip-action:hover{background:rgba(196,163,90,.25)}
/* Tooltip positioning: if near right edge, align left */
.isp-tip-left .isp-tip-content{left:0;transform:translateX(0) translateY(4px)}
.isp-tip-left:hover .isp-tip-content{transform:translateX(0) translateY(0)}
.isp-tip-left .isp-tip-content::after{left:20px}

/* ═══ Onboarding Tour ═══ */
.onb-overlay{position:fixed;inset:0;background:rgba(5,14,22,.7);z-index:99990;opacity:0;transition:opacity .3s}
.onb-overlay.show{opacity:1}
.onb-spotlight{position:fixed;z-index:99991;border:2px solid var(--gold,#C4A35A);border-radius:8px;
  box-shadow:0 0 0 9999px rgba(5,14,22,.7),0 0 20px rgba(196,163,90,.3);transition:all .4s ease;pointer-events:none}
.onb-card{position:fixed;z-index:99992;background:rgba(13,27,42,.97);backdrop-filter:blur(16px);
  border:1px solid rgba(196,163,90,.25);border-radius:12px;padding:20px;
  max-width:340px;box-shadow:0 8px 40px rgba(0,0,0,.4);color:#F5F0E8;
  transition:all .3s ease;opacity:0;transform:translateY(8px)}
.onb-card.show{opacity:1;transform:translateY(0)}
.onb-card-step{font-size:.5rem;color:rgba(196,163,90,.6);letter-spacing:.15em;text-transform:uppercase;margin-bottom:6px}
.onb-card-title{font-size:.85rem;font-weight:600;color:#C4A35A;margin-bottom:8px}
.onb-card-desc{font-size:.65rem;line-height:1.7;color:rgba(245,240,232,.8);margin-bottom:14px}
.onb-card-btns{display:flex;gap:8px;justify-content:flex-end}
.onb-card-btns button{padding:6px 16px;border-radius:6px;font-size:.6rem;font-weight:600;cursor:pointer;transition:all .15s;border:none}
.onb-btn-skip{background:transparent;color:rgba(245,240,232,.4);border:1px solid rgba(245,240,232,.1) !important}
.onb-btn-skip:hover{color:rgba(245,240,232,.7);border-color:rgba(245,240,232,.2) !important}
.onb-btn-next{background:linear-gradient(135deg,#C4A35A,#A89048);color:#0D1B2A}
.onb-btn-next:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(196,163,90,.3)}
.onb-progress{display:flex;gap:4px;margin-top:12px;justify-content:center}
.onb-progress-dot{width:6px;height:6px;border-radius:50%;background:rgba(196,163,90,.2);transition:all .2s}
.onb-progress-dot.active{background:#C4A35A;width:18px;border-radius:3px}
.onb-progress-dot.done{background:rgba(196,163,90,.5)}

/* ═══ Data Freshness Indicator ═══ */
.data-pulse{position:fixed;top:8px;right:12px;z-index:9990;display:flex;align-items:center;gap:6px;
  padding:4px 10px;border-radius:20px;font-size:.5rem;color:var(--t3,#6B7280);
  background:var(--srf,#fff);border:1px solid rgba(196,163,90,.08);
  box-shadow:0 1px 4px rgba(0,0,0,.04);cursor:pointer;transition:all .2s;user-select:none}
.data-pulse:hover{border-color:rgba(196,163,90,.2);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.data-pulse-dot{width:7px;height:7px;border-radius:50%;transition:background .3s}
.data-pulse-dot.fresh{background:#27AE60;box-shadow:0 0 4px rgba(39,174,96,.4)}
.data-pulse-dot.stale{background:#F39C12;box-shadow:0 0 4px rgba(243,156,18,.4)}
.data-pulse-dot.saving{background:#3498DB;animation:dpSave .6s ease infinite}
@keyframes dpSave{0%,100%{opacity:1}50%{opacity:.3}}
[data-theme="dark"] .data-pulse{background:rgba(10,25,41,.8);border-color:rgba(196,163,90,.1);color:rgba(245,240,232,.5)}

/* ═══ ONDA 2 — PREMIUM DESIGN SYSTEM ═══ */
/* Masterplan SVG Premium */
.mp-zone{cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1)}.mp-zone:hover{filter:brightness(1.3) drop-shadow(0 0 12px rgba(196,163,90,.25))}
.mp-zone rect,.mp-zone path,.mp-zone ellipse{transition:all .4s cubic-bezier(.23,1,.32,1)}
.mp-zone:hover rect{stroke-width:1.6!important;stroke:rgba(196,163,90,.6)!important}
.mp-zone:hover text{opacity:1!important;fill:#C4A35A!important}
.mp-glow{filter:drop-shadow(0 0 8px rgba(196,163,90,.15))}
@keyframes mpPulse{0%,100%{opacity:.4}50%{opacity:.7}}
.mp-pulse{animation:mpPulse 3s ease-in-out infinite}
.mp-tip-glass{position:absolute;background:rgba(10,25,41,.92);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(196,163,90,.2);border-radius:12px;padding:20px;max-width:340px;opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.23,1,.32,1),transform .35s cubic-bezier(.23,1,.32,1);z-index:20;transform:translateY(6px);box-shadow:0 12px 40px rgba(0,0,0,.4),0 0 0 1px rgba(196,163,90,.06) inset}
.mp-tip-glass.show{opacity:1;pointer-events:auto;transform:translateY(0)}
.mp-tip-cat{font-family:var(--sn);font-size:.42rem;letter-spacing:.25em;text-transform:uppercase;color:rgba(196,163,90,.6);margin-bottom:4px}
.mp-tip-title{font-family:var(--sf);font-size:1.15rem;font-weight:400;color:#E8E4DB;margin-bottom:6px;line-height:1.3}
.mp-tip-detail{font-size:.62rem;color:rgba(245,240,232,.5);margin-bottom:8px}
.mp-tip-fomo{font-size:.6rem;color:rgba(245,240,232,.7);line-height:1.7;border-left:2px solid rgba(196,163,90,.3);padding-left:10px;margin-bottom:10px;font-style:italic}
.mp-tip-cta{display:inline-block;font-size:.56rem;font-weight:500;color:#C4A35A;letter-spacing:.08em;cursor:pointer;transition:.2s;padding:4px 0;border-bottom:1px solid transparent}
.mp-tip-cta:hover{border-bottom-color:#C4A35A}

/* Simulador Premium */
.sim-cat-card{flex:1;padding:16px;border:1.5px solid rgba(196,163,90,.08);border-radius:12px;text-align:center;cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1);background:var(--srf);position:relative;overflow:hidden}
.sim-cat-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(196,163,90,.03),transparent);opacity:0;transition:opacity .35s}
.sim-cat-card:hover{border-color:rgba(196,163,90,.2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.sim-cat-card:hover::before{opacity:1}
.sim-cat-card.active{border-color:var(--gold);background:rgba(196,163,90,.04);box-shadow:0 0 0 3px rgba(196,163,90,.08),0 8px 24px rgba(0,0,0,.06)}
.sim-cat-card.active::before{opacity:1}
.sim-cat-name{font-family:var(--sf);font-size:.82rem;font-weight:400;color:var(--txt);margin-bottom:2px;position:relative}
.sim-cat-area{font-size:.56rem;color:var(--t3);letter-spacing:.04em}
.sim-cat-price{font-family:var(--sf);font-size:.72rem;color:var(--gold);margin-top:4px;font-weight:400}
.sim-slider-wrap{position:relative;padding:8px 0}
.sim-slider-track{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:linear-gradient(90deg,var(--gold),rgba(196,163,90,.15));outline:none;border:none;padding:0;border-radius:2px;cursor:pointer}
.sim-slider-track::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--gold);cursor:pointer;box-shadow:0 2px 8px rgba(196,163,90,.3),0 0 0 4px rgba(196,163,90,.08);transition:box-shadow .2s}
.sim-slider-track::-webkit-slider-thumb:hover{box-shadow:0 2px 12px rgba(196,163,90,.5),0 0 0 6px rgba(196,163,90,.12)}
.sim-slider-track::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--gold);cursor:pointer;border:none;box-shadow:0 2px 8px rgba(196,163,90,.3)}
.sim-result-card{text-align:center;padding:14px 10px;border:1px solid rgba(196,163,90,.06);border-radius:10px;background:var(--srf);transition:all .3s}
.sim-result-card.hl{background:rgba(196,163,90,.04);border-color:rgba(196,163,90,.2);box-shadow:0 4px 16px rgba(196,163,90,.06)}
.sim-result-lbl{font-size:.46rem;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.sim-result-val{font-family:var(--sf);font-size:.92rem;font-weight:500;transition:all .3s}
.sim-result-val.flash{animation:simFlash .5s cubic-bezier(.23,1,.32,1)}
@keyframes simFlash{0%{color:var(--gold);transform:scale(1.1)}100%{color:var(--txt);transform:scale(1)}}
.sim-disc-pill{display:inline-block;padding:3px 8px;border-radius:6px;font-size:.5rem;font-weight:500;transition:all .2s;cursor:default}
.sim-disc-pill.on{background:var(--gold);color:#fff}
.sim-disc-pill.off{background:rgba(196,163,90,.06);color:var(--t3)}

/* Curadoria Funnel Premium */
.cur-funnel{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}
.cur-funnel-stage{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;cursor:pointer;transition:all .25s;position:relative}
.cur-funnel-stage:hover{background:rgba(196,163,90,.04)}
.cur-funnel-stage.on{background:rgba(196,163,90,.06);box-shadow:inset 3px 0 0 var(--gold)}
.cur-funnel-bar{height:28px;border-radius:4px;transition:width .6s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}
.cur-funnel-bar::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08));border-radius:4px}
.cur-funnel-count{font-family:var(--sf);font-size:1.05rem;font-weight:400;min-width:28px;text-align:center}
.cur-funnel-label{font-size:.56rem;color:var(--t2);flex:1}

/* Candidate Cards Premium */
.cur-card{padding:14px;border:1px solid rgba(196,163,90,.06);border-radius:10px;background:var(--srf);transition:all .25s;margin-bottom:8px}
.cur-card:hover{border-color:rgba(196,163,90,.15);box-shadow:0 4px 16px rgba(0,0,0,.04)}
.cur-card-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,rgba(196,163,90,.15),rgba(196,163,90,.05));display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:500;color:var(--gold);flex-shrink:0}
.cur-card-score{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;font-size:.48rem;font-weight:600}

/* Seleção de Land Premium */
.sel-step{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;transition:all .25s;position:relative}
.sel-step-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.56rem;font-weight:600;flex-shrink:0;transition:all .3s}
.sel-step-num.done{background:var(--ok);color:#fff}
.sel-step-num.active{background:var(--gold);color:var(--navy);box-shadow:0 0 0 4px rgba(196,163,90,.12)}
.sel-step-num.pending{background:rgba(196,163,90,.06);color:var(--t3)}
.sel-step-connector{width:1px;height:20px;background:rgba(196,163,90,.1);margin-left:14px}

/* WhatsApp Chat Premium Dark */
.wa-layout-dark{display:grid;grid-template-columns:260px 1fr;gap:0;height:520px;border:1px solid rgba(196,163,90,.08);border-radius:12px;overflow:hidden;background:var(--nd)}
.wa-list-dark{background:rgba(10,25,41,.95);border-right:1px solid rgba(196,163,90,.06);overflow-y:auto}
.wa-list-item-dark{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-bottom:1px solid rgba(196,163,90,.03);transition:all .2s}
.wa-list-item-dark:hover,.wa-list-item-dark.on{background:rgba(196,163,90,.06)}
.wa-chat-dark{background:linear-gradient(180deg,rgba(15,36,64,.95),rgba(10,25,41,.98));display:flex;flex-direction:column}
.wa-msg-dark{max-width:72%;padding:10px 14px;border-radius:10px;margin-bottom:6px;font-size:.7rem;line-height:1.6}
.wa-msg-dark.sent{background:rgba(196,163,90,.12);color:var(--cream);margin-left:auto;border-bottom-right-radius:2px}
.wa-msg-dark.recv{background:rgba(255,255,255,.04);color:rgba(245,240,232,.8);border-bottom-left-radius:2px}

/* Bridge Sync Dashboard */
.bridge-sync{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.bridge-sync-card{padding:12px;border:1px solid rgba(196,163,90,.06);border-radius:8px;text-align:center;background:var(--srf)}
.bridge-sync-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px}
.bridge-sync-dot.ok{background:var(--ok);box-shadow:0 0 6px rgba(46,125,50,.4)}
.bridge-sync-dot.err{background:var(--err);box-shadow:0 0 6px rgba(198,40,40,.4)}
.bridge-sync-dot.pending{background:var(--amber);animation:mpPulse 2s infinite}

/* ═══ SPRINT 4 — MAPA INTERATIVO ═══ */
.mi-land{cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1)}
.mi-land:hover{filter:brightness(1.25)}
.mi-land.disponivel rect{fill:rgba(196,163,90,.06);stroke:rgba(196,163,90,.3)}
.mi-land.reservado rect{fill:rgba(245,166,35,.08);stroke:rgba(245,166,35,.4)}
.mi-land.selecionado rect{fill:rgba(46,125,50,.08);stroke:rgba(46,125,50,.4)}
.mi-land.indisponivel rect{fill:rgba(120,120,120,.04);stroke:rgba(120,120,120,.2)}
.mi-land.active rect{stroke-width:2!important;filter:drop-shadow(0 0 8px rgba(196,163,90,.3))}
.mi-filters{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.mi-filter{padding:5px 12px;border:1px solid rgba(196,163,90,.08);border-radius:20px;font-size:.52rem;cursor:pointer;transition:all .2s;background:var(--srf);display:flex;align-items:center;gap:4px}
.mi-filter:hover{border-color:rgba(196,163,90,.2)}
.mi-filter.on{background:var(--gold);color:var(--navy);border-color:var(--gold);font-weight:500}
.mi-filter .dot{width:6px;height:6px;border-radius:50%;display:inline-block}
.mi-detail{padding:16px;border:1px solid rgba(196,163,90,.08);border-radius:10px;background:var(--srf);transition:all .3s}
.mi-detail-title{font-family:var(--sf);font-size:.92rem;font-weight:400;margin-bottom:6px}
.mi-detail-row{display:flex;justify-content:space-between;padding:4px 0;font-size:.58rem;border-bottom:1px solid rgba(196,163,90,.03)}
.mi-detail-row:last-child{border:none}

/* Tour Virtual */
.tour-embed{width:100%;aspect-ratio:16/9;border-radius:10px;border:1px solid rgba(196,163,90,.08);background:var(--nd);overflow:hidden}
.tour-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--t3)}

/* Conteúdo Imersivo */
.ci-section{margin-bottom:20px;border-radius:10px;overflow:hidden;border:1px solid rgba(196,163,90,.06);transition:all .3s}
.ci-section:hover{border-color:rgba(196,163,90,.12);box-shadow:0 4px 20px rgba(0,0,0,.04)}
.ci-header{padding:20px;background:linear-gradient(135deg,rgba(10,25,41,.04),rgba(196,163,90,.02))}
.ci-media{width:100%;aspect-ratio:16/9;background:var(--nd);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.ci-media img{width:100%;height:100%;object-fit:cover}
.ci-narrative{padding:16px 20px;font-size:.66rem;color:var(--t2);line-height:1.8}

/* ═══ SPRINT 5 — AUTO FOLLOW-UP ═══ */
.fu-seq{padding:14px;border:1px solid rgba(196,163,90,.06);border-radius:10px;margin-bottom:10px;background:var(--srf);transition:all .25s}
.fu-seq:hover{border-color:rgba(196,163,90,.12)}
.fu-seq-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.fu-seq-badge{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}
.fu-seq-steps{display:flex;gap:4px;flex-wrap:wrap}
.fu-step{padding:4px 10px;border-radius:6px;font-size:.46rem;border:1px solid rgba(196,163,90,.06);display:flex;align-items:center;gap:4px;background:var(--srf)}
.fu-step .fu-ch{font-size:.5rem;opacity:.6}
.fu-timeline{display:flex;align-items:center;gap:2px;margin-top:6px}
.fu-timeline-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid;flex-shrink:0}
.fu-timeline-line{height:1px;flex:1;background:rgba(196,163,90,.1)}

/* Simulador Upgrade — Comparativo */
.sim-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.sim-compare-col{padding:16px;border:1px solid rgba(196,163,90,.06);border-radius:10px;text-align:center;transition:all .3s}
.sim-compare-col.featured{border-color:var(--gold);background:rgba(196,163,90,.03);box-shadow:0 4px 16px rgba(196,163,90,.06)}
.sim-invest-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(196,163,90,.03);font-size:.58rem}
.sim-invest-bar{height:6px;border-radius:3px;transition:width .6s cubic-bezier(.23,1,.32,1)}

/* ═══ SPRINT 6 — TRM CONDOMINIAL ═══ */
.trm-proj-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(196,163,90,.03)}
.trm-proj-bar{height:10px;border-radius:5px;position:relative;overflow:hidden;flex:1}
.trm-proj-bar-fill{height:100%;border-radius:5px;transition:width .6s cubic-bezier(.23,1,.32,1)}
.trm-year-card{padding:12px;border:1px solid rgba(196,163,90,.06);border-radius:8px;text-align:center;transition:all .25s}
.trm-year-card:hover{border-color:rgba(196,163,90,.15)}
.trm-year-val{font-family:var(--sf);font-size:.85rem;font-weight:400;color:var(--gold)}
.trm-year-lbl{font-size:.42rem;color:var(--t3);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}
/* ═══ v19.81 S1.7: SIDEBAR LEGIBILITY BOOST ═══ */
.si{font-size:.78rem;color:rgba(232,228,220,.48);padding:8px 16px;gap:9px}
.si:hover{color:rgba(232,228,220,.82);background:rgba(196,163,90,.05)}
.si.on{color:var(--gold);font-weight:600}
.si .ic{font-size:.88rem;width:20px;opacity:.8}
.si:hover .ic,.si.on .ic{opacity:1}
.sb-sec{font-size:.6rem;padding:12px 16px 9px;color:rgba(196,163,90,.6);letter-spacing:.14em}
.sb-sec:hover{color:rgba(196,163,90,.95)}
.sb-sec-ic{font-size:.8rem;opacity:.85}
.sb-bo-grp-hd{font-size:.66rem;padding:6px 10px 6px 18px;color:rgba(196,163,90,.7)}
.sb-bo-grp-hd:hover{color:var(--gold)}
.sb-bo-tab{font-size:.65rem;padding:5px 10px 5px 28px;color:rgba(232,228,220,.4)}
.sb-bo-tab:hover{color:rgba(232,228,220,.75);background:rgba(196,163,90,.04)}
.sb-bo-tab.active{color:var(--gold);font-weight:600}
.sb-logo{font-size:.95rem;padding:16px 18px}
.sb-sub{font-size:.58rem;color:rgba(245,240,232,.15)}
.sb-ft{font-size:.65rem;color:rgba(245,240,232,.1)}
[data-theme="dark"] .sb .si{color:rgba(245,240,232,.52)}
[data-theme="dark"] .sb .si:hover{color:rgba(245,240,232,.85)}
/* ═══ END S1.7 ═══ */

/* ═══════════════════════════════════════════════════════════════════
   v19.86 SPRINT 6 — NEUMORPHISM DESIGN SYSTEM
   Dark-mode neumorphic depth with gold accent luminance.
   Base surface: #0A1929  |  Deep: #050E16  |  Gold: #C4A35A
   ═══════════════════════════════════════════════════════════════════ */

/* --- 6.1 NEUMORPHIC CUSTOM PROPERTIES --- */
[data-theme="dark"]{
  --nm-bg:#0C1E33;
  --nm-raise:5px 5px 14px rgba(0,0,0,.55),-5px -5px 14px rgba(255,255,255,.018);
  --nm-raise-sm:3px 3px 8px rgba(0,0,0,.45),-3px -3px 8px rgba(255,255,255,.015);
  --nm-raise-lg:8px 8px 24px rgba(0,0,0,.6),-8px -8px 24px rgba(255,255,255,.02);
  --nm-inset:inset 3px 3px 8px rgba(0,0,0,.5),inset -3px -3px 8px rgba(255,255,255,.015);
  --nm-inset-sm:inset 2px 2px 5px rgba(0,0,0,.45),inset -2px -2px 5px rgba(255,255,255,.012);
  --nm-gold-glow:0 0 18px rgba(196,163,90,.08);
  --nm-gold-ring:0 0 0 1px rgba(196,163,90,.08);
  --nm-r:12px;
  --nm-r-sm:8px;
  --nm-r-lg:16px;
  --nm-surface:rgba(12,30,51,.65);
  --nm-surface-up:rgba(16,38,62,.7);
  --nm-surface-dn:rgba(8,22,40,.8);
  --nm-transition:box-shadow .25s var(--ease-out),transform .2s var(--ease-out),border-color .2s var(--ease-out);
}

/* --- 6.2 CARDS (.cd) — Raised neumorphic panels --- */
[data-theme="dark"] .cd{
  background:var(--nm-surface);
  border:1px solid rgba(196,163,90,.05);
  border-radius:var(--nm-r);
  box-shadow:var(--nm-raise),var(--nm-gold-ring);
  transition:var(--nm-transition);
}
[data-theme="dark"] .cd:hover{
  box-shadow:var(--nm-raise-lg),0 0 0 1px rgba(196,163,90,.12),var(--nm-gold-glow);
  border-color:rgba(196,163,90,.12);
  transform:translateY(-1px);
}
[data-theme="dark"] .cd-h{
  background:linear-gradient(135deg,rgba(196,163,90,.04),rgba(255,255,255,.01));
  border-bottom:1px solid rgba(196,163,90,.05);
  border-radius:var(--nm-r) var(--nm-r) 0 0;
}

/* --- 6.3 KPI / STAT CARDS — Prominent raised tiles --- */
[data-theme="dark"] .kpi-row>div,
[data-theme="dark"] .kpi-card,
[data-theme="dark"] [data-stat]{
  background:var(--nm-surface);
  border:1px solid rgba(196,163,90,.06);
  border-radius:var(--nm-r);
  box-shadow:var(--nm-raise-sm),var(--nm-gold-ring);
  transition:var(--nm-transition);
}
[data-theme="dark"] .kpi-row>div:hover,
[data-theme="dark"] .kpi-card:hover,
[data-theme="dark"] [data-stat]:hover{
  box-shadow:var(--nm-raise),0 0 0 1px rgba(196,163,90,.15),0 0 20px rgba(196,163,90,.06);
  border-color:rgba(196,163,90,.18);
  transform:translateY(-2px);
}

/* --- 6.4 PAGE HERO — Deep raised panel --- */
[data-theme="dark"] .pg-hero,
[data-theme="dark"] .page-hero{
  background:linear-gradient(145deg,var(--nm-surface-up),var(--nm-surface-dn));
  border:1px solid rgba(196,163,90,.06);
  border-left:3px solid rgba(196,163,90,.2);
  border-radius:var(--nm-r-lg);
  box-shadow:var(--nm-raise-lg),var(--nm-gold-ring);
}

/* --- 6.5 BUTTONS — Tactile raised/pressed --- */
[data-theme="dark"] .btn{
  background:var(--nm-surface);
  color:var(--cream);
  border:1px solid rgba(196,163,90,.08);
  border-radius:var(--nm-r-sm);
  box-shadow:var(--nm-raise-sm);
  transition:var(--nm-transition);
  position:relative;
}
[data-theme="dark"] .btn:hover{
  box-shadow:var(--nm-raise),0 0 12px rgba(196,163,90,.06);
  border-color:rgba(196,163,90,.18);
  transform:translateY(-1px);
}
[data-theme="dark"] .btn:active{
  box-shadow:var(--nm-inset-sm);
  transform:translateY(0);
  border-color:rgba(196,163,90,.12);
}
/* Gold primary button */
[data-theme="dark"] .btn-g{
  background:linear-gradient(145deg,#D4BA7A,#A89048);
  color:var(--bg);
  border:none;
  box-shadow:var(--nm-raise-sm),0 0 16px rgba(196,163,90,.15);
  font-weight:600;
}
[data-theme="dark"] .btn-g:hover{
  box-shadow:var(--nm-raise),0 0 28px rgba(196,163,90,.25);
  transform:translateY(-1px);
}
[data-theme="dark"] .btn-g:active{
  box-shadow:inset 2px 2px 6px rgba(0,0,0,.3),0 0 12px rgba(196,163,90,.1);
  transform:translateY(0);
}
/* Outline button */
[data-theme="dark"] .btn-o{
  background:transparent;
  border:1px solid rgba(196,163,90,.15);
  color:var(--gold);
  box-shadow:var(--nm-raise-sm);
}
[data-theme="dark"] .btn-o:hover{
  background:rgba(196,163,90,.04);
  border-color:rgba(196,163,90,.3);
  box-shadow:var(--nm-raise),0 0 14px rgba(196,163,90,.08);
}
/* Danger button */
[data-theme="dark"] .btn-d{
  background:rgba(176,48,32,.1);
  border:1px solid rgba(176,48,32,.2);
  color:#E57373;
  box-shadow:var(--nm-raise-sm);
}
[data-theme="dark"] .btn-d:hover{
  box-shadow:var(--nm-raise),0 0 14px rgba(176,48,32,.12);
  border-color:rgba(176,48,32,.35);
}

/* --- 6.6 INPUTS / SELECTS / TEXTAREAS — Inset neumorphic --- */
[data-theme="dark"] .fld input,
[data-theme="dark"] .fld select,
[data-theme="dark"] .fld textarea{
  background:var(--nm-surface-dn);
  border:1px solid rgba(196,163,90,.06);
  border-radius:var(--nm-r-sm);
  box-shadow:var(--nm-inset-sm);
  color:var(--cream);
  transition:var(--nm-transition);
}
[data-theme="dark"] .fld input:focus,
[data-theme="dark"] .fld select:focus,
[data-theme="dark"] .fld textarea:focus{
  border-color:rgba(196,163,90,.35);
  box-shadow:var(--nm-inset),0 0 0 3px rgba(196,163,90,.06),0 0 14px rgba(196,163,90,.05);
  background:rgba(10,25,41,.8);
}
[data-theme="dark"] .fld label{
  color:rgba(196,163,90,.45);
  font-size:.62rem;
  letter-spacing:.04em;
  text-shadow:0 1px 2px rgba(0,0,0,.3);
}
/* Auth inputs */
[data-theme="dark"] .ainp{
  background:var(--nm-surface-dn);
  border:1px solid rgba(196,163,90,.1);
  box-shadow:var(--nm-inset);
}
[data-theme="dark"] .ainp:focus{
  border-color:rgba(196,163,90,.4);
  box-shadow:var(--nm-inset),0 0 0 3px rgba(196,163,90,.06),0 0 18px rgba(196,163,90,.06);
}

/* --- 6.7 SIDEBAR — Neumorphic panel with depth --- */
[data-theme="dark"] .sb{
  background:linear-gradient(180deg,rgba(8,20,36,.97),rgba(5,14,22,.99));
  border-right:1px solid rgba(196,163,90,.04);
  box-shadow:4px 0 20px rgba(0,0,0,.4),-2px 0 8px rgba(255,255,255,.005);
}
[data-theme="dark"] .sb .si{
  border-radius:var(--nm-r-sm);
  margin:1px 8px;
  transition:all .2s var(--ease-out);
}
[data-theme="dark"] .sb .si:hover{
  background:var(--nm-surface);
  box-shadow:var(--nm-raise-sm);
  color:rgba(245,240,232,.88);
}
[data-theme="dark"] .sb .si.on{
  background:var(--nm-surface-up);
  box-shadow:var(--nm-raise-sm),0 0 12px rgba(196,163,90,.06);
  color:var(--gold);
  border-left:2px solid rgba(196,163,90,.4);
}

/* --- 6.8 TOPBAR — Floating neumorphic header --- */
[data-theme="dark"] .topbar{
  background:linear-gradient(180deg,rgba(8,20,36,.95),rgba(5,14,22,.9));
  border-bottom:1px solid rgba(196,163,90,.05);
  box-shadow:0 4px 18px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.01);
}

/* --- 6.9 MODALS — Elevated neumorphic overlay --- */
[data-theme="dark"] .modal{
  background:linear-gradient(145deg,rgba(14,32,54,.98),rgba(8,20,36,.99));
  border:1px solid rgba(196,163,90,.08);
  border-radius:var(--nm-r-lg);
  box-shadow:var(--nm-raise-lg),0 32px 80px rgba(0,0,0,.5),0 0 0 1px rgba(196,163,90,.04);
}

/* --- 6.10 TOASTS — Floating notification pills --- */
[data-theme="dark"] .toast{
  background:linear-gradient(145deg,rgba(14,32,54,.96),rgba(8,22,40,.98));
  border:1px solid rgba(196,163,90,.1);
  border-radius:var(--nm-r);
  box-shadow:var(--nm-raise-lg),0 0 20px rgba(196,163,90,.04);
}

/* --- 6.11 TABLES — Subtle surface differentiation --- */
[data-theme="dark"] .tbl{
  border-radius:var(--nm-r);
  overflow:hidden;
  box-shadow:var(--nm-raise-sm);
  border:1px solid rgba(196,163,90,.04);
}
[data-theme="dark"] .tbl thead{
  background:linear-gradient(135deg,var(--nm-surface-dn),rgba(8,22,40,.9));
}
[data-theme="dark"] .tbl thead th{
  color:rgba(196,163,90,.55);
  font-weight:500;
  letter-spacing:.04em;
  text-shadow:0 1px 2px rgba(0,0,0,.3);
}
[data-theme="dark"] .tbl tbody tr:hover td{
  background:rgba(196,163,90,.03);
}

/* --- 6.12 TABS / PILLS — Toggle neumorphism --- */
[data-theme="dark"] .wa-tab{
  background:var(--nm-surface-dn);
  border:1px solid rgba(196,163,90,.05);
  border-radius:var(--nm-r-sm);
  box-shadow:var(--nm-raise-sm);
  transition:var(--nm-transition);
}
[data-theme="dark"] .wa-tab.on{
  background:var(--nm-surface-up);
  border-color:rgba(196,163,90,.25);
  box-shadow:var(--nm-inset-sm),0 0 12px rgba(196,163,90,.06);
  color:var(--gold);
}
[data-theme="dark"] .wa-tab:hover:not(.on){
  box-shadow:var(--nm-raise),0 0 8px rgba(196,163,90,.04);
  border-color:rgba(196,163,90,.12);
}

/* --- 6.13 KANBAN CARDS --- */
[data-theme="dark"] .kc{
  background:var(--nm-surface);
  border:1px solid rgba(196,163,90,.05);
  border-radius:var(--nm-r-sm);
  box-shadow:var(--nm-raise-sm);
  transition:var(--nm-transition);
}
[data-theme="dark"] .kc:hover{
  box-shadow:var(--nm-raise),0 0 14px rgba(196,163,90,.05);
  border-color:rgba(196,163,90,.15);
  transform:translateY(-2px);
}
[data-theme="dark"] .kb-col{
  background:var(--nm-surface-dn);
  border:1px solid rgba(196,163,90,.03);
  border-radius:var(--nm-r);
  box-shadow:var(--nm-inset-sm);
}

/* --- 6.14 BADGES (.bdg) — Subtle raised pills --- */
[data-theme="dark"] .bdg{
  border-radius:20px;
  box-shadow:2px 2px 5px rgba(0,0,0,.35),-1px -1px 4px rgba(255,255,255,.01);
  border:1px solid rgba(196,163,90,.06);
}
[data-theme="dark"] .bdg.bg{background:rgba(46,125,82,.1);box-shadow:2px 2px 5px rgba(0,0,0,.35),-1px -1px 4px rgba(255,255,255,.01),0 0 8px rgba(46,125,82,.06)}
[data-theme="dark"] .bdg.br{background:rgba(176,48,32,.1);box-shadow:2px 2px 5px rgba(0,0,0,.35),-1px -1px 4px rgba(255,255,255,.01),0 0 8px rgba(176,48,32,.06)}
[data-theme="dark"] .bdg.ba{background:rgba(196,163,90,.08);box-shadow:2px 2px 5px rgba(0,0,0,.35),-1px -1px 4px rgba(255,255,255,.01),0 0 8px rgba(196,163,90,.06)}

/* --- 6.15 APPROVAL CHAIN CHIPS --- */
[data-theme="dark"] .appr-chain-chip{
  border-radius:20px;
  box-shadow:var(--nm-raise-sm);
  transition:var(--nm-transition);
}

/* --- 6.16 VALUE CARDS (.vc) — Raised containers --- */
[data-theme="dark"] .vc{
  background:var(--nm-surface);
  border:1px solid rgba(196,163,90,.05);
  border-radius:var(--nm-r);
  box-shadow:var(--nm-raise-sm);
  transition:var(--nm-transition);
}
[data-theme="dark"] .vc:hover{
  box-shadow:var(--nm-raise),0 0 10px rgba(196,163,90,.04);
}

/* --- 6.17 STAT CONTAINERS (.st) --- */
[data-theme="dark"] .st{
  background:var(--nm-surface);
  border:1px solid rgba(196,163,90,.04);
  border-radius:var(--nm-r-sm);
  box-shadow:var(--nm-raise-sm);
}

/* --- 6.18 ACCORDION (.acc) --- */
[data-theme="dark"] .acc{
  background:var(--nm-surface);
  border:1px solid rgba(196,163,90,.05);
  border-radius:var(--nm-r-sm);
  box-shadow:var(--nm-raise-sm);
  transition:var(--nm-transition);
}

/* --- 6.19 PROJECT CARDS --- */
[data-theme="dark"] .proj-card{
  background:var(--nm-surface);
  border:1px solid rgba(196,163,90,.06);
  border-radius:var(--nm-r);
  box-shadow:var(--nm-raise);
  transition:var(--nm-transition);
}
[data-theme="dark"] .proj-card:hover{
  box-shadow:var(--nm-raise-lg),0 0 24px rgba(196,163,90,.08);
  border-color:rgba(196,163,90,.2);
  transform:translateY(-2px);
}

/* --- 6.20 RFI CARDS --- */
[data-theme="dark"] .rfi-card{
  background:var(--nm-surface);
  border:1px solid rgba(196,163,90,.05);
  border-radius:var(--nm-r-sm);
  box-shadow:var(--nm-raise-sm);
  transition:var(--nm-transition);
}
[data-theme="dark"] .rfi-card:hover{
  box-shadow:var(--nm-raise),0 0 10px rgba(196,163,90,.04);
  border-color:rgba(196,163,90,.15);
}

/* --- 6.21 COMMAND PALETTE --- */
[data-theme="dark"] .cmd-box{
  background:linear-gradient(145deg,rgba(14,32,54,.98),rgba(8,20,36,.99));
  border:1px solid rgba(196,163,90,.1);
  border-radius:var(--nm-r-lg);
  box-shadow:var(--nm-raise-lg),0 40px 100px rgba(0,0,0,.5);
}
[data-theme="dark"] .cmd-input{
  background:var(--nm-surface-dn);
  box-shadow:var(--nm-inset-sm);
  border-radius:var(--nm-r-sm);
}
[data-theme="dark"] .cmd-item:hover,
[data-theme="dark"] .cmd-item.active{
  background:var(--nm-surface);
  box-shadow:var(--nm-raise-sm);
  border-radius:var(--nm-r-sm);
}

/* --- 6.22 NOTIFICATION DROPDOWN --- */
[data-theme="dark"] .notif-dd{
  background:linear-gradient(145deg,rgba(14,32,54,.98),rgba(8,22,40,.99));
  border:1px solid rgba(196,163,90,.08);
  border-radius:var(--nm-r);
  box-shadow:var(--nm-raise-lg),0 20px 60px rgba(0,0,0,.5);
}

/* --- 6.23 PROJECT SWITCH DROPDOWN --- */
[data-theme="dark"] .proj-switch-dd{
  background:linear-gradient(145deg,rgba(14,32,54,.98),rgba(8,22,40,.99));
  border:1px solid rgba(196,163,90,.08);
  border-radius:var(--nm-r);
  box-shadow:var(--nm-raise-lg),0 20px 60px rgba(0,0,0,.5);
}

/* --- 6.24 CHART CARDS --- */
[data-theme="dark"] .chart-card{
  background:var(--nm-surface);
  border:1px solid rgba(196,163,90,.05);
  border-radius:var(--nm-r);
  box-shadow:var(--nm-raise);
  transition:var(--nm-transition);
}
[data-theme="dark"] .chart-card:hover{
  box-shadow:var(--nm-raise-lg),0 0 16px rgba(196,163,90,.05);
  border-color:rgba(196,163,90,.12);
}

/* --- 6.25 PILL CARDS (.pc) — Hybrid pill neumorphism --- */
[data-theme="dark"] .pc{
  background:var(--nm-surface);
  border:1px solid rgba(196,163,90,.06);
  border-radius:var(--nm-r);
  box-shadow:var(--nm-raise);
  transition:var(--nm-transition);
}
[data-theme="dark"] .pc:hover{
  box-shadow:var(--nm-raise-lg),0 0 22px rgba(196,163,90,.08);
  border-color:rgba(196,163,90,.2);
  transform:translateY(-3px);
}

/* --- 6.26 SCROLLBAR REFINEMENT --- */
[data-theme="dark"] ::-webkit-scrollbar{width:5px}
[data-theme="dark"] ::-webkit-scrollbar-track{background:var(--nm-surface-dn);border-radius:3px}
[data-theme="dark"] ::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(196,163,90,.2),rgba(196,163,90,.12));
  border-radius:3px;
  box-shadow:inset 0 0 4px rgba(0,0,0,.3);
}

/* --- 6.27 GLOBAL NEUMORPHIC UTILITIES --- */
[data-theme="dark"] .nm-raised{box-shadow:var(--nm-raise);border-radius:var(--nm-r)}
[data-theme="dark"] .nm-inset{box-shadow:var(--nm-inset);border-radius:var(--nm-r)}
[data-theme="dark"] .nm-flat{box-shadow:none;border:1px solid rgba(196,163,90,.05)}

/* --- 6.28 MAIN CONTENT AREA --- */
[data-theme="dark"] .mn{
  background:radial-gradient(ellipse at 30% 20%,rgba(12,30,51,.3),var(--bg) 70%);
}

/* --- 6.29 KEYBOARD SHORTCUTS (kbd) --- */
[data-theme="dark"] kbd{
  background:var(--nm-surface-dn);
  border:1px solid rgba(196,163,90,.08);
  box-shadow:var(--nm-raise-sm);
  border-radius:4px;
  color:rgba(245,240,232,.5);
}

/* --- 6.30 SIMULADOR CARDS --- */
[data-theme="dark"] .sim-compare-col{
  background:var(--nm-surface);
  border:1px solid rgba(196,163,90,.05);
  border-radius:var(--nm-r);
  box-shadow:var(--nm-raise-sm);
}
[data-theme="dark"] .sim-compare-col.featured{
  border-color:rgba(196,163,90,.2);
  box-shadow:var(--nm-raise),0 0 20px rgba(196,163,90,.08);
}

/* --- 6.31 TRM CARDS --- */
[data-theme="dark"] .trm-year-card{
  background:var(--nm-surface);
  border:1px solid rgba(196,163,90,.05);
  border-radius:var(--nm-r-sm);
  box-shadow:var(--nm-raise-sm);
  transition:var(--nm-transition);
}
[data-theme="dark"] .trm-year-card:hover{
  box-shadow:var(--nm-raise),0 0 10px rgba(196,163,90,.05);
  border-color:rgba(196,163,90,.15);
}

/* ═══ DARK MODE — ISP Design System (v20.05-H23) ═══ */
[data-theme="dark"] .isp-card{background:#1e293b;border-color:#334155}
[data-theme="dark"] .isp-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.5);border-color:#475569}
[data-theme="dark"] .isp-card-header{border-bottom-color:#334155}
[data-theme="dark"] .isp-card-header h3{color:#e2e8f0}
[data-theme="dark"] .isp-badge{background:rgba(196,163,90,.08);color:#e2e8f0}
[data-theme="dark"] .isp-badge-critical{background:rgba(176,48,32,.12);color:#ef5350}
[data-theme="dark"] .isp-badge-high{background:rgba(230,126,34,.12);color:#ffb74d}
[data-theme="dark"] .isp-badge-medium{background:rgba(33,150,243,.12);color:#64b5f6}
[data-theme="dark"] .isp-badge-low{background:rgba(76,175,80,.12);color:#81c784}
[data-theme="dark"] .isp-badge-gold{background:rgba(196,163,90,.12);color:#c9a84c}
[data-theme="dark"] .isp-stat{background:#1e293b;border-color:#334155}
[data-theme="dark"] .isp-stat:hover{border-color:#c9a84c}
[data-theme="dark"] .isp-stat-value{color:#e2e8f0}
[data-theme="dark"] .isp-stat-label{color:#94a3b8}
[data-theme="dark"] .isp-table{border-color:#334155}
[data-theme="dark"] .isp-table thead th{color:#e2e8f0;border-bottom-color:#334155;background:rgba(15,23,42,.6)}
[data-theme="dark"] .isp-table tbody td{border-bottom-color:#334155;color:#e2e8f0}
[data-theme="dark"] .isp-table tbody tr:hover{background:#334155}
[data-theme="dark"] .isp-progress{background:#334155}
[data-theme="dark"] .isp-btn-primary{background:#1e293b;color:#e2e8f0;border-color:#334155}
[data-theme="dark"] .isp-btn-primary:hover{background:#334155;border-color:#475569}
[data-theme="dark"] .isp-btn-gold{background:linear-gradient(135deg,#b89d5e,#c9a84c);color:#0f172a}
[data-theme="dark"] .isp-btn-ghost{background:transparent;border-color:#334155;color:#e2e8f0}
[data-theme="dark"] .isp-btn-ghost:hover{border-color:#c9a84c;color:#c9a84c}
[data-theme="dark"] .isp-empty-title{color:#e2e8f0}
[data-theme="dark"] .isp-empty-desc{color:#94a3b8}
[data-theme="dark"] .isp-score{background:#0f172a;border-color:#334155}
[data-theme="dark"] .isp-score-high{background:#1b5e20;color:#81c784}
[data-theme="dark"] .isp-score-mid{background:#e65100;color:#ffb74d}
[data-theme="dark"] .isp-score-low{background:#b03020;color:#ef5350}
[data-theme="dark"] .isp-tier{background:rgba(196,163,90,.08);border-color:#334155;color:#e2e8f0}
[data-theme="dark"] .isp-tier-investida{background:rgba(196,163,90,.12);color:#c9a84c;border-color:rgba(196,163,90,.25)}
[data-theme="dark"] .isp-tier-curated{background:rgba(33,150,243,.12);color:#64b5f6;border-color:rgba(33,150,243,.2)}
[data-theme="dark"] .isp-tier-qualified{background:rgba(76,175,80,.12);color:#81c784;border-color:rgba(76,175,80,.2)}
[data-theme="dark"] .isp-tier-awareness{background:rgba(158,158,158,.12);color:#bdbdbd;border-color:rgba(158,158,158,.2)}
[data-theme="dark"] .isp-toast{background:#1e293b;border:1px solid #334155;color:#e2e8f0}
[data-theme="dark"] .isp-toast-success{background:#1b5e20;color:#fff}
[data-theme="dark"] .isp-toast-error{background:#b03020;color:#fff}
[data-theme="dark"] .isp-toast-info{background:#1e293b;color:#e2e8f0;border-color:#334155}
[data-theme="dark"] .isp-toast-gold{background:linear-gradient(135deg,#b89d5e,#c9a84c);color:#0f172a}
/* ═══ END ISP DARK MODE ═══ */

/* ═══ END v19.86 NEUMORPHISM ═══ */

/* ═══ B02+B03 WhatsApp 3-Panel CSS v3.0 ═══ */
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}
50%{opacity:0.7;transform:scale(1.15);}
}
@keyframes slideIn{from{opacity:0;transform:translateX(-20px);}
to{opacity:1;transform:translateX(0);}
}
@keyframes slideInRight{from{opacity:0;transform:translateX(20px);}
to{opacity:1;transform:translateX(0);}
}
@keyframes bounce{0%,100%{transform:translateY(0);}
50%{transform:translateY(-4px);}
}
@keyframes modalFade{from{opacity:0;transform:scale(0.95);}
to{opacity:1;transform:scale(1);}
}
@keyframes scan{0%,100%{border-color:rgba(196,163,90,0.3);box-shadow:0 0 20px rgba(196,163,90,0.2);}
50%{border-color:rgba(196,163,90,0.8);box-shadow:0 0 30px rgba(196,163,90,0.5);}
}
@keyframes shimmer{0%{background-position:-1000px 0;}
100%{background-position:1000px 0;}
}
@keyframes fadeIn{from{opacity:0;}
to{opacity:1;}
}
@keyframes tickSlide{0%{transform:translateX(-3px);opacity:0;}
100%{transform:translateX(0);opacity:1;}
}
.wa3-layout{display:grid;grid-template-columns:280px 1fr 340px;grid-template-rows:80px 1fr 68px;grid-template-areas:"header header header" "left center right" "footer footer footer";height:100vh;width:100%;gap:0;background:var(--bg);color:var(--txt);font-family:var(--sn);overflow:hidden;}
.wa3-layout.ctx-hidden{grid-template-columns:280px 1fr;grid-template-areas:"header header" "left center" "footer footer";}
.wa3-header{grid-area:header;background:rgba(15,36,64,0.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(196,163,90,0.15);display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:20px;z-index:100;}
.wa3-left{grid-area:left;background:var(--srf);border-right:1px solid var(--brd);display:flex;flex-direction:column;overflow:hidden;}
.wa3-center{grid-area:center;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;}
.wa3-right{grid-area:right;background:rgba(15,36,64,0.4);backdrop-filter:blur(8px);border-left:1px solid var(--brd);display:flex;flex-direction:column;overflow:hidden;}
.wa3-footer{grid-area:footer;background:rgba(15,36,64,0.85);backdrop-filter:blur(10px);border-top:1px solid rgba(196,163,90,0.15);display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:20px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(196,163,90,0.3) transparent;}
.wa3-header-status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--t2);font-weight:500;}
.wa3-connection-dot{width:10px;height:10px;border-radius:50%;background:#999;transition:background 0.3s ease;}
.wa3-connection-dot.connected{background:var(--green);animation:pulse 1.5s ease-in-out infinite;}
.wa3-connection-dot.disconnected{background:#999;}
.wa3-header-metrics{display:flex;gap:24px;align-items:center;}
.wa3-header-metrics .metric-val{text-align:center;}
.wa3-header-metrics .metric-val div:first-child{font-size:18px;font-weight:700;color:var(--gold);line-height:1;}
.wa3-header-metrics .metric-val div:last-child{font-size:11px;color:var(--t2);margin-top:2px;text-transform:uppercase;letter-spacing:0.5px;}
.wa3-header-actions{display:flex;gap:8px;align-items:center;}
.wa3-header-actions button{background:linear-gradient(135deg,rgba(196,163,90,0.2),rgba(196,163,90,0.05));border:1px solid rgba(196,163,90,0.4);color:var(--gold);padding:8px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.2s ease;text-transform:uppercase;letter-spacing:0.5px;}
.wa3-header-actions button:hover{background:linear-gradient(135deg,rgba(196,163,90,0.3),rgba(196,163,90,0.15));border-color:var(--gold);transform:translateY(-1px);}
.wa3-header-actions button:active{transform:translateY(0);}
.wa3-left-search{padding:12px 12px;border-bottom:1px solid var(--brd);}
.wa3-left-search-wrap{position:relative;}
.wa3-left-search-wrap::before{content:"🔍";position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:14px;opacity:0.5;}
.wa3-left-search input{width:100%;padding:8px 10px 8px 32px;background:rgba(255,255,255,0.05);border:1px solid rgba(196,163,90,0.2);border-radius:6px;color:var(--txt);font-size:13px;font-family:var(--sn);transition:all 0.2s ease;}
.wa3-left-search input::placeholder{color:rgba(255,255,255,0.4);}
.wa3-left-search input:focus{outline:none;background:rgba(255,255,255,0.08);border-color:var(--gold);box-shadow:0 0 8px rgba(196,163,90,0.2);}
.wa3-filters{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid var(--brd);overflow-x:auto;scrollbar-width:none;}
.wa3-filters::-webkit-scrollbar{display:none;}
.wa3-chip{padding:4px 10px;background:rgba(196,163,90,0.1);border:1px solid rgba(196,163,90,0.3);border-radius:12px;color:var(--t2);font-size:11px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all 0.2s ease;text-transform:uppercase;letter-spacing:0.3px;}
.wa3-chip:hover{background:rgba(196,163,90,0.2);border-color:var(--gold);}
.wa3-chip.on{background:linear-gradient(135deg,var(--gold),rgba(196,163,90,0.8));border-color:var(--gold);color:var(--navy);}
.wa3-section-title{padding:8px 12px;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--t3);letter-spacing:1px;border-bottom:1px solid rgba(196,163,90,0.1);}
.wa3-contacts-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(196,163,90,0.3) transparent;}
.wa3-contacts-list::-webkit-scrollbar{width:6px;}
.wa3-contacts-list::-webkit-scrollbar-track{background:transparent;}
.wa3-contacts-list::-webkit-scrollbar-thumb{background:rgba(196,163,90,0.3);border-radius:3px;}
.wa3-contacts-list::-webkit-scrollbar-thumb:hover{background:rgba(196,163,90,0.5);}
.wa3-contact-item{padding:10px 12px;border-bottom:1px solid rgba(196,163,90,0.05);cursor:pointer;transition:all 0.2s ease;display:flex;gap:10px;align-items:flex-start;}
.wa3-contact-item:hover{background:rgba(196,163,90,0.08);}
.wa3-contact-item.selected{background:linear-gradient( 90deg,rgba(196,163,90,0.15),rgba(196,163,90,0.05) );border-left:3px solid var(--gold);padding-left:9px;}
.wa3-contact-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--gold));display:flex;align-items:center;justify-content:center;color:white;font-size:18px;font-weight:700;flex-shrink:0;position:relative;font-family:var(--sn);}
.wa3-contact-avatar.online::after{content:"";position:absolute;width:10px;height:10px;background:var(--green);border-radius:50%;bottom:0;right:0;border:2px solid var(--srf);animation:pulse 1.5s ease-in-out infinite;}
.wa3-contact-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.wa3-contact-name{font-size:13px;font-weight:600;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wa3-contact-role{font-size:11px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:0.3px;}
.wa3-contact-phone{font-size:10px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--mn);}
.wa3-contact-unread{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--green);color:white;border-radius:50%;font-size:10px;font-weight:700;flex-shrink:0;}
.wa3-contact-preview{font-size:11px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;}
.wa3-contact-time{font-size:10px;color:var(--t3);flex-shrink:0;margin-left:auto;}
.wa3-center-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--brd);background:rgba(15,36,64,0.3);overflow-x:auto;scrollbar-width:none;}
.wa3-center-tabs::-webkit-scrollbar{display:none;}
.wa3-center-tab{padding:12px 16px;font-size:12px;font-weight:600;color:var(--t2);cursor:pointer;border-bottom:2px solid transparent;transition:all 0.2s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:0.5px;}
.wa3-center-tab:hover{color:var(--gold);}
.wa3-center-tab.on{color:var(--gold);border-bottom-color:var(--gold);}
.wa3-compose{display:flex;flex-direction:column;gap:0;height:100%;background:var(--bg);}
.wa3-compose-to{padding:16px 20px;border-bottom:1px solid var(--brd);background:rgba(15,36,64,0.3);display:flex;flex-direction:column;gap:8px;}
.wa3-compose-to label{font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:0.5px;}
.wa3-compose-to input{width:100%;padding:10px 12px;background:rgba(255,255,255,0.05);border:1px solid rgba(196,163,90,0.2);border-radius:6px;color:var(--txt);font-size:13px;font-family:var(--sn);transition:all 0.2s ease;}
.wa3-compose-to input::placeholder{color:rgba(255,255,255,0.4);}
.wa3-compose-to input:focus{outline:none;background:rgba(255,255,255,0.08);border-color:var(--gold);box-shadow:0 0 8px rgba(196,163,90,0.2);}
.wa3-compose-body{flex:1;padding:16px 20px;display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;}
.wa3-compose-body textarea{flex:1;padding:12px;background:rgba(255,255,255,0.05);border:1px solid rgba(196,163,90,0.2);border-radius:8px;color:var(--txt);font-size:13px;font-family:var(--sn);resize:none;transition:all 0.2s ease;}
.wa3-compose-body textarea::placeholder{color:rgba(255,255,255,0.4);}
.wa3-compose-body textarea:focus{outline:none;background:rgba(255,255,255,0.08);border-color:var(--gold);box-shadow:0 0 8px rgba(196,163,90,0.2);}
.wa3-char-counter{font-size:11px;color:var(--t3);text-align:right;}
.wa3-char-counter.warn{color:var(--amber);font-weight:600;}
.wa3-char-counter.danger{color:var(--red);font-weight:700;}
.wa3-compose-actions{display:flex;gap:8px;padding:12px 20px;border-top:1px solid var(--brd);background:rgba(15,36,64,0.3);flex-wrap:wrap;}
.wa3-compose-actions select{padding:8px 10px;background:rgba(255,255,255,0.05);border:1px solid rgba(196,163,90,0.2);border-radius:6px;color:var(--t2);font-size:12px;font-family:var(--sn);cursor:pointer;transition:all 0.2s ease;}
.wa3-compose-actions select:focus{outline:none;background:rgba(255,255,255,0.08);border-color:var(--gold);}
.wa3-bubble-preview{padding:12px;background:linear-gradient(135deg,rgba(37,211,102,0.15),rgba(37,211,102,0.05));border:1px solid rgba(37,211,102,0.3);border-radius:8px;font-size:12px;color:var(--t1);line-height:1.4;}
.wa3-bubble-preview::before{content:"👁 Preview";display:block;font-size:10px;color:var(--t3);margin-bottom:6px;text-transform:uppercase;letter-spacing:0.3px;font-weight:600;}
.wa3-send-btn{padding:10px 16px;background:linear-gradient(135deg,var(--green),rgba(37,211,102,0.8));border:none;border-radius:6px;color:white;font-size:12px;font-weight:700;cursor:pointer;transition:all 0.2s ease;text-transform:uppercase;letter-spacing:0.5px;align-self:flex-end;}
.wa3-send-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,211,102,0.3);}
.wa3-send-btn:active{transform:translateY(0);}
.wa3-send-btn.sending{opacity:0.7;cursor:not-allowed;animation:pulse 0.8s ease-in-out infinite;}
.wa3-quick-replies{display:flex;flex-wrap:wrap;gap:8px;}
.wa3-quick-replies button{padding:6px 10px;background:rgba(196,163,90,0.1);border:1px solid rgba(196,163,90,0.3);border-radius:4px;color:var(--t2);font-size:11px;font-weight:500;cursor:pointer;transition:all 0.2s ease;}
.wa3-quick-replies button:hover{background:rgba(196,163,90,0.2);border-color:var(--gold);}
.wa3-inbox{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);}
.wa3-inbox-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--t3);font-size:13px;text-align:center;padding:40px 20px;}
.wa3-chat-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:rgba(196,163,90,0.3) transparent;}
.wa3-chat-messages::-webkit-scrollbar{width:6px;}
.wa3-chat-messages::-webkit-scrollbar-track{background:transparent;}
.wa3-chat-messages::-webkit-scrollbar-thumb{background:rgba(196,163,90,0.3);border-radius:3px;}
.wa3-chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(196,163,90,0.5);}
.wa3-chat-day-divider{text-align:center;font-size:10px;color:var(--t3);margin:8px 0;position:relative;}
.wa3-chat-day-divider::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(196,163,90,0.1);z-index:0;}
.wa3-chat-day-divider span{background:var(--bg);padding:0 8px;position:relative;z-index:1;text-transform:uppercase;letter-spacing:0.3px;}
.wa3-msg-bubble{display:flex;gap:6px;max-width:70%;animation:slideIn 0.3s ease;}
.wa3-msg-bubble.sent{align-self:flex-end;flex-direction:row-reverse;}
.wa3-msg-bubble.received{align-self:flex-start;}
.wa3-msg-text{padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.4;word-wrap:break-word;position:relative;}
.wa3-msg-bubble.sent .wa3-msg-text{background:linear-gradient(135deg,var(--green),rgba(37,211,102,0.8));color:white;border-bottom-right-radius:2px;}
.wa3-msg-bubble.received .wa3-msg-text{background:rgba(196,163,90,0.15);color:var(--t1);border-bottom-left-radius:2px;}
.wa3-msg-time{font-size:10px;color:var(--t3);align-self:flex-end;white-space:nowrap;}
.wa3-msg-status{display:flex;gap:1px;align-self:flex-end;}
.wa3-msg-status .tick{width:4px;height:4px;border:1.5px solid var(--t3);border-radius:1px;animation:tickSlide 0.2s ease;}
.wa3-msg-status .tick.delivered{opacity:1;}
.wa3-msg-status .tick.read{border-color:var(--gold);}
.wa3-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(196,163,90,0.3) transparent;}
.wa3-template-card{background:linear-gradient(135deg,rgba(15,36,64,0.6),rgba(15,36,64,0.3));border:1px solid rgba(196,163,90,0.2);border-radius:10px;padding:14px;cursor:pointer;transition:all 0.3s ease;display:flex;flex-direction:column;gap:10px;position:relative;}
.wa3-template-card:hover{border-color:var(--gold);box-shadow:0 8px 24px rgba(196,163,90,0.15);transform:translateY(-4px);}
.wa3-template-category{position:absolute;top:10px;right:10px;padding:2px 8px;background:rgba(196,163,90,0.2);border-radius:4px;font-size:9px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:0.3px;}
.wa3-template-name{font-size:13px;font-weight:700;color:var(--t1);}
.wa3-template-preview{font-size:12px;color:var(--t2);line-height:1.4;padding:8px;background:rgba(0,0,0,0.2);border-radius:4px;min-height:48px;overflow:hidden;}
.wa3-template-vars{display:flex;flex-wrap:wrap;gap:4px;}
.wa3-template-vars span{padding:2px 6px;background:rgba(37,211,102,0.15);border-radius:3px;font-size:10px;color:var(--green);font-family:var(--mn);}
.wa3-template-status{padding:4px 8px;background:rgba(196,163,90,0.1);border-radius:4px;font-size:10px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:0.3px;}
.wa3-template-status.approved{background:rgba(37,211,102,0.1);color:var(--green);}
.wa3-template-status.draft{background:rgba(255,193,7,0.1);color:var(--amber);}
.wa3-template-actions{display:flex;gap:6px;}
.wa3-template-actions button{flex:1;padding:6px;background:rgba(196,163,90,0.1);border:1px solid rgba(196,163,90,0.3);border-radius:4px;color:var(--gold);font-size:10px;font-weight:600;cursor:pointer;transition:all 0.2s ease;text-transform:uppercase;letter-spacing:0.3px;}
.wa3-template-actions button:hover{background:rgba(196,163,90,0.2);border-color:var(--gold);}
.wa3-broadcast-form{padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(196,163,90,0.3) transparent;}
.wa3-broadcast-form .fld{display:flex;flex-direction:column;gap:6px;}
.wa3-broadcast-form label{font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:0.5px;}
.wa3-broadcast-form select,.wa3-broadcast-form textarea{padding:10px 12px;background:rgba(255,255,255,0.05);border:1px solid rgba(196,163,90,0.2);border-radius:6px;color:var(--txt);font-size:13px;font-family:var(--sn);transition:all 0.2s ease;}
.wa3-broadcast-form select:focus,.wa3-broadcast-form textarea:focus{outline:none;background:rgba(255,255,255,0.08);border-color:var(--gold);box-shadow:0 0 8px rgba(196,163,90,0.2);}
.wa3-bc-preview{padding:12px;background:linear-gradient(135deg,rgba(37,211,102,0.15),rgba(37,211,102,0.05));border:1px solid rgba(37,211,102,0.3);border-radius:8px;font-size:12px;color:var(--t1);line-height:1.4;}
.wa3-bc-segment-count{padding:8px 12px;background:rgba(196,163,90,0.1);border-radius:6px;font-size:13px;font-weight:600;color:var(--gold);}
.wa3-bc-progress{width:100%;height:6px;background:rgba(255,255,255,0.1);border-radius:3px;overflow:hidden;margin:12px 0;}
.wa3-bc-progress::after{content:"";display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--gold));width:0%;animation:shimmer 2s infinite;}
.wa3-analytics{padding:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(196,163,90,0.3) transparent;}
.wa3-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;}
.wa3-analytics-card{background:linear-gradient(135deg,rgba(15,36,64,0.6),rgba(15,36,64,0.3));border:2px solid transparent;background-image:linear-gradient(135deg,rgba(15,36,64,0.6),rgba(15,36,64,0.3)),linear-gradient(135deg,var(--gold),rgba(196,163,90,0.4));background-clip:padding-box,border-box;background-origin:padding-box,border-box;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px;transition:all 0.3s ease;}
.wa3-analytics-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(196,163,90,0.2);}
.wa3-analytics-card .value{font-size:32px;font-weight:700;color:var(--gold);line-height:1;}
.wa3-analytics-card .label{font-size:11px;font-weight:600;color:var(--t2);text-transform:uppercase;letter-spacing:0.5px;}
.wa3-analytics-chart{display:flex;align-items:flex-end;gap:6px;height:120px;margin-top:12px;}
.wa3-analytics-bar{flex:1;background:rgba(196,163,90,0.2);border-radius:4px;position:relative;min-height:4px;cursor:pointer;transition:all 0.2s ease;}
.wa3-analytics-bar:hover{background:rgba(196,163,90,0.3);}
.wa3-analytics-bar-fill{height:100%;background:linear-gradient(180deg,var(--gold),rgba(196,163,90,0.6));border-radius:4px;}
.wa3-config-section{padding:20px;border-bottom:1px solid var(--brd);}
.wa3-config-section h3{font-size:12px;font-weight:700;color:var(--t1);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:12px;}
.wa3-qr-container{display:flex;flex-direction:column;align-items:center;gap:12px;}
.wa3-qr-code{width:200px;height:200px;background:white;border:2px solid var(--gold);border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:center;animation:scan 2s ease-in-out infinite;box-shadow:0 8px 24px rgba(196,163,90,0.2);}
.wa3-qr-status{text-align:center;font-size:12px;color:var(--t2);font-weight:600;}
.wa3-qr-instructions{padding:12px;background:rgba(196,163,90,0.1);border-radius:6px;font-size:11px;color:var(--t2);line-height:1.5;text-align:center;}
.wa3-config-card{padding:12px;background:rgba(255,255,255,0.05);border:1px solid rgba(196,163,90,0.2);border-radius:6px;margin-top:12px;display:flex;justify-content:space-between;align-items:center;}
.wa3-config-toggle{width:40px;height:24px;background:rgba(196,163,90,0.2);border-radius:12px;cursor:pointer;position:relative;transition:all 0.2s ease;}
.wa3-config-toggle::after{content:"";position:absolute;width:20px;height:20px;background:white;border-radius:50%;top:2px;left:2px;transition:all 0.2s ease;}
.wa3-config-toggle.on{background:var(--green);}
.wa3-config-toggle.on::after{left:18px;}
.wa3-right-header{padding:16px;border-bottom:1px solid rgba(196,163,90,0.15);display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;}
.wa3-right-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--gold));display:flex;align-items:center;justify-content:center;color:white;font-size:24px;font-weight:700;font-family:var(--sn);}
.wa3-right-name{font-size:14px;font-weight:700;color:var(--t1);}
.wa3-right-meta{font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:0.3px;}
.wa3-right-body{flex:1;padding:12px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:rgba(196,163,90,0.3) transparent;}
.wa3-right-body::-webkit-scrollbar{width:4px;}
.wa3-right-body::-webkit-scrollbar-track{background:transparent;}
.wa3-right-body::-webkit-scrollbar-thumb{background:rgba(196,163,90,0.3);border-radius:2px;}
.wa3-right-section{padding:12px;background:rgba(196,163,90,0.08);border:1px solid rgba(196,163,90,0.15);border-radius:6px;}
.wa3-right-section h4{font-size:10px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px;}
.wa3-engagement-ring{width:100px;height:100px;border-radius:50%;background:conic-gradient( from 0deg,var(--green) 0deg,var(--gold) calc(var(--score,75) * 3.6deg),rgba(196,163,90,0.2) calc(var(--score,75) * 3.6deg) );display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--gold);margin:0 auto 8px;box-shadow:0 4px 16px rgba(196,163,90,0.2);}
.wa3-journey-badge{display:inline-block;padding:4px 8px;background:linear-gradient(135deg,var(--gold),rgba(196,163,90,0.6));border-radius:4px;font-size:10px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:0.3px;}
.wa3-right-tags{display:flex;flex-wrap:wrap;gap:6px;}
.wa3-right-tag{padding:4px 8px;background:rgba(37,211,102,0.15);border-radius:4px;font-size:10px;color:var(--green);text-transform:capitalize;}
.wa3-timeline{display:flex;flex-direction:column;gap:12px;}
.wa3-timeline-item{display:flex;gap:8px;}
.wa3-timeline-item::before{content:"";width:8px;height:8px;background:rgba(196,163,90,0.5);border-radius:50%;margin-top:6px;flex-shrink:0;}
.wa3-timeline-item.recent::before{background:var(--gold);box-shadow:0 0 8px var(--gold);}
.wa3-timeline-item span{font-size:11px;color:var(--t2);line-height:1.4;}
.wa3-right-actions{display:flex;gap:6px;padding-top:12px;border-top:1px solid rgba(196,163,90,0.15);}
.wa3-right-actions button{flex:1;padding:8px;background:rgba(196,163,90,0.1);border:1px solid rgba(196,163,90,0.3);border-radius:4px;color:var(--gold);font-size:10px;font-weight:600;cursor:pointer;transition:all 0.2s ease;text-transform:uppercase;letter-spacing:0.3px;}
.wa3-right-actions button:hover{background:rgba(196,163,90,0.2);border-color:var(--gold);}
.wa3-footer-templates{display:flex;gap:8px;flex:1;}
.wa3-footer-tpl{padding:6px 10px;background:rgba(196,163,90,0.1);border:1px solid rgba(196,163,90,0.3);border-radius:4px;color:var(--t2);font-size:10px;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;position:relative;padding-left:18px;}
.wa3-footer-tpl::before{content:"⭐";position:absolute;left:6px;font-size:9px;opacity:0.6;}
.wa3-footer-tpl:hover{background:rgba(196,163,90,0.2);border-color:var(--gold);color:var(--gold);}
.wa3-rate-bar{display:flex;align-items:center;gap:8px;margin-left:auto;}
.wa3-rate-bar-inner{width:120px;height:6px;background:rgba(255,255,255,0.1);border-radius:3px;overflow:hidden;}
.wa3-rate-bar-fill{height:100%;width:var(--rate,80%);background:linear-gradient(90deg,var(--green),var(--amber));transition:all 0.3s ease;border-radius:3px;}
.wa3-rate-green .wa3-rate-bar-fill{background:var(--green);}
.wa3-rate-amber .wa3-rate-bar-fill{background:var(--amber);}
.wa3-rate-red .wa3-rate-bar-fill{background:var(--red);}
.wa3-rate-bar span{font-size:10px;color:var(--t2);font-weight:600;white-space:nowrap;}
.wa3-history-item{padding:10px 12px;border-bottom:1px solid rgba(196,163,90,0.05);font-size:12px;color:var(--t2);display:flex;justify-content:space-between;align-items:center;transition:background 0.2s ease;}
.wa3-history-item:hover{background:rgba(196,163,90,0.08);}
.wa3-history-time{font-size:10px;color:var(--t3);flex-shrink:0;}
.wa3-history-msg{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wa3-history-status{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.3px;flex-shrink:0;}
.wa3-history-status.sent{color:var(--t3);}
.wa3-history-status.error{color:var(--red);}
.wa3-history-status.queued{color:var(--amber);}
.wa3-history-status.delivered{color:var(--green);}
.wa3-history-status.read{color:var(--gold);}
/* wa3-add-contact-fab empilhado ACIMA do Concierge ai-fab (anti-sobreposição) */
.wa3-add-contact-fab{position:fixed;bottom:96px;right:24px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--gold),rgba(196,163,90,0.8));border:none;color:var(--navy);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px rgba(196,163,90,0.3);transition:all .25s cubic-bezier(.19,1,.22,1);z-index:198;font-weight:700;}
.wa3-add-contact-fab:hover{transform:translateY(-2px) scale(1.06);box-shadow:0 8px 24px rgba(196,163,90,0.45);}
.wa3-add-contact-fab:active{transform:scale(0.95);}
@media (max-width:600px){.wa3-add-contact-fab{bottom:80px;right:18px;width:44px;height:44px;font-size:18px}}
.wa3-add-contact-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:300;align-items:center;justify-content:center;animation:fadeIn 0.2s ease;}
.wa3-add-contact-modal.show{display:flex;}
.wa3-add-contact-modal-inner{background:linear-gradient(135deg,rgba(15,36,64,0.95),rgba(15,36,64,0.85));backdrop-filter:blur(10px);border:1px solid rgba(196,163,90,0.3);border-radius:12px;padding:24px;width:90%;max-width:400px;animation:modalFade 0.3s ease;}
.wa3-add-contact-modal-inner h3{font-size:16px;font-weight:700;color:var(--t1);margin-bottom:16px;text-transform:uppercase;letter-spacing:0.5px;}
.wa3-modal-fld{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;}
.wa3-modal-fld label{font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:0.5px;}
.wa3-modal-fld input,.wa3-modal-fld textarea{padding:10px 12px;background:rgba(255,255,255,0.05);border:1px solid rgba(196,163,90,0.2);border-radius:6px;color:var(--txt);font-size:13px;font-family:var(--sn);transition:all 0.2s ease;}
.wa3-modal-fld input::placeholder,.wa3-modal-fld textarea::placeholder{color:rgba(255,255,255,0.4);}
.wa3-modal-fld input:focus,.wa3-modal-fld textarea:focus{outline:none;background:rgba(255,255,255,0.08);border-color:var(--gold);box-shadow:0 0 8px rgba(196,163,90,0.2);}
.wa3-modal-buttons{display:flex;gap:8px;margin-top:16px;}
.wa3-modal-buttons button{flex:1;padding:10px;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:0.5px;transition:all 0.2s ease;}
.wa3-modal-buttons button:first-child{background:rgba(196,163,90,0.1);border:1px solid rgba(196,163,90,0.3);color:var(--gold);}
.wa3-modal-buttons button:first-child:hover{background:rgba(196,163,90,0.2);}
.wa3-modal-buttons button:last-child{background:linear-gradient(135deg,var(--gold),rgba(196,163,90,0.8));color:var(--navy);}
.wa3-modal-buttons button:last-child:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(196,163,90,0.3);}
.wa3-queue-item{padding:10px 12px;background:rgba(255,193,7,0.1);border-left:3px solid var(--amber);margin-bottom:8px;border-radius:4px;font-size:12px;color:var(--t2);display:flex;justify-content:space-between;align-items:center;}
.wa3-queue-status{font-size:10px;color:var(--amber);font-weight:600;text-transform:uppercase;}
.wa3-queue-retry{padding:4px 8px;background:rgba(255,193,7,0.2);border-radius:4px;font-size:10px;color:var(--amber);cursor:pointer;transition:all 0.2s ease;}
.wa3-queue-retry:hover{background:rgba(255,193,7,0.3);}
.wa3-empty-ctx{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--t3);text-align:center;padding:40px 20px;}
.wa3-empty-ctx .icon{font-size:48px;margin-bottom:12px;opacity:0.5;}
.wa3-schedule-picker{padding:12px;background:rgba(255,255,255,0.05);border:1px solid rgba(196,163,90,0.2);border-radius:6px;color:var(--txt);font-size:12px;font-family:var(--sn);cursor:pointer;transition:all 0.2s ease;}
.wa3-schedule-picker:focus{outline:none;background:rgba(255,255,255,0.08);border-color:var(--gold);}
@media (max-width:960px){.wa3-layout{grid-template-columns:1fr;grid-template-rows:80px 1fr 68px;grid-template-areas:"header" "center" "footer";}
.wa3-left,.wa3-right{display:none;}
.wa3-layout.ctx-hidden{grid-template-columns:1fr;}
.wa3-msg-bubble{max-width:85%;}
.wa3-templates-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));}
.wa3-analytics-grid{grid-template-columns:1fr;}
}
@media (max-width:640px){.wa3-header{flex-direction:column;gap:10px;padding:10px 12px;height:auto;}
.wa3-layout{grid-template-rows:auto 1fr 68px;}
.wa3-header-metrics{gap:12px;font-size:11px;}
.wa3-header-metrics .metric-val div:first-child{font-size:14px;}
.wa3-compose-actions{flex-direction:column;}
.wa3-compose-actions select{width:100%;}
.wa3-send-btn{width:100%;}
.wa3-msg-bubble{max-width:95%;}
.wa3-footer{flex-direction:column;gap:8px;}
}
*{box-sizing:border-box;}
a{color:var(--gold);text-decoration:none;transition:color 0.2s ease;}
a:hover{color:rgba(196,163,90,1);}
button{font-family:var(--sn);}
input,textarea,select{font-family:inherit;}
html{scroll-behavior:smooth;}::selection{background:rgba(196,163,90,0.3);color:var(--txt);}::-moz-selection{background:rgba(196,163,90,0.3);color:var(--txt);}
/* ═══ END B02+B03 CSS v3.0 ═══ */

/* ═══ v20.05-H21: UX POLISH — v21 Module Styles ═══ */
/* Panel transitions */
.pn{animation:ispFadeIn .35s var(--ease-out) both}
@keyframes ispFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* v21 module cards */
.isp-card{background:var(--srf);border:1px solid var(--brd);border-radius:var(--r);padding:var(--sp-4);margin-bottom:var(--sp-3);transition:box-shadow .25s var(--ease-out),transform .2s var(--ease-out)}
.isp-card:hover{box-shadow:0 4px 20px rgba(27,58,92,.08);transform:translateY(-1px)}
.isp-card-header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--brd)}
.isp-card-header h3{font-family:var(--sf);font-weight:300;font-size:var(--fs-lg);color:var(--txt);margin:0}
.isp-card-header .isp-badge{font-size:var(--fs-xs);padding:2px 8px;border-radius:12px;font-weight:600;letter-spacing:.03em}
.isp-badge-critical{background:#C62828;color:#fff}
.isp-badge-high{background:#E65100;color:#fff}
.isp-badge-medium{background:#1565C0;color:#fff}
.isp-badge-low{background:#2E7D32;color:#fff}
.isp-badge-gold{background:#8B6F29;color:#fff}
/* v21 stat widgets */
.isp-stat{display:inline-flex;flex-direction:column;align-items:center;padding:var(--sp-3) var(--sp-4);background:var(--srf);border:1px solid var(--brd);border-radius:var(--r);min-width:100px;transition:border-color .2s ease}
.isp-stat:hover{border-color:var(--gold)}
.isp-stat-value{font-family:var(--sf);font-size:1.6rem;font-weight:300;color:var(--txt);line-height:1}
.isp-stat-label{font-family:var(--sn);font-size:var(--fs-xs);color:var(--t3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}
.isp-stat-trend{font-size:var(--fs-xs);margin-top:2px}
.isp-stat-trend.up{color:var(--green)}
.isp-stat-trend.down{color:var(--red)}
.isp-stat-trend.stable{color:var(--t3)}
/* v21 data tables */
.isp-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-sm)}
.isp-table thead th{font-family:var(--sn);font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--t3);padding:var(--sp-2) var(--sp-3);border-bottom:2px solid var(--brd);text-align:left}
.isp-table tbody td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--brd);color:var(--txt);vertical-align:middle}
.isp-table tbody tr{transition:background .15s ease}
.isp-table tbody tr:hover{background:rgba(196,163,90,.03)}
.isp-table tbody tr:last-child td{border-bottom:none}
/* v21 progress bars */
.isp-progress{height:6px;background:var(--brd);border-radius:3px;overflow:hidden;position:relative}
.isp-progress-fill{height:100%;border-radius:3px;transition:width .6s var(--ease-out);position:relative}
.isp-progress-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:ispShimmer 2s infinite}
@keyframes ispShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.isp-progress-gold .isp-progress-fill{background:linear-gradient(90deg,var(--gm),var(--gold))}
.isp-progress-green .isp-progress-fill{background:linear-gradient(90deg,#43A047,var(--green))}
.isp-progress-blue .isp-progress-fill{background:linear-gradient(90deg,#1976D2,var(--blue))}
.isp-progress-red .isp-progress-fill{background:linear-gradient(90deg,#D32F2F,var(--red))}
/* v21 action buttons */
.isp-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:6px;font-family:var(--sn);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:all .2s var(--ease-out);border:none;outline:none}
.isp-btn-primary{background:var(--navy);color:var(--cream)}
.isp-btn-primary:hover{background:var(--nl);transform:translateY(-1px);box-shadow:0 2px 8px rgba(27,58,92,.2)}
.isp-btn-gold{background:linear-gradient(135deg,var(--gm),var(--gold));color:#fff}
.isp-btn-gold:hover{box-shadow:0 2px 12px rgba(196,163,90,.3);transform:translateY(-1px)}
.isp-btn-ghost{background:transparent;border:1px solid var(--brd);color:var(--txt)}
.isp-btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
/* v21 empty state (premium) */
.isp-empty{padding:48px 24px;text-align:center;animation:ispFadeIn .5s var(--ease-out) both}
/* v21 Sentry topbar indicator */
.sentry-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:.55rem;font-family:var(--sn);background:rgba(46,125,50,.08);color:var(--green);cursor:pointer;transition:all .2s ease}
.sentry-pill:hover{background:rgba(46,125,50,.15)}
.sentry-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:sentryPulse 2s ease infinite}
@keyframes sentryPulse{0%,100%{opacity:1}50%{opacity:.3}}
.isp-empty-icon{font-size:2.5rem;margin-bottom:16px;opacity:.7;animation:ispFloat 3s ease-in-out infinite}
@keyframes ispFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.isp-empty-title{font-family:var(--sf);font-weight:300;font-size:1.1rem;color:var(--txt);margin-bottom:8px}
.isp-empty-desc{font-size:var(--fs-sm);color:var(--t3);max-width:420px;margin:0 auto 16px;line-height:1.6}
/* v21 score circles */
.isp-score{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;font-family:var(--sf);font-size:var(--fs-md);font-weight:600;border:2px solid;transition:transform .2s ease}
.isp-score:hover{transform:scale(1.1)}
.isp-score-high{border-color:#2E7D32;color:#fff;background:#2E7D32}
.isp-score-mid{border-color:#E65100;color:#fff;background:#E65100}
.isp-score-low{border-color:#C62828;color:#fff;background:#C62828}
/* v21 tier badges */
.isp-tier{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:20px;font-family:var(--sn);font-size:var(--fs-xs);font-weight:600;letter-spacing:.03em}
.isp-tier-investida{background:#8B6F29;color:#fff;border:1px solid #6B5620}
.isp-tier-curated{background:#1565C0;color:#fff;border:1px solid #0D47A1}
.isp-tier-qualified{background:#2E7D32;color:#fff;border:1px solid #1B5E20}
.isp-tier-awareness{background:#555;color:#fff;border:1px solid #333}
/* v21 toast notifications */
.isp-toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:8px;font-family:var(--sn);font-size:var(--fs-sm);color:#fff;z-index:9999;animation:ispToastIn .4s var(--ease-out) both;box-shadow:0 4px 16px rgba(0,0,0,.15)}
@keyframes ispToastIn{from{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
.isp-toast-success{background:var(--green)}
.isp-toast-error{background:var(--red)}
.isp-toast-info{background:var(--navy)}
.isp-toast-gold{background:linear-gradient(135deg,var(--gm),var(--gold))}
/* v21 responsive grid */
.isp-grid{display:grid;gap:var(--sp-3)}
.isp-grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.isp-grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.isp-grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
@media(max-width:768px){.isp-grid-2,.isp-grid-3,.isp-grid-4{grid-template-columns:1fr}}
/* ═══ END v20.05-H21 UX POLISH ═══ */

/* ═══════════════════════════════════════════════════════════════════════════
   v20.05-H27 — APPLE REFINEMENT LAYER
   Translucency • Depth • Breathing • Intelligent Contrast
   Objective: Make platform feel precious, intelligent, exclusive
   ═══════════════════════════════════════════════════════════════════════════ */

:root{
  --h25-glass-bg:rgba(255,255,255,.72);
  --h25-glass-bg-dark:rgba(15,36,64,.68);
  --h25-glass-brd:rgba(255,255,255,.18);
  --h25-glass-brd-dark:rgba(196,163,90,.14);
  --h25-depth-1:0 1px 2px rgba(15,36,64,.04),0 2px 6px rgba(15,36,64,.06);
  --h25-depth-2:0 2px 6px rgba(15,36,64,.06),0 8px 24px rgba(15,36,64,.08);
  --h25-depth-3:0 4px 12px rgba(15,36,64,.08),0 16px 48px rgba(15,36,64,.12);
  --h25-depth-gold:0 0 0 1px rgba(196,163,90,.18),0 8px 32px rgba(196,163,90,.10);
  --h25-breath-xs:6px;
  --h25-breath-sm:10px;
  --h25-breath-md:16px;
  --h25-breath-lg:24px;
  --h25-breath-xl:40px;
  --h25-radius-sm:10px;
  --h25-radius-md:14px;
  --h25-radius-lg:20px;
  --h25-radius-xl:28px;
  --h25-ease:cubic-bezier(.22,.61,.36,1);
  --h25-ease-bounce:cubic-bezier(.34,1.56,.64,1);
  --h25-ink:#0B1F36;
  --h25-ink-soft:rgba(11,31,54,.72);
  --h25-ink-mute:rgba(11,31,54,.48);
  --h25-hairline:rgba(11,31,54,.08);
  --h25-highlight:rgba(255,255,255,.86);
  --h25-gold-soft:rgba(196,163,90,.12);
}

/* Global smoothing — sets the Apple baseline */
html,body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-feature-settings:"kern","liga","calt","ss01";
}

/* Cards, modals, tiles — receive glass + depth */
.card,.mdl,.modal,.tile,.k-card,.tl-card,.isp-card,.isp-tile,
.dash-card,.board-col,.kanban-card,.widget-card{
  background:var(--h25-glass-bg)!important;
  backdrop-filter:saturate(180%) blur(20px);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  border:1px solid var(--h25-hairline);
  border-radius:var(--h25-radius-md);
  box-shadow:var(--h25-depth-2);
  transition:transform .35s var(--h25-ease),box-shadow .35s var(--h25-ease),border-color .25s var(--h25-ease);
}
.card:hover,.tile:hover,.isp-card:hover,.isp-tile:hover,
.dash-card:hover,.k-card:hover,.widget-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--h25-depth-3);
  border-color:rgba(196,163,90,.22);
}

/* Modal refinement — precious glass centerpiece */
.mo .modal,.modal{
  background:var(--h25-glass-bg)!important;
  backdrop-filter:saturate(180%) blur(28px);
  -webkit-backdrop-filter:saturate(180%) blur(28px);
  border:1px solid var(--h25-glass-brd);
  border-radius:var(--h25-radius-lg);
  box-shadow:var(--h25-depth-3),var(--h25-depth-gold);
  animation:h25ModalRise .42s var(--h25-ease) both;
}
@keyframes h25ModalRise{
  from{opacity:0;transform:translateY(14px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.mo{
  background:rgba(11,31,54,.42)!important;
  backdrop-filter:blur(8px) saturate(140%);
  -webkit-backdrop-filter:blur(8px) saturate(140%);
}

/* Buttons — breathing + intelligent contrast */
button,.btn,input[type=button],input[type=submit]{
  border-radius:var(--h25-radius-sm);
  padding:10px 18px;
  letter-spacing:.01em;
  transition:transform .25s var(--h25-ease),box-shadow .25s var(--h25-ease),background .25s var(--h25-ease),color .25s var(--h25-ease);
  border:1px solid var(--h25-hairline);
  box-shadow:var(--h25-depth-1);
}
button:hover,.btn:hover{
  transform:translateY(-1px);
  box-shadow:var(--h25-depth-2);
}
button:active,.btn:active{transform:translateY(0);box-shadow:var(--h25-depth-1)}
button:focus-visible,.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(196,163,90,.28),var(--h25-depth-2);
}

/* Primary CTA — gold gradient with inner highlight */
.btn-gold,.btn-primary,.btn-gm,.is-primary,button.primary{
  background:linear-gradient(180deg,#E0C27A 0%,#C4A35A 52%,#A8873F 100%)!important;
  color:#0B1F36!important;
  border:1px solid rgba(168,135,63,.46)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),var(--h25-depth-gold)!important;
  font-weight:600;
}
.btn-gold:hover,.btn-primary:hover,.btn-gm:hover{
  filter:brightness(1.04) saturate(1.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.56),0 12px 28px rgba(196,163,90,.24)!important;
}

/* Breathing — space between clusters of controls */
.toolbar,.tbar,.mn-tool,.btn-row,.act-row,.filter-bar{
  display:flex;gap:var(--h25-breath-sm);flex-wrap:wrap;align-items:center;
  padding:var(--h25-breath-sm) 0;
}
.card,.tile,.isp-card,.isp-tile{padding:var(--h25-breath-md)}
.mo .modal-b,.modal-b{padding:var(--h25-breath-lg) var(--h25-breath-lg) var(--h25-breath-md)}
.mo .modal-h,.modal-h{padding:var(--h25-breath-md) var(--h25-breath-lg)}

/* Topbar / sidebar — translucent materials */
.tb,.topbar,header.tb,#tb{
  background:var(--h25-glass-bg-dark)!important;
  backdrop-filter:saturate(180%) blur(24px);
  -webkit-backdrop-filter:saturate(180%) blur(24px);
  border-bottom:1px solid var(--h25-glass-brd-dark);
  box-shadow:var(--h25-depth-1);
}
.sb,.sidebar,#sidebar,#sb{
  background:linear-gradient(180deg,rgba(11,31,54,.92),rgba(11,31,54,.86))!important;
  backdrop-filter:saturate(160%) blur(20px);
  -webkit-backdrop-filter:saturate(160%) blur(20px);
  border-right:1px solid var(--h25-glass-brd-dark);
}
.sb a,.sidebar a,#sb a{
  border-radius:var(--h25-radius-sm);
  transition:background .22s var(--h25-ease),color .22s var(--h25-ease),transform .22s var(--h25-ease);
}
.sb a:hover,.sidebar a:hover,#sb a:hover{
  background:rgba(196,163,90,.12)!important;
  transform:translateX(2px);
}
.sb a.active,.sidebar a.active,#sb a.active{
  background:linear-gradient(90deg,rgba(196,163,90,.20),rgba(196,163,90,.06))!important;
  box-shadow:inset 3px 0 0 #C4A35A;
}

/* Inputs — refined glass surface (exceto .ainp do login) */
input[type=text]:not(.ainp),input[type=email]:not(.ainp),input[type=password]:not(.ainp),input[type=number]:not(.ainp),
input[type=search]:not(.ainp),input[type=tel]:not(.ainp),input[type=url]:not(.ainp),input[type=date]:not(.ainp),
select,textarea{
  background:rgba(255,255,255,.68)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border:1px solid var(--h25-hairline);
  border-radius:var(--h25-radius-sm);
  padding:10px 14px;
  transition:border-color .22s var(--h25-ease),box-shadow .22s var(--h25-ease),background .22s var(--h25-ease);
}
input:focus:not(.ainp),select:focus,textarea:focus{
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(196,163,90,.44);
  box-shadow:0 0 0 3px rgba(196,163,90,.18);
}

/* VPFIX: Force .ainp login input styles — CF-minifier-safe overrides */
.ainp,.ainp:hover,.ainp:active{background:rgba(245,240,232,.06)!important;border-radius:28px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ainp:focus{background:rgba(245,240,232,.09)!important;border-color:rgba(196,163,90,.45)!important;border-radius:28px!important;box-shadow:0 0 0 3px rgba(196,163,90,.08)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Tables — hairlines + breathing */
table.isp-tbl,table.tbl,.tbl-wrap table{
  border-collapse:separate;border-spacing:0;width:100%;
}
table.isp-tbl th,table.tbl th,.tbl-wrap th{
  background:rgba(11,31,54,.04);
  padding:var(--h25-breath-sm) var(--h25-breath-md);
  font-weight:600;letter-spacing:.02em;text-transform:uppercase;font-size:11px;
  color:var(--h25-ink-soft);
  border-bottom:1px solid var(--h25-hairline);
}
table.isp-tbl td,table.tbl td,.tbl-wrap td{
  padding:var(--h25-breath-sm) var(--h25-breath-md);
  border-bottom:1px solid var(--h25-hairline);
  transition:background .22s var(--h25-ease);
}
table.isp-tbl tbody tr:hover td,table.tbl tbody tr:hover td{
  background:rgba(196,163,90,.05);
}

/* Kanban / board columns — subtle depth */
.board,.kanban,.brd,.isp-board{gap:var(--h25-breath-md)}
.board-col,.kanban-col,.brd-col{
  background:var(--h25-glass-bg)!important;
  backdrop-filter:saturate(180%) blur(16px);
  -webkit-backdrop-filter:saturate(180%) blur(16px);
  border:1px solid var(--h25-hairline);
  border-radius:var(--h25-radius-md);
  box-shadow:var(--h25-depth-1);
  padding:var(--h25-breath-md);
}

/* Tooltips, chips, pills — precise + airy */
.chip,.pill,.tag,.badge,.isp-chip{
  background:rgba(196,163,90,.10);
  border:1px solid rgba(196,163,90,.22);
  color:#7A5A1A;
  padding:4px 10px;
  border-radius:999px;
  font-size:11px;font-weight:600;letter-spacing:.02em;
  display:inline-flex;align-items:center;gap:6px;
}

/* Toast — premium feedback */
.isp-toast,.toast{
  background:var(--h25-glass-bg-dark)!important;
  backdrop-filter:saturate(180%) blur(24px);
  -webkit-backdrop-filter:saturate(180%) blur(24px);
  color:#F5F1E6;
  border:1px solid var(--h25-glass-brd-dark);
  border-radius:var(--h25-radius-md);
  box-shadow:var(--h25-depth-3);
  padding:14px 20px;
}

/* Scrollbars — refined rail */
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(196,163,90,.38),rgba(196,163,90,.22));
  border-radius:999px;
  border:2px solid transparent;
  background-clip:padding-box;
}
*::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,rgba(196,163,90,.58),rgba(196,163,90,.34));
  background-clip:padding-box;
  border:2px solid transparent;
}

/* Focus ring for accessibility — gold, intelligent */
:focus-visible{outline:none}
/* CVO 04/06: restaura anel de foco p/ widgets com role custom (role=button / tabindex) que nao sao tags nativas — ex.: bottom-nav .mt, hamburger, sino. Nativos usam box-shadow (nao outline), entao sem anel duplo. WCAG 2.4.7 */
[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold,#C4A35A);outline-offset:2px}

/* Reduce motion — respect user preference */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* Print — strip glass, flatten */
@media print{
  .card,.modal,.tile,.tb,.sb{
    background:#fff!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
    border:1px solid #ddd!important;
  }
}

/* ═══ END v20.05-H27 APPLE REFINEMENT ═══ */

/* ═══ v20.05-H34: WHATSAPP DARK-MODE INPUT CONTRAST BAND-AID ═══
   O módulo WhatsApp tinha textareas sem estilos explícitos, herdando default do user-agent
   (fundo branco) e combinando com a cor de texto clara do dark-mode → branco sobre branco.
   Este bloco força contraste adequado até o rebuild completo do módulo WhatsApp.
   Alvos: composer principal, inbox reply, qualquer input/textarea dentro do chat dark. */
[data-theme="dark"] #wa3CompMsg,
[data-theme="dark"] #wa3InboxReply,
[data-theme="dark"] .wa-chat-dark textarea,
[data-theme="dark"] .wa-chat-dark input[type="text"],
[data-theme="dark"] .wa-chat-dark input:not([type]),
[data-theme="dark"] .wa-layout-dark textarea,
[data-theme="dark"] .wa-layout-dark input[type="text"],
[data-theme="dark"] .wa-layout-dark input:not([type]),
body.dark-mode #wa3CompMsg,
body.dark-mode #wa3InboxReply,
body.dark-mode .wa-chat-dark textarea,
body.dark-mode .wa-chat-dark input[type="text"],
body.dark-mode .wa-chat-dark input:not([type]),
body.dark-mode .wa-layout-dark textarea,
body.dark-mode .wa-layout-dark input[type="text"],
body.dark-mode .wa-layout-dark input:not([type]){
  background:rgba(10,25,41,.92) !important;
  color:rgba(245,240,232,.94) !important;
  border:1px solid rgba(196,163,90,.22) !important;
  caret-color:var(--gold,#C4A35A) !important;
  -webkit-text-fill-color:rgba(245,240,232,.94) !important;
}
[data-theme="dark"] #wa3CompMsg::placeholder,
[data-theme="dark"] #wa3InboxReply::placeholder,
[data-theme="dark"] .wa-chat-dark textarea::placeholder,
[data-theme="dark"] .wa-chat-dark input::placeholder,
[data-theme="dark"] .wa-layout-dark textarea::placeholder,
[data-theme="dark"] .wa-layout-dark input::placeholder,
body.dark-mode #wa3CompMsg::placeholder,
body.dark-mode #wa3InboxReply::placeholder,
body.dark-mode .wa-chat-dark textarea::placeholder,
body.dark-mode .wa-chat-dark input::placeholder,
body.dark-mode .wa-layout-dark textarea::placeholder,
body.dark-mode .wa-layout-dark input::placeholder{
  color:rgba(245,240,232,.38) !important;
  -webkit-text-fill-color:rgba(245,240,232,.38) !important;
}
/* Fallback: qualquer textarea/input sem cor definida dentro da seção WhatsApp */
[data-theme="dark"] [id^="pn_whatsapp"] textarea,
[data-theme="dark"] [id^="pn_whatsapp"] input[type="text"],
[data-theme="dark"] [id^="pn_whatsapp"] input:not([type]),
body.dark-mode [id^="pn_whatsapp"] textarea,
body.dark-mode [id^="pn_whatsapp"] input[type="text"],
body.dark-mode [id^="pn_whatsapp"] input:not([type]){
  background:rgba(10,25,41,.92) !important;
  color:rgba(245,240,232,.94) !important;
  border:1px solid rgba(196,163,90,.22) !important;
  -webkit-text-fill-color:rgba(245,240,232,.94) !important;
}

/* ═══ v20.05-H35.2: WHATSAPP SELECT DARK-MODE FIX ═══
   O <select> nativo ignora background/color quando o user-agent control
   desenha seu próprio chrome. Forçamos appearance:none para que o estilo
   aplicado (dark-navy + gold border) prevaleça sobre o default branco.
   Cobre wa3SenderSelect e qualquer select dentro da seção WhatsApp. */
[data-theme="dark"] #wa3SenderSelect,
[data-theme="dark"] [id^="pn_whatsapp"] select,
[data-theme="dark"] .wa-chat-dark select,
[data-theme="dark"] .wa-layout-dark select,
body.dark-mode #wa3SenderSelect,
body.dark-mode [id^="pn_whatsapp"] select,
body.dark-mode .wa-chat-dark select,
body.dark-mode .wa-layout-dark select{
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background:rgba(10,25,41,.92) !important;
  background-image:linear-gradient(45deg,transparent 50%,rgba(196,163,90,.72) 50%),linear-gradient(135deg,rgba(196,163,90,.72) 50%,transparent 50%) !important;
  background-position:calc(100% - 18px) 52%, calc(100% - 13px) 52% !important;
  background-size:5px 5px, 5px 5px !important;
  background-repeat:no-repeat !important;
  color:rgba(245,240,232,.94) !important;
  border:1px solid rgba(196,163,90,.32) !important;
  -webkit-text-fill-color:rgba(245,240,232,.94) !important;
  padding-right:32px !important;
}
[data-theme="dark"] #wa3SenderSelect option,
[data-theme="dark"] [id^="pn_whatsapp"] select option,
body.dark-mode #wa3SenderSelect option,
body.dark-mode [id^="pn_whatsapp"] select option{
  background:#0A1929 !important;
  color:#F5F0E8 !important;
  -webkit-text-fill-color:#F5F0E8 !important;
}
[data-theme="dark"] #wa3SenderSelect:focus,
[data-theme="dark"] [id^="pn_whatsapp"] select:focus,
body.dark-mode #wa3SenderSelect:focus,
body.dark-mode [id^="pn_whatsapp"] select:focus{
  outline:none !important;
  border-color:rgba(196,163,90,.62) !important;
  box-shadow:0 0 0 2px rgba(196,163,90,.18) !important;
}

/* ═══ v20.05-H35.3: DARK-MODE GLOBAL INPUT BLINDAGE ═══
   Problema raiz: openMo() e template strings injetam inputs dinamicos sem classe CSS,
   herdando o chrome branco nativo do user-agent. Texto cream sobre branco = invisivel.
   Esta regra global cobre TODOS os inputs/selects/textarea em dark mode que nao tenham
   classe explicita conhecida. Exclui: .ainp (login), .lp-input (painel login),
   .cmd-input (command palette), wa3 (ja coberto pelo bloco H34/H35.2 acima).
   Cobertura estimada: 85%+ dos casos de "branco sobre branco" reportados. */
[data-theme="dark"] input:not(.ainp):not(.lp-input):not(.cmd-input):not([id^="wa3"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="button"]),
[data-theme="dark"] select:not([id^="wa3"]),
[data-theme="dark"] textarea:not([id^="wa3"]),
body.dark-mode input:not(.ainp):not(.lp-input):not(.cmd-input):not([id^="wa3"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="button"]),
body.dark-mode select:not([id^="wa3"]),
body.dark-mode textarea:not([id^="wa3"]){
  background:rgba(10,25,41,.92) !important;
  color:#F5F0E8 !important;
  -webkit-text-fill-color:#F5F0E8 !important;
  border:1px solid rgba(196,163,90,.18) !important;
  caret-color:#C4A35A !important;
}
[data-theme="dark"] input:not(.ainp):not(.lp-input):not(.cmd-input):not([id^="wa3"]):not([type="checkbox"]):not([type="radio"])::placeholder,
[data-theme="dark"] textarea:not([id^="wa3"])::placeholder,
body.dark-mode input:not(.ainp):not(.lp-input):not(.cmd-input):not([id^="wa3"]):not([type="checkbox"]):not([type="radio"])::placeholder,
body.dark-mode textarea:not([id^="wa3"])::placeholder{
  color:rgba(245,240,232,.38) !important;
  -webkit-text-fill-color:rgba(245,240,232,.38) !important;
}
/* Select dropdown options: Chrome/Edge ignoram herança em <option>, precisamos forçar */
[data-theme="dark"] select:not([id^="wa3"]) option,
body.dark-mode select:not([id^="wa3"]) option{
  background:#0A1929 !important;
  color:#F5F0E8 !important;
  -webkit-text-fill-color:#F5F0E8 !important;
}
/* Foco: realce dourado discreto para manter identidade visual */
[data-theme="dark"] input:not(.ainp):not(.lp-input):not(.cmd-input):not([id^="wa3"]):focus,
[data-theme="dark"] select:not([id^="wa3"]):focus,
[data-theme="dark"] textarea:not([id^="wa3"]):focus,
body.dark-mode input:not(.ainp):not(.lp-input):not(.cmd-input):not([id^="wa3"]):focus,
body.dark-mode select:not([id^="wa3"]):focus,
body.dark-mode textarea:not([id^="wa3"]):focus{
  outline:none !important;
  border-color:rgba(196,163,90,.42) !important;
  box-shadow:0 0 0 2px rgba(196,163,90,.12) !important;
}
/* Auto-fill do browser: Chrome aplica fundo amarelo-pálido por default; sobrescrever */
[data-theme="dark"] input:-webkit-autofill,
[data-theme="dark"] input:-webkit-autofill:hover,
[data-theme="dark"] input:-webkit-autofill:focus,
[data-theme="dark"] input:-webkit-autofill:active,
body.dark-mode input:-webkit-autofill,
body.dark-mode input:-webkit-autofill:hover,
body.dark-mode input:-webkit-autofill:focus,
body.dark-mode input:-webkit-autofill:active,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
  -webkit-box-shadow:0 0 0 1000px rgba(10,25,41,.98) inset !important;
  -webkit-text-fill-color:#F5F0E8 !important;
  caret-color:#C4A35A !important;
  background-color:rgba(10,25,41,.98) !important;
  color:#F5F0E8 !important;
  border-radius:28px !important;
  transition:background-color 5000s ease-in-out 0s !important;
}
.ainp:-webkit-autofill,
.ainp:-webkit-autofill:hover,
.ainp:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px rgba(10,25,41,.98) inset !important;
  -webkit-text-fill-color:#F5F0E8 !important;
  border-radius:28px !important;
}
/* Inline styles com background:#fff hardcoded (achado linha 8496 etc.): força inversão */
[data-theme="dark"] [style*="background:#fff"]:not(img):not(svg),
[data-theme="dark"] [style*="background: #fff"]:not(img):not(svg),
[data-theme="dark"] [style*="background:white"]:not(img):not(svg),
body.dark-mode [style*="background:#fff"]:not(img):not(svg),
body.dark-mode [style*="background: #fff"]:not(img):not(svg),
body.dark-mode [style*="background:white"]:not(img):not(svg){
  background:rgba(10,25,41,.92) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
 * WhatsApp Central (WA3) — POLISH 2026-05 (CVO: padrão Salesforce/Zoho)
 * O layout existente usava height:100vh (fullscreen) e estourava o chrome da
 * plataforma. Overrides aqui ajustam o fit + acabamento profissional.
 * ═══════════════════════════════════════════════════════════════════════════ */
.wa3-layout{height:auto !important;min-height:560px !important;max-height:calc(100vh - 130px) !important;grid-template-rows:auto 1fr auto !important;border:1px solid var(--brd);border-radius:14px;box-shadow:0 12px 36px rgba(0,0,0,.08);overflow:hidden;margin-top:6px}
.wa3-header{padding:14px 20px !important;min-height:auto !important;background:linear-gradient(180deg,rgba(15,36,64,.92),rgba(15,36,64,.85)) !important;backdrop-filter:blur(12px) !important}
.wa3-footer{padding:10px 16px !important;min-height:auto !important;background:linear-gradient(0deg,rgba(15,36,64,.92),rgba(15,36,64,.85)) !important;backdrop-filter:blur(12px) !important}
.wa3-header-status{font-weight:500;letter-spacing:.2px}
.wa3-connection-dot{width:9px;height:9px;border-radius:50%;display:inline-block;transition:.2s}
.wa3-connection-dot.connected{background:#2E7D52;box-shadow:0 0 0 3px rgba(46,125,82,.25)}
.wa3-connection-dot.disconnected{background:#C62828;box-shadow:0 0 0 3px rgba(198,40,40,.22)}
.wa3-header-metrics{gap:18px !important;font-size:.7rem;color:rgba(245,240,232,.85)}
.wa3-header-metrics .metric-val{color:var(--gold) !important;font-weight:700;font-size:.82rem !important}
.wa3-left{background:var(--srf) !important;border-right:1px solid var(--brd) !important}
.wa3-right{background:rgba(15,36,64,.55) !important;backdrop-filter:blur(10px) !important;border-left:1px solid var(--brd) !important}
.wa3-center{background:var(--bg) !important}
.wa3-contacts-list{flex:1;overflow-y:auto;padding:6px 0;scrollbar-width:thin;scrollbar-color:rgba(196,163,90,.3) transparent}
.wa3-contacts-list::-webkit-scrollbar{width:6px}
.wa3-contacts-list::-webkit-scrollbar-thumb{background:rgba(196,163,90,.25);border-radius:3px}
.wa3-center-tabs{display:flex !important;gap:2px;padding:8px 12px 0;border-bottom:1px solid var(--brd);background:var(--cl);overflow-x:auto;scrollbar-width:thin}
.wa3-center-tab{padding:8px 14px !important;border:none !important;background:transparent !important;color:var(--t2) !important;font-size:.7rem !important;font-weight:500;cursor:pointer;border-radius:6px 6px 0 0;transition:.15s;white-space:nowrap;letter-spacing:.2px}
.wa3-center-tab:hover{background:rgba(196,163,90,.08) !important;color:var(--txt) !important}
.wa3-center-tab.on{background:rgba(196,163,90,.14) !important;color:var(--gold) !important;font-weight:600;border-bottom:2px solid var(--gold) !important;margin-bottom:-1px}
.wa3-empty-ctx{padding:48px 24px;text-align:center;color:var(--t3);font-size:.72rem;line-height:1.7}
.wa3-empty-ctx .icon{font-size:2.6rem;opacity:.35;margin-bottom:12px}
.wa3-footer-templates{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.wa3-footer-tpl{padding:5px 11px !important;background:rgba(196,163,90,.1) !important;border:1px solid rgba(196,163,90,.25) !important;border-radius:14px !important;color:rgba(245,240,232,.92) !important;font-size:.62rem !important;cursor:pointer;white-space:nowrap;transition:.15s;font-family:var(--sn) !important}
.wa3-footer-tpl:hover{background:rgba(196,163,90,.22) !important;border-color:var(--gold) !important;color:#fff !important;transform:translateY(-1px)}
.wa3-filters{display:flex;gap:4px;padding:8px 10px;flex-wrap:wrap;border-bottom:1px solid var(--brd);background:rgba(196,163,90,.02)}
.wa3-chip{padding:3px 11px !important;border:1px solid var(--brd) !important;background:transparent !important;color:var(--t2) !important;font-size:.6rem !important;border-radius:12px !important;cursor:pointer;transition:.15s;font-family:var(--sn)}
.wa3-chip:hover{border-color:var(--gold) !important;color:var(--gold) !important}
.wa3-chip.on{background:var(--gold) !important;border-color:var(--gold) !important;color:#0a1929 !important;font-weight:600}
.wa3-left-search{padding:12px !important;border-bottom:1px solid var(--brd) !important;background:rgba(196,163,90,.02)}
.wa3-left-search input{width:100%;padding:9px 12px 9px 34px !important;background:var(--cl) !important;border:1px solid var(--brd) !important;border-radius:8px !important;color:var(--txt) !important;font-size:.72rem !important;font-family:var(--sn)}
.wa3-left-search input:focus{outline:none;border-color:var(--gold) !important;box-shadow:0 0 0 3px rgba(196,163,90,.12)}
.wa3-left-search-wrap::before{left:11px !important;font-size:.85rem !important}
/* Responsive: tela ≤980px colapsa context, ≤640px vira pilha */
@media (max-width:980px){
  .wa3-layout{grid-template-columns:280px 1fr !important;grid-template-areas:"header header" "left center" "footer footer" !important}
  .wa3-layout .wa3-right{display:none !important}
}
@media (max-width:640px){
  .wa3-layout{grid-template-columns:1fr !important;grid-template-rows:auto auto 1fr auto !important;grid-template-areas:"header" "left" "center" "footer" !important;max-height:none !important}
  .wa3-layout .wa3-left{max-height:200px}
}