:root{color-scheme:dark;--bg:#090f1b;--surface:#131d2d;--surface2:#1b283b;--outline:#2e3e54;--ink:#f3f6fc;--muted:#9aaec5;--sky:#6cc5ff;--sky-strong:#3ba9e9;--green:#44dfa8;--amber:#facb80;--red:#f59b9b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 100% 0,#152944 0,transparent 32%),var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.5}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--sky);outline-offset:3px}a{color:var(--sky)}.topbar{min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px max(24px,calc((100vw - 1220px)/2));border-bottom:1px solid var(--outline);background:#101929b8}.brand,.top-actions{display:flex;align-items:center;gap:14px}.symbol{font-weight:900;font-size:19px;letter-spacing:-2px;border:1px solid #41617e;background:#132d48;color:#fff;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:11px}.symbol span,.brand-mark span{color:var(--sky)}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--sky);font-weight:800}.topname{font-size:17px;font-weight:700}.muted{color:var(--muted)}.signal{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--amber)}.dot.online{background:var(--green)}.dot.offline{background:var(--red)}.exit{border:1px solid var(--outline);padding:7px 12px;border-radius:9px;text-decoration:none;color:var(--ink);font-size:12px}.wrap{max-width:1220px;margin:auto;padding:30px 24px 65px}.heading,.filter-head,.split-title{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.heading{align-items:center;margin-bottom:24px}.heading h1{font-size:clamp(29px,4vw,42px);letter-spacing:-1.5px;line-height:1.16;margin:5px 0 10px}.heading p{margin:0}.timebox{text-align:right;font-size:12px;color:var(--muted);display:flex;flex-direction:column}.timebox strong{color:var(--ink);font-size:14px}.panel,.kpi,.store-card,.info-panel{background:var(--surface);border:1px solid var(--outline);border-radius:16px}.filter-panel{padding:20px}.filter-head h2,.split-title h2{font-size:18px;margin:0}.filter-head p,.split-title p{font-size:13px;color:var(--muted);margin:4px 0 0}.btn{border:1px solid var(--outline);background:var(--surface2);color:var(--ink);padding:10px 15px;border-radius:10px;font-size:13px;transition:.15s}.btn:hover{border-color:var(--sky)}.btn.primary{background:var(--sky-strong);border-color:var(--sky-strong);color:#081323;font-weight:800}.btn.subtle{background:#1b293b}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px}.filter-chip{padding:12px 12px;text-align:left;background:#111c2d;border:1px solid var(--outline);border-radius:11px;color:var(--ink);display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:64px}.filter-chip.active{background:#17334c;border-color:var(--sky-strong);box-shadow:inset 0 0 0 1px #3ba9e928}.filter-chip small{display:block;color:var(--muted);font-size:10px}.filter-chip strong{font-size:13px}.check{display:grid;place-items:center;min-width:21px;min-height:21px;border:1px solid #4c647c;border-radius:6px;font-weight:800;font-size:13px}.filter-chip.active .check{background:var(--sky);color:#061221;border-color:var(--sky)}.filter-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:16px}.switchline{display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer}.switchline input{accent-color:var(--sky-strong);width:17px;height:17px}.tiny{font-size:11px}.summary-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:13px;margin-top:16px}.kpi{padding:23px}.kpi.hero{background:linear-gradient(125deg,#173650,#102335);border-color:#3b759d}.kpi-label{font-size:12px;color:var(--muted)}.big-money{font-size:clamp(25px,3.3vw,42px);font-weight:800;letter-spacing:-1px;margin:10px 0;overflow-wrap:anywhere}.big-number{font-size:37px;font-weight:800;margin:8px 0}.kpi-foot{color:var(--muted);font-size:12px}.split-title{margin:29px 0 15px;align-items:center}.store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.store-card{padding:22px}.store-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.store-id{font-size:10px;font-weight:800;letter-spacing:1.3px;color:var(--sky)}.store-card h3{font-size:18px;margin:4px 0 2px}.badge{border:1px solid #5c7082;background:#243447;color:#c8d6e5;padding:4px 8px;border-radius:50px;font-size:10px;white-space:nowrap}.badge.online{border-color:#22795b;color:#75ecbd;background:#14372d}.badge.pendente,.badge.configuracao{border-color:#886d30;color:var(--amber);background:#322c1f}.badge.desatualizada,.badge.sem-dados{border-color:#975959;color:#ffb1ad;background:#35242a}.store-value{font-size:29px;font-weight:800;letter-spacing:-.5px;margin:19px 0 1px}.store-comment{font-size:12px;color:var(--muted)}.store-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;border-top:1px solid var(--outline);margin-top:19px;padding-top:11px;font-size:11px;color:var(--muted)}.info-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;margin-top:22px}.info-panel strong{font-size:13px}.info-panel p{font-size:12px;color:var(--muted);margin:6px 0 0}.demo-notice{display:flex;align-items:center;gap:15px;padding:13px 16px;background:#412c16;border:1px solid #a77d2a;border-radius:12px;color:#ffdf9d;margin-bottom:16px;font-size:12px}.demo-notice strong{font-size:13px}.hidden{display:none!important}footer{font-size:11px;color:#7d8fa7;text-align:center;margin-top:36px}.login-body{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{background:var(--surface);border:1px solid var(--outline);border-radius:18px;padding:32px;width:min(100%,420px);box-shadow:0 20px 50px #0005}.login-card h1{font-size:26px;line-height:1.2;margin:10px 0}.login-card p{font-size:14px}.login-card label{display:block;font-size:13px;margin:22px 0 8px}.login-card input{background:#0d1521;border:1px solid var(--outline);color:var(--ink);border-radius:10px;padding:12px;width:100%}.login-card .full{width:100%;margin-top:14px}.brand-mark{font-size:35px;letter-spacing:-4px;font-weight:900;margin-top:13px}.fineprint{margin-top:20px;color:var(--muted);font-size:11px!important}@media(max-width:800px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:1.4fr 1fr 1fr}.kpi{padding:17px}.timebox{display:none}.info-panel{grid-template-columns:1fr}}@media(max-width:590px){.topbar{padding:14px}.wrap{padding:20px 14px 35px}.topname{font-size:13px}.signal{display:none}.filter-head{align-items:center}.filter-panel{padding:15px}.filter-grid{gap:8px}.filter-chip{min-height:60px;padding:10px}.summary-grid{grid-template-columns:repeat(2,1fr)}.kpi.hero{grid-column:span 2}.store-grid{grid-template-columns:1fr}.store-card{padding:16px}.split-title{align-items:flex-end}.btn{padding:9px 10px}.demo-notice{flex-direction:column;align-items:flex-start;gap:3px}}

/* Versão 8: valores guardados são visíveis, mas não confundidos com leitura ao vivo. */
.badge.guardado{border-color:#9a7b39;color:#ffda96;background:#352d1b}.badge.dia-anterior{border-color:#975959;color:#ffb1ad;background:#35242a}.store-meta{font-size:12px;color:#c3d3e3;margin-top:7px}

/* V10 - apenas identidade visual, sem alterar estrutura do painel original */
.brand-logo{width:112px;height:68px;object-fit:contain;object-position:center;flex-shrink:0;filter:drop-shadow(0 0 5px rgba(30,178,244,.18));}
.clientname{font-size:12px;color:var(--muted);margin-top:2px;}
.login-logo{display:block;width:min(100%,230px);max-height:144px;object-fit:contain;margin:0 auto 8px;}
@media(max-width:590px){.brand-logo{width:78px;height:52px}.clientname{font-size:11px}.topbar .brand{gap:8px}}


/* Smart MultiLoja v14.2 — identidade Baby Beef: faixa branca e azul mais vivo */
:root{
  --bg:#072b53;
  --surface:#103c67;
  --surface2:#164e7f;
  --outline:#3574a6;
  --ink:#f7fbff;
  --muted:#b8d5ec;
  --sky:#74d5ff;
  --sky-strong:#35bbef;
  --green:#50e1b3;
}
body{background:radial-gradient(circle at 85% 2%,#2279bb 0%,#12558b 26%,transparent 55%),linear-gradient(140deg,#062444 0%,#0b3869 64%,#135b93 100%);background-repeat:no-repeat;min-height:100vh}
.topbar{background:#ffffff;color:#0a2f58;border-bottom:4px solid #1c9ed8;box-shadow:0 8px 30px #00182b55;min-height:128px;padding-top:12px;padding-bottom:12px}
.topbar .brand{gap:22px;min-width:0}
.topbar .brand-logo{width:185px;height:105px;max-width:36vw;object-fit:contain;filter:none;background:#fff;image-rendering:auto;flex-shrink:0}
.topbar .eyebrow{color:#166aaf;font-size:12px;letter-spacing:2px}
.topbar .topname{font-size:clamp(17px,2vw,23px);color:#082e56;font-weight:800;letter-spacing:-.5px;line-height:1.25}
.topbar .topname .muted{color:#184c79;font-weight:600}
.topbar .clientname{font-size:13px;color:#24527a;font-weight:650;margin-top:4px}
.topbar .top-actions{gap:18px}
.topbar .signal{color:#176c51;background:#e9faf1;border:1px solid #b6e7d0;padding:9px 13px;border-radius:100px;font-weight:700;line-height:1.3;max-width:295px}
.topbar .signal.warning{color:#855717;background:#fff5de;border-color:#f0d3a2}
.topbar .signal.warning .dot{background:#e9aa31}
.topbar .signal.offline{color:#953a3a;background:#fff0f0;border-color:#f1baba}
.topbar .signal.offline .dot{background:#e56b6b}
.topbar .exit{color:#0d4c79;background:#eef8ff;border:1px solid #b7d7ed;font-weight:700}
.topbar .exit:hover{background:#dff1fe}
.heading .eyebrow{color:#85dfff}
.panel,.kpi,.store-card,.info-panel{box-shadow:0 10px 26px #00182c32}
.kpi.hero{background:linear-gradient(125deg,#126fa6,#103759);border-color:#50aee1}
.filter-chip{background:#0b3155}
.filter-chip.active{background:#145b85;border-color:#63c3f4;box-shadow:inset 0 0 0 1px #9adeff50}
.btn.subtle{background:#17476e}
.badge.online{background:#0a443b;border-color:#1ebc91;color:#a1ffe0}
.store-rank{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;border-radius:8px;background:#1978ab;color:#fff;font-size:12px;font-weight:800;letter-spacing:0;margin-bottom:5px}
.store-rank.unranked{background:#305779;color:#b7d5e8}
.store-card.rank-first{border-color:#60c7ef;box-shadow:0 10px 28px #00182c46,inset 0 2px 0 #52c0f7}
.store-meta{color:#c4e4f6}
footer{color:#a5c5df}
@media(max-width:800px){.topbar{min-height:110px}.topbar .brand-logo{width:145px;height:88px}.topbar .top-actions{gap:10px}.topbar .signal{max-width:230px}}
@media(max-width:590px){.topbar{gap:8px;align-items:center;flex-wrap:wrap;min-height:0;padding:10px 14px 12px}.topbar .brand{gap:10px;flex:1 1 auto}.topbar .brand-logo{width:104px;height:70px;max-width:30vw}.topbar .topname{font-size:14px}.topbar .eyebrow{font-size:9px;letter-spacing:1px}.topbar .clientname{font-size:10px;margin-top:2px}.topbar .top-actions{width:100%;justify-content:space-between}.topbar .signal{display:flex;font-size:11px;max-width:calc(100% - 62px);padding:6px 10px}.topbar .exit{padding:6px 9px}}