:root{--bg:#f6f7f9;--card:#fff;--tx:#14171c;--mut:#5b6472;--bd:#dde1e7;--ac:#1f5fd6;--ok:#137a3f;--warn:#a35a00;
--bad:#b42318;--chip:#eef1f6;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#0f1216;--card:#171b21;--tx:#e8ebf0;--mut:#9aa4b2;--bd:#2a313b;
--ac:#6ea0ff;--ok:#4cc38a;--warn:#f0b450;--bad:#ff7a6e;--chip:#222832;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:14px/1.45 system-ui,-apple-system,
"Segoe UI",Roboto,sans-serif}h1{font-size:18px;margin:0}.sub{color:var(--mut);font-size:12px}
.topo{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;
border-bottom:1px solid var(--bd);background:var(--card);position:sticky;top:0;z-index:2}
button{font:inherit;border:0;border-radius:8px;padding:8px 14px;background:var(--ac);color:#fff;cursor:pointer}
button.sec{background:var(--chip);color:var(--tx)}
.funil{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;padding:14px 16px}
.tile{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:10px 12px;cursor:pointer;text-align:left;color:var(--tx)}
.tile b{display:block;font-size:22px;font-variant-numeric:tabular-nums}.tile span{color:var(--mut);font-size:12px}
.tile.ativo{outline:2px solid var(--ac)}.tile.largo{grid-column:span 2;cursor:default}
.filtros{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;padding:0 16px 8px}
.filtros label{display:flex;flex-direction:column;font-size:12px;color:var(--mut);gap:3px}
input,select{font:inherit;padding:7px 8px;border:1px solid var(--bd);border-radius:8px;background:var(--card);color:var(--tx);min-width:0}
.filtros input[type=number]{width:120px}.busca input{width:200px}#contagem{padding:0 16px}
.tabela-wrap{overflow-x:auto;margin:0 16px 24px;border:1px solid var(--bd);border-radius:10px;background:var(--card)}
table{border-collapse:collapse;width:100%;min-width:880px}th,td{padding:8px 10px;border-bottom:1px solid var(--bd);
text-align:left;vertical-align:top}th{font-size:12px;color:var(--mut);font-weight:600;cursor:pointer;white-space:nowrap;
position:sticky;top:0;background:var(--card)}tbody tr{cursor:pointer}tbody tr:hover{background:var(--chip)}
.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.chip{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--chip);font-size:12px;white-space:nowrap;margin:1px 2px 1px 0}
.st-fechado,.st-aprovado{color:var(--ok);font-weight:600}.st-perdido{color:var(--bad)}.st-proposta{color:var(--ac);font-weight:600}
.st-com_vendedor,.st-clicou{color:var(--warn);font-weight:600}.aviso{color:var(--warn)}.selo-versao{display:inline-block;margin-top:2px;padding:1px 8px;border-radius:999px;border:1px solid var(--warn);color:var(--warn);font-size:12px}.erro{color:var(--bad)}
.ficha{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;justify-content:flex-end;z-index:5}
.ficha[hidden]{display:none}.ficha-corpo{background:var(--card);width:min(720px,100%);height:100%;overflow:auto;padding:18px 16px 40px;position:relative}
.fecha{position:sticky;top:0;float:right}.ficha h2{font-size:18px;margin:4px 0 2px}.ficha h3{font-size:14px;margin:18px 0 6px;color:var(--mut)}
.grade{display:grid;grid-template-columns:150px 1fr;gap:4px 10px}.grade dt{color:var(--mut)}.grade dd{margin:0;word-break:break-word}
.print img{max-width:100%;border:1px solid var(--bd);border-radius:8px}a{color:var(--ac)}
.login{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:16px}
.cartao-login{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:24px;width:min(360px,100%);display:flex;flex-direction:column;gap:12px}
.cartao-login label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--mut)}
.abas{display:flex;gap:6px;padding:12px 16px 0;border-bottom:1px solid var(--bd);background:var(--card)}
.aba{background:transparent;color:var(--mut);border-radius:8px 8px 0 0;padding:8px 14px;border-bottom:2px solid transparent}
.aba.ativa{color:var(--tx);font-weight:600;border-bottom-color:var(--ac)}
.contas{display:flex;flex-wrap:wrap;gap:6px}.contas button{background:var(--chip);color:var(--tx)}
.contas button.ativo{background:var(--ac);color:#fff}
#sec-vend .filtros{padding-top:14px}.secao{font-size:15px;margin:10px 16px 8px}.vend-aviso{padding:0 16px}
#vend-rank,#vend-parados{min-width:760px}#vend-rank td.num b{font-variant-numeric:tabular-nums}
#vend-rank tbody tr,#vend-parados tbody tr{cursor:default}.tot td{font-weight:600;background:var(--chip)}
.fx{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid}
.fx-30{color:var(--warn);border-color:var(--warn)}.fx-60,.fx-120,.fx-1d{color:var(--bad);border-color:var(--bad)}
.fx-120{background:var(--bad);color:#fff}.defs{margin:0 16px 28px;color:var(--mut);font-size:13px}.defs ul{padding-left:18px}
.vazio{color:var(--mut);text-align:center;padding:18px}
@media (max-width:640px){.filtros label{flex:1 1 45%}.busca input,.filtros input[type=number]{width:100%}.grade{grid-template-columns:1fr}.grade dt{margin-top:6px}}