:root{
  --vd:#00d66a;
  --lime:#7cff1a;
  --lime2:#b6ff35;
  --vd-esc:#00b958;
  --vd-fraco:rgba(0,214,106,.10);
  --bg:#030806;
  --bg2:#06100c;
  --card:#08110d;
  --card2:#0b1711;
  --bd:rgba(118,255,145,.13);
  --bd-al:rgba(124,255,26,.30);
  --tx:#f2f8f4;
  --mut:#8ea198;
  --az:#52dcc9;
  --vm:#ff6262;
  --am:#ffbc42;
  --escuro:#020604;
  --sombra:0 22px 60px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.015) inset;
  --glow:0 0 28px rgba(124,255,26,.10);
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:
  radial-gradient(900px 520px at 92% -10%,rgba(0,214,106,.12),transparent 60%),
  radial-gradient(620px 440px at 0% 100%,rgba(124,255,26,.055),transparent 65%),
  linear-gradient(180deg,#020604 0%,#06100c 55%,#030806 100%);
  background-attachment:fixed;color:var(--tx);font:15px/1.6 'Source Sans Pro',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:100vh}
a{color:var(--lime);text-decoration-color:rgba(124,255,26,.32);text-underline-offset:3px}
a:hover{color:#c9ff71}
.app{display:flex;min-height:100vh;align-items:stretch}
.lado{width:246px;flex:0 0 246px;background:linear-gradient(180deg,rgba(2,7,4,.98),rgba(4,12,8,.97));color:#c9d6cf;position:sticky;top:0;height:100vh;overflow-y:auto;padding:18px 0;border-right:1px solid var(--bd);box-shadow:18px 0 55px rgba(0,0,0,.18);z-index:20}
.marca{display:flex;align-items:center;gap:12px;padding:2px 18px 18px;margin-bottom:8px;border-bottom:1px solid var(--bd)}
.marca .lobo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:21px;line-height:1;background:radial-gradient(circle at 35% 30%,rgba(124,255,26,.24),rgba(0,214,106,.08));border:1px solid rgba(124,255,26,.26);box-shadow:0 0 24px rgba(0,214,106,.10)}
.marca b{font-family:Catamaran,Inter,sans-serif;font-weight:900;font-size:18px;color:#fff;letter-spacing:-.25px;line-height:1.05}
.marca b em{font-style:normal;color:var(--lime)}
.marca span:not(.lobo){display:block;font-size:9.5px;color:var(--vd);letter-spacing:.19em;text-transform:uppercase;font-weight:800;margin-top:3px}
nav{display:flex;flex-direction:column;gap:2px;padding:8px 11px 0}
nav a{color:#96a79e;font-size:13.5px;font-weight:650;padding:9px 11px;border-radius:9px;text-decoration:none;display:flex;align-items:center;gap:10px;transition:.15s;border:1px solid transparent}
nav a:hover{background:rgba(255,255,255,.035);color:#fff;border-color:rgba(255,255,255,.035);transform:translateX(1px)}
nav a.on{background:linear-gradient(90deg,var(--lime),#36e865);color:#031006;box-shadow:0 10px 30px rgba(0,214,106,.15);border-color:rgba(183,255,126,.38)}
nav .sep{height:1px;background:var(--bd);margin:10px 12px}
nav a.leve{font-weight:500;font-size:13px;color:#75867d}
.w{flex:1;min-width:0;padding:26px clamp(18px,2.4vw,38px) 70px;max-width:1700px;margin:0 auto}
h1,h2,h3{font-family:Catamaran,Inter,sans-serif}
h1{font-weight:900;font-size:30px;line-height:1.1;margin:0 0 22px;letter-spacing:-.7px;color:#fff}
h1::after{content:'';display:block;width:44px;height:3px;margin-top:9px;border-radius:4px;background:linear-gradient(90deg,var(--lime),transparent)}
h2{font-weight:900;font-size:17px;margin:0 0 13px;color:#f7fff9;letter-spacing:-.15px}
h3{font-weight:900;font-size:15px;margin:24px 0 9px;color:var(--lime)}
.card,.cx,.bloco{background:linear-gradient(180deg,rgba(10,21,15,.94),rgba(6,14,10,.95));border:1px solid var(--bd);border-radius:14px;padding:19px 21px;margin-bottom:15px;box-shadow:var(--sombra);position:relative;overflow:hidden}
.card::before,.cx::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,255,26,.22),transparent);pointer-events:none}
.card:hover{border-color:rgba(124,255,26,.20)}
label{display:block;font-size:12px;color:#9dafA5;margin:11px 0 5px;font-weight:700;letter-spacing:.015em}
input,select,textarea{width:100%;background:#030a07;border:1px solid rgba(170,212,187,.15);color:var(--tx);border-radius:9px;padding:10px 12px;font-size:14px;font-family:inherit;transition:.14s;box-shadow:0 1px 0 rgba(255,255,255,.015) inset}
input::placeholder,textarea::placeholder{color:#5f7268}
select option{background:#09110d;color:#eef7f1}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--lime);box-shadow:0 0 0 3px rgba(124,255,26,.10),0 0 24px rgba(0,214,106,.06)}
input[readonly]{background:#07100b;color:var(--mut)}
textarea{min-height:104px;line-height:1.55}
button,a.btn,.bt{background:linear-gradient(135deg,var(--lime),#26dd62)!important;border:0!important;color:#031006!important;border-radius:9px!important;padding:10px 17px!important;font-size:13.5px!important;font-weight:800!important;cursor:pointer;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.15s!important;box-shadow:0 10px 26px rgba(0,214,106,.12)!important}
button:hover,a.btn:hover,.bt:hover{filter:brightness(1.08);transform:translateY(-1px)}
button.sec,a.btn.sec,.bt.s{background:#101b15!important;color:#dce8e1!important;border:1px solid var(--bd)!important;box-shadow:none!important}
button.no{background:rgba(255,98,98,.10)!important;color:#ff8b8b!important;border:1px solid rgba(255,98,98,.20)!important;box-shadow:none!important}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;overflow:hidden}
td,th{padding:10px 10px;border-bottom:1px solid rgba(176,214,190,.09);text-align:left;vertical-align:top}
th{color:#6f8379;font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;background:rgba(255,255,255,.012)}
tr:last-child td{border-bottom:0}
tbody tr:hover td{background:rgba(124,255,26,.018)}
td.n,th.n{text-align:right;white-space:nowrap}
code{background:#020805;padding:3px 7px;border-radius:5px;color:#9fff63;font-size:12.5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;border:1px solid rgba(124,255,26,.10)}
.aviso{background:rgba(82,220,201,.07);border:1px solid rgba(82,220,201,.13);border-left:3px solid var(--az);padding:12px 14px;border-radius:9px;margin-bottom:15px;font-size:13.5px}
.aviso.ok{background:rgba(0,214,106,.075);border-color:rgba(0,214,106,.16);border-left-color:var(--lime)}
.ruim,.r{color:var(--vm)!important}.m,.sub,.ajuda,.dica{color:var(--mut)!important}.ok,.v,.bom{color:var(--lime)!important}.a{color:var(--am)!important}
.lin,.linha{display:flex;gap:12px;flex-wrap:wrap}.lin>div,.linha>div{flex:1;min-width:170px}
.kpi{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:16px}
.kpi>div{min-width:0;background:linear-gradient(160deg,rgba(10,23,16,.96),rgba(4,11,8,.98));border:1px solid var(--bd);border-radius:13px;padding:17px 18px;box-shadow:var(--sombra);position:relative;overflow:hidden}
.kpi>div::after{content:'';position:absolute;width:74px;height:74px;right:-34px;top:-35px;border-radius:50%;background:rgba(124,255,26,.055);filter:blur(1px)}
.kpi .n{font-family:Catamaran,Inter,sans-serif;font-weight:900;font-size:27px!important;line-height:1.05;color:var(--lime)!important;letter-spacing:-.5px}
.kpi .l{font-size:9.5px;color:#75887d;text-transform:uppercase;letter-spacing:.10em;margin-top:7px;font-weight:800}
.etapa{border-left:1px solid rgba(124,255,26,.15);padding-left:18px;margin:24px 0}
.etapa .num{display:inline-block;background:rgba(124,255,26,.08);color:var(--lime);font-size:10.5px;font-weight:800;border:1px solid rgba(124,255,26,.15);border-radius:20px;padding:3px 11px;letter-spacing:.11em;margin-bottom:7px}
.chip{display:inline-flex;font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:20px;background:#101b15;color:#789085;border:1px solid var(--bd)}
.chip.on{background:rgba(124,255,26,.09);color:var(--lime);border-color:rgba(124,255,26,.20)}
.barra{height:7px;background:#101a15;border-radius:5px;overflow:hidden;margin-top:5px}.barra i{display:block;height:100%;background:linear-gradient(90deg,var(--vd),var(--lime));box-shadow:0 0 14px rgba(124,255,26,.25)}
.bloco{padding:0}
.bloco>summary{cursor:pointer;padding:15px 18px;font-weight:800;font-size:15px;list-style:none;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.bloco>summary::-webkit-details-marker{display:none}.bloco>summary::before{content:'▸';color:var(--lime);transition:transform .15s}.bloco[open]>summary::before{transform:rotate(90deg)}.bloco .dentro{padding:0 18px 18px}
table.diag{width:100%;border-collapse:collapse;font-size:13px}table.diag td{padding:8px 6px;border-bottom:1px solid var(--bd)}table.diag td:first-child{width:26px;text-align:center}
/* premium login/setup */
body>.w{max-width:760px;margin:0 auto;padding:36px 16px}
body>.w .marca{border-bottom:0;justify-content:center;text-align:left}
.qr{background:#fff!important}
/* scrollbars */
*{scrollbar-width:thin;scrollbar-color:#1d3327 #050b08}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#050b08}::-webkit-scrollbar-thumb{background:#183022;border-radius:20px;border:2px solid #050b08}
@media (max-width:1180px){.kpi{grid-template-columns:repeat(3,minmax(150px,1fr))}}
@media (max-width:900px){
 .app{flex-direction:column}.lado{width:auto;flex:none;height:auto;position:sticky;top:0;padding:10px 0;max-height:none;overflow:visible}
 .marca{padding:0 14px 9px;margin-bottom:7px}.marca .lobo{width:34px;height:34px}.marca b{font-size:16px}
 nav{flex-direction:row;overflow-x:auto;flex-wrap:nowrap;padding:0 10px 3px;gap:5px}nav a{white-space:nowrap;flex:0 0 auto;padding:8px 10px}nav .sep{display:none}
 .w{padding:19px 14px 50px}.kpi{grid-template-columns:repeat(2,minmax(130px,1fr))}h1{font-size:26px}
 .card,.cx{padding:16px}.table-wrap{overflow-x:auto}
}
@media (max-width:560px){.kpi{grid-template-columns:1fr 1fr}.kpi .n{font-size:22px!important}.kpi>div{padding:14px}.lin,.linha{display:block}.lin>div,.linha>div{min-width:0}button,a.btn,.bt{width:100%;margin-bottom:6px}td,th{padding:9px 8px}}

/* ============================================================================
   V2 — laboratório de temas + lobo forte + manifesto
   ============================================================================ */
.marca .lobo{overflow:hidden;padding:0;background:#020604;border-color:rgba(124,255,26,.34)}
.marca .lobo img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;filter:saturate(1.08) contrast(1.10)}

.alcateia-manifesto{min-height:190px;margin:-2px 0 18px;border:1px solid rgba(124,255,26,.22);border-radius:16px;overflow:hidden;position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);background:linear-gradient(105deg,rgba(3,10,6,.99) 0%,rgba(5,18,11,.97) 55%,rgba(1,6,4,.88) 100%);box-shadow:var(--sombra),0 0 55px rgba(0,214,106,.07)}
.alcateia-manifesto::before{content:'';position:absolute;inset:0;background:radial-gradient(500px 190px at 50% 100%,rgba(124,255,26,.10),transparent 65%);pointer-events:none}
.manifesto-copy{position:relative;z-index:2;padding:24px 26px;align-self:center;max-width:780px}
.manifesto-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--lime);font-size:10px;letter-spacing:.16em;font-weight:900;text-transform:uppercase;margin-bottom:8px}
.manifesto-kicker::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime)}
.manifesto-copy blockquote{margin:0;color:#fff;font-family:Catamaran,Inter,sans-serif;font-size:clamp(25px,2.4vw,38px);font-weight:900;line-height:1.04;letter-spacing:-.8px;max-width:720px}
.manifesto-copy blockquote strong{color:var(--lime);font-weight:900}
.manifesto-copy p{margin:10px 0 0;color:var(--mut);font-size:13px;max-width:620px}
.manifesto-lobo{min-height:190px;background-image:linear-gradient(90deg,#06100c 0%,rgba(6,16,12,.12) 30%,rgba(0,0,0,.03) 100%),url('lobo-hero.jpg?v=2');background-size:cover;background-position:center 30%;filter:saturate(.92) contrast(1.12)}

/* botão flutuante de temas, propositalmente discreto */
.theme-lab{position:fixed;top:18px;right:18px;z-index:9999;font-family:'Source Sans Pro',system-ui,sans-serif}
.theme-lab-toggle{width:42px!important;height:42px!important;padding:0!important;margin:0!important;border-radius:12px!important;background:rgba(8,17,13,.92)!important;color:var(--lime)!important;border:1px solid var(--bd-al)!important;box-shadow:0 12px 35px rgba(0,0,0,.25)!important;font-size:19px!important;backdrop-filter:blur(14px)}
.theme-lab-panel{position:absolute;right:0;top:50px;width:250px;padding:14px;background:rgba(5,12,8,.97);border:1px solid var(--bd-al);border-radius:14px;box-shadow:0 24px 65px rgba(0,0,0,.38);display:none;backdrop-filter:blur(18px)}
.theme-lab.open .theme-lab-panel{display:block}
.theme-lab-panel>b{display:block;font-family:Catamaran,sans-serif;font-size:16px;color:#fff}
.theme-lab-panel>small{display:block;color:#82958a;font-size:11px;margin:0 0 10px}
.theme-swatches{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.theme-swatches button{width:100%!important;margin:0!important;padding:8px 9px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important;color:#d9e7df!important;box-shadow:none!important;justify-content:flex-start!important;font-size:12px!important}
.theme-swatches button span{width:22px;text-align:center}
.theme-swatches button.active{border-color:var(--lime)!important;color:var(--lime)!important;background:rgba(124,255,26,.07)!important}
.theme-reset{width:100%!important;margin:9px 0 0!important;padding:8px!important;background:transparent!important;border:1px solid var(--bd)!important;color:#8fa398!important;box-shadow:none!important;font-size:11px!important}

/* Tema CLARO */
html[data-theme='light']{--vd:#00a95a;--lime:#12b84f;--lime2:#36c867;--vd-esc:#08783f;--vd-fraco:#e8f8ee;--bg:#f4f7f5;--bg2:#edf3ef;--card:#ffffff;--card2:#f7faf8;--bd:rgba(20,61,37,.11);--bd-al:rgba(12,153,72,.28);--tx:#102019;--mut:#607269;--az:#0f766e;--vm:#c73535;--am:#9b6406;--escuro:#f7faf8;--sombra:0 12px 35px rgba(22,46,31,.08),0 0 0 1px rgba(0,0,0,.02) inset}
html[data-theme='light'] body{background:radial-gradient(800px 460px at 90% -10%,rgba(18,184,79,.08),transparent 58%),linear-gradient(180deg,#f8fbf9,#eef4f0);color:var(--tx)}
html[data-theme='light'] .lado{background:linear-gradient(180deg,#ffffff,#f1f6f3);color:#33483d;border-right-color:rgba(10,65,36,.12);box-shadow:18px 0 55px rgba(26,56,38,.06)}
html[data-theme='light'] .marca b,html[data-theme='light'] h1,html[data-theme='light'] h2,html[data-theme='light'] .manifesto-copy blockquote{color:#102019}
html[data-theme='light'] nav a{color:#52675c} html[data-theme='light'] nav a:hover{background:#eaf3ed;color:#14251c}
html[data-theme='light'] .card,html[data-theme='light'] .cx,html[data-theme='light'] .bloco,html[data-theme='light'] .kpi>div{background:rgba(255,255,255,.96)}
html[data-theme='light'] input,html[data-theme='light'] select,html[data-theme='light'] textarea{background:#fff;color:#102019;border-color:#ccd9d1}
html[data-theme='light'] select option{background:#fff;color:#102019} html[data-theme='light'] th{background:#f3f7f5;color:#687b71}
html[data-theme='light'] code{background:#edf5f0;color:#08783f}
html[data-theme='light'] .alcateia-manifesto{background:linear-gradient(105deg,#ffffff 0%,#eef7f1 62%,#dfeee5 100%)}
html[data-theme='light'] .manifesto-lobo{filter:grayscale(.15) contrast(1.05);opacity:.82}
html[data-theme='light'] .theme-lab-toggle,html[data-theme='light'] .theme-lab-panel{background:rgba(255,255,255,.97)!important} html[data-theme='light'] .theme-lab-panel>b{color:#102019} html[data-theme='light'] .theme-swatches button{color:#31473b!important;background:#f2f7f4!important;border-color:#dce8e1!important}

/* Tema FLORESTA */
html[data-theme='forest']{--lime:#8fd642;--vd:#2fb86a;--vd-esc:#249255;--bg:#071009;--bg2:#0b170d;--card:#0d1910;--card2:#122018;--bd:rgba(148,214,95,.15);--bd-al:rgba(143,214,66,.32);--tx:#edf6ea;--mut:#93a58f;--escuro:#050c07}
html[data-theme='forest'] body{background:radial-gradient(900px 500px at 90% 0,rgba(96,154,57,.15),transparent 60%),linear-gradient(180deg,#061008,#0b160d)}
html[data-theme='forest'] .lado{background:linear-gradient(180deg,#061008,#0a140c)}

/* Tema GRAFITE */
html[data-theme='graphite']{--lime:#d7e0dc;--vd:#9ca9a3;--vd-esc:#c2cbc7;--bg:#111315;--bg2:#171a1d;--card:#191d20;--card2:#202529;--bd:rgba(229,235,232,.10);--bd-al:rgba(229,235,232,.22);--tx:#f3f5f4;--mut:#9da6a1;--escuro:#0d0f11}
html[data-theme='graphite'] body{background:radial-gradient(900px 500px at 90% 0,rgba(255,255,255,.035),transparent 62%),linear-gradient(180deg,#101214,#171a1d)}
html[data-theme='graphite'] nav a.on{background:linear-gradient(90deg,#d6dfdb,#aab6b0);color:#101315}

/* Tema AZUL */
html[data-theme='blue']{--lime:#55c6ff;--vd:#178ee8;--vd-esc:#42aef3;--vd-fraco:rgba(34,154,235,.10);--bg:#03080f;--bg2:#06111d;--card:#07121c;--card2:#0a1824;--bd:rgba(72,183,255,.14);--bd-al:rgba(72,183,255,.30);--tx:#eef7ff;--mut:#8ba0b0;--escuro:#02070c}
html[data-theme='blue'] body{background:radial-gradient(900px 500px at 90% -5%,rgba(32,145,235,.14),transparent 60%),linear-gradient(180deg,#02070d,#06111c)}
html[data-theme='blue'] nav a.on{background:linear-gradient(90deg,#36c5ff,#2a78ff);color:#03101d}

/* Tema VINHO / ÔNIX */
html[data-theme='wine']{--lime:#ff5b72;--vd:#d72f4f;--vd-esc:#ef526c;--vd-fraco:rgba(215,47,79,.10);--bg:#0b0306;--bg2:#16070c;--card:#180a0f;--card2:#201016;--bd:rgba(255,98,122,.13);--bd-al:rgba(255,91,114,.28);--tx:#fff2f5;--mut:#aa8f96;--escuro:#080204}
html[data-theme='wine'] body{background:radial-gradient(900px 500px at 90% 0,rgba(180,28,65,.16),transparent 60%),linear-gradient(180deg,#090205,#16070c)}
html[data-theme='wine'] nav a.on{background:linear-gradient(90deg,#ff4c68,#d62c4d);color:#170207}

@media(max-width:900px){.theme-lab{top:12px;right:12px}.alcateia-manifesto{grid-template-columns:1fr}.manifesto-lobo{position:absolute;inset:0 0 0 45%;opacity:.28}.manifesto-copy{padding-right:24px}.manifesto-copy blockquote{max-width:90%}}
@media(max-width:560px){.alcateia-manifesto{min-height:210px}.manifesto-copy{padding:20px}.manifesto-copy blockquote{font-size:27px;max-width:100%}.theme-lab-panel{width:235px}}


/* ============================================================================
   V3 — cockpit executivo, análises visuais, vendas e tema vermelho P&B
   ============================================================================ */
html[data-theme='crimson']{--lime:#ff334d;--lime2:#ffffff;--vd:#d71934;--vd-esc:#ff425a;--vd-fraco:rgba(255,51,77,.10);--bg:#070707;--bg2:#0d0d0e;--card:#111113;--card2:#171719;--bd:rgba(255,255,255,.10);--bd-al:rgba(255,51,77,.38);--tx:#fff;--mut:#a8a8ad;--az:#fff;--vm:#ff334d;--am:#fff;--escuro:#030303;--sombra:0 20px 55px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.02) inset}
html[data-theme='crimson'] body{background:radial-gradient(800px 480px at 90% -10%,rgba(255,30,60,.13),transparent 58%),linear-gradient(180deg,#060606,#0c0c0d)}
html[data-theme='crimson'] .lado{background:linear-gradient(180deg,#050505,#0b0b0c);border-right-color:rgba(255,255,255,.09)}html[data-theme='crimson'] nav a.on{background:linear-gradient(90deg,#ff263f,#c80c29);color:#fff}
html[data-theme='crimson'] .alcateia-manifesto{border-color:rgba(255,51,77,.30);background:linear-gradient(105deg,#080808 0%,#111 60%,#080808 100%)}html[data-theme='crimson'] .manifesto-copy blockquote strong{color:#ff334d}
html[data-theme='crimson'] .bar-track i,html[data-theme='crimson'] .funnel-row i{background:linear-gradient(90deg,#fff,#ff334d)}

.dash-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:-4px 0 15px}.dash-welcome h2{font:900 23px/1.15 Catamaran,sans-serif;margin:2px 0;color:var(--tx);letter-spacing:-.3px}.dash-welcome p{margin:0;color:var(--mut);font-size:13px}.eyebrow{font-size:9.5px;letter-spacing:.15em;font-weight:900;color:var(--lime);text-transform:uppercase}.live-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--bd);border-radius:10px;background:var(--card);font-size:12px;color:var(--mut)}.live-pill i,.live-dot,.pulse{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 13px color-mix(in srgb,var(--lime) 75%,transparent)}
.alcateia-manifesto.compact{min-height:154px;grid-template-columns:minmax(0,1.55fr) minmax(220px,.45fr)}.alcateia-manifesto.compact .manifesto-copy{padding:19px 24px}.alcateia-manifesto.compact .manifesto-copy blockquote{font-size:clamp(23px,2vw,33px)}.alcateia-manifesto.compact .manifesto-lobo{min-height:154px}

.command-grid{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(360px,1.35fr) minmax(280px,1fr);gap:14px;margin:14px 0}.command-card{background:linear-gradient(160deg,var(--card),var(--card2));border:1px solid var(--bd);border-radius:15px;padding:17px 18px;box-shadow:var(--sombra);min-width:0}.command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.command-head h3{margin:1px 0 0;font-size:15px;color:var(--tx)}.command-head>b{font-size:15px;color:var(--lime)}.mini-link{font-size:11.5px;color:var(--mut);text-decoration:none}.mini-link:hover{color:var(--lime)}
.health-body{display:flex;align-items:center;justify-content:center;gap:18px;min-height:150px}.donut,.conversion-ring{--p:50;position:relative;width:118px;height:118px;border-radius:50%;background:conic-gradient(var(--lime) calc(var(--p)*1%),rgba(255,255,255,.07) 0);display:grid;place-items:center;box-shadow:0 0 30px var(--vd-fraco)}.donut:before,.conversion-ring:before{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--card)}.donut>div,.conversion-ring>b,.conversion-ring>small{position:relative;z-index:1}.donut>div{text-align:center}.donut b{display:block;font-size:27px}.donut span,.conversion-ring small{font-size:10px;color:var(--mut)}.health-legend p{display:flex;gap:7px;align-items:center;margin:8px 0;font-size:12px}.health-legend small{color:var(--mut);font-size:10.5px}.okdot,.baddot{width:7px;height:7px;border-radius:50%;display:inline-block}.okdot{background:var(--lime)}.baddot{background:var(--vm)}
.chart-shell{height:165px;position:relative;padding-bottom:32px}.linechart{width:100%;height:128px;overflow:visible;filter:drop-shadow(0 0 8px var(--vd-fraco))}.chart-labels{display:grid;grid-template-columns:repeat(7,1fr);position:absolute;bottom:0;left:0;right:0;gap:2px}.chart-labels span{text-align:center;color:var(--mut);font-size:9.5px}.chart-labels b{display:block;color:var(--tx);font-size:10px;margin-top:2px}.bar-row{margin:9px 0}.bar-row>div:first-child,.gateway-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11.5px;margin-bottom:4px}.bar-row span,.gateway-row span{color:var(--mut);font-size:10.5px}.bar-track{height:6px;border-radius:20px;background:rgba(255,255,255,.07);overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--vd),var(--lime));box-shadow:0 0 12px var(--vd-fraco)}.empty-state{padding:26px 8px;color:var(--mut);font-size:12px;text-align:center}
.health-strip{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:9px;margin:0 0 12px}.health-strip>div{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--bd);border-radius:11px;padding:10px 12px;min-height:52px}.health-strip span{min-width:0}.health-strip b,.health-strip small{display:block}.health-strip b{font-size:11.5px}.health-strip small{font-size:9.8px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-strip a{color:var(--lime);text-decoration:none}.gateway-icon{display:grid!important;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--vd-fraco);color:var(--lime);font-weight:900;flex:0 0 auto}

.sales-overview{display:grid;grid-template-columns:repeat(5,minmax(135px,1fr));gap:10px;margin:2px 0 14px}.sales-overview>div{position:relative;padding:14px 15px;background:linear-gradient(160deg,var(--card),var(--card2));border:1px solid var(--bd);border-radius:13px;overflow:hidden}.sales-overview>div:after{content:"";position:absolute;right:-18px;top:-25px;width:65px;height:65px;border-radius:50%;background:var(--vd-fraco)}.sales-overview span,.sales-overview small{display:block;color:var(--mut);font-size:10px}.sales-overview b{display:block;font-size:21px;margin:4px 0;color:var(--tx)}.sales-overview .warn{border-color:color-mix(in srgb,var(--am) 38%,transparent)}.sales-overview .warn b{color:var(--am)}.sales-overview .danger{border-color:color-mix(in srgb,var(--vm) 40%,transparent)}.sales-overview .danger b{color:var(--vm)}.sales-critical{border-color:var(--am)!important;background:linear-gradient(115deg,color-mix(in srgb,var(--am) 10%,var(--card)),var(--card2))!important}.sales-critical h2{color:var(--am)!important}

.analysis-cockpit{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:11px;margin:13px 0}.insight-card{position:relative;background:linear-gradient(160deg,var(--card),var(--card2));border:1px solid var(--bd);border-radius:14px;padding:16px;overflow:hidden}.insight-card.hero{border-color:var(--bd-al)}.insight-card b{display:block;font-size:25px;color:var(--tx);margin:4px 0}.insight-card.hero b{color:var(--lime);font-size:29px}.insight-card small{color:var(--mut);font-size:10.5px}.insight-card>i{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--lime) var(--score),transparent 0)}.analytics-visuals,.report-cockpit{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.funnel-row{display:grid;grid-template-columns:92px 1fr 55px;gap:10px;align-items:center;margin:11px 0;font-size:11.5px}.funnel-row>div{height:8px;border-radius:9px;background:rgba(255,255,255,.06);overflow:hidden}.funnel-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--vd),var(--lime))}.funnel-row b{text-align:right;color:var(--tx)}.heat-hours{display:grid;grid-template-columns:repeat(12,1fr);gap:5px}.heat-hours span{aspect-ratio:1/1;border:1px solid var(--bd);border-radius:7px;background:color-mix(in srgb,var(--lime) calc(var(--heat)*42%),var(--card));display:grid;place-items:center;line-height:1}.heat-hours b{font-size:9px}.heat-hours small{font-size:7.5px;color:var(--mut)}
.gateway-row{display:grid;grid-template-columns:135px 1fr 52px;gap:10px;align-items:center;margin:11px 0}.gateway-row>div:first-child{display:block;margin:0}.gateway-row>div:first-child b,.gateway-row>div:first-child span{display:block}.gateway-row strong{text-align:right;font-size:12px;color:var(--lime)}.big-conversion{display:flex;align-items:center;justify-content:center;gap:27px;min-height:175px}.conversion-ring{width:132px;height:132px}.conversion-ring>b{font-size:19px;align-self:end;margin-bottom:1px}.conversion-ring>small{align-self:start}.conversion-ring{grid-template-rows:1fr 1fr}.big-conversion p{margin:8px 0}.big-conversion p b{font-size:15px;color:var(--tx)}.big-conversion p span{font-size:11px;color:var(--mut)}

/* inline legacy light fills should remain readable in every theme */
html:not([data-theme='light']) .aviso[style*="#fff8e8"],html:not([data-theme='light']) .card[style*="#fff8e8"]{background:color-mix(in srgb,var(--am) 9%,var(--card))!important}html:not([data-theme='light']) .aviso[style*="#fdf6e7"]{background:color-mix(in srgb,var(--am) 8%,var(--card))!important}
@media(max-width:1250px){.command-grid{grid-template-columns:1fr 1fr}.source-bars{grid-column:1/-1}.health-strip{grid-template-columns:repeat(3,1fr)}.sales-overview{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.dash-welcome{display:block}.live-pill{margin-top:10px}.command-grid,.analytics-visuals,.report-cockpit{grid-template-columns:1fr}.source-bars{grid-column:auto}.health-strip{grid-template-columns:1fr 1fr}.sales-overview{grid-template-columns:1fr 1fr}.analysis-cockpit{grid-template-columns:1fr 1fr}.alcateia-manifesto.compact{grid-template-columns:1fr}}
@media(max-width:520px){.health-strip,.sales-overview,.analysis-cockpit{grid-template-columns:1fr}.heat-hours{grid-template-columns:repeat(8,1fr)}.health-body,.big-conversion{justify-content:flex-start}.gateway-row{grid-template-columns:105px 1fr 48px}}


/* ============================================================================
   V4 — Alcateia Command Center · 22/08/2026
   Polimento visual sem alterar regra de negócio.
   ============================================================================ */
:root{
  --v4-green:#18e874;
  --v4-lime:#86ff28;
  --v4-ink:#f6fff9;
  --v4-muted:#8da097;
  --v4-panel:rgba(7,17,12,.92);
  --v4-panel-2:rgba(10,24,16,.94);
}
body{letter-spacing:.002em}
.lado{backdrop-filter:blur(18px)}
.marca{padding-top:4px}.marca .lobo{width:42px;height:42px;border-radius:12px;background:#151817;border-color:rgba(124,255,26,.24)}
.marca .lobo img{object-fit:cover;object-position:center;filter:none}
.marca b{font-size:19px;letter-spacing:-.35px}.marca span:not(.lobo){font-size:8.8px;letter-spacing:.21em}
nav a,nav details.grp>summary{min-height:40px}
.w{padding-top:30px}
h1{font-size:32px;margin-bottom:24px}
.card,.cx,.bloco,.command-card,.insight-card,.sales-overview>div,.health-strip>div{backdrop-filter:blur(12px)}
.card,.cx,.command-card,.insight-card{border-color:rgba(124,255,26,.12)}
.card:hover,.command-card:hover,.insight-card:hover{border-color:rgba(124,255,26,.24)}
button,a.btn,.bt{background:linear-gradient(135deg,var(--v4-lime),var(--v4-green))!important;box-shadow:0 10px 28px rgba(24,232,116,.14)!important}
input,select,textarea{background:rgba(2,9,6,.88)}
.live-pill{background:rgba(5,16,10,.84)}

/* Central de ferramentas V4 */
.fer{align-items:stretch}
.fc{min-height:245px}
.fc.featured{grid-column:span 2;min-height:280px;border-color:rgba(124,255,26,.28);background:
  radial-gradient(520px 220px at 0% 0%,rgba(124,255,26,.09),transparent 65%),
  linear-gradient(150deg,rgba(8,22,14,.98),rgba(4,12,8,.98))}
.fc.featured:before{height:4px;background:linear-gradient(90deg,var(--lime),#18e874,transparent 76%)}
.fc.featured h3{font-size:23px}.fc.featured p{font-size:14px;max-width:760px}
.tool-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px;
  background:rgba(124,255,26,.08);border:1px solid rgba(124,255,26,.18);color:var(--lime);font-size:20px;font-weight:900;
  box-shadow:0 0 26px rgba(124,255,26,.06)}
.fc.featured .tool-icon{width:50px;height:50px;font-size:24px}

/* páginas standalone antigas carregando o CSS premium */
.v4-standalone{max-width:1180px!important;margin:0 auto!important;padding:28px 18px 60px!important}
.v4-brand{display:flex;align-items:center;gap:12px;margin:0 0 22px;padding-bottom:16px;border-bottom:1px solid var(--bd)}
.v4-brand img{width:42px;height:42px;border-radius:12px}.v4-brand b{font:900 19px/1 Catamaran,sans-serif;color:#fff}.v4-brand b em{font-style:normal;color:var(--lime)}
.v4-brand small{display:block;color:var(--mut);font-size:9px;letter-spacing:.18em;text-transform:uppercase;margin-top:4px}

@media(max-width:700px){.fc.featured{grid-column:span 1}.w{padding-top:20px}.marca .lobo{width:36px;height:36px}}

/* V4.1 — mobile / story mode */
.period-cascade{display:flex;flex-wrap:wrap;gap:8px}
.period-chip{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:8px 13px;border-radius:999px;border:1px solid var(--bd);background:rgba(255,255,255,.025);color:var(--mut);font-size:12px;font-weight:800;text-decoration:none;transition:.15s}
.period-chip:hover{color:var(--tx);border-color:var(--bd-al)}
.period-chip.on{color:#031006;background:linear-gradient(90deg,var(--lime),#36e865);border-color:transparent;box-shadow:0 8px 24px rgba(0,214,106,.13)}
@media(max-width:900px){
  .w{padding-top:13px!important}.w>h1{margin-bottom:14px!important}
  .dash-welcome{margin-bottom:10px!important}.alcateia-manifesto.compact{margin-bottom:12px!important}.kpi{margin-bottom:12px!important}
  .period-card{padding:14px 15px!important}.period-card h2{margin-bottom:9px!important}
  .period-cascade{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.period-chip{min-width:0;width:100%;padding:8px 7px}
}
@media(max-width:560px){
  .w{padding:10px 12px 46px!important}.w>h1{font-size:24px!important;margin-bottom:10px!important}.w>h1::after{margin-top:6px!important}
  .dash-welcome h2{font-size:25px!important;line-height:1.05!important}.dash-welcome p{font-size:13px!important;margin-top:3px!important}.dash-welcome .eyebrow{font-size:9px!important}
  .live-pill{padding:8px 11px!important;font-size:12px!important}
  .alcateia-manifesto.compact{min-height:168px!important}.alcateia-manifesto.compact .manifesto-copy{padding:16px!important}
  .alcateia-manifesto.compact .manifesto-copy blockquote{font-size:23px!important;line-height:1.04!important;margin:7px 0 9px!important}
  .alcateia-manifesto.compact .manifesto-copy p{font-size:12.5px!important;line-height:1.45!important;margin:0!important;max-width:82%!important}
  .kpi{gap:8px!important}.kpi>div{padding:12px 13px!important;min-height:82px!important}.kpi .n{font-size:23px!important}.kpi .l{margin-top:5px!important}
  .period-cascade{grid-template-columns:repeat(3,1fr)!important}
}


/* ============================================================================
   V4.2 — MOBILE DRAWER
   No mobile horizontal nav. The desktop sidebar becomes an off-canvas drawer.
   Desktop rules remain untouched.
   ============================================================================ */
.mobile-nav-toggle,.mobile-nav-backdrop{display:none}

@media (max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  body.mobile-menu-open{overflow:hidden!important;touch-action:none}

  .app{display:block!important;min-height:100vh!important}

  .mobile-nav-toggle{
    display:flex!important;position:fixed!important;left:14px!important;top:14px!important;
    z-index:10002!important;width:46px!important;height:46px!important;padding:0!important;margin:0!important;
    border-radius:13px!important;background:rgba(4,12,8,.96)!important;border:1px solid rgba(124,255,26,.34)!important;
    box-shadow:0 14px 38px rgba(0,0,0,.34)!important;backdrop-filter:blur(16px);
    align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;
  }
  .mobile-nav-toggle span{display:block;width:18px;height:2px;border-radius:9px;background:var(--lime);transition:.18s;pointer-events:none}
  .mobile-nav-toggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .mobile-nav-toggle.active span:nth-child(2){opacity:0}
  .mobile-nav-toggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

  .mobile-nav-backdrop{
    display:block!important;position:fixed!important;inset:0!important;z-index:9999!important;
    background:rgba(0,0,0,.62)!important;backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .2s ease,visibility .2s ease;
  }
  .mobile-nav-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}

  .lado{
    position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:10001!important;
    width:min(86vw,330px)!important;max-width:330px!important;height:100dvh!important;min-height:100vh!important;
    flex:none!important;padding:16px 0 24px!important;margin:0!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    background:linear-gradient(180deg,rgba(2,7,4,.995),rgba(4,12,8,.995))!important;
    border-right:1px solid var(--bd-al)!important;border-bottom:0!important;
    box-shadow:28px 0 70px rgba(0,0,0,.52)!important;
    transform:translateX(-104%)!important;transition:transform .22s ease!important;
    overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  }
  .lado.mobile-open{transform:translateX(0)!important}

  .lado .marca{padding:2px 18px 16px!important;margin:0 0 8px!important;border-bottom:1px solid var(--bd)!important}
  .lado .marca .lobo{width:40px!important;height:40px!important}
  .lado .marca b{font-size:18px!important}

  .lado nav{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;
    padding:8px 11px 24px!important;margin:0!important;width:100%!important;
    overflow:visible!important;scroll-snap-type:none!important;
  }
  .lado nav>a,.lado nav>details.grp{
    display:block!important;position:relative!important;flex:none!important;width:100%!important;
    margin:0!important;border:0!important;scroll-snap-align:none!important;
  }
  .lado nav>a{
    min-height:44px!important;height:auto!important;padding:10px 12px!important;border-radius:10px!important;
    white-space:normal!important;display:flex!important;align-items:center!important;gap:10px!important;
  }
  .lado nav>a.on{
    min-height:44px!important;height:auto!important;margin:0!important;border-radius:10px!important;
  }
  .lado nav>details.grp>summary{
    min-height:44px!important;height:auto!important;padding:10px 12px!important;border-radius:10px!important;
    white-space:normal!important;display:flex!important;align-items:center!important;gap:10px!important;
  }
  .lado nav>details.grp[open]>summary{background:rgba(255,255,255,.035)!important;color:var(--tx)!important}
  .lado nav>details.grp>a.sub{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;z-index:auto!important;
    display:flex!important;width:100%!important;height:auto!important;min-height:40px!important;
    margin:2px 0 0!important;padding:8px 12px 8px 38px!important;
    background:transparent!important;border:0!important;border-radius:9px!important;box-shadow:none!important;
    backdrop-filter:none!important;white-space:normal!important;
  }
  .lado nav>details.grp>a.sub::before{display:block!important;left:22px!important}
  .lado nav>details.grp>a.sub.on{background:rgba(124,255,26,.10)!important;color:var(--lime)!important}
  .lado nav .sep{display:block!important;width:auto!important;height:1px!important;flex:none!important;margin:10px 12px!important;background:var(--bd)!important}

  .w{width:100%!important;max-width:none!important;margin:0!important;padding-top:76px!important}
  .theme-lab{top:14px!important;right:14px!important;z-index:9997!important}
}

@media (max-width:560px){
  .mobile-nav-toggle{left:12px!important;top:12px!important;width:44px!important;height:44px!important}
  .lado{width:min(88vw,320px)!important}
  .w{padding-top:70px!important}
}