/* Circuit Breaker Animation Styles */

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

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-5px);
    }
    20%, 40%, 60%, 80% {
        transform: translateX(5px);
    }
}

.pulse-animation {
    animation: pulse 1.5s ease-in-out infinite;
}

.shake-animation {
    animation: shake 0.5s ease-in-out;
}

/* Smooth transitions */
#circuit-state {
    transition: all 0.3s ease-in-out;
}

#failure-progress {
    transition: width 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

/* Event log custom scrollbar */
#event-log::-webkit-scrollbar {
    width: 8px;
}

#event-log::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

#event-log::-webkit-scrollbar-thumb {
    background: #10b981;
    border-radius: 4px;
}

#event-log::-webkit-scrollbar-thumb:hover {
    background: #059669;
}

/* Button hover effects */
button {
    transition: all 0.2s ease-in-out;
}

button:active {
    transform: scale(0.95);
}