/* Custom CSS for pulse animation and low-time warning */

.case-info {
    /* Tüm geçişleri yumuşak hale getirir */
    transition: all 0.3s ease-in-out;
}

.status-dot {
    /* Başlangıç gölgesi (şeffaf) */
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 1);
    /* Nabız animasyonunu başlat */
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        /* Başlangıç: Hafif opak yeşil gölge */
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    }
    70% {
        /* Genişleme: Gölge kaybolur */
        box-shadow: 0 0 0 10px rgba(16, 185, 129, 0);
    }
    100% {
        /* Bitiş: Tekrar sıfır gölgeye döner (döngü için) */
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
    }
}

/* Low time effect for countdown */
.time.low-time {
    /* Renk, Tailwind config'den danger-red olarak ayarlanmıştır */
    color: var(--tw-color-danger-red);
    /* Sayıyı büyüt */
    transform: scale(1.1);
    /* Tehlike animasyonunu başlat */
    animation: danger-pulse 1s infinite alternate;
}

/* low-time sınıfı içeren time elementine sahip bloğun arka planını değiştir */
.time-block:has(.low-time) {
    background-color: #fef2f2 !important; /* bg-red-50 karşılığı */
    border: 2px solid #fee2e2; /* border-red-200 karşılığı */
}

@keyframes danger-pulse {
    from { opacity: 1; }
    to { opacity: 0.7; }
}