/* ============================================================================
 * admin-moderno.css — Kimbanda Almas e Trevas · Painel admin (tema neutro)
 * Carregado POR ÚLTIMO nas páginas do admin (injetado pelo script de porte).
 * Estratégia: redefinir as variáveis antigas (--ou, --oe, --pr…) que o HTML usa
 * em estilos inline + sobrescrever as classes do admin-shared.css.
 * Neutro: cinzas frios, fonte Inter, vermelho só como acento/ação.
 * ============================================================================ */

:root {
  --am-bg:        #0f1115;
  --am-surface:   #16191f;
  --am-surface-2: #1d2128;
  --am-borda:     #2a2f38;
  --am-borda-2:   #353b46;
  --am-texto:     #e8eaee;
  --am-texto-2:   #a4abb7;
  --am-texto-3:   #6f7683;
  --am-acento:    #d23c3c;
  --am-acento-bg: rgba(210, 60, 60, .12);
  --am-ok:        #4fb477;
  --am-raio:      10px;

  /* variáveis legadas usadas em estilos inline → paleta neutra */
  --ou: var(--am-texto);
  --oc: #ffffff;
  --os: var(--am-texto);
  --oe: var(--am-texto-2);
  --pr: var(--am-bg);
  --fu: var(--am-surface);
  --vv: var(--am-acento);
  --vm: #a32b2b;
  --sb: 240px;
}

/* ── Base ────────────────────────────────────────────────── */
body {
  background: var(--am-bg) !important;
  color: var(--am-texto);
  font-size: 14px;
}
body, body *:not(svg):not(svg *) {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  letter-spacing: normal !important;
}
body::before { display: none !important; }
::selection { background: var(--am-acento-bg); }

/* ── Sidebar ─────────────────────────────────────────────── */
.sidebar {
  background: var(--am-surface) !important;
  border-right: 1px solid var(--am-borda) !important;
  box-shadow: none !important;
  width: var(--sb);
}
.sb-logo {
  display: flex; align-items: center; gap: .65rem; text-align: left !important;
  padding: 1.1rem 1rem !important; background: none !important;
  border-bottom: 1px solid var(--am-borda) !important;
}
.sb-logo .am-logo { height: 40px; width: auto; flex-shrink: 0; }
.sb-logo .am-logo-txt { min-width: 0; }
.sb-t { font-size: .92rem !important; font-weight: 600 !important; color: var(--am-texto) !important; }
.sb-s { font-size: .72rem !important; color: var(--am-texto-3) !important; text-transform: none !important; margin-top: .1rem !important; font-weight: 400 !important; opacity: 1 !important; }
.sb-nav { padding: .6rem .5rem !important; }

