/* =============================================================================
   theme.css (Master) — re-skin dos componentes custom do painel Master para o
   mesmo design do home.php. Carregado por último (nome novo = imune a cache).
   As cores utilitárias do Tailwind são trocadas no tailwind.config (page_header
   e login). Aqui sobrescrevemos as classes de panel.css que têm cor fixa.
   ============================================================================= */

:root{
  --eu-bg:#0b0d12; --eu-surface:#141824; --eu-surface2:#191e2b;
  --eu-line:#232838; --eu-line2:#2d3446; --eu-txt:#e8ebf2; --eu-dim:#9aa3b7;
  --eu-acc:#4d7cfe; --eu-acc2:#6f97ff; --eu-ok:#3ecf8e; --eu-crit:#f0616d;
  --eu-font:"Plus Jakarta Sans","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --eu-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
body{ font-family:var(--eu-font) !important; }

/* Scrollbar */
*::-webkit-scrollbar{ width:10px;height:10px; }
*::-webkit-scrollbar-thumb{ background:var(--eu-line2);border-radius:8px;border:2px solid transparent;background-clip:padding-box; }
*::-webkit-scrollbar-track{ background:transparent; }

/* Cartões */
.card{ background:var(--eu-surface) !important; border:1px solid var(--eu-line) !important; border-radius:12px !important; }
.stat-card{ background:var(--eu-surface) !important; border:1px solid var(--eu-line) !important; border-radius:12px !important; }
.stat-card:hover{ border-color:var(--eu-acc) !important; }

/* Botões */
.btn-primary{ background:linear-gradient(135deg,#4d7cfe,#3f66e6) !important; color:#fff !important; border:0 !important; box-shadow:0 10px 24px -12px rgba(77,124,254,.7) !important; }
.btn-primary:hover{ background:linear-gradient(135deg,#5b86ff,#4569ea) !important; filter:brightness(1.03); }
.btn-secondary{ background:var(--eu-surface2) !important; border:1px solid var(--eu-line2) !important; color:var(--eu-txt) !important; }
.btn-secondary:hover{ background:#202634 !important; }
.btn-danger{ background:linear-gradient(135deg,#f0616d,#b33742) !important; color:#fff !important; }

/* Formulários */
.form-input{ background:var(--eu-surface2) !important; border:1px solid var(--eu-line) !important; color:var(--eu-txt) !important; border-radius:10px !important; }
.form-input:focus{ border-color:var(--eu-acc) !important; box-shadow:0 0 0 3px rgba(77,124,254,.22) !important; }
.form-label{ color:var(--eu-dim) !important; }
input:focus,select:focus,textarea:focus{ border-color:var(--eu-acc) !important; box-shadow:0 0 0 3px rgba(77,124,254,.22) !important; }

/* Cabeçalho de página / bandas */
.page-header{ background:var(--eu-surface) !important; border:1px solid var(--eu-line) !important; border-radius:12px !important; }

/* Números com fonte mono/tabular quando destacados */
.stat-card strong, .stat-value, .kpi-value{ font-family:var(--eu-mono); font-variant-numeric:tabular-nums; }

/* Tabelas cruas */
table{ border-collapse:collapse; }
table th{ color:var(--eu-dim) !important; background:rgba(77,124,254,.08) !important; text-transform:uppercase; letter-spacing:.05em; font-size:.72rem; }
table td, table th{ border-color:var(--eu-line) !important; }
table tbody tr:hover td{ background:rgba(77,124,254,.04) !important; }

/* Login do Master (classes login-*) */
.login-card{ background:var(--eu-surface) !important; border:1px solid var(--eu-line2) !important; border-radius:18px !important; }
.login-input{ background:var(--eu-surface2) !important; border:1px solid var(--eu-line) !important; color:var(--eu-txt) !important; }
.login-input:focus{ border-color:var(--eu-acc) !important; box-shadow:0 0 0 3px rgba(77,124,254,.22) !important; }
.gradient-text{ background:linear-gradient(90deg,#8fb0ff,#4d7cfe) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:transparent !important; }
.login-panel{ background:rgba(11,13,18,.72) !important; border-left:1px solid var(--eu-line) !important; }