@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

body { font-family: 'Plus Jakarta Sans', sans-serif; }

/* Scrollbar Custom */
.custom-scroll::-webkit-scrollbar { width: 6px; }
.custom-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.custom-scroll::-webkit-scrollbar-track { background: transparent; }

/* Animação Modal */
@keyframes slideUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-slide-up { animation: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

/* Estilos de Status */
.status-badge {
    @apply px-2 py-1 rounded text-xs font-bold uppercase;
}
.status-ok { background-color: #dcfce7; color: #166534; } /* Verde */
.status-warn { background-color: #ffedd5; color: #9a3412; } /* Laranja */
.status-danger { background-color: #fee2e2; color: #991b1b; } /* Vermelho */
.status-info { background-color: #dbeafe; color: #1e40af; } /* Azul (Férias) */

/* --- REGRAS DE IMPRESSÃO (O Segredo do Holerite) --- */
@media print {
    /* 1. Reset Global: Esconde tudo da página */
    body * {
        visibility: hidden;
        overflow: visible !important;
    }

    /* 2. Mostra o Modal e tudo dentro dele */
    #modal-funcionario, #modal-funcionario * {
        visibility: visible;
    }

    /* 3. Posiciona o modal no topo absoluto e remove scroll */
    #modal-funcionario {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto !important;
        margin: 0;
        padding: 0;
        background: white;
        z-index: 9999;
        display: block !important; /* Importante: Remove flexbox */
        overflow: visible !important;
    }

    /* 4. Remove estilos de "Card" (Sombra, Borda, Tamanho fixo) */
    #modal-funcionario > div {
        box-shadow: none !important;
        border: none !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        border-radius: 0 !important;
        overflow: visible !important;
    }

    /* 5. Destrava a área de conteúdo (onde está a tabela) */
    .overflow-y-auto, .custom-scroll {
        overflow: visible !important; /* Permite a tabela crescer pra baixo */
        height: auto !important;
        max-height: none !important;
    }

    /* 6. Esconde Navegação do Modal (Botões de fechar, imprimir, etc) */
    #modal-funcionario button, 
    .no-print, 
    .fa-times {
        display: none !important;
    }

    /* 7. Estilo da Tabela para o Papel */
    table {
        width: 100% !important;
        border-collapse: collapse !important;
        font-size: 11px !important; /* Fonte menor pra caber mais */
    }
    
    th, td {
        border: 1px solid #000 !important; /* Borda preta fina */
        padding: 4px 8px !important;
        color: black !important;
    }
    
    /* Cabeçalho e Rodapé de Impressão */
    .print-header, .print-footer {
        display: block !important;
        width: 100%;
        margin-bottom: 10px;
    }
    
    /* Evita quebra de página dentro de uma linha da tabela */
    tr { page-break-inside: avoid; }
    
    /* Configurações de Página */
    @page {
        margin: 1cm;
        size: A4 portrait;
    }
}