/* ===== Tema central Aliança — grafite + vermelho-acento, claro/escuro/sistema ===== */
:root{
  --marca:#c20d19; --bg:#f6f6f6; --surface:#fff; --surface-2:#ededed;
  --texto:#2b2d31; --texto-suave:#7c7f86; --borda:#e2e2e2;
  --primaria:#2b2d31; --primaria-txt:#fff; --primaria-hover:#1f2023;
  --chip:#f1f1f1; --chip-txt:#555; --hover-suave:#f0f0f0; --foco:rgba(194,13,25,.14);
}
html[data-tema="escuro"]{
  --marca:#e0303b; --bg:#161718; --surface:#232427; --surface-2:#2a2c30;
  --texto:#ececee; --texto-suave:#9a9ca1; --borda:#34373c;
  --primaria:#3a3d42; --primaria-txt:#fff; --primaria-hover:#45484e;
  --chip:#2d3035; --chip-txt:#bcbec3; --hover-suave:#2a2c30; --foco:rgba(224,48,59,.20);
}
@media (prefers-color-scheme: dark){ html:not([data-tema="claro"]){
  --marca:#e0303b; --bg:#161718; --surface:#232427; --surface-2:#2a2c30;
  --texto:#ececee; --texto-suave:#9a9ca1; --borda:#34373c;
  --primaria:#3a3d42; --primaria-txt:#fff; --primaria-hover:#45484e;
  --chip:#2d3035; --chip-txt:#bcbec3; --hover-suave:#2a2c30; --foco:rgba(224,48,59,.20);
}}

*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
body{ font-family:'Lato','Segoe UI',system-ui,sans-serif; background:var(--bg); color:var(--texto); min-height:100vh; }
a{ color:var(--marca); text-decoration:none; }
h1,h2,h3{ color:var(--texto); }

label{ display:block; font-size:12px; font-weight:700; color:var(--texto); margin-bottom:5px; margin-top:14px; }
input,select,textarea{ width:100%; padding:9px 12px; border:1.5px solid var(--borda); border-radius:8px;
  font-size:14px; font-family:inherit; background:var(--surface); color:var(--texto); }
input:focus,select:focus,textarea:focus{ outline:none; border-color:var(--primaria); box-shadow:0 0 0 3px var(--foco); }

.botao{ display:inline-flex; align-items:center; gap:8px; background:var(--primaria); color:var(--primaria-txt);
  border:none; border-radius:10px; padding:10px 20px; font-size:14px; font-weight:700; cursor:pointer; }
.botao:hover{ background:var(--primaria-hover); }
.botao.secundario{ background:var(--surface); color:var(--texto); border:1.5px solid var(--borda); }
.botao.secundario:hover{ border-color:var(--primaria); background:var(--hover-suave); }
.botao.perigo{ background:var(--surface); color:#b91c1c; border:1.5px solid #FCA5A5; padding:7px 14px; font-size:13px; }
.botao.pequeno{ padding:7px 14px; font-size:13px; }

.painel,.card{ background:var(--surface); border:1px solid var(--borda); border-radius:14px;
  box-shadow:0 1px 3px rgba(0,0,0,0.05); padding:24px; }
.painel h2{ font-size:15px; font-weight:700; margin-bottom:16px; }

.tag{ display:inline-block; font-size:11px; font-weight:700; padding:3px 9px; border-radius:999px; }
.tag.neutro{ background:var(--chip); color:var(--chip-txt); }
.tag.admin{ background:#FEF3C7; color:#92400E; }
.tag.ok{ background:#D1FAE5; color:#065F46; }
.tag.off{ background:#FEE2E2; color:#991B1B; }

.alerta{ background:#FEF3C7; border:1px solid #F59E0B; color:#92400E; border-radius:10px; padding:12px 16px; font-size:14px; font-weight:700; margin-bottom:12px; }
.erro-box{ background:#FEE2E2; border:1px solid #EF4444; color:#991B1B; border-radius:10px; padding:12px 16px; font-size:14px; font-weight:700; margin-bottom:12px; }
.ok-box{ background:#D1FAE5; border:1px solid #10B981; color:#065F46; border-radius:10px; padding:12px 16px; font-size:14px; font-weight:700; margin-bottom:12px; }

table{ width:100%; border-collapse:collapse; font-size:14px; }
th{ text-align:left; font-size:12px; text-transform:uppercase; letter-spacing:.03em; color:var(--texto-suave); padding:10px 12px; border-bottom:2px solid var(--borda); }
td{ padding:11px 12px; border-bottom:1px solid var(--borda); vertical-align:middle; }
tr:hover td{ background:var(--hover-suave); }

.tema-btn{ background:none; border:1px solid var(--borda); color:var(--texto-suave); width:34px; height:34px;
  border-radius:8px; cursor:pointer; font-size:16px; display:inline-flex; align-items:center; justify-content:center; }
.tema-btn:hover{ background:var(--hover-suave); }
.muted{ color:var(--texto-suave); }