/* =================================================================
   PDKS - Mobil Uyum (MINIMAL & GÜVENLİ)
   Bu dosya MudBlazor'un kendi layout/drawer/dialog mekanizmasına
   ASLA dokunmaz. Sadece görsel iyileştirmeler içerir.
   ================================================================= */

/* ============== TOUCH FRIENDLY (sadece çok küçük ekran) ============== */
@media (max-width: 600px) {
    /* Form alanları iOS otomatik zoom'unu önle */
    .mud-input-slot,
    .mud-input-root input {
        font-size: 16px !important;
    }

    /* Sayfa başlığı mobilde küçülsün */
    .mud-typography-h4 {
        font-size: 1.5rem !important;
    }

    /* KPI kartlardaki büyük rakamlar */
    .mud-typography-h3 {
        font-size: 2rem !important;
    }
}

/* ============== MATRIX GRID SMOOTH SCROLL ============== */
.timesheet-grid,
.shift-schedule-grid {
    -webkit-overflow-scrolling: touch;
}

/* ============== LOADING SKELETON ============== */
.skeleton-loading {
    background: linear-gradient(90deg,
        rgba(0,0,0,0.06) 25%,
        rgba(0,0,0,0.12) 50%,
        rgba(0,0,0,0.06) 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.5s infinite;
    border-radius: 4px;
}

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

.skeleton-text {
    height: 14px;
    margin: 4px 0;
}

.skeleton-text-lg {
    height: 24px;
    margin: 6px 0;
}

.skeleton-card {
    height: 100px;
    margin: 8px 0;
}

/* Karanlık temada skeleton */
.mud-theme-dark .skeleton-loading {
    background: linear-gradient(90deg,
        rgba(255,255,255,0.06) 25%,
        rgba(255,255,255,0.12) 50%,
        rgba(255,255,255,0.06) 75%);
    background-size: 200% 100%;
}

/* ============== ŞIK SCROLLBAR ============== */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0.35);
}

.mud-theme-dark ::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.2);
}

/* ============== PRINT (yazdırma) ============== */
@media print {
    .mud-appbar,
    .mud-drawer {
        display: none !important;
    }
}