/*
 * Completion Alert Dashboard
 * NEW alert row pulse
 *
 * The Python callback applies this animation only to rows whose
 * SubmittedTime is less than 10 minutes old.
 */

@keyframes new-alert-row-pulse {
    0%,
    100% {
        border-top-color: rgba(220, 38, 38, 0.55);
        border-bottom-color: rgba(220, 38, 38, 0.55);
        box-shadow:
            inset 0 2px 0 rgba(220, 38, 38, 0.30),
            inset 0 -2px 0 rgba(220, 38, 38, 0.30);
    }

    50% {
        border-top-color: rgba(220, 38, 38, 1);
        border-bottom-color: rgba(220, 38, 38, 1);
        box-shadow:
            inset 0 2px 0 rgba(220, 38, 38, 0.95),
            inset 0 -2px 0 rgba(220, 38, 38, 0.95),
            0 0 8px rgba(220, 38, 38, 0.30);
    }
}

/*
 * Accessibility: keep the red outline but remove continuous motion when
 * the operating system requests reduced motion.
 */
@media (prefers-reduced-motion: reduce) {
    #alerts-table .dash-cell {
        animation: none !important;
    }
}