/**
 * ============================================================================
 * ORION SOLUCIONES CONTABLES - ESTILOS CORPORATIVOS MODERNOS (TEMA BLANCO)
 * ============================================================================
 */

:root {
    --orion-navy: #0B3056;
    --orion-navylight: #164273;
    --orion-aqua: #5EBEB2;
    --orion-aquadark: #3E968B;
    --orion-bg: #F8FAFC;
    --orion-card: #FFFFFF;
    --orion-border: #E2E8F0;
    --orion-text: #0F172A;
    --orion-muted: #64748B;
}

body {
    background-color: var(--orion-bg);
    color: var(--orion-text);
}

/* Tarjetas Corporativas Blancas con Sombra Suave */
.corp-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    box-shadow: 0 1px 3px 0 rgba(11, 48, 86, 0.04), 0 1px 2px -1px rgba(11, 48, 86, 0.02);
    transition: all 0.25s ease-in-out;
}

.corp-card:hover {
    box-shadow: 0 4px 12px -2px rgba(11, 48, 86, 0.08), 0 2px 4px -2px rgba(11, 48, 86, 0.04);
}

/* Animación Pulsante para Estados Críticos */
@keyframes pulse-critical {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(225, 29, 72, 0.3);
    }
    50% {
        box-shadow: 0 0 0 6px rgba(225, 29, 72, 0);
    }
}

.pulse-critical {
    animation: pulse-critical 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Animación de rotación para sincronización */
@keyframes spin-sync {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.spinning {
    animation: spin-sync 1s linear infinite;
}

/* Scrollbar Personalizado */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #F1F5F9;
}

::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94A3B8;
}

/* Estilos de Impresión */
@media print {
    header, 
    #btnSyncCalendars, 
    .filter-pill, 
    #tableSearchInput, 
    .no-print,
    #toastContainer {
        display: none !important;
    }

    body {
        background-color: white !important;
        color: black !important;
    }

    .corp-card {
        border: 1px solid #ccc !important;
        box-shadow: none !important;
        break-inside: avoid;
    }

    table {
        font-size: 10px !important;
    }
}