/* Renovação de apresentação: não altera dados, regras ou ações. */
html { --home-bg:#f5f7fa; --home-card:#fff; --home-surface:#f1f4f8; --home-line:#e4e8ee; --home-ink:#0f172a; --home-muted:#475569; --home-brand:#c84b0c; }
html[data-theme="black"] { --home-bg:#0b1120; --home-card:#111827; --home-surface:#1a2233; --home-line:#2f3b50; --home-ink:#e5e9f0; --home-muted:#b4c1d2; --home-brand:#fb945f; }
body:has(.dashboard-v8) #content { background:var(--home-bg); color:var(--home-ink); padding:26px 32px 120px; }
.dashboard-v8 { gap:20px; font-family:Inter,"Segoe UI",sans-serif; color:var(--home-ink); }
.dashboard-v8 :is(strong,b,td) { font-variant-numeric:tabular-nums; }
.dashboard-v8 .dashboard-v6-header { min-height:64px; padding:0; margin:0; background:transparent; border:0; box-shadow:none; }
.dashboard-v8 .dashboard-v6-header h1 { color:var(--home-ink); font-size:26px; letter-spacing:-.035em; }
.dashboard-v8 .dashboard-v6-header > div:first-child > p { color:var(--home-muted); font-size:14px; }
.dashboard-v8 .dashboard-v6-status { color:var(--home-muted); font-size:12px; }
.dashboard-v8 .dashboard-v6-header-actions time { padding:9px 12px; border:1px solid var(--home-line); border-radius:8px; background:var(--home-card); color:var(--home-muted); }
.dashboard-v8 .dashboard-v6-header-actions .button { border:1px solid var(--home-line); border-radius:8px; background:var(--home-card); color:var(--home-ink); box-shadow:none; }
.dashboard-v8 .dashboard-command-tabs { width:100%; max-width:100%; gap:5px; padding:0; border:0; border-bottom:1px solid var(--home-line); border-radius:0; background:transparent; box-shadow:none; }
.dashboard-v8 .dashboard-command-tabs button { position:relative; min-height:46px; padding:9px 14px; border:0; border-radius:8px 8px 0 0; background:transparent; color:var(--home-muted); box-shadow:none; font-size:13px; }
.dashboard-v8 .dashboard-command-tabs button i { background:var(--home-surface); color:var(--home-muted); border-radius:6px; }
.dashboard-v8 .dashboard-command-tabs button.active { color:var(--home-brand); background:transparent; border:0; box-shadow:inset 0 -3px var(--home-brand); }
.dashboard-v8 .dashboard-command-tabs button.active i { color:var(--home-brand); background:var(--home-surface); }
.dashboard-v8 .dashboard-command-tabs button:hover { color:var(--home-brand); background:var(--home-surface); }
.dashboard-v8-kpis .dashboard-kpi-strip { gap:12px; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
.dashboard-v8-kpis .dashboard-kpi,.dashboard-v8-kpis .dashboard-kpi:nth-child(n) { min-height:136px; padding:18px; border:1px solid var(--home-line); border-radius:12px; background:var(--home-card); box-shadow:0 1px 3px #0f172a0d; color:var(--home-ink); }
.dashboard-v8-kpis .dashboard-kpi:hover { border-color:var(--home-brand); transform:translateY(-1px); }
.dashboard-v8-kpis .dashboard-kpi:nth-child(n) > span { color:var(--home-muted); font-size:12px; line-height:1.35; letter-spacing:.025em; }
.dashboard-v8-kpis .dashboard-kpi:nth-child(n) > strong { color:var(--home-ink); font-size:clamp(20px,1.7vw,29px); line-height:1.2; }
.dashboard-v8-kpis .dashboard-kpi:nth-child(n) > strong.positive { color:#16814a; }
.dashboard-v8-kpis .dashboard-kpi:nth-child(n) > strong.negative { color:#c62828; }
.dashboard-v8-kpis .dashboard-kpi:nth-child(n) > small { color:var(--home-muted); font-size:12px; line-height:1.45; }
.dashboard-v8 :is(.dashboard-v6-card,.dashboard-cancelled-sales,.shopee-home-counter) { border-color:var(--home-line); border-radius:12px; box-shadow:0 1px 3px #0f172a0d; }
.dashboard-v8 .dashboard-cancelled-sales { margin:12px 0; padding:11px 16px; }
.dashboard-v8 .dashboard-executive-grid .dashboard-v6-card,.dashboard-v8 .dashboard-planning-block .dashboard-v6-card,.dashboard-v8 .dashboard-today-sales-block > .dashboard-v6-card,.dashboard-v8 .dashboard-v73-attention-row .dashboard-attention-center,.dashboard-v8 .dashboard-panel-logistics > .dashboard-logistics-card { background:var(--home-card); border:1px solid var(--home-line); color:var(--home-ink); box-shadow:0 1px 3px #0f172a0d; }
.dashboard-v8 :is(.dashboard-v6-card-heading h2,.today-sales-heading h2,.dashboard-planning-block h2) { color:var(--home-ink); font-size:18px; letter-spacing:-.02em; }
.dashboard-v8 :is(.dashboard-v6-card-heading > div:first-child > span,.today-sales-heading .eyebrow) { color:var(--home-brand); }
.dashboard-v8 .dashboard-panel-logistics > .dashboard-logistics-card { margin:0; padding:20px; }
.dashboard-v8 .dashboard-logistics-progress > i { background:var(--home-surface); }
.dashboard-v8 .dashboard-logistics-progress > i b { background:#16a34a; }
.dashboard-v8 .dashboard-planning-block { opacity:1; }
.dashboard-v8 :is(button,a,summary,input,select):focus-visible { outline:3px solid #f26419; outline-offset:2px; }
body:has(.dashboard-v8) .topbar { border-color:var(--home-line); background:var(--home-card); }
body:has(.dashboard-v8) .global-search { border-color:var(--home-line); background:var(--home-surface); }
body:has(.dashboard-v8) .global-search input { color:var(--home-ink); }
.sidebar .nav-item > .nav-icon,.sidebar .nav-item[data-view] > .nav-icon { background:transparent; color:#b9c5d5; border:0; box-shadow:none; }
.sidebar .nav-item.active > .nav-icon,.sidebar .nav-item:hover > .nav-icon { background:transparent; color:#ff9c68; }
.sidebar .nav-item.active { border-color:transparent; box-shadow:inset 3px 0 #f26419; }
html[data-theme="black"] .dashboard-v8-kpis .dashboard-kpi:nth-child(n) > strong.positive { color:#57d68f; }
html[data-theme="black"] .dashboard-v8-kpis .dashboard-kpi:nth-child(n) > strong.negative { color:#ff8989; }
/* Sobrepõe os temas anteriores sem tocar em outras páginas. */
html:not([data-theme="black"]) body:has(.dashboard-v8) #content { background:var(--home-bg); color:var(--home-ink); }
html:not([data-theme="black"]) .dashboard-v8 .dashboard-command-tabs { border:0; border-bottom:1px solid var(--home-line); background:transparent; box-shadow:none; }
html:not([data-theme="black"]) .dashboard-v8 .dashboard-command-tabs button.active { background:transparent; color:var(--home-brand); box-shadow:inset 0 -3px var(--home-brand); }
html:not([data-theme="black"]) .dashboard-v8 .dashboard-command-tabs button.active i { background:var(--home-surface); color:var(--home-brand); }
html:not([data-theme="black"]) .dashboard-v8 .dashboard-v8-kpis .dashboard-kpi:nth-child(n) { background:var(--home-card); border:1px solid var(--home-line); box-shadow:0 1px 3px #0f172a0d; }
html:not([data-theme="black"]) .dashboard-v8 .dashboard-v8-kpis .dashboard-kpi:nth-child(n) > span,html:not([data-theme="black"]) .dashboard-v8 .dashboard-v8-kpis .dashboard-kpi:nth-child(n) > small { color:var(--home-muted); }
@media (max-width:1100px) { body:has(.dashboard-v8) #content { padding:20px 20px 110px; } .dashboard-v8-kpis .dashboard-kpi-strip { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:720px) { body:has(.dashboard-v8) #content { padding:16px 12px 110px; } .dashboard-v8 .dashboard-command-tabs { overflow-x:auto; flex-wrap:nowrap; } .dashboard-v8-kpis .dashboard-kpi-strip { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; } .dashboard-v8-kpis .dashboard-kpi,.dashboard-v8-kpis .dashboard-kpi:nth-child(n) { min-height:120px; padding:14px; } }
@media (prefers-reduced-motion:reduce) { .dashboard-v8 * { transition-duration:0.01ms !important; animation-duration:0.01ms !important; } }