/* ═══════════════════════════════════════════════════════════
   KasifK12Net  —  Global Styles
   Tema: Lacivert #1B2A5E | Mor #5B2C8D | Turuncu #FF6B35
═══════════════════════════════════════════════════════════ */

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.18); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.32); }

/* Genel gövde */
html, body {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    scroll-behavior: smooth;
}

/* ─── Sidebar NavLink aktif vurgu ─────────────────────── */
.mud-nav-link.active {
    background: linear-gradient(90deg, rgba(255,107,53,0.15) 0%, transparent 100%) !important;
    border-left: 3px solid #FF6B35 !important;
    border-radius: 0 8px 8px 0 !important;
    font-weight: 600 !important;
}

/* ─── Kart hover efekti ───────────────────────────────── */
.mud-card {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.mud-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
}

/* ─── statistik Kart — Renkli sol bordür ─────────────── */
.stat-card-primary  { border-left: 4px solid #1B2A5E !important; }
.stat-card-orange   { border-left: 4px solid #FF6B35 !important; }
.stat-card-success  { border-left: 4px solid #26A65B !important; }
.stat-card-warning  { border-left: 4px solid #FF9500 !important; }
.stat-card-purple   { border-left: 4px solid #5B2C8D !important; }
.stat-card-info     { border-left: 4px solid #2196F3 !important; }

/* ─── Gradient Banner ─────────────────────────────────── */
.gradient-lacivert {
    background: linear-gradient(135deg, #1B2A5E 0%, #2E4080 50%, #FF6B35 100%);
}
.gradient-mor {
    background: linear-gradient(135deg, #5B2C8D 0%, #7B4FAF 50%, #FF6B35 100%);
}

/* ─── Sayfa başlık alanı ──────────────────────────────── */
.page-header {
    padding: 0 0 20px 0;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    margin-bottom: 24px;
}

/* ─── Tablo satır hover ───────────────────────────────── */
.mud-table-row:hover td {
    background: rgba(255,107,53,0.05) !important;
}

/* ─── MudChip küçük ──────────────────────────────────── */
.mud-chip-size-small {
    font-size: 11px !important;
    height: 22px !important;
    padding: 0 8px !important;
}

/* ─── Hata UI ────────────────────────────────────────── */
#blazor-error-ui {
    display: none;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    background: #E53935;
    color: white;
    padding: 12px 24px;
    text-align: center;
    z-index: 9999;
    font-size: 14px;
}

/* ─── Sayfa geçiş animasyonu ─────────────────────────── */
.mud-main-content {
    animation: fadeIn 0.22s ease;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0);   }
}