/*
 * This file contains the live animation styles for agent status cards.
 */

/* --- Green Pulse for "Online" or "Active" --- */
@keyframes pulse-green {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); /* Green-500 */
    }

    50% {
        box-shadow: 0 0 8px 4px rgba(34, 197, 94, 0);
    }
}

.pulse-green {
    /* We apply the pulse animation to the card's border */
    border-color: #22c55e; /* Green-500 */
    animation: pulse-green 2s infinite;
}

/* --- Yellow Pulse for "Idle" --- */
@keyframes pulse-yellow {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.7); /* Yellow-500 */
    }

    50% {
        box-shadow: 0 0 8px 4px rgba(245, 158, 11, 0);
    }
}

.pulse-yellow {
    border-color: #f59e0b; /* Yellow-500 */
    animation: pulse-yellow 2s infinite;
}

/* --- Red Pulse for "Offline" or "Crashed" --- */
@keyframes pulse-red {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); /* Red-500 */
    }

    50% {
        box-shadow: 0 0 8px 4px rgba(239, 68, 68, 0);
    }
}

.pulse-red {
    border-color: #ef4444; /* Red-500 */
    animation: pulse-red 2s infinite;
}