@font-face{font-family:'Plus Jakarta Sans';font-weight:600;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-weight:700;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-weight:800;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Lexend';font-weight:300;font-display:swap;src:url(fonts/lexend-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Lexend';font-weight:400;font-display:swap;src:url(fonts/lexend-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Lexend';font-weight:500;font-display:swap;src:url(fonts/lexend-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-weight:800;font-display:swap;src:url(fonts/manrope-latin-800-normal.woff2) format('woff2')}

/* Identidade Âmbito */
:root{
  --v:#6A3DE8; --v-deep:#4527B3; --v-light:#7C4DF5; --lar:#EE7434; --pes:#FFD2B4;
  --papel:#F7F6FC; --tinta:#26213D; --tinta-2:#5C5675; --linha:#E4E0F3; --card:#FFFFFF;
  --soft:rgba(106,61,232,.08); --barra-fundo:rgba(38,33,61,.06); --ok:#1F9D6B; --ruim:#D64545;
  --t:'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --b:'Lexend', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{--papel:#17112B;--card:#211A3B;--tinta:#F2EEFF;--tinta-2:#B5ADD3;--linha:#342A5C;--soft:rgba(169,139,255,.12);--barra-fundo:rgba(242,238,255,.08);--v:#8F6BFF;--ok:#5FD3A1;--ruim:#FF8A8A;color-scheme:dark}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--b);font-weight:300;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
[hidden]{display:none!important}
.in{max-width:1200px;margin-inline:auto;width:100%;padding-inline:clamp(16px,3vw,32px)}

/* marca */
.marca{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none}
.marca svg{width:36px;height:33px;flex:none}
.marca b{font-family:'Manrope',var(--t);font-weight:800;font-size:26px;letter-spacing:-1px;line-height:1}
.marca span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--pes);margin-left:10px;padding-left:12px;border-left:1px solid rgba(255,210,180,.45);font-weight:400}
.marca .slogan{text-transform:none;letter-spacing:.01em;font-size:14px;color:var(--pes)}
@media (max-width:560px){.marca .slogan{display:none}}

/* fundo violeta com vidro */
.hero{position:relative;overflow:hidden;color:#F7F6FC;background:linear-gradient(135deg,#2E1A86 0%,var(--v-deep) 35%,#6A3DE8 75%,#7C4DF5 100%)}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}
.hero::before{width:380px;height:380px;right:-80px;top:-140px;background:rgba(238,116,52,.55)}
.hero::after{width:300px;height:300px;left:30%;bottom:-200px;background:rgba(255,210,180,.35)}
.hero>.in{position:relative;z-index:1}

/* acesso (login, convite) */
.acesso{min-height:100vh;display:grid;place-items:center;padding:24px}
.acesso-caixa{position:relative;z-index:1;width:min(420px,100%);display:grid;gap:22px}
.vidro{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:22px;padding:26px}
.vidro h1{font-family:var(--t);font-weight:800;font-size:26px;letter-spacing:-.02em;margin:0 0 6px;color:#fff}
.vidro p{margin:0 0 18px;color:#E8E2FF;font-size:14px;line-height:1.5}
.campo{display:grid;gap:6px;margin-bottom:14px}
.campo label{font-size:13px;color:var(--pes);font-weight:400}
.campo input,.campo select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:#fff;color:#17112B;font-size:15px;color-scheme:light}
.campo input:focus-visible,.campo select:focus-visible,.btn:focus-visible{outline:2px solid var(--pes);outline-offset:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 18px;font-weight:500;cursor:pointer;font-size:15px}
.btn-lar{background:var(--lar);color:#fff;width:100%}
.btn-lar:hover{background:#E0621F}
.btn-v{background:var(--v);color:#fff}
.btn-linha{background:transparent;color:var(--tinta);border:1px solid var(--linha)}
.btn-peq{padding:7px 12px;font-size:13px;border-radius:10px}
.msg{font-size:13px;margin:10px 0 0;min-height:1.2em}
.msg.erro{color:#FFD0D0}
.acesso .rodape{color:#D9D1FF;font-size:12px;text-align:center}

/* topo do painel */
.topo .in{padding-block:22px 22px;display:grid;gap:16px}
.topo-linha{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.menu{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.menu button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer}
.menu button[aria-current=page]{background:#fff;color:var(--v-deep);border-color:#fff;font-weight:500}
.menu .quem{font-size:12px;color:var(--pes);margin-right:6px}
.titulo{font-family:var(--t);font-weight:800;font-size:clamp(28px,4.4vw,44px);line-height:1.05;letter-spacing:-.025em;margin:0;color:#fff}
.take{margin:0;font-size:clamp(15px,1.6vw,18px);line-height:1.45;color:#F2EEFF;max-width:70ch;min-height:1.4em}
.ctrl{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:16px;padding:10px 14px}
.ctrl label{font-size:13px;color:var(--pes);display:flex;gap:10px;align-items:center;font-weight:400}
.ctrl select{font:500 15px var(--b);color:#17112B;background:#fff;border:0;border-radius:10px;padding:8px 12px;cursor:pointer;color-scheme:light}
.ctrl select option{color:#17112B;background:#fff}
.ctrl .faixa{font-size:13px;color:#E8E2FF}
.secoes{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.secoes a{font-size:13px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:5px 12px}
.secoes a:hover{background:rgba(255,255,255,.16)}
.aviso{margin:0;font-size:13px;color:#fff;background:rgba(238,116,52,.28);border:1px solid rgba(255,210,180,.5);border-radius:12px;padding:8px 12px}

/* conteúdo */
main{padding:24px 0 48px}
main>.in{display:grid;gap:28px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));gap:12px}
.kpi{background:var(--card);border:1px solid var(--linha);border-radius:20px;padding:16px 18px;display:grid;gap:6px;align-content:start;position:relative;overflow:hidden}
.kpi.destaque{background:linear-gradient(140deg,var(--v-deep),var(--v));border-color:transparent;color:#fff}
.kpi span{font-size:13px;color:var(--tinta-2)}
.kpi.destaque span{color:var(--pes)}
.kpi strong{font-family:var(--t);font-weight:800;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}
.delta{font-style:normal;font-size:12px;color:var(--tinta-2);min-height:1.2em}
.kpi.destaque .delta{color:#E8E2FF}
.delta.up{color:var(--ok)}.delta.down{color:var(--ruim)}
.kpi.destaque .delta.up{color:#B6F5D7}.kpi.destaque .delta.down{color:#FFC4C4}
.sec{display:grid;gap:14px;scroll-margin-top:16px}
.sec>h2{margin:0;font-family:var(--t);font-weight:800;font-size:clamp(20px,2.2vw,26px);letter-spacing:-.02em;display:flex;align-items:center;gap:10px}
.sec>h2::before{content:"";width:10px;height:22px;border-radius:4px;background:linear-gradient(180deg,var(--lar),var(--pes))}
.sec>p{margin:-4px 0 0;color:var(--tinta-2);font-size:14px;max-width:80ch}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:14px}
.card{background:var(--card);border:1px solid var(--linha);border-radius:20px;padding:20px;display:grid;gap:10px;align-content:start;min-width:0}
.card h3{margin:0;font-family:var(--t);font-weight:700;font-size:16px;letter-spacing:-.01em}
.nota{margin:0;color:var(--tinta-2);font-size:13px}
.funil{display:grid;gap:12px}
.etapa{display:grid;grid-template-columns:minmax(7.5rem,11rem) 1fr auto;gap:12px;align-items:center;font-size:13px}
.etapa .bar{height:26px;background:var(--barra-fundo);border-radius:8px;overflow:hidden}
.etapa .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--v-deep),var(--v-light));border-radius:8px;min-width:3px}
.etapa.ultima .bar i{background:linear-gradient(90deg,var(--lar),#F59A62)}
.etapa b{font-family:var(--t);font-weight:700;font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:right;font-size:16px}
.etapa small{grid-column:2/4;color:var(--tinta-2);margin-top:-8px;font-size:12px}
.grafico{position:relative;min-height:240px}
.grafico text{font-family:var(--b)}
.legenda{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--tinta-2)}
.legenda i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.dica{position:absolute;pointer-events:none;background:var(--card);border:1px solid var(--linha);border-radius:12px;box-shadow:0 10px 30px rgba(38,33,61,.18);padding:8px 10px;font-size:12px;white-space:nowrap;z-index:2}
.dica .t{color:var(--tinta-2);margin-bottom:3px}
.tabela{max-height:440px;overflow:auto;border-radius:12px}
.tabela table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.tabela th,.tabela td{padding:9px 10px;border-bottom:1px solid var(--linha);text-align:right;white-space:nowrap}
.tabela th:first-child,.tabela td:first-child,.tabela .l{text-align:left}
.tabela td.quebra{white-space:normal;min-width:12rem}
.tabela th{position:sticky;top:0;background:var(--card);color:var(--tinta-2);font-weight:500;font-size:12px}
.tabela tbody tr:hover td{background:var(--soft)}
.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;background:var(--barra-fundo)}
.pill.ok{background:rgba(238,116,52,.18);color:#B5501C}
.pill.quente{background:var(--soft);color:var(--v)}
.pill.off{opacity:.6}
@media (prefers-color-scheme:dark){.pill.ok{color:#FFB48A}}
.taxas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:12px}
.taxa{border-radius:16px;padding:14px 16px;display:grid;gap:4px;background:var(--soft)}
.taxa span{font-size:13px;color:var(--tinta-2)}
.taxa strong{font-family:var(--t);font-weight:800;font-size:clamp(22px,2.4vw,28px);color:var(--v);font-variant-numeric:tabular-nums}
.vazio{padding:40px 20px;text-align:center;color:var(--tinta-2)}
.esqueleto{color:transparent!important;background:var(--barra-fundo);border-radius:8px;min-width:4ch}

/* equipe e conta */
.form-linha{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:12px;align-items:end}
.form-linha .campo{margin:0}
.form-linha .campo label{color:var(--tinta-2)}
.form-linha .campo input,.form-linha .campo select{border-color:var(--linha)}
.link-convite{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--soft);border-radius:12px;padding:12px}
.link-convite code{font-size:12px;word-break:break-all;flex:1;min-width:12rem}
.msg-ok{color:var(--ok);font-size:13px;margin:0}
.msg-erro{color:var(--ruim);font-size:13px;margin:0}
.acoes{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
@media (max-width:640px){.secoes{margin-left:0}.etapa{grid-template-columns:minmax(6rem,8rem) 1fr auto}}
@media (prefers-reduced-motion:no-preference){.etapa .bar i{transition:width .4s ease-out}}

/* leitura */
.grade-leitura{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr))}
.card-topo{display:flex;justify-content:space-between;align-items:center;gap:10px}
.meta-num{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.meta-num strong{font-family:var(--t);font-weight:800;font-size:clamp(30px,3.4vw,40px);letter-spacing:-.02em;color:var(--v);font-variant-numeric:tabular-nums}
.meta-num span{color:var(--tinta-2);font-size:14px}
.meta-barra{position:relative;height:14px;background:var(--barra-fundo);border-radius:999px;margin-top:6px}
.meta-barra i{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,var(--v-deep),var(--v-light));min-width:4px}
.meta-barra.ok i{background:linear-gradient(90deg,var(--lar),#F59A62)}
.meta-barra b{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--tinta);opacity:.55;border-radius:2px}
.meta-legenda{position:relative;height:16px;font-size:12px;color:var(--tinta-2)}
.meta-legenda span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.lista-q,.acoes-lista,.leitura-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lista-q li{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;font-size:13px;padding:10px 12px;border-radius:12px;background:var(--soft)}
.lista-q li.ok{background:transparent;border:1px dashed var(--linha)}
.lista-q b{font-family:var(--t);font-weight:800;font-size:16px;min-width:1.6em;text-align:center;color:var(--lar)}
.lista-q li.ok b{color:var(--ok)}
.lista-q small{grid-column:2;color:var(--tinta-2);font-size:12px}
.contador{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--lar);color:#fff;font-size:14px;font-weight:700}
.contador:empty{display:none}
.acoes-lista li{background:var(--card);border:1px solid var(--linha);border-radius:16px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:4px 14px;align-items:center}
.acoes-lista .prio{font-size:11px;font-weight:500;border-radius:999px;padding:3px 10px;white-space:nowrap}
.prio-1{background:rgba(238,116,52,.18);color:#B5501C}
.prio-2{background:var(--soft);color:var(--v)}
.prio-3{background:var(--barra-fundo);color:var(--tinta-2)}
@media (prefers-color-scheme:dark){.prio-1{color:#FFB48A}}
.acoes-lista strong{font-family:var(--t);font-weight:700;font-size:15px}
.acoes-lista .cod{font-variant-numeric:tabular-nums;color:var(--tinta-2);font-size:13px;text-align:right}
.acoes-lista p{grid-column:2/4;margin:0;font-size:13px;color:var(--tinta-2)}
@media (max-width:640px){.acoes-lista li{grid-template-columns:auto 1fr;gap:6px 10px}.acoes-lista .prio{grid-column:1;grid-row:1;justify-self:start}.acoes-lista .cod{grid-column:2;grid-row:1}.acoes-lista strong,.acoes-lista p{grid-column:1/-1}}
.leitura-lista li{background:var(--card);border:1px solid var(--linha);border-radius:16px;padding:14px 16px 14px 44px;position:relative;font-size:14px;line-height:1.5}
.leitura-lista li::before{content:"";position:absolute;left:18px;top:20px;width:10px;height:10px;border-radius:50%;background:var(--tinta-2)}
.leitura-lista li.alerta::before{background:var(--lar)}
.leitura-lista li.positivo::before{background:var(--ok)}
.leitura-lista li strong{font-family:var(--t);font-weight:700;display:block;font-size:15px;margin-bottom:2px}
.vazio-mini{color:var(--tinta-2);font-size:14px;padding:14px 16px;border:1px dashed var(--linha);border-radius:16px}