/* EF WA CRM - Animations & Transitions */

/* Spin Animation for Loading */
@keyframes ef-wa-crm-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Fade In Animation */
@keyframes ef-wa-crm-fade-in {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ef-wa-crm-fade-in {
    animation: ef-wa-crm-fade-in 0.3s ease-out;
}

/* Pulse animations for important badges */
@keyframes ef-wa-crm-pulse-success {
    0%, 100% {
        box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    50% {
        box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 0 0 4px rgba(37, 211, 102, 0);
    }
}

@keyframes ef-wa-crm-pulse-info {
    0%, 100% {
        box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 0 0 0 rgba(52, 152, 219, 0.7);
    }
    50% {
        box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 0 0 4px rgba(52, 152, 219, 0);
    }
}

@keyframes ef-wa-crm-pulse-warning {
    0%, 100% {
        box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 0 0 0 rgba(243, 156, 18, 0.7);
    }
    50% {
        box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 0 0 4px rgba(243, 156, 18, 0);
    }
}

/* Touch Support for Mobile */
.ef-wa-crm-touch-active {
    transform: scale(0.98);
    opacity: 0.8;
}