/* Tema claro/escuro — compartilhado por todas as páginas (operacional + atendimento).
   O escuro é o padrão de cada página (:root inline). Aqui só entra o que muda no claro
   e o botão seletor. A escolha é aplicada por js/tema.js via html[data-theme]. */

/* tokens extras: cores “suaves” de texto (pastéis do escuro) e superfícies translúcidas */
:root {
  --txt: #E5E7EB; --txt2: #94A3B8; --txt3: #64748B;
  --line: rgba(255,255,255,0.07);
  --line-strong: rgba(255,255,255,0.12);
  --well: rgba(0,0,0,.22);
  --tint: rgba(255,255,255,.05);
  --tint-2: rgba(255,255,255,.09);
  --c-red:#FCA5A5; --c-green:#86EFAC; --c-amber:#FCD34D; --c-blue:#93C5FD; --c-teal:#5EEAD4;
  --c-violet:#B58BFF; --c-brand:#2BA7C4; --c-indigo:#818CF8; --c-soft:#CBD5E1; --c-mint:#A7F3D0;
  --c-green2:#4ADE80; --c-red2:#F87171; --c-cyan:#5EE0F0; --c-cyan2:#9BEEF7;
}

html[data-theme="light"] {
  color-scheme: light;
  --well: rgba(15,23,42,.045);
  --tint: rgba(15,23,42,.04);
  --tint-2: rgba(15,23,42,.08);
  --c-red:#B91C1C; --c-green:#15803D; --c-amber:#B45309; --c-blue:#1D4ED8; --c-teal:#0F766E;
  --c-violet:#6D28D9; --c-brand:#0E7490; --c-indigo:#4F46E5; --c-soft:#475569; --c-mint:#047857;
  --c-green2:#15803D; --c-red2:#DC2626; --c-cyan:#0E7490; --c-cyan2:#155E75;
  --bg:       #F1F5F9;
  --sidebar:  #FFFFFF;
  --card:     #FFFFFF;
  --card2:    #F1F5F9;
  --border:   rgba(15,23,42,0.10);
  --line:     rgba(15,23,42,0.10);
  --line-strong: rgba(15,23,42,0.18);
  --primary:  #007A8A;
  --teal:     #007A8A;
  --teal-2:   #0E8FA9;
  --navy:     #2A3B95;
  --ai:       #5D2C9D;
  --ai-light: #5B4FD6;
  --amber:    #B45309;
  --green:    #15803D;
  --on-green: #FFFFFF;
  --red:      #DC2626;
  --txt:      #0F172A;
  --text:     #0F172A;
  --txt2:     #475569;
  --txt3:     #64748B;
  --muted:    #64748B;
  --dim:      #94A3B8;
  --shadow:      0 4px 20px rgba(15,23,42,.10);
  --shadow-card: 0 4px 20px rgba(15,23,42,.10);
}
html[data-theme="dark"] { color-scheme: dark; }

/* ── superfícies com cor fixa no CSS das páginas ── */
html[data-theme="light"] #topbar { background: rgba(255,255,255,.85) !important; }
html[data-theme="light"] #sidebar .logo .brand span { color: var(--txt); }
html[data-theme="light"] #sidebar nav a:hover,
html[data-theme="light"] .hamburger:hover { background: rgba(15,23,42,.06); }
html[data-theme="light"] .kpi-card:hover { box-shadow: 0 8px 32px rgba(15,23,42,.14); }
html[data-theme="light"] #sidebar-overlay { background: rgba(15,23,42,.35); }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(15,23,42,.22); }
html[data-theme="light"] ::placeholder { color: #94A3B8; }

/* ── estilos inline gerados no JS (fundos/textos/bordas escuros escritos na mão) ── */
html[data-theme="light"] [style*="background:#0F172A"],
html[data-theme="light"] [style*="background: #0F172A"] { background: var(--bg) !important; }
html[data-theme="light"] [style*="background:#111827"],
html[data-theme="light"] [style*="background:#162033"],
html[data-theme="light"] [style*="background: #162033"] { background: var(--card) !important; }
html[data-theme="light"] [style*="background:#1C2A40"],
html[data-theme="light"] [style*="background: #1C2A40"] { background: var(--card2) !important; }
html[data-theme="light"] [style*="color:#E5E7EB"],
html[data-theme="light"] [style*="color: #E5E7EB"] { color: var(--txt) !important; }
html[data-theme="light"] [style*="color:#94A3B8"] { color: var(--txt2) !important; }
html[data-theme="light"] [style*="border:1px solid rgba(255,255,255"],
html[data-theme="light"] [style*="border: 1px solid rgba(255,255,255"] { border-color: var(--line-strong) !important; }
html[data-theme="light"] [style*="border-bottom:1px solid rgba(255,255,255"] { border-bottom-color: var(--border) !important; }
html[data-theme="light"] [style*="border-top:1px solid rgba(255,255,255"] { border-top-color: var(--border) !important; }
html[data-theme="light"] [style*="background:rgba(255,255,255"] { background: rgba(15,23,42,.05) !important; }

/* campos de formulário: fundo de card, não “vidro” branco sobre branco */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea { color-scheme: light; }


/* login / onboarding: cartão em gradiente escuro fixo e logo com texto branco */
html[data-theme="light"] .card,
html[data-theme="light"] .step-card { background: var(--card) !important; box-shadow: 0 20px 50px -20px rgba(15,23,42,.18); }
html[data-theme="light"] .logo-wrap img,
html[data-theme="light"] .ob-header img { background: #0F172A; padding: 10px 16px; border-radius: 12px; box-sizing: content-box; }
html[data-theme="light"] .ob-header img { display: inline-block; height: 32px; }

/* ── botão seletor (canto superior direito) ── */
.tema-toggle {
  position: fixed; top: 12px; right: 14px; z-index: 1000;
  display: inline-flex; align-items: center; gap: 2px; padding: 3px;
  background: var(--card, #162033); border: 1px solid var(--line-strong, rgba(255,255,255,.12));
  border-radius: 999px; box-shadow: 0 2px 10px rgba(0,0,0,.18);
  font-family: inherit;
}
.tema-toggle button {
  display: inline-flex; align-items: center; justify-content: center; gap: 5px;
  height: 28px; padding: 0 10px; border: 0; border-radius: 999px; cursor: pointer;
  background: transparent; color: var(--txt2, #94A3B8);
  font: 600 11px/1 'Poppins', system-ui, sans-serif; letter-spacing: .02em;
  transition: background .15s, color .15s;
}
.tema-toggle button:hover { color: var(--txt, #E5E7EB); }
.tema-toggle button[aria-pressed="true"] { background: var(--primary, #008C9E); color: #fff; }
.tema-toggle svg { width: 14px; height: 14px; flex-shrink: 0; }
.tema-toggle button:focus-visible { outline: 2px solid var(--primary, #008C9E); outline-offset: 2px; }

/* topbar reserva o canto direito para o seletor, sem cobrir os botões da página */
body.tema-com-topbar #topbar { padding-right: 185px !important; }
@media (max-width: 720px) {
  .tema-toggle button span { display: none; }
  .tema-toggle button { padding: 0 8px; }
  body.tema-com-topbar #topbar { padding-right: 100px !important; }
}
@media print { .tema-toggle { display: none !important; } }