@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
    --radache-blue: #051d53;
    --radache-blue-light: #0a2d7c;
    --radache-yellow: #f2b719;
    --radache-yellow-alpha: rgba(242, 183, 25, 0.1);
    --radache-bg: #f8fafc;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--radache-bg);
}

/* Mecanismo de transição suave do SPA (Opacidade e Fluidez) */
.screen-view {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
                transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: none;
    justify-content: start;
    align-items: start;
}

.screen-view.active-view {
    display: block !important;
    opacity: 1;
    transform: translateY(0);
}

.hidden-fade {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}

.visible-fade {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Microinterações dos Cards baseados no Radar */
.campus-card {
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), 
                box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1), 
                border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    border-left: 4px solid var(--radache-blue);
}

.campus-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 20px -3px rgba(5, 29, 83, 0.08);
    border-left-color: var(--radache-yellow);
}

/* Badges de Risco */
.badge-critical {
    background-color: #fff1f2;
    color: #e11d48;
    border-color: #fecdd3;
    font-weight: 700;
    animation: radarPulse 2s infinite alternate;
}

.badge-warning {
    background-color: var(--radache-yellow-alpha);
    color: #d97706;
    border-color: #fde68a;
    font-weight: 600;
}

.badge-stable {
    background-color: #f0fdf4;
    color: #15803d;
    border-color: #bbf7d0;
    font-weight: 500;
}

@keyframes radarPulse {
    0% { box-shadow: 0 0 0 0 rgba(225, 29, 72, 0.25); }
    100% { box-shadow: 0 0 0 6px rgba(225, 29, 72, 0); }
}

.status-text-danger { color: #e11d48; font-weight: 500; }
.status-text-warning { color: #d97706; }
.status-text-success { color: #64748b; }

.custom-scrollbar::-webkit-scrollbar { width: 5px; height: 5px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }