/* ==========================================================================
   ML INTUITION HUB - ANIMATIONS & TRANSITIONS
   ========================================================================== */

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 230, 118, 0.7);
    }
    70% {
        box-shadow: 0 0 0 8px rgba(0, 230, 118, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 230, 118, 0);
    }
}

@keyframes glowBorder {
    0% {
        border-color: rgba(0, 242, 254, 0.3);
    }
    50% {
        border-color: rgba(121, 40, 202, 0.6);
    }
    100% {
        border-color: rgba(0, 242, 254, 0.3);
    }
}

.glow-icon {
    animation: iconGlow 3s ease-in-out infinite alternate;
}

@keyframes iconGlow {
    from {
        filter: drop-shadow(0 0 4px rgba(0, 242, 254, 0.5));
    }
    to {
        filter: drop-shadow(0 0 12px rgba(121, 40, 202, 0.8));
    }
}

/* Mobile responsive drawer overlay */
@media (max-width: 900px) {
    .sidebar {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        transform: translateX(-100%);
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.5);
    }

    .sidebar.mobile-open {
        transform: translateX(0);
    }
}