/* ============================================
   PÁGINAS ESPECÍFICAS
   ============================================ */

/* ============================================
   PÁGINA DE FECHAMENTO
   ============================================ */

#tab-fechamento {
    animation: fadeIn var(--transition-normal);
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* ============================================
   PÁGINA DE DIRETORIA
   ============================================ */

#tab-diretoria {
    animation: fadeIn var(--transition-normal);
}

#diretoriaContent {
    animation: slideUp var(--transition-normal);
}

#resumoCaixaTable th {
    background: #10b981;
    color: #0f172a;
    border-bottom: 2px solid #0ea37a;
}

.resumo-caixa-table th,
.resumo-caixa-table td {
    padding: 10px 12px;
    white-space: nowrap;
    font-size: 12px;
}

.resumo-caixa-table td:not(:first-child) {
    text-align: right;
}

.resumo-caixa-table tr:nth-child(even) {
    background: #f8fafc;
}

.resumo-caixa-table .empty-row td {
    text-align: center;
    font-weight: 600;
    color: var(--gray-500);
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================
   IMPRESSÃO
   ============================================ */

@media print {
    body {
        background: white;
        padding: 0;
    }

    .container {
        box-shadow: none;
        border-radius: 0;
    }

    .btn-container,
    .sidebar,
    .sidebar-toggle,
    .sidebar-overlay,
    .header-info,
    .modal-overlay {
        display: none !important;
    }

    .container {
        margin-left: 0 !important;
    }

    .header {
        background: white;
        color: black;
        border-bottom: 2px solid black;
    }

    .section {
        page-break-inside: avoid;
    }

    .caixa-box {
        border: 1px solid black;
        background: white;
    }

    .total-box {
        background: lightgray;
        color: black;
    }

    th {
        background: lightgray;
        color: black;
    }
}