/* Modo escuro (só na tela; a impressão continua clara) */
@media screen {
  :root[data-tema="dark"] {
    color-scheme: dark;
    --fundo: #0f1a1f; --card: #17252c; --txt: #e5eef1; --suave: #93a8b2; --borda: #2a3d47;
    --cor: #6cc0d3; --cor2: #2a8aa3; --btn: #1f7a90; --acc: #F08A63;
    --ok: #4ade80; --alerta: #fbbf24; --erro: #f87171;
    --sup: #1b2b33; --sup2: #14222a; --sup3: #223540; --hov: #26404c; --col: #12202a;
    --linha: #2f4551; --linha2: #3d5866; --mut: #9fb2bb; --mut2: #b6c6cd;
    --b-neutro: #223540; --b-atraso: #4a2326; --b-hoje: #4a3a17; --b-ok: #16382a;
    --ok-bg: #14391f; --ok-bd: #1f7a3b; --ok-tx: #86efac;
    --er-bg: #4a1d1d; --er-bd: #8a2f2f; --er-tx: #fca5a5;
    --in-bg: #0e3446; --in-bd: #1f6a8a; --in-tx: #7dd3fc;
    --av-bg: #3b3216; --av-bd: #7a6420; --av-tx: #f2d78a; --lam: #1f323b; --toast: #2d4654;
  }
  :root[data-tema="dark"] header.top { box-shadow: 0 1px 8px rgba(0,0,0,.4); }
  :root[data-tema="dark"] .logo-claro { display: none !important; }
  :root[data-tema="dark"] .logo-dark { display: block !important; }
  :root[data-tema="dark"] dialog::backdrop { background: rgba(0,0,0,.65); }
  :root[data-tema="dark"] .lamina, :root[data-tema="dark"] .mini { opacity: .95; }
}