/* ============================================================
   Skeleton yükleme animasyonu. Tamamen eklemeli.
   assets/js/skeleton.js, tablolardaki ".table-loading" yükleniyor
   hücrelerini bu stildeki parıldayan (shimmer) placeholder satırlara
   dönüştürür. Gerçek veri geldiğinde ilgili sayfanın kendi JS'i
   tbody.innerHTML'i değiştirdiği için skeleton'lar kendiliğinden
   temizlenir — hiçbir mevcut JS dosyasına dokunulmaz.
   ============================================================ */

/* Iskelet renkleri degisken uzerinden verilir; sabit #e8ecf2 karanlik
   temada parlak gri bloklar olarak kaliyordu. */
:root {
    --skeleton-base: #e8ecf2;
    --skeleton-sheen: #f4f7fb;
}

html.dark-mode {
    --skeleton-base: #1f2a3f;
    --skeleton-sheen: #2c3a52;
}

.skeleton-row td {
    padding: 0.9rem 1.1rem;
    border-bottom: 1px solid var(--color-border);
}

.skeleton-bar {
    display: block;
    height: 14px;
    border-radius: 6px;
    background-color: var(--skeleton-base);
    background-image: linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-sheen) 50%, var(--skeleton-base) 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.4s ease-in-out infinite;
}

/* Satırdan satıra farklı genişlikler daha gerçekçi bir skeleton verir */
.skeleton-row:nth-child(odd) .skeleton-bar {
    width: 85%;
}
.skeleton-row:nth-child(even) .skeleton-bar {
    width: 70%;
}

/* Hasta kayıt "Son Hastalar" listesindeki yükleniyor öğesi */
.recent-loading {
    color: transparent !important;
    position: relative;
    min-height: 18px;
    border-radius: 6px;
    overflow: hidden;
    background-color: var(--skeleton-base);
    background-image: linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-sheen) 50%, var(--skeleton-base) 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.4s ease-in-out infinite;
}

@keyframes skeleton-shimmer {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Karanlık mod artık --skeleton-* değişkenleri üzerinden çalışıyor;
   buradaki ayrı html.dark-mode ezmesi ikinci bir doğruluk kaynağı
   oluşturduğu için kaldırıldı. */