/* Cores do Palmeiras */
:root {
    --verde-palmeiras-escuro: #000000; /* Verde mais escuro para o navbar/rodapé */
    --verde-palmeiras-claro: #6a6a6a; /* Um verde mais vibrante para botões */
    --branco: #ffffff;
    --cinza-claro: #f8f9fa;
    --cinza-medio: #6c757d;
}

body {
    font-family: Arial, sans-serif;
    background-color: var(--cinza-claro);
    color: #343a40;
}

/* Navbar personalizado */
.navbar {
    background-color: var(--verde-palmeiras-escuro) !important;
}

.navbar-brand img {
    border-radius: 5px; /* Leve arredondamento na logo */
}

.navbar-nav .nav-link {
    color: var(--branco) !important;
    font-weight: bold;
    margin-right: 15px;
}

.navbar-nav .nav-link:hover {
    color: #F0F0F0 !important; /* Um tom mais claro no hover */
}

/* Títulos e textos principais */
h1, h2, h3, h4, h5, h6 {
    color: var(--verde-palmeiras-escuro);
}

/* Botões */
.btn-primary {
    background-color: var(--verde-palmeiras-claro);
    border-color: var(--verde-palmeiras-claro);
}

.btn-primary:hover {
    background-color: #D40000; /* Um pouco mais escuro no hover */
    border-color: #D40000;
}

.btn-success {
    background-color: var(--verde-palmeiras-escuro);
    border-color: var(--verde-palmeiras-escuro);
}

.btn-success:hover {
    background-color: #D40000;
    border-color: #D40000;
}

/* Mensagens de alerta (Bootstrap) */
.alert-success {
    background-color: ##FFE6EB;
    border-color: #B8B8B8;
    color: #470118;
}

.alert-danger {
    background-color: #C7C7C7;
    border-color: #000000;
    color: #721c24;
}

/* Estilo para tabelas */
.table {
    background-color: var(--branco);
    border-radius: 8px;
    overflow: hidden; /* Garante que as bordas da tabela sejam arredondadas */
    box-shadow: 0 0 10px rgba(0,0,0,0.1); /* Sombra suave */
}

.table thead {
    background-color: var(--verde-palmeiras-escuro);
    color: var(--branco);
}

.table th {
    border-color: #000000 !important; /* Cor da borda do cabeçalho */
}

/* Container principal para espaçamento */
.container {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Estilos específicos para a página de impressão */
@media print {
    body {
        background-color: var(--branco);
        color: #000;
        margin: 0;
        padding: 0;
    }
    .no-print {
        display: none !important;
    }
    .container {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .print-area {
        border: 1px solid #ccc;
        padding: 20px;
        margin: 20px;
    }
    .print-area h2 {
        color: #000;
        text-align: center;
        margin-bottom: 20px;
    }
    .print-area p {
        margin-bottom: 5px;
    }
}
/* --- Ajustes para o Navbar Responsivo (Menu no Celular) --- */

/* Força o navbar-toggler (botão hambúrguer) a ficar no canto direito */
/* e alinha o brand (logo/título) à esquerda, garantindo que ambos fiquem na mesma linha */
.navbar-expand-lg .container-fluid {
    display: flex;
    justify-content: space-between; /* Espalha os itens: um na esquerda, outro na direita */
    align-items: center; /* Alinha verticalmente no centro */
    padding-left: var(--bs-navbar-padding-x); /* Garante o padding padrão do Bootstrap */
    padding-right: var(--bs-navbar-padding-x); /* Garante o padding padrão do Bootstrap */
}

/* Controla a altura do navbar quando recolhido em telas pequenas */
/* Ajuste conforme o tamanho ideal da sua logo e texto */
@media (max-width: 991.98px) { /* Ponto de quebra padrão do Bootstrap para mobile */
    .navbar {
        min-height: 56px; /* Altura mínima para a barra de navegação quando recolhida */
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        box-shadow: 0 2px 5px rgba(0,0,0,.1); /* Opcional: Adiciona uma sombra para destacar */
    }

    /* Reduz o padding do navbar-brand (logo/título) para que ele não ocupe tanto espaço vertical */
    .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 1; /* Para evitar espaçamento extra na linha */
        display: flex; /* Para alinhar a imagem e o texto se estiverem dentro do brand */
        align-items: center;
    }

    /* Se você tem uma imagem dentro do navbar-brand, limite sua altura */
    .navbar-brand img {
        max-height: 40px; /* Ajuste este valor conforme o tamanho desejado da logo */
        margin-right: 5px; /* Espaçamento entre a logo e o texto, se houver */
    }

    /* Ajusta a altura máxima do menu quando expandido e adiciona scroll */
    .navbar-collapse.collapse.show {
        max-height: calc(100vh - 60px); /* 100% da altura da tela menos a altura do navbar recolhido (ajuste 60px se a altura mínima do navbar for diferente) */
        overflow-y: auto; /* Adiciona barra de rolagem se o conteúdo for maior que o max-height */
        background-color: ##000000; /* Cor de fundo para o menu expandido */
        border-top: 1px solid rgba(0,0,0,.1); /* Linha divisória */
        padding: 10px 0; /* Espaçamento interno */
    }

    /* Estilo dos itens do menu quando expandido */
    .navbar-nav {
        width: 100%; /* Ocupa toda a largura disponível */
    }

    .navbar-nav .nav-item {
        margin: 2px 0; /* Espaçamento entre os itens do menu */
        text-align: right; /* Centraliza o texto dos itens */
    }

    .navbar-nav .nav-link {
        padding: 10px 15px; /* Padding interno para os links */
        display: block; /* Garante que o link ocupe todo o espaço do item */
        font-size: 1.1rem; /* Aumenta um pouco o tamanho da fonte para celular */
    }

    /* Opcional: Remover padding lateral do container no celular para usar toda a largura */
    .container, .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }
}