:root{color-scheme:dark;--bg:#0A1220;--bg2:#101A2C;--bg3:#16233A;--ink:#EAF0FA;--ink2:#B3C0D4;--mute:#8A99B1;--line:#22304A;--brand:#6B97FF;--ciano:#22B8E8;--roxo:#7B5CF0;--rosa:#E5457F;--verde:#2BC48A;--ouro:#E9B949}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--brand)}
h1{font-size:1.45rem;line-height:1.25;margin:0 0 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;text-wrap:balance}
h2{font-size:1rem;margin:0 0 12px;color:var(--ink)}
.mudo{color:var(--mute);margin:0 0 10px}small{color:var(--mute);font-size:.82rem}
code{background:var(--bg);padding:2px 6px;border-radius:6px;font-size:.88em}
:focus-visible{outline:3px solid #9db4ff;outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.app{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}
.lado{background:var(--bg2);border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:20px;position:sticky;top:0;height:100vh}
.marca{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;font-size:1.08rem;letter-spacing:.2px;padding:0 8px}
.lado nav{display:flex;flex-direction:column;gap:2px}
.lado nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--ink2);text-decoration:none;font-weight:500}
.lado nav a:hover{background:var(--bg3);color:#fff}
.lado nav a[aria-current=page]{background:var(--bg3);color:#fff;box-shadow:inset 3px 0 0 var(--brand)}
.sair{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 8px 0;border-top:1px solid var(--line)}
.sair .eu{font-size:.85rem;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.sair button{background:transparent;color:var(--ink2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500}
.sair button:hover{color:#fff;border-color:var(--mute)}
.conteudo{padding:28px max(20px,env(safe-area-inset-right,0px)) 56px max(20px,env(safe-area-inset-left,0px));max-width:1000px;width:100%;min-width:0}
.solo{max-width:420px;margin:0 auto;padding:48px max(16px,env(safe-area-inset-right,0px)) 48px max(16px,env(safe-area-inset-left,0px))}
.solo-marca{justify-content:center;margin-bottom:24px;font-size:1.3rem}

.cartao{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px;min-width:0}
.estreito{max-width:520px}.solo .estreito{max-width:none}
.grade{display:grid;gap:16px;margin-bottom:0}.grade.tres{grid-template-columns:repeat(3,minmax(0,1fr))}.grade.dois{grid-template-columns:repeat(2,minmax(0,1fr))}
.num{margin-bottom:0}.num span{display:block;font-size:2rem;font-weight:700;line-height:1.1;color:#fff}.grade.tres .num{color:var(--ink2)}
.grade+.cartao,.grade{margin-bottom:16px}
.topo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.topo h1{margin:0}
.voltar{margin:0 0 8px;font-size:.9rem}.voltar a{text-decoration:none;color:var(--ink2)}

form+h2{margin-top:24px}
label{display:block;font-size:.85rem;color:var(--ink2);margin:12px 0 5px}
input,select,textarea{width:100%;background:var(--bg);color:var(--ink);border:1px solid #3a4a68;border-radius:10px;padding:10px 12px;font:inherit}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{color:var(--mute)}
button,.botao{display:inline-block;background:var(--bg3);color:var(--ink);border:1px solid #3a4a68;border-radius:10px;padding:10px 16px;font-family:inherit;font-weight:600;font-size:.92rem;line-height:1.2;cursor:pointer;text-decoration:none;text-align:center}
button:hover,.botao:hover{border-color:var(--brand);color:#fff}
.primario{background:#fff;color:#06112A;border-color:#fff}.primario:hover{background:#dfe8ff;color:#06112A;border-color:#dfe8ff}
form button.primario{margin-top:16px}
.em-linha{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.em-linha select{width:auto;min-width:0;flex:1}
.acoes{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 0}.acoes form{display:inline}
.filtros{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.filtros input{flex:2 1 220px;width:auto}.filtros select{flex:1 1 150px;width:auto}
.aviso{border-radius:10px;padding:10px 14px;margin:0 0 16px;border:1px solid var(--line)}
.aviso.ok{background:rgba(43,196,138,.12);border-color:rgba(43,196,138,.4);color:#8cecc3}.aviso.erro{background:rgba(229,69,127,.12);border-color:rgba(229,69,127,.45);color:#ffa9c4}

.lista{list-style:none;margin:0;padding:0}
.lista li+li{border-top:1px solid var(--line)}
.lista a,.lista .semlink{display:grid;grid-template-columns:minmax(0,1fr) auto 52px;gap:12px;align-items:center;padding:12px 4px;text-decoration:none;color:var(--ink)}
.lista .semlink{grid-template-columns:minmax(0,1fr) auto}
.lista a:hover{background:var(--bg3)}
.lista b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lista small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lista li>a>small:last-child{text-align:right}
.sel{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.78rem;font-weight:600;border:1px solid currentColor;white-space:nowrap}
.e-novo{color:var(--ciano)}.e-em_conversa{color:var(--brand)}.e-demonstracao{color:var(--roxo)}.e-proposta{color:var(--ouro)}.e-fechado{color:var(--verde)}.e-perdido{color:var(--mute)}
.pag{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 8px}.pag a{padding:6px 12px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink2)}.pag a[aria-current=page]{background:var(--bg3);color:#fff;border-color:var(--brand)}

.funil{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.funil a{display:grid;grid-template-columns:110px minmax(0,1fr) 34px;gap:12px;align-items:center;text-decoration:none;color:var(--ink2);padding:5px 0}
.funil a:hover{color:#fff}.funil b{text-align:right;color:#fff}
.barra{height:10px;background:var(--bg);border-radius:99px;overflow:hidden}.barra i{display:block;height:100%;border-radius:99px;background:currentColor}
.barra i.e-novo{background:var(--ciano)}.barra i.e-em_conversa{background:var(--brand)}.barra i.e-demonstracao{background:var(--roxo)}.barra i.e-proposta{background:var(--ouro)}.barra i.e-fechado{background:var(--verde)}.barra i.e-perdido{background:var(--mute)}

.dados{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px 14px;margin:0}.dados dt{color:var(--mute);font-size:.88rem}.dados dd{margin:0;overflow-wrap:anywhere}
.linha-tempo{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--line);display:grid;gap:14px}
.linha-tempo li{position:relative}.linha-tempo li::before{content:"";position:absolute;left:-21px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--line)}
.linha-tempo li.t-nota::before{background:var(--brand)}.linha-tempo li.t-etapa::before{background:var(--roxo)}
.linha-tempo p{margin:2px 0 0;overflow-wrap:anywhere}

@media(max-width:820px){
  .app{grid-template-columns:minmax(0,1fr)}
  .lado{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px max(14px,env(safe-area-inset-right,0px)) 10px max(14px,env(safe-area-inset-left,0px));border-right:0;border-bottom:1px solid var(--line)}
  .lado nav{flex-direction:row;order:3;width:100%;overflow-x:auto;gap:4px}.lado nav a{padding:8px 12px;white-space:nowrap}
  .lado nav a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--brand)}
  .sair{margin:0 0 0 auto;border:0;padding:0}.sair .eu{display:none}
  .grade.tres,.grade.dois{grid-template-columns:minmax(0,1fr)}
  .funil a{grid-template-columns:96px minmax(0,1fr) 30px}
  .dados{grid-template-columns:minmax(0,1fr)}.dados dt{margin-top:6px}
  .lista a{grid-template-columns:minmax(0,1fr) auto}.lista li>a>small:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}