/* Mesma identidade da Roleta Xaveco (variáveis de src/page.html) */
:root{--bg:#f6f8f7;--panel:#fff;--ink:#13221e;--muted:#5b6b66;--line:#dde5e2;--brand:#0f4c3a;--brand-ink:#fff;--brass:#b07d2b;--wa:#1a8047;
 --sombra:0 1px 2px rgba(19,34,30,.06),0 6px 18px rgba(19,34,30,.06);
 --ok:#17663b;--ok-bg:#ddf3e5;--warn:#7a5410;--warn-bg:#f6ebd8;--bad:#9a3412;--bad-bg:#fde7dc;--neu:#3d4c47;--neu-bg:#ecefee;--sem:#5b3d7a;--sem-bg:#ede6f6;--ag:#1d4f86;--ag-bg:#e6eef7;
 --fonte:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1614;--panel:#16211e;--ink:#e6eeeb;--muted:#9aaba5;--line:#26332f;--brand:#5fbf9a;--brand-ink:#08130f;--brass:#d9a55a;--wa:#3fbf73;--sombra:none;
 --ok:#86dcaa;--ok-bg:#173a27;--warn:#f0c879;--warn-bg:#3a2f17;--bad:#f0a3a3;--bad-bg:#3f1d1d;--neu:#c6d2ce;--neu-bg:#25302d;--sem:#d2b8f0;--sem-bg:#2f2440;--ag:#9cc8f5;--ag-bg:#17304a;color-scheme:dark}}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 var(--fonte);font-variant-numeric:tabular-nums;padding:env(safe-area-inset-top,0) 16px calc(84px + env(safe-area-inset-bottom,0))}
.app{max-width:680px;margin:0 auto;display:grid;gap:14px;padding-top:16px}
h1{font:900 24px/1.1 var(--fonte);margin:0;color:var(--brand);letter-spacing:-.02em}h1 span{color:var(--brass)}
h2{font-size:16px;margin:0}small,.mut{color:var(--muted)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sombra);padding:14px 16px;display:grid;gap:10px;min-width:0}
button,.btn{font:inherit;font-weight:700;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;min-height:44px;padding:0 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.pri{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}button:disabled{opacity:.6;cursor:default}
input,select{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;min-height:44px;padding:0 12px;width:100%}
label{display:grid;gap:4px;font-size:14px;font-weight:600}
.linha{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.linha>*{flex:1 1 140px}
.erro{background:var(--bad-bg);color:var(--bad);border-radius:10px;padding:10px 12px;font-size:14px}
.ok{background:var(--ok-bg);color:var(--ok);border-radius:10px;padding:10px 12px;font-size:14px}
.atencao{background:var(--warn-bg);color:var(--warn);border-radius:10px;padding:10px 12px;font-size:14px}
/* barra de navegação */
.nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0);z-index:5}
.nav a{flex:1;display:grid;justify-items:center;gap:2px;padding:8px 0 10px;font-size:12px;color:var(--muted);text-decoration:none;min-height:56px}
.nav a span{font-size:20px;line-height:1}.nav a[aria-current=page]{color:var(--brand);font-weight:800}
@media (min-width:900px){
 body{padding:16px 24px 24px 216px}.app{max-width:1180px}
 .nav{top:0;right:auto;width:192px;flex-direction:column;border-top:0;border-right:1px solid var(--line);padding:72px 8px 0}
 .nav a{flex:none;grid-template-columns:28px 1fr;justify-items:start;align-items:center;padding:10px 12px;border-radius:10px;font-size:15px;min-height:44px}
 .nav a[aria-current=page]{background:var(--ok-bg)}
}
/* placar */
.placar b.vgv{font:900 30px/1.1 var(--fonte)}.barra{height:10px;border-radius:99px;background:var(--line);overflow:hidden;position:relative}
.barra i{display:block;height:100%;background:var(--brand)}.barra .esp{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink);opacity:.6}
.selo{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;padding:3px 8px;border-radius:99px}
.selo.verde{background:var(--ok-bg);color:var(--ok)}.selo.amarelo{background:var(--warn-bg);color:var(--warn)}.selo.vermelho{background:var(--bad-bg);color:var(--bad)}.selo.neutro{background:var(--neu-bg);color:var(--neu)}
.bolinhas{display:flex;gap:6px}.bolinhas i{width:18px;height:18px;border-radius:50%;border:2px solid var(--brand)}.bolinhas i.on{background:var(--brand)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.kpi small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.kpi b{font-size:20px}
/* funil */
.funil{display:grid;gap:6px}.etapa{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:14px}
.etapa .tr{grid-column:1/-1;height:8px;border-radius:99px;background:var(--line);overflow:hidden}.etapa .tr i{display:block;height:100%;background:var(--ag)}
.etapa.garg .tr i{background:var(--bad)}.etapa.garg{color:var(--bad);font-weight:700}
@media (min-width:900px){.funil{grid-template-columns:repeat(6,1fr)}.etapa{grid-template-columns:1fr}}
/* cartões por corretor */
.grade{display:grid;gap:10px}@media (min-width:640px){.grade{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.grade{grid-template-columns:repeat(4,1fr)}}
.corr h2{display:flex;justify-content:space-between;gap:6px;align-items:center}.corr .nums{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;font-size:13px}.corr .nums b{display:block;font-size:17px}
.linha>.seg{flex:none}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;flex-wrap:wrap}.seg button{border:0;border-radius:0;min-height:38px;font-size:13px;color:var(--muted)}.seg button[aria-pressed=true]{background:var(--brand);color:var(--brand-ink)}
/* ações do Hoje */
.acao{border-left:4px solid var(--brand)}.acao h2{font-size:17px}
/* estados */
.esq{height:64px;border-radius:14px;background:linear-gradient(90deg,var(--line),var(--panel),var(--line));background-size:200% 100%;animation:esq 1.2s infinite}
@keyframes esq{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.esq{animation:none}}
.aviso{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(92px + env(safe-area-inset-bottom,0));background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;font-weight:700;z-index:9;max-width:calc(100% - 32px)}
table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:6px 4px;border-bottom:1px solid var(--line);text-align:left}
.vazio{text-align:center;padding:28px 16px}.vazio b{display:block;font-size:20px;margin-bottom:6px}
textarea{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;padding:10px 12px;width:100%;resize:vertical}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:grid;align-items:end;padding:16px;z-index:20}.modal>.card{max-width:560px;width:100%;margin:0 auto}
@media (min-width:900px){.modal{align-items:center}}
.flutua{position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom,0));border-radius:99px;box-shadow:var(--sombra);z-index:6}
@media (min-width:900px){.flutua{bottom:24px;right:24px}}
.acao .linha>*{flex:1 1 auto}a.corr:hover{border-color:var(--brand)}
.botoes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.botoes>:only-child{grid-column:1/-1}
.adiar{display:flex;gap:6px;align-items:center;font-size:13px;flex-wrap:wrap}.adiar button{min-height:34px;padding:0 10px;font-size:13px;font-weight:600}
.app{padding-bottom:64px}
details summary{cursor:pointer;min-height:32px;display:flex;align-items:center}