/* Modo noturno do painel admin. A página pública de aprovação do cliente não carrega este arquivo. */
.theme-toggle { padding: 0.4rem 0.8rem; font-size: 1rem; line-height: 1; }
.theme-toggle--floating { position: fixed; top: 1rem; right: 1rem; z-index: 20; }
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #121214; --surface: #1b1b1f; --surface-2: #24242a;
  --border: #2e2e35; --border-2: #42424b;
  --text: #ececf0; --text-muted: #a3a2ab; --text-light: #7d7c86;
  --accent: #f27a3a; --accent-bg: #3a2517; --accent-ring: rgba(242,122,58,.25);
  --green: #34d399; --green-bg: #11302a; --green-border: #1d5c4a; --green-ring: rgba(52,211,153,.22);
  --amber: #fbbf24; --amber-bg: #33280f; --amber-border: #6b5316;
  --sh-sm: 0 1px 2px rgba(0,0,0,.5); --sh: 0 4px 12px rgba(0,0,0,.5); --sh-lg: 0 8px 28px rgba(0,0,0,.6);
}
/* botão padrão é "fundo = --text": no escuro vira claro, então o texto precisa escurecer */
:where(:root[data-theme="dark"]) button { color: #121214; }
:where(:root[data-theme="dark"]) a.secondary { color: var(--text); }
:root[data-theme="dark"] .batch-card__delete,
:root[data-theme="dark"] .batch-card__delete:hover { background: var(--surface); color: var(--text-muted); }
:root[data-theme="dark"] .batch-card__delete:hover { color: var(--text); border-color: var(--text-muted); }
:root[data-theme="dark"] .media-frame { background: #0c0c0e; }
:root[data-theme="dark"] .client-tab.active { color: #121214; }