/* =====================================================
DARK MODE - SISGCOE
===================================================== */

body.dark-mode .topo-sistema{
    background:linear-gradient(180deg,#111827,#0f172a);
    border-bottom:1px solid #1e293b;
}

body.dark-mode .titulo-sistema{
    color:#f8fafc;
}

body.dark-mode .subtitulo-sistema{
    color:#94a3b8;
}

body.dark-mode .barra-gestao h2{
    color:#f8fafc;
}

body.dark-mode .btn-tema{
    background:linear-gradient(180deg,#facc15,#eab308);
    color:#0f172a;
}

/* =====================================================
DARK MODE GLOBAL - PÁGINAS LEGADAS SISGCOE
===================================================== */

body.dark-mode {
    background: var(--bg-page) !important;
    color: var(--text-main) !important;
}

/* Títulos principais apagados */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode .titulo,
body.dark-mode .titulo-pagina,
body.dark-mode .central-relatorios,
body.dark-mode .gestao-demandas {
    color: var(--text-strong) !important;
}

/* Cards, caixas, formulários e modais genéricos */
body.dark-mode .container,
body.dark-mode .box,
body.dark-mode .card-box,
body.dark-mode .form-box,
body.dark-mode .login-box,
body.dark-mode .modal-content,
body.dark-mode .modal-conteudo,
body.dark-mode .confirmacao,
body.dark-mode .painel-card {
    background: var(--bg-surface) !important;
    color: var(--text-main) !important;
    border-color: var(--border-soft) !important;
}

/* Inputs globais */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background: var(--bg-surface-soft) !important;
    color: var(--text-main) !important;
    border-color: var(--border-soft) !important;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: var(--text-muted) !important;
}

/* Links */
body.dark-mode a {
    color: #93c5fd;
}

/* Tabelas auditoria */
body.dark-mode table {
    background: var(--bg-surface) !important;
    color: var(--text-main) !important;
}

body.dark-mode th {
    background: #1e293b !important;
    color: var(--text-strong) !important;
}

body.dark-mode td {
    background: var(--bg-surface) !important;
    color: var(--text-main) !important;
    border-color: var(--border-soft) !important;
}

/* Painel principal */
body.dark-mode .painel,
body.dark-mode .painel-container,
body.dark-mode .menu-painel {
    background: var(--bg-page) !important;
    color: var(--text-main) !important;
}

/* Data, usuário, textos secundários */
body.dark-mode .usuario,
body.dark-mode .data,
body.dark-mode .subtitulo,
body.dark-mode small,
body.dark-mode label {
    color: var(--text-muted) !important;
}

/* =====================================================
DARK MODE - CORREÇÃO PAINEL PRINCIPAL E RESET
===================================================== */

/* Fundo geral do painel */
body.dark-mode,
body.dark-mode main,
body.dark-mode .main,
body.dark-mode .conteudo,
body.dark-mode .content,
body.dark-mode .pagina,
body.dark-mode .painel-principal {
    background: var(--bg-page) !important;
}

/* Título do painel */
body.dark-mode h1,
body.dark-mode .painel-titulo,
body.dark-mode .titulo-painel {
    color: var(--text-strong) !important;
    opacity: 1 !important;
}

/* Usuário e data do painel */
body.dark-mode .usuario,
body.dark-mode .admin,
body.dark-mode .data,
body.dark-mode .data-hoje {
    color: var(--text-main) !important;
    opacity: 1 !important;
}

/* Modal reset */
body.dark-mode .modal,
body.dark-mode .modal-reset,
body.dark-mode .modal-seguranca,
body.dark-mode .confirmacao-seguranca {
    color: var(--text-main) !important;
}

/* Caixa branca do modal reset */
body.dark-mode .modal > div,
body.dark-mode .modal-reset > div,
body.dark-mode .confirmacao-seguranca,
body.dark-mode .box-confirmacao {
    background: var(--bg-surface) !important;
    color: var(--text-main) !important;
    border: 1px solid var(--border-soft) !important;
}

/* Título do modal reset */
body.dark-mode .modal h2,
body.dark-mode .modal h3,
body.dark-mode .confirmacao-seguranca h2,
body.dark-mode .confirmacao-seguranca h3 {
    color: var(--text-strong) !important;
    opacity: 1 !important;
}