/* =================================================================== */
/*          1. ESTILOS GERAIS E PALETA DE CORES                        */
/* =================================================================== */
:root {
    --cor-primaria: #1a3a5c; /* Azul escuro do header de destino */
    --cor-sucesso: #198754; /* Verde para botões de 'Novo' */
    --cor-fundo-pagina: #f4f7f6; /* Cinza bem claro para o fundo */
    --cor-borda-card: #dee2e6;
    --cor-fundo-card: #ffffff;
}

body {
    background-color: var(--cor-fundo-pagina) !important; /* Remove a imagem de fundo e aplica a cor */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.container-fluid {
    padding-left: 2rem;
    padding-right: 2rem;
}

/* =================================================================== */
/*          2. BARRA DE NAVEGAÇÃO SUPERIOR (HEADER)                    */
/* =================================================================== */
.navbar.modern-header {
    background-color: var(--cor-primaria);
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

    .navbar.modern-header .navbar-brand,
    .navbar.modern-header .nav-link,
    .navbar.modern-header .dropdown-toggle {
        color: #ffffff !important; /* Textos brancos */
        font-weight: 500;
    }

    .navbar.modern-header .dropdown-menu {
        border-radius: 0.25rem;
        border: 1px solid var(--cor-borda-card);
    }

    .navbar.modern-header .dropdown-item:hover {
        background-color: var(--cor-primaria);
        color: #ffffff !important;
    }

/* Ajusta o partial de login */
.modern-header .login-partial a,
.modern-header .login-partial button {
    color: #ffffff !important;
}

/* =================================================================== */
/*          3. SUB-CABEÇALHO PARA AÇÕES E FILTROS                      */
/* =================================================================== */
.sub-header {
    background-color: var(--cor-fundo-card);
    padding: 1rem 2rem;
    border-bottom: 1px solid var(--cor-borda-card);
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
    margin-bottom: 1.5rem;
}

    .sub-header .btn-success {
        background-color: var(--cor-sucesso);
        border-color: var(--cor-sucesso);
    }

/* =================================================================== */
/*          4. ESTILOS PARA A TABELA E CARDS                           */
/* =================================================================== */
.card {
    border: 1px solid var(--cor-borda-card);
    box-shadow: 0 1px 5px rgba(0,0,0,.04);
}

.table-container {
    background-color: var(--cor-fundo-card);
    padding: 1.5rem;
    border-radius: 0.375rem;
    border: 1px solid var(--cor-borda-card);
    box-shadow: 0 1px 5px rgba(0,0,0,.04);
}

#Certificados thead th {
    background-color: #f8f9fa; /* Fundo cinza claro para o cabeçalho da tabela */
    border-bottom: 2px solid var(--cor-borda-card);
    font-weight: 600;
}

#Certificados tbody tr:hover {
    background-color: #f1f1f1;
}

/* Remove o espaçamento extra do container principal */
.container-main {
    padding: 0;
}

/* =================================================================== */
/*          5. CORREÇÃO PARA DROPDOWNS DENTRO DA TABELA                */
/* =================================================================== */

/*
 * Força a cor do texto dos itens de dropdown dentro da tabela para preto.
 * Isso evita que o estilo do header (que deixa o texto branco) afete
 * os menus de ação da tabela.
*/
#Certificados .dropdown-menu .dropdown-item {
    color: #212529 !important; /* Cor de texto padrão do Bootstrap (preto) */
}

    /*
 * Mantém o texto vermelho para o botão de apagar, mesmo com a regra acima.
*/
    #Certificados .dropdown-menu .dropdown-item.text-danger {
        color: #dc3545 !important; /* Vermelho do Bootstrap */
    }

    /*
 * Garante que, ao passar o mouse, o texto fique branco sobre o fundo azul.
*/
    #Certificados .dropdown-menu .dropdown-item:hover {
        color: #ffffff !important;
        background-color: #0d6efd; /* Azul padrão do Bootstrap para :hover */
    }