.nav-item {
  display: flex; align-items: center; gap: .6rem;
  padding: .48rem .65rem !important; margin: 1px 0;
  border-left: 0 !important; border-radius: 7px;
  font-size: .86rem !important; font-weight: 450 !important;
  color: var(--am-texto-2) !important; opacity: 1 !important;
  background: none !important;
}
.nav-item:hover { background: var(--am-surface-2) !important; color: var(--am-texto) !important; }
.nav-item.ativo { background: var(--am-acento-bg) !important; color: #fff !important; }
.nav-item.ativo .am-ico { color: var(--am-acento); }
.nav-item .ni { display: none !important; }
.am-ico { width: 17px; height: 17px; flex-shrink: 0; color: var(--am-texto-3); }
.nav-item:hover .am-ico { color: var(--am-texto-2); }
.nav-item .nb {
  margin-left: auto; background: var(--am-acento) !important; color: #fff !important;
  font-size: .68rem !important; font-weight: 600 !important; border-radius: 999px !important;
  min-width: 18px; height: 18px; padding: 0 5px !important; display: inline-flex; align-items: center; justify-content: center;
  box-shadow: none !important; animation: none !important;
}

.nav-grupo { margin-top: .35rem; }
.nav-grupo-tit {
  width: 100%; display: flex; align-items: center; gap: .6rem;
  background: none; border: 0; cursor: pointer;
  padding: .5rem .65rem; border-radius: 7px;
  font-size: .78rem; font-weight: 600; color: var(--am-texto-3);
  text-transform: uppercase; letter-spacing: .04em !important;
}
.nav-grupo-tit:hover { color: var(--am-texto-2); background: var(--am-surface-2); }
.nav-grupo-tit .am-seta { margin-left: auto; width: 14px; height: 14px; transition: transform .18s; }
.nav-grupo.aberto .nav-grupo-tit .am-seta { transform: rotate(90deg); }
.nav-grupo-itens { display: none; padding-left: .35rem; }
.nav-grupo.aberto .nav-grupo-itens { display: block; }
.nav-grupo-tit .am-ponto { width: 6px; height: 6px; border-radius: 50%; background: var(--am-acento); display: none; }
.nav-grupo.alerta:not(.aberto) .nav-grupo-tit .am-ponto { display: inline-block; }

.sb-ft { border-top: 1px solid var(--am-borda) !important; padding: .8rem !important; background: none !important; }
.btn-sair-sb {
  width: 100%; background: none !important; border: 1px solid var(--am-borda) !important;
  color: var(--am-texto-2) !important; border-radius: 8px !important; padding: .55rem !important;
  font-size: .82rem !important; text-transform: none !important; font-weight: 500 !important;
}
.btn-sair-sb:hover { border-color: var(--am-acento) !important; color: #fff !important; }

/* ── Topbar / área principal ─────────────────────────────── */
.main, .main-wrap { background: var(--am-bg) !important; }
.topbar {
  background: rgba(15, 17, 21, .9) !important; backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--am-borda) !important; box-shadow: none !important;
}
.tb-t, .tb-title { font-size: 1.05rem !important; font-weight: 600 !important; color: var(--am-texto) !important; text-transform: none !important; }
.tb-h { color: var(--am-texto-3) !important; font-size: .8rem !important; }
.st { font-size: 1rem !important; font-weight: 600 !important; color: var(--am-texto) !important; text-transform: none !important; }
.ss { color: var(--am-texto-3) !important; font-size: .8rem !important; text-transform: none !important; }

/* ── Cartões / seções (inclui o "dash-premium" herdado) ──── */
.dash-premium .sc, .sc {
  background: var(--am-surface) !important; border: 1px solid var(--am-borda) !important;
  border-radius: var(--am-raio) !important; box-shadow: none !important; transform: none !important;
  min-height: 0 !important; padding: .95rem 1.05rem !important;
}
.dash-premium .sc.clicavel:hover, .sc.clicavel:hover { border-color: var(--am-borda-2) !important; background: var(--am-surface-2) !important; }
.dash-premium .sc::before { display: none !important; }
.dash-premium .si, .si { display: none !important; }
.dash-premium .sn, .sn {
  font-size: 1.6rem !important; font-weight: 600 !important; color: var(--am-texto) !important;
  text-shadow: none !important; margin-bottom: .1rem !important;
}
.dash-premium .sl, .sl { font-size: .78rem !important; color: var(--am-texto-2) !important; text-transform: none !important; opacity: 1 !important; }
.dash-section {
  background: var(--am-surface) !important; border: 1px solid var(--am-borda) !important;
  border-radius: var(--am-raio) !important; padding: 1.1rem 1.2rem !important;
}
.dash-section-titulo {
  font-size: .9rem !important; font-weight: 600 !important; color: var(--am-texto) !important;
  text-transform: none !important; border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: .8rem !important;
}
.dash-section-titulo::before { display: none !important; }
.nivel-barra { font-size: .8rem !important; text-transform: none !important; color: var(--am-texto-2) !important; }
.nivel-barra-track { background: var(--am-surface-2) !important; border: 0 !important; height: 8px !important; }
.nivel-barra-fill { background: var(--am-acento) !important; box-shadow: none !important; }
.nivel-barra-qtd { color: var(--am-texto) !important; }

/* blocos com fundo/borda inline herdados → superfície neutra */
[style*="background:rgba(17,19,24"], [style*="background: rgba(17,19,24"],
[style*="background:linear-gradient(135deg,rgba(17,19,24"], [style*="background:rgba(21,24,30"] {
  background: var(--am-surface) !important; border-color: var(--am-borda) !important; border-radius: var(--am-raio);
}
[style*="border:1px solid rgba(195,32,42"] { border-color: var(--am-borda) !important; }

/* ── Botões ──────────────────────────────────────────────── */
.bp {
  background: var(--am-acento) !important; color: #fff !important; border: 0 !important;
  border-radius: 8px !important; font-size: .84rem !important; font-weight: 500 !important;
  text-transform: none !important; box-shadow: none !important; padding: .55rem 1rem !important;
}
.bp:hover { filter: brightness(1.08); transform: none !important; }
.bs, .bd, .bok {
  background: var(--am-surface-2) !important; color: var(--am-texto) !important;
  border: 1px solid var(--am-borda) !important; border-radius: 8px !important;
  font-size: .82rem !important; font-weight: 500 !important; text-transform: none !important; box-shadow: none !important;
}
.bs:hover { border-color: var(--am-borda-2) !important; }
.bd { color: #ff8f8f !important; }
.bd:hover { border-color: var(--am-acento) !important; }
.bok { color: #8fe0ad !important; }

/* ── Formulários ─────────────────────────────────────────── */
.fl { font-size: .8rem !important; color: var(--am-texto-2) !important; text-transform: none !important; font-weight: 500 !important; }
.fi, .fsel, .fta, input[type="text"], input[type="email"], input[type="number"], input[type="date"], input[type="search"], select, textarea {
  background: var(--am-bg) !important; border: 1px solid var(--am-borda) !important; border-radius: 8px !important;
  color: var(--am-texto) !important; font-size: .88rem !important;
}
.fi:focus, .fsel:focus, .fta:focus, input:focus, select:focus, textarea:focus {
  border-color: var(--am-acento) !important; box-shadow: 0 0 0 3px var(--am-acento-bg) !important; outline: none !important;
}
.fi::placeholder, input::placeholder, textarea::placeholder { color: var(--am-texto-3) !important; }

/* ── Tabelas ─────────────────────────────────────────────── */
table { border-collapse: collapse; }
th { color: var(--am-texto-3) !important; font-size: .76rem !important; font-weight: 600 !important; text-transform: none !important; background: var(--am-surface) !important; border-bottom: 1px solid var(--am-borda) !important; }
td { border-bottom: 1px solid var(--am-borda) !important; color: var(--am-texto); }
tr:hover td { background: rgba(255, 255, 255, .02); }

/* ── Modais / toast ──────────────────────────────────────── */
.mbg { background: rgba(5, 6, 8, .72) !important; backdrop-filter: blur(3px); }
.modal { background: var(--am-surface) !important; border: 1px solid var(--am-borda) !important; border-radius: 14px !important; box-shadow: 0 24px 60px rgba(0, 0, 0, .5) !important; }
.mhd, .mh { border-bottom: 1px solid var(--am-borda) !important; background: none !important; }
.mtt { font-size: 1rem !important; font-weight: 600 !important; color: var(--am-texto) !important; text-transform: none !important; }
.mft, .mf { border-top: 1px solid var(--am-borda) !important; background: none !important; }
.toast { background: var(--am-surface-2) !important; border: 1px solid var(--am-borda) !important; border-radius: 10px !important; color: var(--am-texto) !important; }

/* ── Dashboard enxuto: "Mais estatísticas" recolhível ───── */
details.am-mais { margin-top: .4rem; }
details.am-mais > summary {
  cursor: pointer; list-style: none; display: inline-flex; align-items: center; gap: .45rem;
  color: var(--am-texto-2); font-size: .86rem; font-weight: 500;
  padding: .55rem .9rem; border: 1px solid var(--am-borda); border-radius: 8px; background: var(--am-surface);
  margin-bottom: 1rem;
}
details.am-mais > summary::-webkit-details-marker { display: none; }
details.am-mais > summary:hover { color: var(--am-texto); border-color: var(--am-borda-2); }
details.am-mais > summary { white-space: nowrap; }
details.am-mais > summary .am-seta { width: 14px; height: 14px; transition: transform .18s; }
details.am-mais[open] > summary .am-seta { transform: rotate(90deg); }
.am-rotulo { font-size: .8rem; font-weight: 600; color: var(--am-texto-2); margin: 0 0 .55rem; }

/* scrollbar discreta */
* { scrollbar-width: thin; scrollbar-color: var(--am-borda-2) transparent; }

/* ════════════ Refino das telas internas (estilos inline herdados) ════════════ */
/* sem caixa-alta espaçada em lugar nenhum do conteúdo */
.main *, .modal *, .mbg * { text-transform: none !important; }

/* botões sem classe (todos com estilo inline herdado) → base moderna */
.main button:not([class]), .modal button:not([class]), .mbg button:not([class]), .log-btn {
  border-radius: 8px !important; font-size: .82rem !important; font-weight: 500 !important;
  padding: .5rem .9rem !important; box-shadow: none !important; line-height: 1.2 !important;
  background: var(--am-surface-2) !important; border: 1px solid var(--am-borda) !important; color: var(--am-texto) !important;
  cursor: pointer; transition: border-color .15s, filter .15s;
}
.main button:not([class]):hover, .modal button:not([class]):hover, .log-btn:hover { border-color: var(--am-borda-2) !important; }
/* ação principal (gradiente sangue herdado) */
.main button[style*="2a0808"], .modal button[style*="2a0808"], .mbg button[style*="2a0808"],
.main button[style*="#8b0e0e)"], .modal button[style*="#8b0e0e)"] {
  background: var(--am-acento) !important; border-color: transparent !important; color: #fff !important;
}
.main button[style*="2a0808"]:hover, .modal button[style*="2a0808"]:hover { filter: brightness(1.08); }
/* sucesso (verde herdado) */
.main button[style*="45,106,45"], .main button[style*="1a3a1a"], .modal button[style*="45,106,45"], .log-btn[style*="100,200,100"] {
  background: rgba(79, 180, 119, .1) !important; border-color: rgba(79, 180, 119, .35) !important; color: #8fe0ad !important;
}
/* perigo (vermelho tonal herdado) */
.main button[style*="139,14,14,.2"], .main button[style*="195,32,42,.15"], .main button[style*="232,122,122"], .modal button[style*="232,122,122"] {
  background: rgba(210, 60, 60, .1) !important; border-color: rgba(210, 60, 60, .35) !important; color: #ff9a9a !important;
}
/* aviso (âmbar herdado) */
.main button[style*="40,25,10"], .main button[style*="e8b84a"] {
  background: rgba(232, 184, 74, .08) !important; border-color: rgba(232, 184, 74, .3) !important; color: #e8c27a !important;
}

/* abas internas (Pagamentos: Aprovar / Histórico / Caixinha etc.) → segmentado */
.sub-tab-card, .pag-tab-btn {
  background: var(--am-surface) !important; border: 1px solid var(--am-borda) !important; border-radius: 10px !important;
  color: var(--am-texto-2) !important; box-shadow: none !important; transform: none !important; font-weight: 500 !important;
}
.sub-tab-card:hover, .pag-tab-btn:hover { border-color: var(--am-borda-2) !important; color: var(--am-texto) !important; }
.sub-tab-card.ativo, .pag-tab-btn.ativo { background: var(--am-acento-bg) !important; border-color: rgba(210, 60, 60, .45) !important; color: #fff !important; }
.sub-tab-card::before, .sub-tab-card::after { display: none !important; }

/* selos/pílulas de status herdados: cantos e peso modernos */
.main [style*="border-radius:2px"], .main [style*="border-radius:3px"] { border-radius: 6px !important; }

/* estudos-admin / galeria-admin / provas-admin usam .main-wrap */
.main-wrap * { text-transform: none !important; }
.main-wrap button:not([class]), .main-wrap button[class=""], .main button[class=""], .modal button[class=""] {
  border-radius: 8px !important; font-size: .82rem !important; font-weight: 500 !important; padding: .5rem .9rem !important;
  box-shadow: none !important; background: var(--am-surface-2) !important; border: 1px solid var(--am-borda) !important; color: var(--am-texto) !important;
}
.main-wrap button[style*="2a0808"] { background: var(--am-acento) !important; border-color: transparent !important; color: #fff !important; }

/* chips de filtro/seleção (nível, tipo, formatação) */
.nivel-tab, .tipo-btn, .ns-btn, .ts-btn, .fmt-btn {
  background: var(--am-surface) !important; border: 1px solid var(--am-borda) !important; border-radius: 8px !important;
  color: var(--am-texto-2) !important; box-shadow: none !important; transform: none !important;
  font-size: .8rem !important; font-weight: 500 !important; text-shadow: none !important; filter: none !important;
}
.nivel-tab:hover, .tipo-btn:hover, .ns-btn:hover, .ts-btn:hover, .fmt-btn:hover { border-color: var(--am-borda-2) !important; color: var(--am-texto) !important; }
.nivel-tab.ativo, .tipo-btn.ativo, .ts-btn.ativo, .ns-btn[class*="sel-"] {
  background: var(--am-acento-bg) !important; border-color: rgba(210, 60, 60, .45) !important; color: #fff !important;
}
.nivel-tab::before, .nivel-tab::after, .tipo-btn::before, .ns-btn::before { display: none !important; }
.btn-rec-start { background: rgba(210, 60, 60, .12) !important; border: 1px solid rgba(210, 60, 60, .4) !important; color: #ff9a9a !important; border-radius: 8px !important; }
.btn-rec-stop { background: var(--am-surface-2) !important; border: 1px solid var(--am-borda) !important; color: var(--am-texto) !important; border-radius: 8px !important; }

/* ação principal vence qualquer tom herdado acima (gradiente sangue = botão primário) */
.main button[style*="2a0808"], .modal button[style*="2a0808"], .mbg button[style*="2a0808"], .main-wrap button[style*="2a0808"] {
  background: var(--am-acento) !important; border-color: transparent !important; color: #fff !important;
}