/* O layout e os instrumentos permanecem; somente a interface troca de tema. */
.theme-toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--line2);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer}
.theme-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
header.top{gap:8px;flex-wrap:wrap}
@media(max-width:360px){header.top{padding-inline:16px}header.top .brand-logo{width:36px;height:36px}header.top h1{font-size:14px}.top-actions{margin-left:auto}}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f3f6f8;--bg2:#edf2f5;--surface:#ffffff;--surface2:#e6edf2;--surface3:#dce6ed;
  --line:#d0dce4;--line2:#9bacba;--text:#142b3b;--muted:#405868;--faint:#455d6e;
  --accent:#007695;--accent2:#006d8c;--accent-deep:#006d8c;--accent-glow:#6eafbf;--accent-soft:#e1f2f6;
  --rose:#b52a3d;--rose-soft:#fce8ec;--emerald:#087044;--puber:#324653;--ink-on-accent:#ffffff;
}
:root[data-theme="light"] header.top .brand-logo{mix-blend-mode:normal}
:root[data-theme="light"] body{
  background-color:#ffffff;
  background-image:linear-gradient(180deg,#9fc9df 0%,#dcecf5 46%,#ffffff 100%);
  background-size:100% 380px;background-repeat:no-repeat;
}
:root[data-theme="light"] :is(.card,.report-stat,.quick-action){border-color:var(--line);box-shadow:none}
:root[data-theme="light"] :is(.card,.report-stat){background:linear-gradient(155deg,#ffffff 0%,#f4f9fc 100%);box-shadow:0 8px 24px -14px #193d5726}
:root[data-theme="light"] .quick-action--primary{background:linear-gradient(120deg,#e7f7fa,#d3ebf3);border-color:#b3cedb}
:root[data-theme="light"] .goal-panel{background:linear-gradient(155deg,#ffffff 0%,#f1f9fc 60%,#e4f1f7 100%);border-color:#c0d6e2;box-shadow:0 16px 36px -22px #193d5740,inset 0 1px 0 #ffffff}
:root[data-theme="light"] :is(input,select,textarea,.picker){background:var(--surface);border-color:var(--line2);color:var(--text)}
:root[data-theme="light"] :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
:root[data-theme="light"] :is(.icon-btn,.quick-icon,.item .badge,.empty .mk,.g-center .setmeta){background:var(--surface2);color:var(--text)}
:root[data-theme="light"] :is(.quick-action--primary,.quick-action--assistant) .quick-icon{background:var(--accent-soft);color:var(--accent2);box-shadow:none}
:root[data-theme="light"] nav.dock{background:linear-gradient(135deg,#ffffff,#edf5f9);border-color:#bfd3df;box-shadow:0 8px 24px #18334518}
:root[data-theme="light"] nav.dock button{color:var(--muted)}
:root[data-theme="light"] nav.dock button.active{background:var(--accent-soft);color:var(--accent2);box-shadow:inset 0 0 0 1px var(--line2)}
:root[data-theme="light"] :is(.track,.report-chart-track){background:var(--surface2)}
:root[data-theme="light"] .item .x{background:var(--surface);border-color:var(--line);color:var(--muted)}
:root[data-theme="light"] .item .x[onclick^="del("]{background:var(--rose-soft);border-color:#e6abb6;color:var(--rose)}
:root[data-theme="light"] :is(.assistant-preview,.assistant-report,.toast){background:var(--surface);border-color:var(--line);color:var(--text)}
:root[data-theme="light"] :is(.assistant-feedback[data-state="error"],.assistant-feedback[data-state="quota"],.auth-feedback[data-error="true"]){color:var(--rose)}
:root[data-theme="light"] :is(.goal-chip,.goal-panel:has([data-gauge-state="success"]) .goal-chip,.goal-panel:has([data-gauge-state="alert"]) .goal-chip){background:var(--surface2);border-color:var(--line2)}
:root[data-theme="light"] .goal-panel:has([data-gauge-state="success"]) .goal-chip{color:var(--emerald)}
:root[data-theme="light"] .goal-panel:has([data-gauge-state="alert"]) .goal-chip{color:var(--rose)}
:root[data-theme="light"] .chat-detalhe code{background:var(--bg2);border-color:var(--line)}
:root[data-theme="light"] :is(.bolha.deles,.previa){background:var(--surface);border-color:var(--line);color:var(--text)}
:root[data-theme="light"] .bolha.minha{background:var(--accent-soft);color:var(--text)}
:root[data-theme="light"] :is(.chat,.chat-bar){background:var(--surface)}
:root[data-theme="light"] .field-error{color:var(--rose)}
:root[data-theme="light"] input[aria-invalid="true"]{border-color:var(--rose)}
:root[data-theme="light"] #authModal .account-signout .btn{color:var(--rose)}
:root[data-theme="light"] #authModal .persistence-summary[data-state="conflict"]{color:#825900}
:root[data-theme="light"] .dolphin-screen{--text:#f1f6fa;--muted:#b5c2cb;--faint:#9dacb7}
/* O mostrador é uma peça escura, como no veículo, nos dois temas. */
:root[data-theme="light"] .prisma-gauge{--muted:#b5c2cb;--faint:#9dacb7;--rose:#ff8e9b;--emerald:#65dfab}
:root[data-theme="light"] .prisma-gauge .g-digital,:root[data-theme="light"] .prisma-gauge .g-center{--muted:#496171;--faint:#536978;--rose:#b52a3d;--emerald:#087044}

/* Início: ações distintas e grupos de dados com divisões suaves. */
:root[data-theme="light"] #view-resumo .quick-action-row .quick-action{background:#eaf2f6;border:1px solid #bfd2dd;border-radius:18px}
:root[data-theme="light"] #view-resumo .flow{padding:16px 12px;margin:16px 0 12px;gap:0;border:1px solid var(--line);border-radius:18px;background:#eff6fa}
:root[data-theme="light"] #view-resumo .flow>div{min-width:0;padding:0 12px;border-radius:0}
:root[data-theme="light"] #view-resumo .flow>div+div{border-inline-start:1px solid #bfd2dd}
:root[data-theme="light"] #view-resumo .grid2{gap:0;margin-bottom:24px;border:1px solid var(--line);border-radius:18px;background:#f4f8fb;overflow:hidden}
:root[data-theme="light"] #view-resumo .grid2 .stat{min-width:0;padding:16px 12px;border-radius:0}
:root[data-theme="light"] #view-resumo .grid2 .stat:nth-child(even){border-inline-start:1px solid var(--line)}
:root[data-theme="light"] #view-resumo .grid2 .stat:nth-child(n+3){border-top:1px solid var(--line)}
:root[data-theme="light"] #view-resumo .recent-card{padding:0 16px;background:#f8fbfd;border-color:#bfd2dd}
:root[data-theme="light"] #view-resumo .recent-card .item{margin:0;padding:16px 0;border-bottom:1px solid var(--line)}
:root[data-theme="light"] #view-resumo .recent-card .item:last-child{border-bottom:0}

/* Relatórios: mesma organização nos dois temas, com suas próprias cores. */
:root #view-relatorios .report-controls{padding:16px;margin-bottom:12px;border:1px solid var(--line2);border-radius:18px;background:var(--surface)}
:root #view-relatorios .report-month-picker{margin-top:12px}
:root #view-relatorios .report-range-panel .report-month-picker{margin:0}
:root #view-relatorios .report-period{gap:4px;margin-top:12px}
:root #view-relatorios .report-range-toggle{margin-top:4px;min-height:44px}
:root #view-relatorios .report-money-strip{gap:0;padding:16px 8px;margin-bottom:12px;border:1px solid var(--line2);background:var(--surface2)}
:root #view-relatorios .report-money-strip .report-stat{padding:0 8px;text-align:center}
:root #view-relatorios .report-money-strip .report-stat+.report-stat{border-inline-start:1px solid var(--line2)}
:root #view-relatorios .report-money-strip .k{font-size:12px;line-height:1.4;margin-bottom:6px}
:root #view-relatorios .report-money-strip .v{font-size:clamp(14px,4.4vw,19px);line-height:1.2;white-space:nowrap;overflow-wrap:normal}
:root #view-relatorios .report-display-switch{margin-bottom:12px;border:1px solid var(--line2);background:var(--surface2)}
:root #view-relatorios .report-display-switch button[aria-pressed="true"]{background:var(--surface);color:var(--accent2);box-shadow:0 1px 4px #142b3b1a}
:root #view-relatorios :is(.report-detail-section,.report-visual-section){padding:16px;margin-bottom:12px;border:1px solid var(--line2);border-radius:18px;background:var(--bg)}
:root #view-relatorios :is(.report-detail-section,.report-visual-section) h3{margin-bottom:12px}
:root #view-relatorios .report-distance-strip{padding:12px 8px 16px;margin-bottom:12px}
:root #view-relatorios .report-donut::before{background:var(--bg)}
