/**
 * B-P3: SCADA shared animations — load after scada-*.css
 */

@keyframes scada-pulse {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

@keyframes scada-dots {
    0%, 20% { content: '.'; }
    40% { content: '..'; }
    60%, 100% { content: '...'; }
}

@keyframes scada-blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

@keyframes scada-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes scada-alert-flash {
    0% { box-shadow: 0 0 0 0 rgba(244, 67, 54, 0.45); }
    70% { box-shadow: 0 0 0 8px rgba(244, 67, 54, 0); }
    100% { box-shadow: none; }
}

@keyframes scada-value-highlight {
    0% { background-color: rgba(26, 115, 232, 0.35); transform: scale(1.04); }
    100% { background-color: transparent; transform: scale(1); }
}

.alert-item.alert-new {
    animation: scada-alert-flash 1.2s ease-out;
}

.param-value.is-updated {
    animation: scada-value-highlight 0.8s ease-out;
    border-radius: 6px;
}