/* Temas Diurno e Noturno (rascunho visual).
   Mesma identidade Tramontana (Poppins, roxo #8131ff + laranja #f8991f), com mais respiro, cantos suaves e menos neblina.
   O tema fica em <html data-theme="dark|light"> e é lembrado no navegador de cada pessoa. */

/* ---------- Ajustes comuns aos dois temas ---------- */
:root{--raio:20px;--raio-sm:12px;--sombra:0 1px 0 rgba(255,255,255,.04) inset,0 18px 40px -28px rgba(0,0,0,.65)}
.kpi,.panel,.pv-card,.pv-kpi{border-radius:var(--raio)}
.kpi{padding:20px 22px;gap:8px;box-shadow:var(--sombra)}
.panel{box-shadow:var(--sombra)}
.panel>header{padding:18px 22px}
main{gap:22px}
.top h1{font-size:32px}
/* Menu: item ativo com barrinha de destaque à esquerda */
.nav button{border-radius:12px;position:relative}
.nav button.on{box-shadow:none}
.nav button.on::before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--grad-cta)}
.nav button.navh{border-radius:8px}
/* Botão de tema */
.tema-btn{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;margin-inline:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--line-strong);color:var(--side-fg);font-size:12.5px;font-weight:500;width:fit-content}
.tema-btn:hover{border-color:var(--purple-2);color:#fff}
.tema-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tema-ico{font-size:14px;width:16px;text-align:center}
.side{gap:20px}

/* ---------- Noturno renovado ---------- */
:root[data-theme="dark"]{
  --bg:#0d0b20; --surface:rgba(255,255,255,.045); --surface-2:rgba(255,255,255,.03); --line:rgba(255,255,255,.07); --line-strong:rgba(255,255,255,.13);
  --side:#0a0819; --side-active:rgba(129,49,255,.16);
}
:root[data-theme="dark"] body{background-image:
  radial-gradient(55vw 45vh at 12% -5%, rgba(129,49,255,.20), transparent 70%),
  radial-gradient(40vw 35vh at 100% 0%, rgba(248,153,31,.07), transparent 70%),
  radial-gradient(60vw 50vh at 60% 110%, rgba(64,219,204,.06), transparent 70%)}
:root[data-theme="dark"] .side{backdrop-filter:none;border-right-color:rgba(255,255,255,.06)}

/* ---------- Diurno ---------- */
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f5f3fb; --surface:#ffffff; --surface-2:#f8f6fd; --line:#ebe7f5; --line-strong:#ddd7ee;
  --fg:#1d1a3a; --muted:#6c678f; --faint:#9a95b8;
  --accent-soft:rgba(129,49,255,.10);
  --side:#120f2b; --side-fg:#bdb8dc; --side-active:rgba(129,49,255,.22);
  --ok:#0f9d8f; --ok-soft:rgba(15,157,143,.12); --warn:#c46f00; --warn-soft:rgba(248,153,31,.16); --bad:#d14a52; --bad-soft:rgba(209,74,82,.12);
  --info:#6b2ee0; --info-soft:rgba(129,49,255,.10); --coral:#d14a52; --purple-2:#6b2ee0; --teal:#0f9d8f;
  --sombra:0 1px 2px rgba(29,26,58,.04),0 12px 32px -18px rgba(29,26,58,.18);
  --pv-bg:rgba(29,26,58,.05);
}
:root[data-theme="light"] body{background-image:radial-gradient(60vw 40vh at 0% 0%, rgba(129,49,255,.07), transparent 70%),radial-gradient(50vw 40vh at 100% 0%, rgba(248,153,31,.06), transparent 70%);background-color:var(--bg)}
:root[data-theme="light"] .kpi,:root[data-theme="light"] .panel,:root[data-theme="light"] .pv-card,:root[data-theme="light"] .pv-kpi{backdrop-filter:none;border-color:var(--line)}
:root[data-theme="light"] .kpi .v{background-image:linear-gradient(90deg,#6b2ee0,#e07f00 70%)}
:root[data-theme="light"] .kpi:nth-child(2) .v{background-image:linear-gradient(90deg,#0f9d8f,#6b2ee0)}
:root[data-theme="light"] .top h1 b,:root[data-theme="light"] .pv-top h1 b{background-image:linear-gradient(90deg,#6b2ee0,#e07f00 60%)}
:root[data-theme="light"] select,:root[data-theme="light"] input[type=text],:root[data-theme="light"] input[type=date],:root[data-theme="light"] input[type=email],
:root[data-theme="light"] input[type=tel],:root[data-theme="light"] input[type=number],:root[data-theme="light"] textarea,:root[data-theme="light"] input:not([type]){background:#fff;color:var(--fg);border-color:var(--line-strong)}
:root[data-theme="light"] select option{background:#fff;color:var(--fg)}
:root[data-theme="light"] .btn{background:#fff;color:var(--fg);border-color:var(--line-strong)}
:root[data-theme="light"] .btn:hover{border-color:#b9a6f2}
:root[data-theme="light"] .btn.pri{background:var(--grad-cta);color:#fff;border-color:transparent}
:root[data-theme="light"] .banner{background:var(--info-soft);color:#4b1fae;border-color:rgba(129,49,255,.22)}
:root[data-theme="light"] th{color:var(--faint)}
:root[data-theme="light"] tr.click:hover td,:root[data-theme="light"] .li.click:hover{background:#f6f2ff}
:root[data-theme="light"] .chip{border:1px solid transparent}
:root[data-theme="light"] .tabs button.on,:root[data-theme="light"] .pv-tab[aria-selected="true"]{color:#fff}
:root[data-theme="light"] .tabs button{color:var(--muted)}
:root[data-theme="light"] .note,:root[data-theme="light"] .empty{color:var(--muted)}
:root[data-theme="light"] .pv-hero{background:linear-gradient(120deg,#2a1a4f,#3d2470)}
:root[data-theme="light"] .pv-chip{background:#fff}
:root[data-theme="light"] .pv-chip[aria-pressed="true"]{background:#1d1a3a;border-color:#1d1a3a;color:#fff}
:root[data-theme="light"] .pv-tabs{background:#fff}
:root[data-theme="light"] .pv-seg button[aria-pressed="true"]{background:#fff;box-shadow:0 1px 3px rgba(29,26,58,.12)}
:root[data-theme="light"] .pv-ring>div{background:#fff}
:root[data-theme="light"] .pv-relcard{background:#fff}
:root[data-theme="light"] .pv-relcard .pv-rel-top img{filter:brightness(0)}
:root[data-theme="light"] .demo-nota{background:#f4efff}
:root[data-theme="light"] .mt-resumo{background:#fff}
:root[data-theme="light"] .pgdata{background:#fff}
:root[data-theme="light"] .pgdata.on{background:#efe7ff;border-color:#b9a6f2}
:root[data-theme="light"] tr.pgitens>td{background:#faf8ff}
:root[data-theme="light"] .ass-quadro,:root[data-theme="light"] .ass-card{background:#fff}
:root[data-theme="light"] .pos{color:#0f9d8f}
:root[data-theme="light"] .neg{color:#d14a52}
:root[data-theme="light"] .kpi .v.neg{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--bad)}