@font-face{font-family:"Inter";font-weight:400 700;font-display:swap;src:url(assets/Inter.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:700 800;font-display:swap;src:url(assets/InterTight.woff2) format("woff2")}
/* Azul-noite: o verde da marca fica só no botão principal; cada etapa tem a sua cor */
:root{--fundo:#0B1220;--sup:#131C2E;--ele:#1B263B;--linha:#26324A;--campo:#0E1626;--txt:#EEF2F8;--suave:#9AA7BD;--nav:#0F1727;--ativo:#7CB3FF;
  --pri:#22C984;--onpri:#04140C;--zap:#138A4B;--ouro:#F2C94C;--erro:#FF7A6E;--aviso:#F5B04C;
  --tit:"Inter Tight","Inter",system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--txt);font:400 15px/1.4 "Inter",system-ui,sans-serif;overflow-x:clip}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
a{color:inherit}
h1,h2,h3,p{margin:0}
:focus-visible{outline:2px solid var(--ativo);outline-offset:2px}
.app{display:flex;flex-direction:column;min-height:100svh}
.lat{position:fixed;z-index:10;left:0;right:0;bottom:0;display:flex;background:var(--nav);border-top:1px solid var(--linha);padding-bottom:env(safe-area-inset-bottom,0)}
.marca{display:none}
.lat button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:56px;padding:8px 2px;color:var(--suave);font-size:11.5px;font-weight:500}
.lat button[aria-current=page]{color:var(--ativo);font-weight:600}
.lat svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main{flex:1;width:100%;min-width:0;padding:16px 16px 88px;outline:0}
h1{font:800 26px/1.1 var(--tit);letter-spacing:-.02em}
h2.sec{margin:24px 0 8px;font:700 18px/1.2 var(--tit)}
.sub{margin-top:3px;color:var(--suave);font-size:14px}
.falha{margin-top:14px;padding:14px;border-radius:14px;border:1px solid #5A2A2A;background:#2A1518}
.aviso{margin-top:12px;padding:12px 14px;border-radius:14px;background:rgba(245,176,76,.12);border:1px solid rgba(245,176,76,.35);font-size:13.5px}
.aviso b{color:var(--aviso)}
.resumo{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.num{padding:10px;border-radius:14px;background:var(--sup);border:1px solid var(--linha)}
.num b{display:block;font:700 22px/1 var(--tit)}
.num span{display:block;margin-top:4px;color:var(--suave);font-size:12px}
.grupo{margin:20px 0 8px;color:var(--suave);font-size:13px;font-weight:600}
.lead{display:block;width:100%;min-width:0;text-align:left;padding:13px;margin-bottom:8px;border-radius:16px;background:var(--sup);border:1px solid var(--linha)}
.lead:hover{border-color:#34425E}
.l1{display:flex;justify-content:space-between;gap:8px;font-weight:600;overflow-wrap:anywhere}
.l2{margin-top:3px;color:var(--suave);font-size:13px;overflow-wrap:anywhere}
.prox{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:8px;font-size:13px;color:var(--suave)}
.atr{color:var(--erro);font-weight:600}
.hoje{color:var(--txt);font-weight:600}
.pri{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--ele);color:var(--suave);font-size:12px;font-weight:700}
.pri.A{background:var(--ouro);color:#1A1405}
/* Etapas */
.et{display:inline-block;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap;background:rgba(154,167,189,.14);color:var(--suave)}
.et-tentando{background:rgba(245,176,76,.15);color:#F5B04C}
.et-conversa{background:rgba(124,179,255,.15);color:#8DB8FF}
.et-aceitou{background:rgba(185,162,255,.16);color:#B9A2FF}
.et-previa{background:rgba(103,211,232,.15);color:#67D3E8}
.et-proposta{background:rgba(255,159,107,.15);color:#FF9F6B}
.et-ganho{background:rgba(62,226,159,.15);color:#3EE29F}
.et-perdido{background:rgba(154,167,189,.10);color:#7D8AA2}
.et-nao{background:rgba(255,122,110,.14);color:var(--erro)}
.funil{display:flex;gap:10px;margin:14px -16px 0;padding:0 16px 10px;overflow-x:auto;scroll-snap-type:x proximity}
.col{flex:0 0 78vw;max-width:290px;min-width:0;scroll-snap-align:start}
.col h2{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13.5px;font-weight:600;color:var(--suave)}
.pilha{max-height:62vh;overflow:auto}
.busca,.campo input,.campo select,.campo textarea{width:100%;min-height:44px;padding:9px 12px;border-radius:12px;border:1px solid var(--linha);background:var(--campo)}
.busca{margin-top:14px;background:var(--sup)}
.campo{display:block;margin-top:10px;font-size:13px;font-weight:600;color:var(--suave)}
.campo input,.campo select,.campo textarea{display:block;margin-top:4px;font-weight:400;font-size:16px;color:var(--txt)}
.campo textarea{min-height:76px;resize:vertical}
.marcar{display:flex;gap:10px;align-items:flex-start;margin-top:9px;font-size:14px;color:var(--txt);cursor:pointer}
.marcar input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--pri)}
.filtros{display:flex;gap:6px;margin-top:8px;overflow-x:auto;padding-bottom:2px}
.filtros button,.chip{flex:none;min-height:44px;padding:0 13px;border-radius:99px;background:var(--sup);border:1px solid var(--linha);font-size:13.5px;color:var(--suave)}
.filtros button[aria-pressed=true],.chip[aria-pressed=true]{background:var(--txt);color:var(--fundo);border-color:var(--txt);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.med{padding:13px;margin-top:8px;border-radius:16px;background:var(--sup);border:1px solid var(--linha)}
.med b{font:700 18px var(--tit)}
.barra{height:7px;margin-top:8px;border-radius:9px;background:var(--ele);overflow:hidden}
.barra i{display:block;height:100%;width:0;background:var(--ativo)}
.med small{display:block;margin-top:6px;color:var(--suave);font-size:12.5px}
.portao{margin-top:14px;padding:13px;border-radius:14px;background:var(--ele);font-weight:600}
.rolagem{overflow-x:auto;margin-top:6px}
.tabela{width:100%;border-collapse:collapse;font-size:13.5px}
.tabela th{padding:8px;text-align:left;color:var(--suave);font-weight:500;border-bottom:1px solid var(--linha);white-space:nowrap}
.tabela td{padding:9px 8px;border-bottom:1px solid var(--linha)}
.tabela tbody tr[data-l]{cursor:pointer}
.tabela tbody tr[data-l]:hover{background:var(--sup)}
.bt{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:46px;padding:6px 12px;border-radius:14px;background:var(--ele);border:1px solid var(--linha);font-weight:600;font-size:14px;text-decoration:none;text-align:center}
.bt:hover{border-color:#34425E}
.bt.pri2{background:var(--pri);color:var(--onpri);border:0}
.bt.zap{background:var(--zap);color:#fff;border:0}
.bt[disabled]{opacity:.5;cursor:not-allowed}
.bt.perigo{color:var(--erro);border-color:#5A2A2A}
.bt.leve{min-height:44px;width:auto;padding:0 14px;font-size:13.5px}
.comecar{margin-top:12px;min-height:50px;font-size:15px}
.par{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pilhab{display:grid;gap:7px}
.linha{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#gaveta,#qr{position:fixed;z-index:20;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(3,7,15,.66)}
#gaveta[hidden],#qr[hidden]{display:none}
#gv{width:min(100%,560px);max-height:92svh;overflow:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0));border-radius:22px 22px 0 0;background:var(--sup);border-top:1px solid var(--linha);outline:0}
.fecha{float:right;width:44px;height:44px;margin:-8px -8px 0 0;font-size:20px;color:var(--suave)}
.fila{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-4px 44px 8px 0;font-size:12.5px;color:var(--suave)}
.fila .bt{width:auto;min-height:36px;padding:0 12px;font-size:12.5px}
#gv h3{font:800 22px/1.15 var(--tit);padding-right:36px;overflow-wrap:anywhere}
.dados{margin:8px 0 10px;color:var(--suave);font-size:13.5px;overflow-wrap:anywhere}
.dados b{color:var(--txt)}
.trava{margin-top:7px;color:var(--aviso);font-size:12.5px}
.pede{margin:10px 0;padding:12px;border-radius:14px;background:rgba(124,179,255,.10);border:1px solid rgba(124,179,255,.35)}
.pede p{font-weight:600;margin-bottom:8px}
.espera{margin-top:8px;padding:10px 12px;border-radius:12px;background:var(--ele);font-size:13px;color:var(--suave)}
.espera .bt{margin-top:8px}
.rot{margin:18px 0 7px;font-size:13px;font-weight:600;color:var(--suave)}
.versoes{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.versoes .chip{font-size:12.5px}
.script{padding:11px 12px;border-radius:12px;background:var(--campo);border:1px solid var(--linha);font-size:14px;white-space:pre-line;overflow-wrap:anywhere}
.dica{margin-top:6px;color:var(--aviso);font-size:12.5px}
.resposta{margin-top:8px}
.hist{margin:0;padding:0;list-style:none;font-size:13px;color:var(--suave)}
.hist li{padding:8px 0;border-top:1px solid var(--linha);overflow-wrap:anywhere}
.hist b{color:var(--txt);font-weight:600}
details{margin-top:12px;border-top:1px solid var(--linha)}
summary{min-height:44px;padding:11px 0;font-weight:600;font-size:14px;cursor:pointer}
#toast{position:fixed;z-index:30;left:50%;bottom:78px;max-width:92vw;transform:translateX(-50%);padding:10px 15px;border-radius:14px;background:var(--txt);color:var(--fundo);font-size:13.5px;font-weight:600;text-align:center;box-shadow:0 10px 30px -10px rgba(0,0,0,.6)}
#toast.ruim{background:var(--erro);color:#2A0A07}
#toast[hidden]{display:none}
.caixa{width:min(92vw,360px);margin:auto;padding:20px;border-radius:22px;background:var(--sup);border:1px solid var(--linha);text-align:center}
.caixa h3{font:800 20px var(--tit)}
.qrimg{display:grid;place-items:center;margin:14px auto;width:220px;height:220px;padding:10px;border-radius:14px;background:#fff}
.qrimg svg{width:100%;height:100%}
.tel-grande{font:700 22px var(--tit);letter-spacing:.01em}
.msg{padding:14px;margin-top:10px;border-radius:16px;background:var(--sup);border:1px solid var(--linha)}
.msg.off{opacity:.6}
.msg textarea{min-height:120px}
.prev{margin-top:8px}
.stats{margin-top:6px;font-size:12.5px;color:var(--suave)}
.vars{font-size:12.5px;color:var(--suave);line-height:1.6}
.vars code{padding:1px 5px;border-radius:5px;background:var(--ele);color:var(--txt);font-size:12px}
.so-pc{display:none}
.lista-sim{margin:8px 0 0;padding-left:18px;color:var(--suave);font-size:13px;overflow-wrap:anywhere}
.nq{white-space:nowrap}
.entrar .lat{display:none}
.login{max-width:380px;margin:9vh auto 0}
.login .marca{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:22px}
.login .falha{margin:8px 0 0}
.inicio .lat,.inicio main{visibility:hidden}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto !important}}
@media (min-width:900px){
  .app{flex-direction:row}
  .lat{position:sticky;top:0;right:auto;bottom:auto;flex:none;flex-direction:column;width:210px;height:100svh;padding:16px 10px;border-top:0;border-right:1px solid var(--linha)}
  .marca{display:flex;align-items:center;gap:9px;margin:0 8px 18px;font:800 16px var(--tit)}
  .lat button{flex:none;flex-direction:row;gap:10px;min-height:42px;padding:0 10px;border-radius:10px;font-size:14px}
  .lat button[aria-current=page]{background:var(--ele);color:var(--txt)}
  main{padding:24px 28px}
  h1{font-size:30px}
  .resumo{grid-template-columns:repeat(3,180px)}
  .comecar{max-width:556px}
  .funil{margin:16px 0 0;padding:0 0 10px}
  .col{flex:1 1 0;max-width:none;min-width:190px}
  .pilha{max-height:72vh}
  .estreita{max-width:720px}
  .placar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .placar .med{margin:0}
  .so-pc{display:block}
  .so-cel{display:none}
  #gaveta{justify-content:flex-end;align-items:stretch}
  #gv{width:460px;max-height:none;border-radius:0;border-top:0;border-left:1px solid var(--linha)}
  #qr{align-items:center}
  #toast{bottom:24px}
}