/* CRM Clint — tema claro / escuro */

:root,
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0c1222;
  --surface: #151d2e;
  --surface2: #1c2740;
  --border: #2a3654;
  --text: #e8edf5;
  --muted: #8b9cb8;
  --gold: #c9a227;
  --gold-light: #e8c547;
  --gold-dim: #8a7020;
  --bot: #3b82f6;
  --human: #22c55e;
  --queued: #f59e0b;
  --danger: #ef4444;
  --header-from: #1a2332;
  --header-to: #0c1222;
  --nav-bg: rgba(12, 18, 34, 0.85);
  --hero-end: #0f1729;
  --shadow: rgba(0, 0, 0, 0.35);
  --overlay: rgba(0, 0, 0, 0.65);
  --btn-primary-text: #1a1300;
  --input-bg: var(--surface2);
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f6fb;
  --surface: #ffffff;
  --surface2: #eef2f8;
  --border: #d5deea;
  --text: #1a2332;
  --muted: #5c6b82;
  --gold: #a88620;
  --gold-light: #8a7020;
  --gold-dim: #8a7020;
  --bot: #2563eb;
  --human: #16a34a;
  --queued: #d97706;
  --danger: #dc2626;
  --header-from: #ffffff;
  --header-to: #eef2f8;
  --nav-bg: rgba(255, 255, 255, 0.92);
  --hero-end: #eef2f8;
  --shadow: rgba(15, 23, 42, 0.08);
  --overlay: rgba(15, 23, 42, 0.45);
  --btn-primary-text: #1a1300;
  --input-bg: #ffffff;
}

.theme-toggle {
  background: var(--surface2);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 0.82rem;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 0.15s, color 0.15s;
}

.theme-toggle:hover {
  border-color: var(--gold);
  color: var(--gold-light);
}

header.app-header,
header {
  background: linear-gradient(135deg, var(--header-from) 0%, var(--header-to) 100%);
}

.login-screen {
  background: var(--bg);
}

.login-card {
  background: var(--surface);
  border: 1px solid var(--border);
  color: var(--text);
}

input,
textarea,
select {
  background: var(--input-bg);
  color: var(--text);
  border-color: var(--border);
}

.btn.primary {
  color: var(--btn-primary-text);
}

/* Evita flash da tela de login ao navegar entre painel/config/admin com sessão salva */
html.panel-auth-pending #loginScreen {
  display: none !important;
}

html.panel-auth-pending #appRoot.hidden {
  display: block !important;
}

html.panel-auth-pending #appRoot.app.hidden {
  display: grid !important;
}