/*
 * Go4Metin CRM - Additional Styles
 * Tailwind CDN handles most styling; this file is for extra animations and components.
 */

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse-soft {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.animate-fade-in {
    animation: fadeInUp 0.4s ease-out forwards;
}

.animate-pulse-soft {
    animation: pulse-soft 2s ease-in-out infinite;
}

.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }

.timeline-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #3b82f6;
    border: 2px solid #fff;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.2);
}

.timeline-line {
    position: absolute;
    left: 4px;
    top: 18px;
    bottom: -8px;
    width: 2px;
    background: linear-gradient(to bottom, #e2e8f0, transparent);
}