/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.impersonation-bar[b-xxyy5pj583] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(135deg, #DC2626 0%, #991B1B 100%);
    color: white;
    padding: 10px 20px;
    font-size: 0.9rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
    z-index: 2000;
}

/* Menü Hover ve Aktiflik Efektleri (SchoolLayout ile Aynı) */
[b-xxyy5pj583] .rz-navigation-item-wrapper {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-left: 3px solid transparent;
    border-radius: 0 8px 8px 0;
}

    [b-xxyy5pj583] .rz-navigation-item-wrapper:hover {
        transform: translateX(6px);
        background: linear-gradient(90deg, rgba(41, 128, 185, 0.08) 0%, rgba(255, 255, 255, 0) 100%) !important;
        border-left: 3px solid #2980B9;
    }

[b-xxyy5pj583] .rz-navigation-item-active > .rz-navigation-item-link {
    background-color: #EFF6FF !important;
    border-left: 4px solid #2980B9 !important;
    color: #1E3A8A !important;
    font-weight: 800 !important;
    border-radius: 0 8px 8px 0;
}

    [b-xxyy5pj583] .rz-navigation-item-active > .rz-navigation-item-link .rz-navigation-item-icon {
        color: #2980B9 !important;
    }

/* --- PROFİL MENÜSÜ AÇILIR PENCERE (ZENGİNLEŞTİRİLMİŞ) --- */
[b-xxyy5pj583] .rz-profile-menu-content {
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    padding: 8px 0 !important;
    min-width: 220px !important;
    margin-top: 10px !important;
}

[b-xxyy5pj583] .rz-profile-menu-item {
    padding: 10px 20px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    transition: background-color 0.2s, color 0.2s !important;
}

    [b-xxyy5pj583] .rz-profile-menu-item:hover {
        background-color: #F8FAFC !important;
        color: #1E293B !important;
    }

[b-xxyy5pj583] .rz-profile-menu-item-icon {
    margin-right: 12px !important;
    font-size: 1.2rem !important;
}
/* /Components/Layout/AdminNotificationBell.razor.rz.scp.css */
.bildirim-kok[b-wc5bz06ihs] {
    position: relative;
    display: flex;
    align-items: center;
}

.bildirim-buton[b-wc5bz06ihs] {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1E3A8A 0%, #2980B9 100%);
    transition: all 0.2s ease;
}

    .bildirim-buton:hover[b-wc5bz06ihs] {
        background: #1E3A8A;
        transform: translateY(-1px);
    }

.bildirim-nokta[b-wc5bz06ihs] {
    position: absolute;
    top: 0;
    right: 0;
    color: white;
    font-size: 0.65rem;
    font-weight: 800;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border: 2.5px solid white;
}

    .bildirim-nokta.kritik[b-wc5bz06ihs] {
        background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
        animation: perplus-nabiz-b-wc5bz06ihs 1.8s ease-in-out infinite;
    }

    .bildirim-nokta.uyari[b-wc5bz06ihs] {
        background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
    }

.bildirim-panel[b-wc5bz06ihs] {
    position: absolute;
    top: 52px;
    right: 0;
    width: 380px;
    max-height: 480px;
    background-color: white;
    border-radius: 18px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
    border: 1px solid rgba(226, 232, 240, 0.8);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 1000;
    animation: perplus-belir-b-wc5bz06ihs 0.24s cubic-bezier(0.34, 1.56, 0.64, 1) both;
    transform-origin: top right;
}

.bildirim-panel-header[b-wc5bz06ihs] {
    padding: 16px 20px;
    font-weight: 800;
    font-size: 1rem;
    color: #1E293B;
    border-bottom: 1px solid #F1F5F9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
}

.bildirim-sayac[b-wc5bz06ihs] {
    background: linear-gradient(135deg, #1E3A8A 0%, #2980B9 100%);
    color: white;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.bildirim-liste[b-wc5bz06ihs] {
    flex: 1;
    overflow-y: auto;
}

    .bildirim-liste[b-wc5bz06ihs]::-webkit-scrollbar {
        width: 6px;
    }

    .bildirim-liste[b-wc5bz06ihs]::-webkit-scrollbar-thumb {
        background: #CBD5E1;
        border-radius: 3px;
    }

.bildirim-durum[b-wc5bz06ihs] {
    padding: 36px 20px;
    text-align: center;
    color: #94A3B8;
    font-size: 0.85rem;
}

.bildirim-bos[b-wc5bz06ihs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.bildirim-satir[b-wc5bz06ihs] {
    display: flex;
    gap: 13px;
    padding: 15px 18px;
    cursor: pointer;
    border-bottom: 1px solid #F5F7FA;
    border-left: 3px solid transparent;
    transition: all 0.2s ease;
    animation: perplus-belir-b-wc5bz06ihs 0.22s ease-out both;
}

    .bildirim-satir:hover[b-wc5bz06ihs] {
        background-color: #F8FAFC;
        border-left-width: 4px;
    }

    .bildirim-satir.kritik[b-wc5bz06ihs] {
        border-left-color: #EF4444;
    }

    .bildirim-satir.uyari[b-wc5bz06ihs] {
        border-left-color: #F59E0B;
    }

    .bildirim-satir.bilgi[b-wc5bz06ihs] {
        border-left-color: #3B82F6;
    }

.bildirim-ikon[b-wc5bz06ihs] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

    .bildirim-ikon.kritik[b-wc5bz06ihs] {
        background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
    }

    .bildirim-ikon.uyari[b-wc5bz06ihs] {
        background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
    }

    .bildirim-ikon.bilgi[b-wc5bz06ihs] {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }

.bildirim-icerik[b-wc5bz06ihs] {
    flex: 1;
    min-width: 0;
}

.bildirim-baslik[b-wc5bz06ihs] {
    font-weight: 700;
    font-size: 0.88rem;
    color: #1E293B;
    margin-bottom: 3px;
}

.bildirim-aciklama[b-wc5bz06ihs] {
    font-size: 0.8rem;
    color: #64748B;
    line-height: 1.4;
}

@keyframes perplus-belir-b-wc5bz06ihs {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes perplus-nabiz-b-wc5bz06ihs {
    0% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
    }

    70% {
        box-shadow: 0 0 0 6px rgba(239, 68, 68, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
}
/* /Components/Layout/ParentLayout.razor.rz.scp.css */
/* Genel Kapsayıcı */
.parent-layout-wrapper[b-fakdnjcbbt] {
    background-color: #FFFFFF;
    min-height: 100vh;
    width: 100vw !important;
    max-width: 100% !important;
    overflow-x: hidden;
    padding-bottom: 80px;
}

/* 🔥 RADZEN'İN İNATÇI GRID YAPISINI EZİP TAM EKRANA ZORLUYORUZ */
[b-fakdnjcbbt] .perplus-layout, [b-fakdnjcbbt] .rz-layout {
    width: 100vw !important;
    max-width: 100% !important;
    min-height: 100vh;
    display: block !important; /* Grid'i iptal et, blok yapısına dön */
}

/* Header'ı Tam Sündür */
[b-fakdnjcbbt] .rz-header {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #F1F5F9 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
    z-index: 100 !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    padding: 0 !important; /* Padding'i container'a bıraktık */
}

/* Body'nin İçeriğe Göre Daralmasını Engelle */
[b-fakdnjcbbt] .rz-body {
    width: 100% !important;
    padding: 0 !important;
}

/* 🔥 MASAÜSTÜNDE ORTALAMAYI SAĞLAYAN MERKEZİ KONTEYNER */
.perplus-container[b-fakdnjcbbt] {
    width: 100%;
    max-width: 1200px !important; /* Masaüstünde bu genişliği geçme */
    margin: 0 auto !important; /* Ekranın tam ortasına hizala */
    padding: 30px 40px;
}

/* --- MASAÜSTÜ ÜST MENÜ --- */
.desktop-nav[b-fakdnjcbbt] {
    display: flex;
    gap: 15px;
}

.desktop-nav-item[b-fakdnjcbbt] {
    text-decoration: none;
    color: #64748B;
    font-weight: 700;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 12px;
    transition: all 0.2s ease;
}

    .desktop-nav-item:hover[b-fakdnjcbbt] {
        background-color: #F8FAFC;
        color: #1E3A8A;
    }

    .desktop-nav-item.active[b-fakdnjcbbt] {
        color: #1E3A8A;
        background-color: #EFF6FF;
    }

/* --- MOBİL ALT MENÜ --- */
.bottom-nav[b-fakdnjcbbt] {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.08);
    border-top: 1px solid #F1F5F9;
    z-index: 2000;
    justify-content: space-around;
    padding: 8px 5px calc(8px + env(safe-area-inset-bottom));
}

.bottom-nav-item[b-fakdnjcbbt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #94A3B8;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 10px 0;
    border-radius: 12px;
    transition: all 0.2s ease;
    -webkit-tap-highlight-color: transparent;
}

    .bottom-nav-item i[b-fakdnjcbbt] {
        font-size: 1.6rem;
        margin-bottom: 4px;
    }

    .bottom-nav-item.active[b-fakdnjcbbt] {
        color: #2563EB;
    }

        .bottom-nav-item.active i[b-fakdnjcbbt] {
            transform: translateY(-2px);
        }

/* Profil Menüsü */
[b-fakdnjcbbt] .rz-profile-menu-content {
    border-radius: 14px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    border: 1px solid #E2E8F0 !important;
    padding: 8px 0 !important;
    min-width: 240px !important;
    margin-top: 12px !important;
}

[b-fakdnjcbbt] .rz-profile-menu-item {
    padding: 12px 20px !important;
    font-weight: 700 !important;
    color: #334155 !important;
}

/* RESPONSIVE KURALLAR */
@media (max-width: 768px) {
    .bottom-nav[b-fakdnjcbbt] {
        display: flex;
    }

    .desktop-nav[b-fakdnjcbbt] {
        display: none;
    }

    /* Mobilde ekranı daraltma, nizami boşluk bırak */
    .perplus-container[b-fakdnjcbbt] {
        padding: 20px 15px !important;
    }
}

@media (min-width: 769px) {
    .parent-layout-wrapper[b-fakdnjcbbt] {
        padding-bottom: 0;
    }
}
/* /Components/Layout/SchoolLayout.razor.rz.scp.css */
.impersonation-bar[b-b1mpvsjb5g] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(135deg, #DC2626 0%, #991B1B 100%);
    color: white;
    padding: 10px 20px;
    font-size: 0.9rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
    z-index: 2000;
}

/* Menü Hover ve Aktiflik Efektleri (SchoolLayout ile Aynı) */
[b-b1mpvsjb5g] .rz-navigation-item-wrapper {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-left: 3px solid transparent;
    border-radius: 0 8px 8px 0;
}

    [b-b1mpvsjb5g] .rz-navigation-item-wrapper:hover {
        transform: translateX(6px);
        background: linear-gradient(90deg, rgba(41, 128, 185, 0.08) 0%, rgba(255, 255, 255, 0) 100%) !important;
        border-left: 3px solid #2980B9;
    }

[b-b1mpvsjb5g] .rz-navigation-item-active > .rz-navigation-item-link {
    background-color: #EFF6FF !important;
    border-left: 4px solid #2980B9 !important;
    color: #1E3A8A !important;
    font-weight: 800 !important;
    border-radius: 0 8px 8px 0;
}

    [b-b1mpvsjb5g] .rz-navigation-item-active > .rz-navigation-item-link .rz-navigation-item-icon {
        color: #2980B9 !important;
    }

/* --- PROFİL MENÜSÜ AÇILIR PENCERE (ZENGİNLEŞTİRİLMİŞ) --- */
[b-b1mpvsjb5g] .rz-profile-menu-content {
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    padding: 8px 0 !important;
    min-width: 220px !important;
    margin-top: 10px !important;
}

[b-b1mpvsjb5g] .rz-profile-menu-item {
    padding: 10px 20px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    transition: background-color 0.2s, color 0.2s !important;
}

    [b-b1mpvsjb5g] .rz-profile-menu-item:hover {
        background-color: #F8FAFC !important;
        color: #1E293B !important;
    }

[b-b1mpvsjb5g] .rz-profile-menu-item-icon {
    margin-right: 12px !important;
    font-size: 1.2rem !important;
}
/* /Components/Pages/Admin/AdminAnnouncement/AnnouncementForm.razor.rz.scp.css */
/* ==========================================================================
   DUYURU FORMU — PREMIUM BLAZOR CSS İZOLASYONU
   ========================================================================== */
[b-vms34cwfrx] .rz-form-field {
    background-color: #F8FAFC !important;
}

@keyframes shake-b-vms34cwfrx {
    0%, 100% {
        transform: translateX(0);
    }

    20%, 60% {
        transform: translateX(-6px);
    }

    40%, 80% {
        transform: translateX(6px);
    }
}

.form-shake[b-vms34cwfrx] {
    animation: shake-b-vms34cwfrx 0.4s cubic-bezier(.36,.07,.19,.97) both;
}

[b-vms34cwfrx] .rz-dropdown-label {
    font-weight: 600 !important;
    color: #334155 !important;
}
/* /Components/Pages/Admin/AdminAnnouncement/Announcements.razor.rz.scp.css */
/* ♿ KONTRAST NOTU: soluk metinler #94A3B8 -> #64748B (WCAG AA 4.5:1).
   Dekoratif ikonlarda #94A3B8/#CBD5E1 korunur (metin değil). */
/* ==========================================================================
   DUYURU MERKEZİ — PREMIUM BLAZOR CSS İZOLASYONU
   ========================================================================== */
[b-8ede6eodk0] .perplus-premium-grid {
    background-color: white !important;
}

    /* 🔥 Başlıklar daha ölçülü, zarif ve okunabilir hale getirildi */
    [b-8ede6eodk0] .perplus-premium-grid .rz-grid-table thead th {
        background-color: #F8FAFC !important;
        color: #475569 !important;
        font-weight: 700 !important;
        letter-spacing: 0.3px;
        border-bottom: 2px solid #E2E8F0 !important;
        text-transform: none !important; /* Global app.css ezildi */
        font-size: 13px !important; /* Global app.css ezildi */
        padding: 14px 16px !important;
        border: none !important;
    }

    [b-8ede6eodk0] .perplus-premium-grid .rz-grid-table tbody tr {
        transition: all 0.2s;
    }

        [b-8ede6eodk0] .perplus-premium-grid .rz-grid-table tbody tr:hover {
            background-color: #F8FAFC !important;
        }

    [b-8ede6eodk0] .perplus-premium-grid .rz-grid-table tbody td {
        border: none !important;
        border-bottom: 1px solid #F1F5F9 !important;
        padding: 14px 14px;
    }

/* --- KPI KARTLARI --- */
.kpi-row[b-8ede6eodk0] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

/* --- ARAÇ ÇUBUĞU --- */
.ann-toolbar[b-8ede6eodk0] {
    background: white;
    padding: 12px 16px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02);
    border: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
}

.toolbar-search[b-8ede6eodk0] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 2px 10px;
    width: 300px;
    max-width: 100%;
    transition: all 0.2s ease;
}

    .toolbar-search:focus-within[b-8ede6eodk0] {
        border-color: #3B82F6;
        box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12);
        background: white;
    }

[b-8ede6eodk0] .toolbar-search .rz-textbox {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 600;
}

[b-8ede6eodk0] .ann-toolbar .rz-dropdown {
    border-radius: 8px !important;
    font-weight: 600;
    border-color: #CBD5E1 !important;
}

.ann-sayaci[b-8ede6eodk0] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #64748B;
    white-space: nowrap;
}

/* --- ÖNEM ROZETLERİ --- */
.onem-badge[b-8ede6eodk0] {
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 800;
    font-size: 0.8rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

.onem-1[b-8ede6eodk0] {
    background-color: #EFF6FF;
    color: #2563EB;
    border: 1px solid #BFDBFE;
}

.onem-2[b-8ede6eodk0] {
    background-color: #FFFBEB;
    color: #D97706;
    border: 1px solid #FDE68A;
}

.onem-3[b-8ede6eodk0] {
    background-color: #FEF2F2;
    color: #DC2626;
    border: 1px solid #FCA5A5;
}

/* --- DURUM ROZETLERİ --- */
.badge[b-8ede6eodk0] {
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 700;
    display: inline-block;
}

.badge-active[b-8ede6eodk0] {
    background: #ECFDF5;
    color: #065F46;
}

.badge-passive[b-8ede6eodk0] {
    background: #FEF3C7;
    color: #92400E;
}

.badge-expired[b-8ede6eodk0] {
    background: #F1F5F9;
    color: #64748B;
    text-decoration: line-through;
}

/* --- GENİŞLETİLEBİLİR İÇERİK DETAYI --- */
.ann-detay[b-8ede6eodk0] {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 18px 20px;
    margin: 4px 8px 8px 8px;
    animation: perplus-belir 0.25s ease-out both;
}

.ann-detay-baslik[b-8ede6eodk0] {
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #64748B;
    margin-bottom: 8px;
}

.ann-detay-icerik[b-8ede6eodk0] {
    font-size: 0.92rem;
    color: #1E293B;
    line-height: 1.6;
    white-space: pre-wrap;
    word-break: break-word;
}

.ann-detay-meta[b-8ede6eodk0] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px dashed #CBD5E1;
    font-size: 0.82rem;
    font-weight: 600;
    color: #64748B;
}

    .ann-detay-meta span[b-8ede6eodk0] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }

/* --- BOŞ DURUM --- */
.grid-empty[b-8ede6eodk0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 56px 20px;
    text-align: center;
}

.grid-empty-baslik[b-8ede6eodk0] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #475569;
    margin-top: 4px;
}

.grid-empty-alt[b-8ede6eodk0] {
    font-size: 0.88rem;
    color: #64748B;
    max-width: 400px;
    line-height: 1.5;
}

/* --- RESPONSIVE --- */
@media (max-width: 1200px) {
    .kpi-row[b-8ede6eodk0] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .kpi-row[b-8ede6eodk0] {
        grid-template-columns: 1fr;
    }

    .toolbar-search[b-8ede6eodk0] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/AdminDashboard/AdminDashboard.razor.rz.scp.css */
/* Dashboard KPI için sadece sayfa özel modifikasyonlar */
.kpi-card.uyari[b-zyh4gcajuf] {
    background: linear-gradient(135deg, #FFFFFF 0%, #FFFBEB 100%);
    border-color: #FDE68A;
}

    .kpi-card.uyari:hover[b-zyh4gcajuf] {
        box-shadow: 0 12px 25px rgba(245, 158, 11, 0.15);
    }

.dash-grid[b-zyh4gcajuf] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
}

[b-zyh4gcajuf] .dash-panel {
    background: white !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: var(--golge-yumusak) !important;
    transition: var(--gecis);
    animation: perplus-belir 0.45s ease-out both;
}

    [b-zyh4gcajuf] .dash-panel:hover {
        box-shadow: var(--golge-orta) !important;
    }

.dash-panel-title[b-zyh4gcajuf] {
    font-weight: 800;
    color: #1E293B;
    font-size: 1.1rem;
}

.panel-link[b-zyh4gcajuf] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #2980B9;
    cursor: pointer;
    transition: var(--gecis);
}

    .panel-link:hover[b-zyh4gcajuf] {
        color: #1E3A8A;
        text-decoration: underline;
    }

.log-satir[b-zyh4gcajuf] {
    display: grid;
    grid-template-columns: 100px 1fr 100px;
    gap: 12px;
    padding: 12px 10px;
    border-bottom: 1px solid #F8FAFC;
    align-items: center;
    font-size: 0.88rem;
    border-radius: 8px;
    transition: background-color 0.2s;
}

    .log-satir:hover[b-zyh4gcajuf] {
        background-color: #F8FAFC;
    }

    .log-satir:last-child[b-zyh4gcajuf] {
        border-bottom: none;
    }

.log-eylem[b-zyh4gcajuf] {
    text-align: left;
}

.log-eylem-chip[b-zyh4gcajuf] {
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 800;
}

    .log-eylem-chip.eylem-ekle[b-zyh4gcajuf] {
        background-color: #ECFDF5;
        color: #059669;
    }

    .log-eylem-chip.eylem-guncelle[b-zyh4gcajuf] {
        background-color: #EFF6FF;
        color: #2563EB;
    }

    .log-eylem-chip.eylem-sil[b-zyh4gcajuf] {
        background-color: #FEF2F2;
        color: #DC2626;
    }

    .log-eylem-chip.eylem-diger[b-zyh4gcajuf] {
        background-color: #F1F5F9;
        color: var(--metin-soluk);
    }

.log-orta[b-zyh4gcajuf] {
    min-width: 0;
}

.log-detay[b-zyh4gcajuf] {
    color: #475569;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.log-meta[b-zyh4gcajuf] {
    color: var(--metin-soluk);
    font-size: 0.72rem;
    font-weight: 600;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.log-zaman[b-zyh4gcajuf] {
    color: var(--metin-soluk);
    font-size: 0.8rem;
    text-align: right;
    font-weight: 600;
}

.paket-blok[b-zyh4gcajuf] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.paket-ust[b-zyh4gcajuf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #334155;
    font-weight: 700;
    font-size: 0.95rem;
}

.paket-nokta[b-zyh4gcajuf] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.paket-adet[b-zyh4gcajuf] {
    font-weight: 900;
    color: #1E3A8A;
    background-color: #EFF6FF;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
}

.paket-bar-track[b-zyh4gcajuf] {
    width: 100%;
    height: 8px;
    background-color: #F1F5F9;
    border-radius: 6px;
    overflow: hidden;
}

.paket-bar-fill[b-zyh4gcajuf] {
    height: 100%;
    border-radius: 6px;
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.destek-uyari[b-zyh4gcajuf] {
    padding: 16px;
    background: linear-gradient(90deg, #EFF6FF 0%, #DBEAFE 100%);
    border-radius: 12px;
    color: #1E3A8A;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    border-left: 4px solid #3B82F6;
    box-shadow: 0 4px 10px rgba(59, 130, 246, 0.1);
}

@keyframes pulse-border-b-zyh4gcajuf {
    0% {
        box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);
    }

    70% {
        box-shadow: 0 0 0 6px rgba(59, 130, 246, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
    }
}

.dash-empty[b-zyh4gcajuf] {
    color: var(--metin-soluk);
    text-align: center;
    padding: 40px 20px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .dash-grid[b-zyh4gcajuf] {
        grid-template-columns: 1fr;
    }

    .log-satir[b-zyh4gcajuf] {
        grid-template-columns: 80px 1fr;
    }

    .log-zaman[b-zyh4gcajuf] {
        display: none;
    }
}
/* /Components/Pages/Admin/AdminDevice/AdminDeviceForm.razor.rz.scp.css */
/* ==========================================================================
   CİHAZ FORMU — PREMIUM BLAZOR CSS İZOLASYONU
   ========================================================================== */
[b-jvhkmy5ynw] .rz-form-field {
    background-color: #F8FAFC !important;
}

@keyframes shake-b-jvhkmy5ynw {
    0%, 100% {
        transform: translateX(0);
    }

    20%, 60% {
        transform: translateX(-6px);
    }

    40%, 80% {
        transform: translateX(6px);
    }
}

.form-shake[b-jvhkmy5ynw] {
    animation: shake-b-jvhkmy5ynw 0.4s cubic-bezier(.36,.07,.19,.97) both;
}

[b-jvhkmy5ynw] .rz-dropdown-label {
    font-weight: 600 !important;
    color: #334155 !important;
}
/* /Components/Pages/Admin/AdminDevice/AdminDevices.razor.rz.scp.css */
/* ♿ KONTRAST NOTU: soluk metinler #94A3B8 -> #64748B (WCAG AA 4.5:1).
   Dekoratif ikonlarda #94A3B8/#CBD5E1 korunur (metin değil). */
/* ==========================================================================
   CİHAZ HAVUZU (GRID & TOOLBAR) — PREMIUM BLAZOR CSS İZOLASYONU
   ========================================================================== */
[b-4k079rl1ja] .perplus-premium-grid {
    background-color: white !important;
}

    /* 🔥 Başlıklar daha ölçülü, zarif ve okunabilir hale getirildi */
    [b-4k079rl1ja] .perplus-premium-grid .rz-grid-table thead th {
        background-color: #F8FAFC !important;
        color: #475569 !important;
        font-weight: 700 !important;
        letter-spacing: 0.3px;
        border-bottom: 2px solid #E2E8F0 !important;
        text-transform: none !important; /* Global app.css ezildi */
        font-size: 13px !important; /* Global app.css ezildi */
        padding: 14px 16px !important;
        border: none !important;
    }

    [b-4k079rl1ja] .perplus-premium-grid .rz-grid-table tbody tr {
        transition: all 0.2s;
    }

        [b-4k079rl1ja] .perplus-premium-grid .rz-grid-table tbody tr:hover {
            background-color: #F8FAFC !important;
        }

    [b-4k079rl1ja] .perplus-premium-grid .rz-grid-table tbody td {
        border: none !important;
        border-bottom: 1px solid #F1F5F9 !important;
        padding: 14px 14px;
    }

/* --- KPI KARTLARI --- */
.kpi-row[b-4k079rl1ja] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

.kpi-alt[b-4k079rl1ja] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #10B981;
    margin-top: 4px;
}

/* --- ARAÇ ÇUBUĞU --- */
.dev-toolbar[b-4k079rl1ja] {
    background: white;
    padding: 12px 16px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02);
    border: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
}

.toolbar-search[b-4k079rl1ja] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 2px 10px;
    width: 320px;
    max-width: 100%;
    transition: all 0.2s ease;
}

    .toolbar-search:focus-within[b-4k079rl1ja] {
        border-color: #3B82F6;
        box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12);
        background: white;
    }

[b-4k079rl1ja] .toolbar-search .rz-textbox {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 600;
}

[b-4k079rl1ja] .dev-toolbar .rz-dropdown {
    border-radius: 8px !important;
    border-color: #CBD5E1 !important;
    font-weight: 600;
}

/* Araç çubuğu sağ tarafı için sayaç */
.dev-sonuc-sayaci[b-4k079rl1ja] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #64748B;
    white-space: nowrap;
}

/* --- AKTİF / PASİF ROZETİ --- */
.dev-durum[b-4k079rl1ja] {
    padding: 3px 12px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 800;
    display: inline-block;
}

    .dev-durum.dev-aktif[b-4k079rl1ja] {
        background: #ECFDF5;
        color: #059669;
    }

    .dev-durum.dev-pasif[b-4k079rl1ja] {
        background: #F1F5F9;
        color: #64748B;
    }

/* --- GENİŞLETİLEBİLİR DETAY SATIRI --- */
.dev-detay[b-4k079rl1ja] {
    padding: 4px 8px 8px 8px;
    animation: perplus-belir 0.25s ease-out both;
}

.dev-detay-grid[b-4k079rl1ja] {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 18px 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 18px 24px;
}

.detay-alan[b-4k079rl1ja] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.detay-etiket[b-4k079rl1ja] {
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #64748B;
}

.detay-deger[b-4k079rl1ja] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #1E293B;
    word-break: break-word;
}

/* --- BOŞ DURUM --- */
.grid-empty[b-4k079rl1ja] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 56px 20px;
    text-align: center;
}

.grid-empty-baslik[b-4k079rl1ja] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #475569;
    margin-top: 4px;
}

.grid-empty-alt[b-4k079rl1ja] {
    font-size: 0.88rem;
    color: #64748B;
    max-width: 400px;
    line-height: 1.5;
}

/* --- RESPONSIVE --- */
@media (max-width: 1200px) {
    .kpi-row[b-4k079rl1ja] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .kpi-row[b-4k079rl1ja] {
        grid-template-columns: 1fr;
    }

    .toolbar-search[b-4k079rl1ja] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/Licens/LicenseForm.razor.rz.scp.css */
/* ==========================================================================
   LİSANS FORMU — PREMIUM BLAZOR CSS İZOLASYONU
   ========================================================================== */
[b-c8p4kwtfzx] .rz-form-field {
    background-color: #F8FAFC !important;
}

.lic-okul[b-c8p4kwtfzx] {
    font-weight: 900;
    color: #1E3A8A;
    font-size: 1.2rem;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.hizli-butonlar[b-c8p4kwtfzx] {
    display: flex;
    gap: 10px;
    margin-top: 5px;
}

[b-c8p4kwtfzx] .hizli-butonlar .rz-button {
    flex: 1;
    border-radius: 6px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    background-color: #F1F5F9 !important;
    border: 1px solid #E2E8F0 !important;
    transition: all 0.2s ease;
}

    [b-c8p4kwtfzx] .hizli-butonlar .rz-button:hover {
        background-color: #E2E8F0 !important;
        color: #1E293B !important;
    }

/* --- CANLI KALAN GÜN ÖNİZLEMESİ --- */
.kalan-onizleme[b-c8p4kwtfzx] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    animation: perplus-belir 0.25s ease-out both;
}

    .kalan-onizleme.onizleme-normal[b-c8p4kwtfzx] {
        background: #ECFDF5;
        color: #059669;
        border: 1px solid #A7F3D0;
    }

    .kalan-onizleme.onizleme-uyari[b-c8p4kwtfzx] {
        background: #FFFBEB;
        color: #D97706;
        border: 1px solid #FDE68A;
    }

    .kalan-onizleme.onizleme-kritik[b-c8p4kwtfzx] {
        background: #FEF2F2;
        color: #DC2626;
        border: 1px solid #FECACA;
    }
/* /Components/Pages/Admin/Licens/Licenses.razor.rz.scp.css */
/* ♿ KONTRAST NOTU: soluk metinler #94A3B8 -> #64748B (WCAG AA 4.5:1).
   Dekoratif ikonlarda #94A3B8/#CBD5E1 korunur (metin değil). */
/* ==========================================================================
   LİSANS HAVUZU (KPI & GRID) — PREMIUM BLAZOR CSS İZOLASYONU
   ========================================================================== */
[b-v96eiwd503] .perplus-premium-grid {
    background-color: white !important;
}

    [b-v96eiwd503] .perplus-premium-grid .rz-grid-table thead th {
        background-color: white !important;
        color: #475569 !important;
        font-weight: 700 !important;
        letter-spacing: 0.3px;
        border-bottom: 2px solid #E2E8F0 !important;
        text-transform: none !important; /* Global app.css ezildi */
        font-size: 13px !important; /* Global app.css ezildi */
        padding: 14px 16px !important;
        border: none !important;
    }

    [b-v96eiwd503] .perplus-premium-grid .rz-grid-table tbody tr {
        transition: all 0.2s;
    }

        [b-v96eiwd503] .perplus-premium-grid .rz-grid-table tbody tr:hover {
            background-color: #F8FAFC !important;
        }

    [b-v96eiwd503] .perplus-premium-grid .rz-grid-table tbody td {
        border: none !important;
        border-bottom: 1px solid #F1F5F9 !important;
        padding: 14px 14px;
    }

/* --- KPI KARTLARI (4'lü) --- */
.kpi-row[b-v96eiwd503] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

/* --- ARAÇ ÇUBUĞU --- */
.lic-toolbar[b-v96eiwd503] {
    background: white;
    padding: 12px 16px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02);
    border: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
}

.toolbar-search[b-v96eiwd503] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 2px 10px;
    width: 340px;
    max-width: 100%;
    transition: all 0.2s ease;
}

    .toolbar-search:focus-within[b-v96eiwd503] {
        border-color: #3B82F6;
        box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12);
        background: white;
    }

[b-v96eiwd503] .toolbar-search .rz-textbox {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 600;
}

[b-v96eiwd503] .lic-toolbar .rz-dropdown {
    border-radius: 8px !important;
    font-weight: 600;
    border-color: #CBD5E1 !important;
}

.lic-sonuc-sayaci[b-v96eiwd503] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #64748B;
    white-space: nowrap;
}

/* --- LİSANS ANAHTARI (kopyalanabilir) --- */
.lisans-anahtar[b-v96eiwd503] {
    display: inline-flex;
    align-items: center;
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    padding: 4px 10px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .lisans-anahtar:hover[b-v96eiwd503] {
        background-color: #EFF6FF;
        border-color: #BFDBFE;
    }

.anahtar-metin[b-v96eiwd503] {
    font-family: 'Consolas', 'Menlo', monospace;
    font-weight: 600;
    color: #475569;
    letter-spacing: 1px;
}

/* --- BİTİŞ HÜCRESİ + KALAN GÜN ROZETİ --- */
.lisans-hucre[b-v96eiwd503] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.lisans-tarih[b-v96eiwd503] {
    font-weight: 700;
    font-size: 0.9rem;
    color: #334155;
}

    .lisans-tarih.tarih-dolu[b-v96eiwd503] {
        color: #DC2626;
    }

.lisans-rozet[b-v96eiwd503] {
    font-size: 0.68rem;
    font-weight: 800;
    padding: 2px 9px;
    border-radius: 20px;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

    .lisans-rozet.lisans-normal[b-v96eiwd503] {
        background: #ECFDF5;
        color: #059669;
    }

    .lisans-rozet.lisans-uyari[b-v96eiwd503] {
        background: #FFFBEB;
        color: #D97706;
    }

    .lisans-rozet.lisans-kritik[b-v96eiwd503] {
        background: #FEF2F2;
        color: #DC2626;
    }

    .lisans-rozet.lisans-doldu[b-v96eiwd503] {
        background: #DC2626;
        color: white;
    }

/* --- BOŞ DURUM --- */
.grid-empty[b-v96eiwd503] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 56px 20px;
    text-align: center;
}

.grid-empty-baslik[b-v96eiwd503] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #475569;
    margin-top: 4px;
}

.grid-empty-alt[b-v96eiwd503] {
    font-size: 0.88rem;
    color: #64748B;
    max-width: 380px;
    line-height: 1.5;
}

/* --- RESPONSIVE --- */
@media (max-width: 1200px) {
    .kpi-row[b-v96eiwd503] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .kpi-row[b-v96eiwd503] {
        grid-template-columns: 1fr;
    }

    .toolbar-search[b-v96eiwd503] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/Security/AuditHub.razor.rz.scp.css */
/* ♿ KONTRAST NOTU: soluk metinler #94A3B8 -> #64748B (WCAG AA 4.5:1).
   Dekoratif ikonlarda #94A3B8/#CBD5E1 korunur (metin değil). */
/* ==========================================================================
   DENETİM MERKEZİ (SEKMELER, KPI & GRID) — PREMIUM BLAZOR CSS İZOLASYONU
   ========================================================================== */
[b-o69wbykj9l] .perplus-premium-grid {
    background-color: white !important;
}

    /* 🔥 Başlıklar daha ölçülü, zarif ve okunabilir hale getirildi */
    [b-o69wbykj9l] .perplus-premium-grid .rz-grid-table thead th {
        background-color: #F8FAFC !important;
        color: #475569 !important;
        font-weight: 700 !important;
        letter-spacing: 0.3px;
        border-bottom: 2px solid #E2E8F0 !important;
        text-transform: none !important; /* Global app.css ezildi */
        font-size: 13px !important; /* Global app.css ezildi */
        padding: 14px 16px !important;
        border: none !important;
    }

    [b-o69wbykj9l] .perplus-premium-grid .rz-grid-table tbody tr {
        transition: all 0.2s;
    }

        [b-o69wbykj9l] .perplus-premium-grid .rz-grid-table tbody tr:hover {
            background-color: #F8FAFC !important;
        }

    [b-o69wbykj9l] .perplus-premium-grid .rz-grid-table tbody td {
        border: none !important;
        border-bottom: 1px solid #F1F5F9 !important;
        padding: 14px 14px;
    }

/* --- SEKMELER --- */
[b-o69wbykj9l] .rz-tabview-nav {
    background: white !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 6px 6px 0 6px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02);
}

    [b-o69wbykj9l] .rz-tabview-nav li a {
        font-weight: 700 !important;
        color: #64748B !important;
        border-radius: 8px 8px 0 0 !important;
        padding: 14px 22px !important;
        transition: all 0.2s ease;
    }

    [b-o69wbykj9l] .rz-tabview-nav li:not(.rz-tabview-selected) a:hover {
        background-color: #F8FAFC !important;
        color: #334155 !important;
    }

    [b-o69wbykj9l] .rz-tabview-nav li.rz-tabview-selected a {
        color: #1E3A8A !important;
        background-color: #EFF6FF !important;
        border-bottom: 3px solid #2980B9 !important;
        font-weight: 800 !important;
    }

[b-o69wbykj9l] .rz-tabview-panels {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.sekme-govde[b-o69wbykj9l] {
    padding-top: 22px;
    animation: perplus-belir 0.35s ease-out both;
}

.sekme-rozet[b-o69wbykj9l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    margin-left: 8px;
    border-radius: 10px;
    background: linear-gradient(135deg, #EF4444 0%, #F87171 100%);
    color: white;
    font-size: 0.7rem;
    font-weight: 800;
    vertical-align: middle;
}

/* Canlı izleme yanıp sönen nokta */
[b-o69wbykj9l] .canli-nokta {
    animation: canli-yanip-son-b-o69wbykj9l 1.6s ease-in-out infinite;
}

@keyframes canli-yanip-son-b-o69wbykj9l {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.25;
    }
}

/* --- KPI KARTLARI --- */
.kpi-row[b-o69wbykj9l] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

    /* Yetkisiz erişim varsa kart dikkat çeker */
    .kpi-card.kpi-tehlike[b-o69wbykj9l] {
        background: linear-gradient(135deg, #FFFFFF 0%, #FEF2F2 100%);
        border-color: #FECACA;
    }

/* --- ARAÇ ÇUBUĞU --- */
.audit-toolbar[b-o69wbykj9l] {
    background: white;
    padding: 12px 16px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02);
    border: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.toolbar-search[b-o69wbykj9l] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 2px 10px;
    width: 280px;
    max-width: 100%;
    transition: all 0.2s ease;
}

    .toolbar-search:focus-within[b-o69wbykj9l] {
        border-color: #3B82F6;
        box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12);
        background: white;
    }

[b-o69wbykj9l] .toolbar-search .rz-textbox {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 600;
}

[b-o69wbykj9l] .audit-toolbar .rz-datepicker,
[b-o69wbykj9l] .audit-toolbar .rz-dropdown {
    border-radius: 8px !important;
    font-weight: 600;
    border-color: #CBD5E1 !important;
}

.audit-sayaci[b-o69wbykj9l] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #64748B;
    white-space: nowrap;
}

/* --- EYLEM ROZETLERİ --- */
.eylem-badge[b-o69wbykj9l] {
    padding: 4px 12px;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.3px;
    display: inline-block;
}

    .eylem-badge.ekle[b-o69wbykj9l] {
        background: #ECFDF5;
        color: #065F46;
        border: 1px solid #A7F3D0;
    }

    .eylem-badge.guncelle[b-o69wbykj9l] {
        background: #FFFBEB;
        color: #92400E;
        border: 1px solid #FDE68A;
    }

    .eylem-badge.sil[b-o69wbykj9l] {
        background: #FEF2F2;
        color: #991B1B;
        border: 1px solid #FECACA;
    }

    .eylem-badge.ihlal[b-o69wbykj9l] {
        background: #FDF2F8;
        color: #9D174D;
        border: 1px solid #FBCFE8;
        animation: pulse-red-b-o69wbykj9l 2s infinite;
    }

    .eylem-badge.diger[b-o69wbykj9l] {
        background: #F8FAFC;
        color: #475569;
        border: 1px solid #E2E8F0;
    }

@keyframes pulse-red-b-o69wbykj9l {
    0% {
        box-shadow: 0 0 0 0 rgba(157, 23, 77, 0.4);
    }

    70% {
        box-shadow: 0 0 0 6px rgba(157, 23, 77, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(157, 23, 77, 0);
    }
}

/* --- BOŞ DURUM --- */
.grid-empty[b-o69wbykj9l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 56px 20px;
    text-align: center;
}

.grid-empty-baslik[b-o69wbykj9l] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #475569;
    margin-top: 4px;
}

.grid-empty-alt[b-o69wbykj9l] {
    font-size: 0.88rem;
    color: #64748B;
    max-width: 420px;
    line-height: 1.5;
}

/* --- RESPONSIVE --- */
@media (max-width: 1200px) {
    .kpi-row[b-o69wbykj9l] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .kpi-row[b-o69wbykj9l] {
        grid-template-columns: 1fr;
    }

    .toolbar-search[b-o69wbykj9l] {
        width: 100%;
    }

    [b-o69wbykj9l] .rz-tabview-nav li a {
        padding: 12px 14px !important;
        font-size: 0.85rem !important;
    }
}
/* /Components/Pages/Admin/Security/LogDetailDialog.razor.rz.scp.css */
/* ==========================================================================
   LOG DETAY MODALI (JSON DIFF) — PREMIUM CSS İZOLASYONU
   ========================================================================== */
.log-detay[b-7b2i94iyqd] {
    padding: 10px;
}

/* Üst Bilgi Kartları */
.log-ust[b-7b2i94iyqd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02);
}

.log-satir-bilgi[b-7b2i94iyqd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 12px;
    background: #F8FAFC;
    border-radius: 8px;
    border: 1px solid #F1F5F9;
}

    .log-satir-bilgi.tam[b-7b2i94iyqd] {
        grid-column: 1 / -1;
    }

.lb-etiket[b-7b2i94iyqd] {
    font-size: 0.75rem;
    color: #64748B;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.lb-deger[b-7b2i94iyqd] {
    font-size: 0.95rem;
    color: #1E293B;
    font-weight: 700;
    word-break: break-word;
}

/* Değişim Tablosu (Diff) */
.degisim-baslik[b-7b2i94iyqd] {
    font-weight: 900;
    color: #1E3A8A;
    font-size: 1.1rem;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.degisim-sayac[b-7b2i94iyqd] {
    font-size: 0.72rem;
    font-weight: 800;
    color: #2563EB;
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    padding: 3px 10px;
    border-radius: 20px;
    margin-left: auto;
}

.json-yok[b-7b2i94iyqd] {
    text-align: center;
    padding: 40px;
    color: #94A3B8;
    background: #F8FAFC;
    border-radius: 12px;
    font-size: 0.95rem;
    font-weight: 600;
    border: 1px dashed #CBD5E1;
}

.degisim-tablo[b-7b2i94iyqd] {
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 24px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02);
}

.dt-baslik[b-7b2i94iyqd] {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1.2fr;
    background: #F8FAFC;
    padding: 12px 16px;
    font-size: 0.8rem;
    font-weight: 800;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #E2E8F0;
}

.dt-satir[b-7b2i94iyqd] {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1.2fr;
    padding: 12px 16px;
    border-bottom: 1px solid #F1F5F9;
    font-size: 0.9rem;
    align-items: center;
    background: white;
}

    .dt-satir:last-child[b-7b2i94iyqd] {
        border-bottom: none;
    }

.dt-alan[b-7b2i94iyqd] {
    font-weight: 800;
    color: #1E293B;
}

.dt-eski[b-7b2i94iyqd] {
    color: #991B1B;
    background: #FEF2F2;
    padding: 4px 10px;
    border-radius: 6px;
    margin-right: 12px;
    word-break: break-word;
    border: 1px solid #FECACA;
    font-weight: 600;
}

.dt-yeni[b-7b2i94iyqd] {
    color: #065F46;
    background: #ECFDF5;
    padding: 4px 10px;
    border-radius: 6px;
    word-break: break-word;
    border: 1px solid #A7F3D0;
    font-weight: 600;
}

/* Yan Yana JSON Kutuları */
.json-grid[b-7b2i94iyqd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.json-kutu[b-7b2i94iyqd] {
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    overflow: hidden;
    background: white;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02);
}

.json-baslik[b-7b2i94iyqd] {
    padding: 12px 16px;
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .json-baslik.eski[b-7b2i94iyqd] {
        background: #FEF2F2;
        color: #991B1B;
        border-bottom: 1px solid #FECACA;
    }

    .json-baslik.yeni[b-7b2i94iyqd] {
        background: #ECFDF5;
        color: #065F46;
        border-bottom: 1px solid #A7F3D0;
    }

.json-kutu pre[b-7b2i94iyqd] {
    margin: 0;
    padding: 16px;
    font-size: 0.8rem;
    font-family: 'Consolas', 'Monaco', monospace;
    color: #334155;
    background: #FAFBFC;
    max-height: 280px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
}

    /* Scrollbar pre etiketleri için inceltildi */
    .json-kutu pre[b-7b2i94iyqd]::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .json-kutu pre[b-7b2i94iyqd]::-webkit-scrollbar-thumb {
        background: #CBD5E1;
        border-radius: 3px;
    }

.log-detay .form-actions[b-7b2i94iyqd] {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #E2E8F0;
}

/* Mobil: bilgi kartları ve JSON kutuları tek sütuna iner */
@media (max-width: 768px) {
    .log-ust[b-7b2i94iyqd] {
        grid-template-columns: 1fr;
    }

    .json-grid[b-7b2i94iyqd] {
        grid-template-columns: 1fr;
    }

    .dt-baslik[b-7b2i94iyqd],
    .dt-satir[b-7b2i94iyqd] {
        grid-template-columns: 1fr;
        gap: 6px;
    }
}
/* /Components/Pages/Admin/Setting/Settings.razor.rz.scp.css */
[b-6xxu1clhfc] .rz-form-field {
    background-color: #F8FAFC !important;
}

.settings-card[b-6xxu1clhfc] {
    background: white;
    border-radius: 16px;
    border: 1px solid #E2E8F0;
    padding: 24px;
    box-shadow: var(--golge-yumusak);
    transition: var(--gecis);
    animation: perplus-belir 0.4s ease-out both;
}

    .settings-card:hover[b-6xxu1clhfc] {
        box-shadow: var(--golge-orta);
        border-color: #CBD5E1;
    }

    .settings-card.maintenance-active[b-6xxu1clhfc] {
        background: linear-gradient(135deg, #FFFFFF 0%, #FEF2F2 100%);
        border-color: #FCA5A5;
        box-shadow: 0 12px 25px rgba(239, 68, 68, 0.1);
    }

.card-title[b-6xxu1clhfc] {
    font-weight: 800;
    color: #1E293B;
    font-size: 1.15rem;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.title-icon[b-6xxu1clhfc] {
    color: #2980B9;
    font-size: 1.4rem;
}

.maintenance-active .title-icon[b-6xxu1clhfc] {
    color: #EF4444;
    animation: pulse-red-b-6xxu1clhfc 2s infinite;
}

@keyframes pulse-red-b-6xxu1clhfc {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
        border-radius: 50%;
    }

    50% {
        transform: scale(1.1);
        box-shadow: 0 0 0 10px rgba(239, 68, 68, 0);
        border-radius: 50%;
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
        border-radius: 50%;
    }
}

.bakim-bandi[b-6xxu1clhfc] {
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, #DC2626 0%, #991B1B 100%);
    color: white;
    padding: 16px 20px;
    border-radius: 12px;
    margin-bottom: 24px;
    box-shadow: 0 8px 20px rgba(220, 38, 38, 0.25);
    animation: perplus-belir 0.35s ease-out both;
}

.bb-baslik[b-6xxu1clhfc] {
    font-weight: 900;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
}

.bb-alt[b-6xxu1clhfc] {
    font-size: 0.85rem;
    opacity: 0.92;
    margin-top: 2px;
    font-weight: 500;
}

.durum-satiri[b-6xxu1clhfc] {
    margin-top: 16px;
}

.durum-rozet[b-6xxu1clhfc] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.78rem;
    font-weight: 800;
}

.rozet-nokta[b-6xxu1clhfc] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.durum-rozet.rozet-yesil[b-6xxu1clhfc] {
    background: #ECFDF5;
    color: #059669;
    border: 1px solid #A7F3D0;
}

    .durum-rozet.rozet-yesil .rozet-nokta[b-6xxu1clhfc] {
        background: #10B981;
    }

.durum-rozet.rozet-kirmizi[b-6xxu1clhfc] {
    background: #FEF2F2;
    color: #DC2626;
    border: 1px solid #FECACA;
}

    .durum-rozet.rozet-kirmizi .rozet-nokta[b-6xxu1clhfc] {
        background: #EF4444;
        animation: nokta-nabiz-b-6xxu1clhfc 1.8s infinite;
    }

.durum-rozet.rozet-gri[b-6xxu1clhfc] {
    background: #F1F5F9;
    color: var(--metin-soluk);
    border: 1px solid #E2E8F0;
}

    .durum-rozet.rozet-gri .rozet-nokta[b-6xxu1clhfc] {
        background: #94A3B8;
    }

@keyframes nokta-nabiz-b-6xxu1clhfc {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }
}

.smtp-uyari[b-6xxu1clhfc] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #FFFBEB;
    border: 1px solid #FDE68A;
    color: #92400E;
    padding: 12px 14px;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 18px;
}

.port-kisayol[b-6xxu1clhfc] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    flex-wrap: wrap;
}

.pk-etiket[b-6xxu1clhfc] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--metin-soluk);
}

.pk-buton[b-6xxu1clhfc] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #475569;
    background: #F1F5F9;
    border: 1px solid #E2E8F0;
    padding: 3px 9px;
    border-radius: 6px;
    cursor: pointer;
    transition: var(--gecis);
    user-select: none;
}

    .pk-buton:hover[b-6xxu1clhfc] {
        background: #E2E8F0;
        color: #1E293B;
    }

    .pk-buton.aktif[b-6xxu1clhfc] {
        background: #EFF6FF;
        border-color: #BFDBFE;
        color: #1D4ED8;
    }

.sifre-ipucu[b-6xxu1clhfc] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: var(--metin-soluk);
    font-weight: 600;
    margin-top: 6px;
}
/* /Components/Pages/Admin/Support/LiveSupport.razor.rz.scp.css */
/* SOL SÜTUN — okul listesi satırları */
.canli-destek-satir[b-pkfpg30oo8] {
    padding: 15px 18px;
    cursor: pointer;
    border-bottom: 1px solid #F1F5F9;
    border-left: 3px solid transparent;
    background-color: white;
    transition: all 0.2s ease-out;
    animation: perplus-belir-b-pkfpg30oo8 0.2s ease-out both;
}

    .canli-destek-satir:hover[b-pkfpg30oo8] {
        background-color: #F8FAFC;
        border-left-width: 4px;
        border-left-color: #CBD5E1;
    }

    .canli-destek-satir.secili[b-pkfpg30oo8] {
        background: linear-gradient(90deg, #EFF6FF 0%, #F8FAFC 100%);
        border-left: 4px solid #2980B9;
    }

        .canli-destek-satir.secili:hover[b-pkfpg30oo8] {
            background: linear-gradient(90deg, #EFF6FF 0%, #F8FAFC 100%);
            border-left-color: #2980B9;
        }

@keyframes perplus-belir-b-pkfpg30oo8 {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/Admin/Support/SupportBell.razor.rz.scp.css */
.zil-kok[b-io6p3ou373] {
    position: relative;
    display: flex;
    align-items: center;
}

/* Panel - Açılır pencere */
.zil-panel[b-io6p3ou373] {
    position: absolute;
    top: 48px;
    right: 0;
    width: 340px;
    max-height: 440px;
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.15);
    border: 1px solid #E2E8F0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 1000;
}

.zil-panel-header[b-io6p3ou373] {
    padding: 12px 16px;
    font-weight: 800;
    color: #1E293B;
    border-bottom: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Okul Listesi */
.zil-liste[b-io6p3ou373] {
    flex: 1;
    overflow-y: auto;
    max-height: 300px;
}

.zil-durum[b-io6p3ou373] {
    padding: 24px;
    text-align: center;
    color: #94A3B8;
    font-size: 0.85rem;
}

.zil-satir[b-io6p3ou373] {
    padding: 10px 16px;
    cursor: pointer;
    border-bottom: 1px solid #F1F5F9;
    transition: background-color 0.15s;
}

    .zil-satir:hover[b-io6p3ou373] {
        background-color: #F8FAFC;
    }

.zil-satir-ust[b-io6p3ou373] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zil-firma-adi[b-io6p3ou373] {
    font-weight: 700;
    font-size: 0.85rem;
    color: #1E293B;
}

.zil-mini-rozet[b-io6p3ou373] {
    background-color: #2980B9;
    color: white;
    font-size: 0.7rem;
    font-weight: 800;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
}

.zil-son-mesaj[b-io6p3ou373] {
    font-size: 0.78rem;
    color: #64748B;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zil-footer[b-io6p3ou373] {
    padding: 10px;
    border-top: 1px solid #E2E8F0;
}

/* Sohbet Balonları - Detay Ekranı */
.zil-mini-mesajlar[b-io6p3ou373] {
    flex: 1;
    overflow-y: auto;
    max-height: 260px;
    padding: 12px;
    background-color: #F8FAFC;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.zil-balon-satir[b-io6p3ou373] {
    display: flex;
}

    .zil-balon-satir.sag[b-io6p3ou373] {
        justify-content: flex-end;
    }

    .zil-balon-satir.sol[b-io6p3ou373] {
        justify-content: flex-start;
    }

.zil-balon[b-io6p3ou373] {
    max-width: 80%;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 0.8rem;
    line-height: 1.35;
}

    .zil-balon.destek[b-io6p3ou373] {
        background-color: #2980B9;
        color: white;
    }

    .zil-balon.musteri[b-io6p3ou373] {
        background-color: white;
        border: 1px solid #E2E8F0;
        color: #1E293B;
    }

.zil-yazma[b-io6p3ou373] {
    display: flex;
    gap: 6px;
    padding: 10px;
    border-top: 1px solid #E2E8F0;
}
/* /Components/Pages/Admin/Tenant/TenantForm.razor.rz.scp.css */
[b-zw6sf4m2jm] .rz-form-field {
    background-color: #F8FAFC !important;
}

.kayit-kodu-kutu[b-zw6sf4m2jm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%);
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: 1.25rem;
}

.kayit-kodu-etiket[b-zw6sf4m2jm] {
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--metin-ikincil);
}

.kayit-kodu-aciklama[b-zw6sf4m2jm] {
    font-size: 0.78rem;
    color: var(--metin-soluk);
    margin-top: 2px;
}

.kayit-kodu-chip[b-zw6sf4m2jm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);
    color: #1E3A8A;
    font-family: 'Consolas', 'Menlo', monospace;
    font-weight: 800;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
    padding: 8px 14px;
    border-radius: 8px;
    border: 1px solid #BFDBFE;
    cursor: pointer;
    transition: var(--gecis);
}

    .kayit-kodu-chip:hover[b-zw6sf4m2jm] {
        background: linear-gradient(135deg, #DBEAFE 0%, #BFDBFE 100%);
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(37,99,235,0.12);
    }
/* /Components/Pages/Admin/Tenant/Tenants.razor.rz.scp.css */
.tenants-toolbar[b-5vfmyctcpl] {
    background: white;
    padding: 12px 16px;
    border-radius: 12px;
    box-shadow: var(--golge-yumusak);
    border: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
}

[b-5vfmyctcpl] .tenants-toolbar .rz-dropdown {
    border-radius: 8px !important;
    font-weight: 600;
    border-color: #CBD5E1 !important;
}

.lic-sonuc-sayaci[b-5vfmyctcpl] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--metin-ikincil);
    white-space: nowrap;
}

.lisans-hucre[b-5vfmyctcpl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.lisans-tarih[b-5vfmyctcpl] {
    font-weight: 700;
    font-size: 0.9rem;
    color: #334155;
}

.lisans-rozet[b-5vfmyctcpl] {
    font-size: 0.68rem;
    font-weight: 800;
    padding: 2px 9px;
    border-radius: 20px;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

    .lisans-rozet.lisans-normal[b-5vfmyctcpl] {
        background: #ECFDF5;
        color: #059669;
    }

    .lisans-rozet.lisans-uyari[b-5vfmyctcpl] {
        background: #FFFBEB;
        color: #D97706;
    }

    .lisans-rozet.lisans-kritik[b-5vfmyctcpl] {
        background: #FEF2F2;
        color: #DC2626;
    }

    .lisans-rozet.lisans-doldu[b-5vfmyctcpl] {
        background: #DC2626;
        color: white;
    }

    .lisans-rozet.lisans-suresiz[b-5vfmyctcpl] {
        background: #F1F5F9;
        color: var(--metin-soluk);
    }

.lisans-doldu ~ .lisans-tarih[b-5vfmyctcpl],
.lisans-hucre:has(.lisans-doldu) .lisans-tarih[b-5vfmyctcpl] {
    color: #DC2626;
}

.tenant-detay[b-5vfmyctcpl] {
    padding: 4px 8px 8px 8px;
    animation: perplus-belir 0.25s ease-out both;
}

.tenant-detay-grid[b-5vfmyctcpl] {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 18px 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 18px 24px;
}

.detay-alan[b-5vfmyctcpl] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.detay-etiket[b-5vfmyctcpl] {
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--metin-ikincil);
}

.detay-deger[b-5vfmyctcpl] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #1E293B;
    word-break: break-word;
}

    .detay-deger.detay-bos[b-5vfmyctcpl] {
        color: var(--metin-soluk);
        font-style: italic;
        font-weight: 500;
    }

    .detay-deger.detay-mono[b-5vfmyctcpl] {
        font-family: 'Consolas', 'Menlo', monospace;
        font-size: 0.82rem;
        color: #475569;
    }

.kayit-kodu-chip[b-5vfmyctcpl] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);
    color: #1E3A8A;
    font-family: 'Consolas', 'Menlo', monospace;
    font-weight: 800;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
    padding: 6px 12px;
    border-radius: 8px;
    border: 1px solid #BFDBFE;
    cursor: pointer;
    transition: var(--gecis);
}

    .kayit-kodu-chip:hover[b-5vfmyctcpl] {
        background: linear-gradient(135deg, #DBEAFE 0%, #BFDBFE 100%);
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(37,99,235,0.12);
    }

.grid-empty[b-5vfmyctcpl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 56px 20px;
    text-align: center;
}

.grid-empty-baslik[b-5vfmyctcpl] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #475569;
    margin-top: 4px;
}

.grid-empty-alt[b-5vfmyctcpl] {
    font-size: 0.88rem;
    color: var(--metin-soluk);
    max-width: 380px;
    line-height: 1.5;
}
/* /Components/Pages/Auth/Login.razor.rz.scp.css */
.login-wrap[b-fz052dnoqk] {
    min-height: 100vh;
    display: flex;
    width: 100%;
    font-family: 'Inter', 'Segoe UI', Tahoma, sans-serif;
    background-color: #F8FAFC;
}

/* 🔥 Sol Taraf Animasyonlu Premium Arka Plan */
.premium-bg[b-fz052dnoqk] {
    flex: 1.2;
    background: linear-gradient(-45deg, #0F172A, #1E293B, #1E3A8A, #0F172A);
    background-size: 400% 400%;
    animation: gradientBG-b-fz052dnoqk 15s ease infinite;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4rem;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: inset -10px 0 30px rgba(0,0,0,0.1);
}

@keyframes gradientBG-b-fz052dnoqk {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* Sağ Taraf - Form Alanı */
.login-form-area[b-fz052dnoqk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3rem;
    background: #FFFFFF;
}

.login-card[b-fz052dnoqk] {
    width: 100%;
    max-width: 420px;
    animation: fade-in-up 0.6s ease-out;
}

/* Staggered Animations for Elements */
.stagger-1[b-fz052dnoqk] {
    animation: fade-in-up 0.5s cubic-bezier(0.4, 0, 0.2, 1) backwards;
    animation-delay: 0.1s;
}

.stagger-2[b-fz052dnoqk] {
    animation: fade-in-up 0.5s cubic-bezier(0.4, 0, 0.2, 1) backwards;
    animation-delay: 0.2s;
}

.stagger-3[b-fz052dnoqk] {
    animation: fade-in-up 0.5s cubic-bezier(0.4, 0, 0.2, 1) backwards;
    animation-delay: 0.3s;
}

.stagger-4[b-fz052dnoqk] {
    animation: fade-in-up 0.5s cubic-bezier(0.4, 0, 0.2, 1) backwards;
    animation-delay: 0.4s;
}
/* 🔥 Premium Rol Seçici (Tab) */
.role-toggle-container[b-fz052dnoqk] {
    background-color: #F1F5F9;
    border-radius: 12px;
    padding: 4px;
    display: flex;
    margin-bottom: 2rem;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
}

.role-btn[b-fz052dnoqk] {
    flex: 1;
    background: transparent;
    border: none;
    padding: 10px 0;
    font-weight: 700;
    font-size: 0.95rem;
    color: #64748B;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .role-btn:hover:not(.active)[b-fz052dnoqk] {
        color: #334155;
    }

    .role-btn.active[b-fz052dnoqk] {
        background-color: #FFFFFF;
        color: #1E3A8A;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0,0,0,0.02);
    }

.role-icon[b-fz052dnoqk] {
    font-size: 1.2rem;
}

/* 🔥 Veli Alt Linkleri (Şifremi Unuttum / Kayıt Ol) */
.auth-links[b-fz052dnoqk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    padding: 0 4px;
}

.auth-link[b-fz052dnoqk] {
    color: #2563EB;
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    transition: color 0.2s ease;
}

    .auth-link:hover[b-fz052dnoqk] {
        color: #1E3A8A;
        text-decoration: underline;
    }
/* /Components/Pages/Parent/ParentDashboard.razor.rz.scp.css */
/* 🔥 Akışkan Grid Sistemi: Ekran ne kadar büyükse o kadar yan yana kart dizer */
.children-grid[b-e5rmqbcqem] {
    display: grid;
    grid-template-columns: 1fr; /* Mobilde alt alta tek kolon */
    gap: 15px;
}

@media (min-width: 768px) {
    .children-grid[b-e5rmqbcqem] {
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        gap: 25px;
    }
}

.child-photo-placeholder[b-e5rmqbcqem] {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: 800;
    flex-shrink: 0;
}

/* Bilgi alanındaki metinlerin mobilde taşmasını önleyen Nizami Yapı */
.child-info[b-e5rmqbcqem] {
    flex: 1;
    min-width: 0;
}

.child-name[b-e5rmqbcqem] {
    font-size: 1.15rem;
    font-weight: 800;
    color: #1E293B;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.child-class[b-e5rmqbcqem] {
    font-size: 0.85rem;
    color: #64748B;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.child-last-action[b-e5rmqbcqem] {
    font-size: 0.8rem;
    color: #94A3B8;
    margin-top: 6px;
    font-weight: 600;
    display: inline-block;
    background: #F8FAFC;
    padding: 4px 8px;
    border-radius: 6px;
}

/* Durum Rozeti: Mobilde ve masaüstünde sabit hizalama */
.status-badge[b-e5rmqbcqem] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-shrink: 0;
    background: #F8FAFC;
    border: 1px solid #F1F5F9;
    padding: 10px 14px;
    border-radius: 14px;
    min-width: 80px;
}

.status-dot[b-e5rmqbcqem] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #94A3B8;
}

    .status-dot.inside[b-e5rmqbcqem] {
        background-color: #10B981;
        animation: pulse-green-b-e5rmqbcqem 2s infinite;
    }

@keyframes pulse-green-b-e5rmqbcqem {
    0% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
    }
}

/* Zaman tüneli (Özet) mobilde estetik görünsün */
.timeline-item[b-e5rmqbcqem] {
    display: flex;
    align-items: center;
    padding: 16px;
    background: #FFFFFF;
    border-radius: 14px;
    margin-bottom: 12px;
    border: 1px solid #F1F5F9;
    box-shadow: 0 2px 8px rgba(0,0,0,0.01);
}

.timeline-dot[b-e5rmqbcqem] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 16px;
    flex-shrink: 0;
}
/* /Components/Pages/Parent/ParentForgotPassword.razor.rz.scp.css */
.auth-wrapper[b-bamjiwmgjz] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F8FAFC;
    padding: 20px;
}

.auth-card[b-bamjiwmgjz] {
    background: #FFFFFF;
    padding: 45px 40px;
    border-radius: 24px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.02);
    border: 1px solid rgba(226, 232, 240, 0.8);
    width: 100%;
    max-width: 450px;
}

.auth-header[b-bamjiwmgjz] {
    text-align: center;
    margin-bottom: 35px;
}

.auth-icon-box[b-bamjiwmgjz] {
    width: 64px;
    height: 64px;
    background: #FEF2F2;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px auto;
    color: #DC2626;
}

.alert-box[b-bamjiwmgjz] {
    padding: 16px 20px;
    border-radius: 14px;
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.alert-success[b-bamjiwmgjz] {
    background-color: #ECFDF5;
    color: #059669;
    border: 1px solid #A7F3D0;
}

.alert-error[b-bamjiwmgjz] {
    background-color: #FEF2F2;
    color: #DC2626;
    border: 1px solid #FECACA;
}

.field-label[b-bamjiwmgjz] {
    font-size: 0.85rem;
    font-weight: 800;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: -5px;
}

.verification-input[b-bamjiwmgjz] {
    width: 100%;
    font-weight: 900 !important;
    letter-spacing: 8px !important;
    text-align: center;
    font-size: 1.5rem !important;
    background-color: #F8FAFC !important;
}

.back-link-container[b-bamjiwmgjz] {
    text-align: center;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #F1F5F9;
}

.back-link[b-bamjiwmgjz] {
    color: #64748B;
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .back-link:hover[b-bamjiwmgjz] {
        color: #1E3A8A;
    }

/* Radzen Input Kalite Güncellemesi */
[b-bamjiwmgjz] .rz-textbox, [b-bamjiwmgjz] .rz-password {
    border-radius: 14px !important;
    padding: 14px 18px !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    color: #1E293B !important;
    border: 1px solid #CBD5E1 !important;
    transition: all 0.2s ease !important;
}

    [b-bamjiwmgjz] .rz-textbox:focus, [b-bamjiwmgjz] .rz-password:focus {
        border-color: #2563EB !important;
        box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1) !important;
    }

@media (max-width: 576px) {
    .auth-card[b-bamjiwmgjz] {
        padding: 30px 20px;
        border-radius: 20px;
    }
}
/* /Components/Pages/Parent/ParentHistory.razor.rz.scp.css */
/* Tarih Başlığı (Nizami Hizalama) */
.history-date-header[b-hvfa7tycsj] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 30px 0 15px 5px; /* Gruplar arası mesafe belirginleştirildi */
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Hareket Kartı (Masaüstü Tam Ekran Uyumlu) */
.history-card[b-hvfa7tycsj] {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

    .history-card:hover[b-hvfa7tycsj] {
        box-shadow: 0 6px 20px rgba(0,0,0,0.05);
        border-color: #CBD5E1;
    }

    .history-card:active[b-hvfa7tycsj] {
        transform: scale(0.99);
    }

/* İkon Yuvarlağı */
.history-icon-box[b-hvfa7tycsj] {
    width: 50px;
    height: 50px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .history-icon-box.giris[b-hvfa7tycsj] {
        background-color: #ECFDF5;
        color: #059669;
    }

    .history-icon-box.cikis[b-hvfa7tycsj] {
        background-color: #FEF2F2;
        color: #DC2626;
    }

/* Bilgi Alanı (Taşmaları önleyen yapı) */
.history-info[b-hvfa7tycsj] {
    flex: 1;
    min-width: 0;
}

.history-type[b-hvfa7tycsj] {
    font-size: 1.1rem;
    font-weight: 800;
    color: #1E293B;
}

.history-device[b-hvfa7tycsj] {
    font-size: 0.85rem;
    color: #64748B;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Zaman Alanı */
.history-time[b-hvfa7tycsj] {
    font-size: 1.1rem;
    font-weight: 900;
    color: #0F172A;
    background-color: #F8FAFC;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid #F1F5F9;
    flex-shrink: 0;
}

/* Çoklu Çocuk Seçici - Mobil Optimizasyon */
[b-hvfa7tycsj] .child-selector .rz-dropdown {
    width: 100%;
    border-radius: 14px;
    border: 1px solid #CBD5E1;
    background-color: #FFFFFF;
    font-weight: 800;
    color: #1E3A8A;
    padding: 8px 0; /* Dokunma alanı genişletildi */
    font-size: 16px; /* iOS zoom engelleme */
    box-shadow: 0 4px 10px rgba(0,0,0,0.02);
}

[b-hvfa7tycsj] .child-selector .rz-dropdown-label {
    padding: 10px 15px;
}
/* /Components/Pages/Parent/ParentRegister.razor.rz.scp.css */
/* Arka Plan: Formu öne çıkarmak için hafif bir gri/mavi ton */
.auth-wrapper[b-55mnodpb1w] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F8FAFC;
    padding: 20px;
}

/* Tanrı Seviyesi Kart Tasarımı */
.auth-card[b-55mnodpb1w] {
    background: #FFFFFF;
    padding: 45px 40px;
    border-radius: 24px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.02);
    border: 1px solid rgba(226, 232, 240, 0.8);
    width: 100%;
    max-width: 500px; /* Masaüstünde bu genişlikte sabitlenir, çok uzayıp çirkinleşmez */
    transition: transform 0.3s ease;
}

.auth-header[b-55mnodpb1w] {
    text-align: center;
    margin-bottom: 35px;
}

.auth-icon-box[b-55mnodpb1w] {
    width: 64px;
    height: 64px;
    background: #EFF6FF;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px auto;
    color: #2563EB;
}

.alert-box[b-55mnodpb1w] {
    padding: 16px 20px;
    border-radius: 14px;
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.alert-success[b-55mnodpb1w] {
    background-color: #ECFDF5;
    color: #059669;
    border: 1px solid #A7F3D0;
}

.alert-error[b-55mnodpb1w] {
    background-color: #FEF2F2;
    color: #DC2626;
    border: 1px solid #FECACA;
}

/* Form Bölücü */
.section-divider[b-55mnodpb1w] {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 25px 0 15px 0;
}

    .section-divider[b-55mnodpb1w]::before, .section-divider[b-55mnodpb1w]::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid #E2E8F0;
    }

.section-divider-text[b-55mnodpb1w] {
    font-size: 0.8rem;
    font-weight: 800;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 15px;
}

/* Doğrulama Kodu Input'u */
.verification-input[b-55mnodpb1w] {
    width: 180px;
    text-align: center;
    font-size: 1.8rem !important;
    font-weight: 900 !important;
    letter-spacing: 8px !important;
    padding: 15px 0 !important;
    background-color: #F8FAFC !important;
}

.back-link-container[b-55mnodpb1w] {
    text-align: center;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #F1F5F9;
}

.back-link[b-55mnodpb1w] {
    color: #64748B;
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .back-link:hover[b-55mnodpb1w] {
        color: #1E3A8A;
    }

/* Radzen Input Kalite Güncellemesi */
[b-55mnodpb1w] .rz-textbox, [b-55mnodpb1w] .rz-password {
    border-radius: 14px !important;
    padding: 14px 18px !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    color: #1E293B !important;
    border: 1px solid #CBD5E1 !important;
    background-color: #FFFFFF !important;
    transition: all 0.2s ease !important;
}

    [b-55mnodpb1w] .rz-textbox:focus, [b-55mnodpb1w] .rz-password:focus {
        border-color: #2563EB !important;
        box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1) !important;
    }

/* Mobilde ekranı tam kaplama ayarı */
@media (max-width: 576px) {
    .auth-card[b-55mnodpb1w] {
        padding: 30px 20px;
        border-radius: 20px;
    }
}
/* /Components/Pages/Parent/ParentSettings.razor.rz.scp.css */
/* Ayarlar Sayfası Grid Yapısı (Nizami Dağılım) */
.settings-grid[b-9l4h5j4xef] {
    display: grid;
    grid-template-columns: 1fr; /* Mobilde alt alta */
    gap: 25px;
}

@media (min-width: 992px) {
    .settings-grid[b-9l4h5j4xef] {
        grid-template-columns: 1fr 1fr; /* Masaüstünde Profil solda, Şifre sağda */
        align-items: start;
    }
}

.settings-card[b-9l4h5j4xef] {
    background-color: #FFFFFF;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 4px 25px rgba(0,0,0,0.03);
    border: 1px solid #E2E8F0;
}

.settings-header[b-9l4h5j4xef] {
    font-size: 1.2rem;
    font-weight: 900;
    color: #1E293B;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 2px solid #F8FAFC;
    padding-bottom: 15px;
}

/* Profil Bilgi Satırları */
.info-row[b-9l4h5j4xef] {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.info-label[b-9l4h5j4xef] {
    font-size: 0.85rem;
    font-weight: 800;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.info-value[b-9l4h5j4xef] {
    font-size: 16px; /* Okunabilirlik ve mobil uyum */
    font-weight: 700;
    color: #1E293B;
    background-color: #F8FAFC;
    padding: 16px 18px; /* Mobilde rahat okuma / dokunma alanı */
    border-radius: 14px;
    border: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Şifre Form Alanları Özelleştirmesi - iOS Zoom Fix ve Tıklama Kolaylığı */
[b-9l4h5j4xef] .rz-textbox, [b-9l4h5j4xef] .rz-password {
    border-radius: 14px !important;
    padding: 16px 18px !important; /* Yüksekliği artırdık */
    font-size: 16px !important; /* iOS klavye açılınca otomatik zoom'u engeller */
    font-weight: 600 !important;
    color: #1E293B !important;
    border: 1px solid #CBD5E1 !important;
    background-color: #F8FAFC !important;
}

    [b-9l4h5j4xef] .rz-textbox:focus, [b-9l4h5j4xef] .rz-password:focus {
        border-color: #2563EB !important;
        background-color: #FFFFFF !important;
        box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1) !important;
    }

/* Uyarı Mesajları */
.alert-box[b-9l4h5j4xef] {
    padding: 16px 20px;
    border-radius: 12px;
    font-size: 0.95rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.alert-error[b-9l4h5j4xef] {
    background-color: #FEF2F2;
    color: #DC2626;
    border: 1px solid #FECACA;
}

.alert-success[b-9l4h5j4xef] {
    background-color: #ECFDF5;
    color: #059669;
    border: 1px solid #A7F3D0;
}
/* /Components/Pages/School/Announcement/SchoolAnnouncements.razor.rz.scp.css */


/* --- EKRANI BOYDAN BOYA DOLDURAN ESNEMEK KART YAPISI --- */
.kpi-row-tam-ekran[b-r2ll5yqjda] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 24px;
    width: 100%;
}

    .kpi-row-tam-ekran > .kpi-card[b-r2ll5yqjda] {
        flex: 1 1 0;
        min-width: 220px;
    }

.duyuru-liste[b-r2ll5yqjda] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    animation: fade-in-up 0.5s ease-out;
}

.duyuru-kart[b-r2ll5yqjda] {
    background: #FFFFFF;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-left: 6px solid #3B82F6;
    border-radius: 16px;
    padding: 24px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.02);
}

    .duyuru-kart:hover[b-r2ll5yqjda] {
        transform: scale(1.01) translateY(-2px);
        box-shadow: 0 12px 24px -4px rgba(15, 23, 42, 0.08);
        border-color: #CBD5E1;
    }

    .duyuru-kart.onem-2[b-r2ll5yqjda] {
        border-left-color: #F59E0B;
    }

    .duyuru-kart.onem-3[b-r2ll5yqjda] {
        border-left-color: #EF4444;
    }

    .duyuru-kart.yeni[b-r2ll5yqjda] {
        background: linear-gradient(90deg, #F8FAFC 0%, #FFFFFF 100%);
        box-shadow: 0 6px 20px rgba(59, 130, 246, 0.05);
    }

    .duyuru-kart.okundu[b-r2ll5yqjda] {
        border-left-color: #E2E8F0;
        background: #FFFFFF;
    }

        .duyuru-kart.okundu .duyuru-baslik[b-r2ll5yqjda] {
            color: #475569;
        }

.duyuru-ust[b-r2ll5yqjda] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.onem-badge[b-r2ll5yqjda] {
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.5px;
}

    .onem-badge.onem-1[b-r2ll5yqjda] {
        background: #EFF6FF;
        color: #1E40AF;
        border: 1px solid #DBEAFE;
    }

    .onem-badge.onem-2[b-r2ll5yqjda] {
        background: #FEF3C7;
        color: #92400E;
        border: 1px solid #FDE68A;
    }

    .onem-badge.onem-3[b-r2ll5yqjda] {
        background: #FEF2F2;
        color: #991B1B;
        border: 1px solid #FECACA;
    }

.yeni-rozet[b-r2ll5yqjda] {
    background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
    color: white;
    font-size: 0.7rem;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 8px;
    animation: perplus-nabiz 2s infinite;
}

.duyuru-tarih[b-r2ll5yqjda] {
    font-size: 0.85rem;
    color: #64748B;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.duyuru-baslik[b-r2ll5yqjda] {
    font-weight: 800;
    color: #1E293B;
    font-size: 1.15rem;
    margin-bottom: 8px;
}

.duyuru-icerik[b-r2ll5yqjda] {
    color: #475569;
    font-size: 0.95rem;
    line-height: 1.6;
    white-space: pre-wrap;
    word-break: break-word;
}

    .duyuru-icerik.kapali[b-r2ll5yqjda] {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .duyuru-icerik.acik[b-r2ll5yqjda] {
        display: block;
    }

.duyuru-daha[b-r2ll5yqjda] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 10px;
    font-size: 0.82rem;
    font-weight: 700;
    color: #2563EB;
}

.bos-kutu[b-r2ll5yqjda] {
    text-align: center;
    padding: 60px 20px;
    background: white;
    border: 2px dashed #CBD5E1;
    border-radius: 16px;
    color: #64748B;
    box-shadow: var(--golge-yumusak);
}

    .bos-kutu p[b-r2ll5yqjda] {
        font-weight: 700;
        margin-top: 16px;
        font-size: 1.1rem;
        color: #475569;
    }

.pp-skeleton-duyuru[b-r2ll5yqjda] {
    height: 140px;
    border-radius: 12px;
}

@media (max-width: 768px) {
    [b-r2ll5yqjda] .filtre-alani .rz-dropdown {
        width: 100% !important;
    }

    .duyuru-kart[b-r2ll5yqjda] {
        padding: 16px 18px;
    }
}
/* /Components/Pages/School/Attendance/Attendance.razor.rz.scp.css */
/* --- 5'Lİ STANDART KART DİZİLİMİ VE TİPOGRAFİ --- */
.kpi-row-5[b-5jeouqi1uy] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

@media (max-width: 1400px) {
    .kpi-row-5[b-5jeouqi1uy] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .kpi-row-5[b-5jeouqi1uy] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .kpi-row-5[b-5jeouqi1uy] {
        grid-template-columns: 1fr;
    }
}

/* LİSANS REFERANSI İLE BİREBİR AYNI (YAZI BOYUTU 1rem) */
.kpi-alt[b-5jeouqi1uy] {
    font-size: 0.72rem;
    font-weight: 700;
    margin-top: 4px;
}

.kpi-card.kpi-dikkat[b-5jeouqi1uy] {
    background: linear-gradient(135deg, #FFFFFF 0%, #FEF2F2 100%);
    border-color: #FECACA;
}

    .kpi-card.kpi-dikkat:hover[b-5jeouqi1uy] {
        box-shadow: 0 12px 25px rgba(239, 68, 68, 0.15);
    }

.kpi-not[b-5jeouqi1uy] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: #DC2626;
    margin-top: 5px;
}

/* --- CANLI İZLEME BUTONU --- */
.canli-kutu[b-5jeouqi1uy] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px);
    padding: 8px 20px;
    border-radius: 16px;
    border: 1px solid rgba(226, 232, 240, 0.8);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
}

    .canli-kutu:hover[b-5jeouqi1uy] {
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
    }

.canli-yazi[b-5jeouqi1uy] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #0F172A;
}

.canli-nokta[b-5jeouqi1uy] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #10B981;
    animation: nabiz-b-5jeouqi1uy 1.5s infinite;
    flex-shrink: 0;
}

    .canli-nokta.pasif[b-5jeouqi1uy] {
        background: #94A3B8;
        animation: none;
    }

@keyframes nabiz-b-5jeouqi1uy {
    0% {
        box-shadow: 0 0 0 0 rgba(16,185,129,0.5);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(16,185,129,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(16,185,129,0);
    }
}

/* --- AKIŞ FİLTRE VE BAŞLIK --- */
.akis-toolbar[b-5jeouqi1uy] {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    padding: 16px;
    border-radius: 16px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
    border: 1px solid rgba(226, 232, 240, 0.8);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
}

[b-5jeouqi1uy] .akis-toolbar .rz-dropdown {
    border-radius: 8px !important;
    font-weight: 600;
    border-color: #CBD5E1 !important;
}

.akis-sayaci[b-5jeouqi1uy] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #64748B;
    white-space: nowrap;
}

.akis-baslik[b-5jeouqi1uy] {
    font-weight: 800;
    color: #1E293B;
    font-size: 1.15rem;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.yeni-sayac[b-5jeouqi1uy] {
    font-size: 0.72rem;
    font-weight: 800;
    color: white;
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    padding: 3px 10px;
    border-radius: 20px;
    margin-left: 4px;
    animation: perplus-nabiz 2s infinite;
}

/* --- AKIŞ LİSTESİ --- */
.akis-liste[b-5jeouqi1uy] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.akis-satir[b-5jeouqi1uy] {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 18px 24px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    animation: fade-in-up 0.3s ease-out forwards;
}

    .akis-satir:hover[b-5jeouqi1uy] {
        border-color: #CBD5E1;
        box-shadow: 0 8px 16px -4px rgba(15, 23, 42, 0.05);
        transform: translateX(6px);
    }

    .akis-satir.yeni-hareket[b-5jeouqi1uy] {
        border-color: #6EE7B7;
        background: linear-gradient(90deg, #F0FDF4 0%, #FFFFFF 60%);
        box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.12);
    }

.yeni-etiket[b-5jeouqi1uy] {
    font-size: 0.62rem;
    font-weight: 800;
    color: white;
    background: #10B981;
    padding: 2px 7px;
    border-radius: 6px;
    margin-left: 8px;
    vertical-align: middle;
    letter-spacing: 0.5px;
}

.akis-yon[b-5jeouqi1uy] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

    .akis-yon.giris[b-5jeouqi1uy] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

    .akis-yon.cikis[b-5jeouqi1uy] {
        background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
    }

.akis-orta[b-5jeouqi1uy] {
    flex: 1;
    min-width: 0;
}

.akis-ad[b-5jeouqi1uy] {
    font-weight: 800;
    color: #1E293B;
    font-size: 1.05rem;
}

.akis-detay[b-5jeouqi1uy] {
    font-size: 0.85rem;
    color: #64748B;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.akis-sag[b-5jeouqi1uy] {
    text-align: right;
    flex-shrink: 0;
}

.akis-tip[b-5jeouqi1uy] {
    font-weight: 800;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}

    .akis-tip.giris[b-5jeouqi1uy] {
        color: #059669;
    }

    .akis-tip.cikis[b-5jeouqi1uy] {
        color: #B45309;
    }

.akis-saat[b-5jeouqi1uy] {
    font-size: 0.95rem;
    color: #475569;
    font-family: 'Consolas', 'Courier New', monospace;
    font-weight: 700;
    background: #F1F5F9;
    padding: 4px 10px;
    border-radius: 6px;
    margin-top: 4px;
    display: inline-block;
}

.akis-bos[b-5jeouqi1uy] {
    text-align: center;
    padding: 70px 20px;
    background: white;
    border: 2px dashed #CBD5E1;
    border-radius: 16px;
    color: #64748B;
    box-shadow: var(--golge-yumusak);
}

    .akis-bos p[b-5jeouqi1uy] {
        font-weight: 700;
        margin-top: 16px;
        font-size: 1.1rem;
        color: #475569;
    }

.akis-limit-notu[b-5jeouqi1uy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 18px;
    padding: 12px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #64748B;
    background: #F8FAFC;
    border: 1px dashed #CBD5E1;
    border-radius: 10px;
}

.pp-skeleton-akis[b-5jeouqi1uy] {
    height: 82px;
    border-radius: 12px;
}

@media (max-width: 768px) {
    .akis-satir[b-5jeouqi1uy] {
        flex-wrap: wrap;
        gap: 12px;
    }

    .akis-sag[b-5jeouqi1uy] {
        text-align: left;
        width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .akis-saat[b-5jeouqi1uy] {
        margin-top: 0;
    }
}
/* /Components/Pages/School/Attendance/AttendanceSimForm.razor.rz.scp.css */
/* ==========================================================================
   OKUTMA SİMÜLASYONU FORMU — GLASSMORPHISM & PREMIUM UI
   ========================================================================== */
.sim-form[b-8lvv53n64g] {
    padding: 12px;
}

.sim-aciklama[b-8lvv53n64g] {
    color: #334155;
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0 0 16px 0;
    padding: 18px;
    background: rgba(248, 250, 252, 0.7);
    border-radius: 16px;
    border-left: 4px solid #3B82F6;
    backdrop-filter: blur(8px);
}

.sim-uyari[b-8lvv53n64g] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%);
    border: 1px solid rgba(253, 230, 138, 0.8);
    color: #92400E;
    padding: 16px;
    border-radius: 16px;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 24px;
    box-shadow: 0 4px 10px rgba(245, 158, 11, 0.05);
}

/* --- YÖN ÖNİZLEMESİ (PREMIUM KART) --- */
.sim-onizleme[b-8lvv53n64g] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px;
    border-radius: 16px;
    margin-bottom: 24px;
    border: 1px solid transparent;
    animation: perplus-belir 0.3s cubic-bezier(0.4, 0, 0.2, 1) both;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

    .sim-onizleme.giris[b-8lvv53n64g] {
        background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
        border-color: #A7F3D0;
        color: #064E3B;
    }

    .sim-onizleme.cikis[b-8lvv53n64g] {
        background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%);
        border-color: #FDE68A;
        color: #78350F;
    }

    .sim-onizleme.yukleniyor[b-8lvv53n64g] {
        background: #F8FAFC;
        border-color: #E2E8F0;
        color: #64748B;
    }
/* /Components/Pages/School/Calendars/CalendarDayForm.razor.rz.scp.css */
/* ==========================================================================
   TAKVİM GÜNÜ FORMU — PREMIUM CSS İZOLASYONU
   ========================================================================== */
.cd-gun-bilgi[b-d00ef7iqdv] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(248, 250, 252, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 700;
    margin-top: 10px;
}

/* --- BENTO TÜR SEÇİMİ --- */
.cd-tur-secim[b-d00ef7iqdv] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cd-tur[b-d00ef7iqdv] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 20px;
    border: 2px solid rgba(226, 232, 240, 0.8);
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: #FFFFFF;
    color: #64748B;
}

    .cd-tur:hover[b-d00ef7iqdv] {
        border-color: #CBD5E1;
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
        transform: translateY(-2px);
    }

    .cd-tur.secili[b-d00ef7iqdv] {
        border-color: #3B82F6;
        background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);
        color: #1E3A8A;
        box-shadow: 0 8px 20px rgba(59, 130, 246, 0.15);
    }

.cd-uyari[b-d00ef7iqdv] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: rgba(239, 246, 255, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(191, 219, 254, 0.8);
    color: #1E40AF;
    padding: 14px 18px;
    border-radius: 16px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-top: 8px;
    margin-bottom: 20px;
}
/* /Components/Pages/School/Calendars/SchoolCalendar.razor.rz.scp.css */


/* --- GLASSMORPHISM KURAL BANDI --- */
.tk-kural[b-z2g8v1krwu] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: rgba(240, 253, 250, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(153, 246, 228, 0.8);
    color: #115E59;
    padding: 18px 24px;
    border-radius: 16px;
    margin-bottom: 24px;
    animation: perplus-belir 0.4s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.tk-kural-baslik[b-z2g8v1krwu] {
    font-weight: 900;
    font-size: 1rem;
}

/* --- GLASSMORPHISM ARAÇ ÇUBUĞU --- */
.tk-arac[b-z2g8v1krwu] {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 16px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
    padding: 16px 20px;
    display: flex;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.tk-yil label[b-z2g8v1krwu] {
    display: block;
    font-weight: 800;
    color: #0F172A;
    font-size: 0.85rem;
    margin-bottom: 8px;
}

/* --- DİNİ BAYRAM UYARISI --- */
.tk-uyari[b-z2g8v1krwu] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 251, 235, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(253, 230, 138, 0.8);
    color: #92400E;
    padding: 14px 18px;
    border-radius: 16px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 24px;
    box-shadow: 0 4px 10px rgba(245, 158, 11, 0.05);
}
/* /Components/Pages/School/Classroom/Classes.razor.rz.scp.css */
/* --- 4 KARTI 2-2 VEYA 4 YAN YANA DİZECEK SATIR --- */
.kpi-row-4[b-8v2r31uari] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

@media (max-width: 1200px) {
    .kpi-row-4[b-8v2r31uari] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .kpi-row-4[b-8v2r31uari] {
        grid-template-columns: 1fr;
    }
}

/* --- KART İÇİ TİPOGRAFİ (Licenses referansıyla BİREBİR) --- */
.kpi-alt[b-8v2r31uari] {
    font-size: 0.72rem;
    font-weight: 700;
    margin-top: 4px;
}

/* --- KART VURGULARI --- */
.kpi-card.kpi-tiklanir[b-8v2r31uari] {
    cursor: pointer;
}

.kpi-card.kpi-dikkat[b-8v2r31uari] {
    background: linear-gradient(135deg, #FFFFFF 0%, #FEF2F2 100%);
    border-color: #FECACA;
}

    .kpi-card.kpi-dikkat:hover[b-8v2r31uari] {
        box-shadow: 0 12px 25px rgba(239, 68, 68, 0.15);
    }

.kpi-not[b-8v2r31uari] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: #DC2626;
    margin-top: 5px;
}

/* --- TABLO İÇİ ROZETLER --- */
.ogrenci-hucre[b-8v2r31uari] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.ogr-aktif[b-8v2r31uari] {
    font-weight: 800;
    color: #1E293B;
}

.ogr-pasif[b-8v2r31uari] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #92400E;
    background: #FFFBEB;
    border: 1px solid #FDE68A;
    padding: 2px 7px;
    border-radius: 6px;
}

/* --- MOBİL GÖRÜNÜM --- */
@media (max-width: 768px) {
    [b-8v2r31uari] .filtre-alani .rz-dropdown {
        width: 100% !important;
    }
}

.mobil-gorunum[b-8v2r31uari] {
    display: none;
}

@media (max-width: 900px) {
    .masaustu-gorunum[b-8v2r31uari] {
        display: none;
    }

    .mobil-gorunum[b-8v2r31uari] {
        display: block;
    }
}

.sinif-kart[b-8v2r31uari] {
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 10px;
    box-shadow: var(--golge-yumusak);
    animation: perplus-belir 0.3s ease-out both;
}

.mk-ust[b-8v2r31uari] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.sk-ikon[b-8v2r31uari] {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: #EFF6FF;
    color: #2980B9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mk-kimlik[b-8v2r31uari] {
    flex: 1;
    min-width: 0;
}

.mk-ad[b-8v2r31uari] {
    font-weight: 800;
    color: #1E293B;
    font-size: 1rem;
}

.mk-alt[b-8v2r31uari] {
    font-size: 0.78rem;
    color: #64748B;
    font-weight: 600;
    margin-top: 2px;
}

.mk-orta[b-8v2r31uari] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #F1F5F9;
}

.sk-sayi[b-8v2r31uari] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.83rem;
    color: #475569;
    font-weight: 600;
}

    .sk-sayi b[b-8v2r31uari] {
        font-weight: 900;
        color: #1E293B;
    }

.mk-aksiyon[b-8v2r31uari] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
}

.mk-bos[b-8v2r31uari] {
    text-align: center;
    padding: 44px 20px;
    background: white;
    border: 2px dashed #CBD5E1;
    border-radius: 14px;
}

    .mk-bos p[b-8v2r31uari] {
        font-weight: 800;
        font-size: 1rem;
        color: #475569;
        margin: 12px 0 4px 0;
    }

    .mk-bos span[b-8v2r31uari] {
        font-size: 0.85rem;
        color: #64748B;
    }
/* /Components/Pages/School/Classroom/ClassForm.razor.rz.scp.css */
.cf-ipucu[b-l1sbh9e8zi] {
    font-size: 0.8rem;
    color: #64748B;
    font-weight: 600;
    margin-top: 6px;
    display: block;
}

.cf-bilgi[b-l1sbh9e8zi] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(239, 246, 255, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(191, 219, 254, 0.8);
    color: #1E40AF;
    padding: 16px;
    border-radius: 16px;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 24px;
}

.cf-uyari[b-l1sbh9e8zi] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: rgba(255, 251, 235, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(253, 230, 138, 0.8);
    color: #92400E;
    padding: 16px;
    border-radius: 16px;
    font-size: 0.9rem;
    font-weight: 600;
    margin-top: 8px;
    box-shadow: 0 4px 10px rgba(245, 158, 11, 0.05);
    animation: perplus-belir 0.3s cubic-bezier(0.4, 0, 0.2, 1) both;
}
/* /Components/Pages/School/Dashboard/SchoolDashboard.razor.rz.scp.css */
/* --- 6 KARTI 3-3 DİZECEK SATIR --- */
.kpi-row-6[b-eqmj4khasf] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

/* Olası küçük ekranlarda taşmayı engellemek için responsive korumalar */
@media (max-width: 900px) {
    .kpi-row-6[b-eqmj4khasf] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .kpi-row-6[b-eqmj4khasf] {
        grid-template-columns: 1fr;
    }
}

/* --- KART İÇİ TİPOGRAFİ (Licenses referansıyla BİREBİR) --- */
.kpi-alt[b-eqmj4khasf] {
    font-size: 0.72rem;
    font-weight: 700;
    margin-top: 4px;
}

/* --- KART VURGULARI --- */
.kpi-card.kpi-tiklanir[b-eqmj4khasf] {
    cursor: pointer;
}

.kpi-card.uyari-kirmizi[b-eqmj4khasf] {
    background: linear-gradient(135deg, #FFFFFF 0%, #FEF2F2 100%);
    border-color: #FECACA;
}

    .kpi-card.uyari-kirmizi:hover[b-eqmj4khasf] {
        box-shadow: 0 12px 25px rgba(239, 68, 68, 0.15);
    }

/* --- CİHAZ DURUMU ŞERİDİ --- */
.cihaz-serit[b-eqmj4khasf] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 24px;
    border-radius: 16px;
    margin-bottom: 24px;
    backdrop-filter: blur(12px);
    border: 1px solid transparent;
    animation: perplus-belir 0.4s ease-out both;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

.cs-baslik[b-eqmj4khasf] {
    font-weight: 900;
    font-size: 1rem;
}

.cs-alt[b-eqmj4khasf] {
    font-size: 0.85rem;
    margin-top: 4px;
    font-weight: 600;
    opacity: 0.9;
}

.cihaz-serit.cs-iyi[b-eqmj4khasf] {
    background: rgba(236, 253, 245, 0.8);
    border-color: #A7F3D0;
    color: #065F46;
}

.cihaz-serit.cs-uyari[b-eqmj4khasf] {
    background: rgba(255, 251, 235, 0.8);
    border-color: #FDE68A;
    color: #92400E;
}

.cihaz-serit.cs-kritik[b-eqmj4khasf] {
    background: rgba(254, 242, 242, 0.8);
    border-color: #FECACA;
    color: #991B1B;
}

.cihaz-serit.cs-yok[b-eqmj4khasf] {
    background: rgba(248, 250, 252, 0.8);
    border-color: #E2E8F0;
    color: #475569;
}

/* --- ALT PANELLER --- */
.okul-alt-grid[b-eqmj4khasf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

[b-eqmj4khasf] .dash-panel {
    background: white !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
    transition: all 0.3s ease;
    animation: perplus-belir 0.45s ease-out both;
}

    [b-eqmj4khasf] .dash-panel:hover {
        box-shadow: 0 12px 25px rgba(0,0,0,0.06) !important;
    }

.dash-panel-title[b-eqmj4khasf] {
    font-weight: 800;
    color: #1E293B;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.panel-link[b-eqmj4khasf] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #2980B9;
    cursor: pointer;
    transition: all 0.2s;
}

    .panel-link:hover[b-eqmj4khasf] {
        color: #1E3A8A;
        text-decoration: underline;
    }

.dash-empty[b-eqmj4khasf] {
    color: #64748B;
    text-align: center;
    padding: 40px 20px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

/* --- LİSTELER --- */
.mini-hareket[b-eqmj4khasf] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px solid #F8FAFC;
}

    .mini-hareket:last-child[b-eqmj4khasf] {
        border-bottom: none;
    }

.mini-yon[b-eqmj4khasf] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
}

    .mini-yon.giris[b-eqmj4khasf] {
        background: #10B981;
    }

    .mini-yon.cikis[b-eqmj4khasf] {
        background: #F59E0B;
    }

.mini-ad[b-eqmj4khasf] {
    flex: 1;
    font-weight: 600;
    color: #1E293B;
    font-size: 0.88rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mini-tip[b-eqmj4khasf] {
    font-size: 0.8rem;
    font-weight: 700;
    flex-shrink: 0;
}

    .mini-tip.giris[b-eqmj4khasf] {
        color: #059669;
    }

    .mini-tip.cikis[b-eqmj4khasf] {
        color: #B45309;
    }

.mini-saat[b-eqmj4khasf] {
    font-size: 0.78rem;
    color: #64748B;
    font-family: 'Consolas', 'Courier New', monospace;
    font-weight: 700;
    width: 48px;
    text-align: right;
    flex-shrink: 0;
}

.sinif-satir[b-eqmj4khasf] {
    padding: 10px 0;
    border-bottom: 1px solid #F8FAFC;
}

    .sinif-satir:last-child[b-eqmj4khasf] {
        border-bottom: none;
    }

.sinif-ust[b-eqmj4khasf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 7px;
}

.sinif-ad[b-eqmj4khasf] {
    font-weight: 700;
    color: #1E293B;
    font-size: 0.9rem;
}

.sinif-sayi[b-eqmj4khasf] {
    color: #2980B9;
    font-weight: 700;
    font-size: 0.85rem;
    white-space: nowrap;
}

.sinif-bar[b-eqmj4khasf] {
    height: 6px;
    background: #F1F5F9;
    border-radius: 3px;
    overflow: hidden;
}

.sinif-bar-dolu[b-eqmj4khasf] {
    height: 100%;
    border-radius: 3px;
    background: linear-gradient(135deg, #1E3A8A 0%, #2980B9 100%);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 900px) {
    .okul-alt-grid[b-eqmj4khasf] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/School/Device/CardMatchForm.razor.rz.scp.css */
.match-form[b-ta2duo3qn1] {
    padding: 8px;
}

.kart-bilgi[b-ta2duo3qn1] {
    background: rgba(248, 250, 252, 0.6);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    padding: 16px;
    border-radius: 16px;
    font-size: 0.95rem;
    color: #0F172A;
    margin-bottom: 18px;
    font-weight: 700;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
}

.match-aciklama[b-ta2duo3qn1] {
    color: #475569;
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0 0 20px 0;
}

.cm-onay[b-ta2duo3qn1] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(236, 253, 245, 0.7);
    border: 1px solid rgba(167, 243, 208, 0.8);
    color: #065F46;
    padding: 16px;
    border-radius: 16px;
    font-size: 0.9rem;
    font-weight: 600;
    margin-top: 18px;
}

.cm-uyari[b-ta2duo3qn1] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: rgba(255, 251, 235, 0.7);
    border: 1px solid rgba(253, 230, 138, 0.8);
    color: #92400E;
    padding: 16px;
    border-radius: 16px;
    margin-top: 18px;
}

.cm-uyari-baslik[b-ta2duo3qn1] {
    font-weight: 900;
    font-size: 0.95rem;
}

.cm-uyari-alt[b-ta2duo3qn1] {
    font-size: 0.85rem;
    line-height: 1.5;
    margin-top: 4px;
    font-weight: 600;
}
/* /Components/Pages/School/Device/DeviceAdvanced.razor.rz.scp.css */


[b-db38klmhlv] .rz-tabview-nav {
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid #E2E8F0 !important;
    padding: 0 10px !important;
    box-shadow: none !important;
    gap: 10px;
}

    [b-db38klmhlv] .rz-tabview-nav li a {
        font-weight: 700 !important;
        color: #64748B !important;
        border-radius: 12px 12px 0 0 !important;
        padding: 16px 24px !important;
        background: transparent !important;
        border: none !important;
    }

    [b-db38klmhlv] .rz-tabview-nav li:not(.rz-tabview-selected) a:hover {
        color: #0F172A !important;
        background: rgba(241, 245, 249, 0.5) !important;
    }

    [b-db38klmhlv] .rz-tabview-nav li.rz-tabview-selected a {
        color: #4F46E5 !important;
        border-bottom: 3px solid #4F46E5 !important;
        font-weight: 900 !important;
    }

.aciklama-kutu[b-db38klmhlv] {
    background: rgba(239, 246, 255, 0.6);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(191, 219, 254, 0.8);
    color: #1E40AF;
    padding: 16px 20px;
    border-radius: 16px;
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0 0 20px 0;
    font-weight: 600;
}

.ga-toolbar[b-db38klmhlv] {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    padding: 16px;
    border-radius: 16px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
    border: 1px solid rgba(226, 232, 240, 0.8);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
}

/* 🔥 DÜZELTME: Blazor CSS isolation her .razor.css'i KENDİ dosyasına scope'lar —
   bu sınıflar önceden yalnızca Devices.razor.css/AuditHub.razor.css'te tanımlıydı,
   bu sayfada (DeviceAdvanced) hiç uygulanmıyordu (boş kutular kutusuz, rozet
   stilsiz görünüyordu). Burada da tanımlayarak diğer sayfalarla görsel tutarlılık
   sağlanıyor. */
.sekme-govde[b-db38klmhlv] {
    padding-top: 22px;
    animation: perplus-belir 0.35s ease-out both;
}

.sekme-rozet[b-db38klmhlv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    margin-left: 8px;
    border-radius: 10px;
    background: linear-gradient(135deg, #EF4444 0%, #F87171 100%);
    color: white;
    font-size: 0.7rem;
    font-weight: 800;
    vertical-align: middle;
}

.bos-kutu[b-db38klmhlv] {
    text-align: center;
    padding: 60px 20px;
    background: white;
    border: 2px dashed #CBD5E1;
    border-radius: 14px;
    color: #64748B;
    box-shadow: var(--golge-yumusak);
}

    .bos-kutu p[b-db38klmhlv] {
        font-weight: 700;
        margin: 12px 0 4px 0;
        font-size: 1.05rem;
        color: #475569;
    }

    .bos-kutu span[b-db38klmhlv] {
        font-size: 0.85rem;
        color: #64748B;
    }

.ayar-form-grid[b-db38klmhlv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.25rem 1.5rem;
    margin-bottom: 8px;
}

.hafta-program-liste[b-db38klmhlv] {
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 16px;
    overflow: hidden;
}

.hafta-program-satir[b-db38klmhlv] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 18px;
    border-bottom: 1px solid #F1F5F9;
}

    .hafta-program-satir:last-child[b-db38klmhlv] {
        border-bottom: none;
    }

.hafta-gun-adi[b-db38klmhlv] {
    font-weight: 700;
    color: #1E293B;
    width: 100px;
    flex-shrink: 0;
}

.hafta-ayrac[b-db38klmhlv] {
    color: #94A3B8;
    font-weight: 700;
}

.hafta-kapali-etiket[b-db38klmhlv] {
    color: #94A3B8;
    font-weight: 600;
    font-size: 0.85rem;
    font-style: italic;
}
/* /Components/Pages/School/Device/DeviceEditForm.razor.rz.scp.css */
.device-edit[b-b26s4dlpg8] {
    padding: 8px;
}

.de-kimlik[b-b26s4dlpg8] {
    display: flex;
    align-items: center;
    gap: 16px;
    background: rgba(248, 250, 252, 0.6);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    padding: 16px;
    border-radius: 16px;
    margin-bottom: 24px;
}

.de-seri[b-b26s4dlpg8] {
    font-family: 'Consolas', monospace;
    font-weight: 900;
    color: #0F172A;
    font-size: 0.95rem;
}

.de-gecis[b-b26s4dlpg8] {
    font-size: 0.85rem;
    color: #475569;
    font-weight: 600;
    margin-top: 4px;
}

.de-uyari[b-b26s4dlpg8], .bilgi-not[b-b26s4dlpg8] {
    border-radius: 16px;
    padding: 16px;
    backdrop-filter: blur(8px);
    font-size: 0.9rem;
}

.de-uyari[b-b26s4dlpg8] {
    background: rgba(255, 251, 235, 0.7);
    border: 1px solid rgba(253, 230, 138, 0.8);
    color: #92400E;
    margin-bottom: 16px;
}

.bilgi-not[b-b26s4dlpg8] {
    background: rgba(239, 246, 255, 0.7);
    border: 1px solid rgba(191, 219, 254, 0.8);
    color: #1E40AF;
    margin-top: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
}
/* /Components/Pages/School/Device/Devices.razor.rz.scp.css */
/* --- 4'LÜ KART DİZİLİMİ VE BİLGİ KARTI FONT YAPISI --- */
.kpi-row-4[b-y1x4nfe2cj] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

@media (max-width: 1200px) {
    .kpi-row-4[b-y1x4nfe2cj] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .kpi-row-4[b-y1x4nfe2cj] {
        grid-template-columns: 1fr;
    }
}

.kpi-alt[b-y1x4nfe2cj] {
    font-size: 0.72rem;
    font-weight: 700;
    margin-top: 4px;
}

.kpi-card.kpi-tiklanir[b-y1x4nfe2cj] {
    cursor: pointer;
}

.kpi-card.kpi-dikkat[b-y1x4nfe2cj] {
    background: linear-gradient(135deg, #FFFFFF 0%, #FEF2F2 100%);
    border-color: #FECACA;
}

    .kpi-card.kpi-dikkat:hover[b-y1x4nfe2cj] {
        box-shadow: 0 12px 25px rgba(239, 68, 68, 0.15);
    }

.kpi-not[b-y1x4nfe2cj] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: #DC2626;
    margin-top: 5px;
}

    .kpi-not.notr[b-y1x4nfe2cj] {
        color: #64748B;
    }

.cihaz-grid[b-y1x4nfe2cj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}

.cihaz-kart[b-y1x4nfe2cj] {
    background: #FFFFFF;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.03);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    animation: perplus-belir 0.4s ease-out both;
}

    .cihaz-kart:hover[b-y1x4nfe2cj] {
        transform: translateY(-4px);
        box-shadow: 0 12px 24px -4px rgba(15, 23, 42, 0.08);
        border-color: #CBD5E1;
    }

    .cihaz-kart.pasif[b-y1x4nfe2cj] {
        background: #F8FAFC;
        border-style: dashed;
    }

    .cihaz-kart.cevrimdisi[b-y1x4nfe2cj] {
        border-color: #FECACA;
        box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.06);
    }

.cihaz-ust[b-y1x4nfe2cj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}

.cihaz-ikon[b-y1x4nfe2cj] {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: #EFF6FF;
    color: #2563EB;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cihaz-rozetler[b-y1x4nfe2cj] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.durum-etiket[b-y1x4nfe2cj] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 12px;
    white-space: nowrap;
}

    .durum-etiket .dot[b-y1x4nfe2cj] {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        flex-shrink: 0;
    }

    .durum-etiket.online[b-y1x4nfe2cj] {
        background: #ECFDF5;
        color: #065F46;
        border: 1px solid #A7F3D0;
    }

        .durum-etiket.online .dot[b-y1x4nfe2cj] {
            background: #10B981;
            animation: nokta-nabiz-b-y1x4nfe2cj 2s infinite;
        }

    .durum-etiket.offline[b-y1x4nfe2cj] {
        background: #FEF2F2;
        color: #991B1B;
        border: 1px solid #FECACA;
    }

        .durum-etiket.offline .dot[b-y1x4nfe2cj] {
            background: #EF4444;
        }

@keyframes nokta-nabiz-b-y1x4nfe2cj {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.35;
    }
}

.aktiflik-etiket[b-y1x4nfe2cj] {
    font-size: 0.68rem;
    font-weight: 800;
    padding: 3px 9px;
    border-radius: 8px;
    letter-spacing: 0.4px;
    white-space: nowrap;
}

.pasif-etiket[b-y1x4nfe2cj] {
    background: #F1F5F9;
    color: #475569;
    border: 1px solid #CBD5E1;
}

.cihaz-ad[b-y1x4nfe2cj] {
    font-weight: 900;
    color: #0F172A;
    font-size: 1.1rem;
    word-break: break-word;
}

.cihaz-seri[b-y1x4nfe2cj] {
    color: #64748B;
    font-size: 0.8rem;
    margin-top: 4px;
    font-family: 'Consolas', 'Courier New', monospace;
    font-weight: 600;
}

.cihaz-marka[b-y1x4nfe2cj] {
    color: #64748B;
    font-size: 0.8rem;
    margin-top: 2px;
}

.cihaz-uyari[b-y1x4nfe2cj] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    padding: 9px 12px;
    background: #FEF2F2;
    border: 1px solid #FECACA;
    border-radius: 8px;
    color: #991B1B;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.4;
}

.cihaz-alt[b-y1x4nfe2cj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid #F1F5F9;
}

.cihaz-istatistik[b-y1x4nfe2cj] {
    text-align: left;
}

.ist-val[b-y1x4nfe2cj] {
    font-size: 1.4rem;
    font-weight: 800;
    color: #2980B9;
    line-height: 1;
}

.ist-lbl[b-y1x4nfe2cj] {
    font-size: 0.72rem;
    color: #64748B;
    margin-top: 3px;
    font-weight: 600;
}

.bos-kutu[b-y1x4nfe2cj] {
    text-align: center;
    padding: 60px 20px;
    background: white;
    border: 2px dashed #CBD5E1;
    border-radius: 14px;
    color: #64748B;
    box-shadow: var(--golge-yumusak);
}

    .bos-kutu p[b-y1x4nfe2cj] {
        font-weight: 700;
        margin: 12px 0 4px 0;
        font-size: 1.05rem;
        color: #475569;
    }

    .bos-kutu span[b-y1x4nfe2cj] {
        font-size: 0.85rem;
        color: #64748B;
    }

.pp-skeleton-cihaz[b-y1x4nfe2cj] {
    height: 230px;
    border-radius: 14px;
}
/* /Components/Pages/School/Notifications/NotificationExceptionForm.razor.rz.scp.css */
/* ==========================================================================
   SINIF İSTİSNASI FORMU — GLASSMORPHISM PREMIUM
   ========================================================================== */
.ne-form[b-3cl9uyvdgi] {
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
}

/* --- YARI ŞEFFAF BİLGİ KUTULARI --- */
.ne-bilgi[b-3cl9uyvdgi] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: rgba(239, 246, 255, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(191, 219, 254, 0.8);
    color: #1E40AF;
    padding: 16px;
    border-radius: 16px;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.5;
}

.ne-not[b-3cl9uyvdgi] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(248, 250, 252, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    color: #475569;
    padding: 14px 18px;
    border-radius: 16px;
    font-size: 0.85rem;
    font-weight: 600;
}

.ne-aktif-kutu[b-3cl9uyvdgi] {
    background: rgba(248, 250, 252, 0.7);
    backdrop-filter: blur(8px);
    padding: 16px 18px;
    border-radius: 16px;
    border: 1px solid rgba(226, 232, 240, 0.8);
    display: flex;
    align-items: center;
    gap: 12px;
}

.ne-aktif-etiket[b-3cl9uyvdgi] {
    font-weight: 700;
    color: #1E293B;
    font-size: 0.9rem;
}

/* --- İPUCU / YARDIMCI METİN --- */
.ne-ipucu[b-3cl9uyvdgi] {
    font-size: 0.8rem;
    color: #64748B;
    font-weight: 500;
    margin-top: 6px;
}

    .ne-ipucu.uyari[b-3cl9uyvdgi] {
        color: #B45309;
        font-weight: 600;
    }
/* /Components/Pages/School/Notifications/NotificationSettings.razor.rz.scp.css */


/* --- GLASSMORPHISM UYARI BANDI --- */
.bs-ulasim[b-t8ub7boau8] {
    display: flex;
    align-items: center;
    gap: 16px;
    background: rgba(236, 253, 245, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(167, 243, 208, 0.8);
    color: #065F46;
    padding: 18px 24px;
    border-radius: 16px;
    margin-bottom: 24px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

    .bs-ulasim.kritik[b-t8ub7boau8] {
        background: rgba(254, 242, 242, 0.8);
        border-color: rgba(254, 202, 202, 0.8);
        color: #991B1B;
    }

/* --- BENTO AYAR KARTLARI --- */
.bs-kart[b-t8ub7boau8] {
    background: #FFFFFF;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 16px;
    padding: 20px 22px;
    margin-bottom: 20px;
    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.03);
    transition: all 0.3s ease;
}

    .bs-kart:hover[b-t8ub7boau8] {
        transform: translateY(-3px);
        box-shadow: 0 12px 24px -4px rgba(15, 23, 42, 0.08);
        border-color: #CBD5E1;
    }

    .bs-kart.istisna[b-t8ub7boau8] {
        border-left: 6px solid #7C3AED;
        margin-bottom: 0;
    }

/* İç Geç Kalma Bölümü (İç Kutu) */
.bs-gec-bolum[b-t8ub7boau8] {
    margin-top: 20px;
    padding: 18px 20px;
    background: rgba(255, 251, 235, 0.6);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(253, 230, 138, 0.8);
    border-radius: 16px;
}

/* --- ÜST SATIR: Tüm okul kartı + Nasıl çalışır yan yana (geniş ekran) --- */
.bs-ust-izgara[b-t8ub7boau8] {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 20px;
    align-items: start;
    margin-bottom: 20px;
}

    .bs-ust-izgara .bs-kart[b-t8ub7boau8],
    .bs-ust-izgara .bs-nasil[b-t8ub7boau8] {
        margin-bottom: 0;
    }

/* Nasıl Çalışır Kutusu */
.bs-nasil[b-t8ub7boau8] {
    padding: 20px 22px;
    background: rgba(248, 250, 252, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 16px;
}

/* --- SINIF İSTİSNALARI: geniş ekranda 2 sütun, dar ekranda tek sütun --- */
.bs-istisna-liste[b-t8ub7boau8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 20px;
    align-items: start;
}

@media (max-width: 900px) {
    .bs-ust-izgara[b-t8ub7boau8] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/School/Parents/ParentForm.razor.rz.scp.css */
/* ==========================================================================
   VELİ FORMU — GLASSMORPHISM PREMIUM
   ========================================================================== */
.pf-uyari[b-pk2fw95e97] {
    background: rgba(255, 251, 235, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(253, 230, 138, 0.8);
    color: #92400E;
    padding: 16px;
    border-radius: 16px;
    margin-bottom: 24px;
}

.pf-not[b-pk2fw95e97] {
    background: rgba(248, 250, 252, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    padding: 14px 18px;
    border-radius: 12px;
}

.pf-ipucu[b-pk2fw95e97] {
    font-size: 0.8rem;
    color: #64748B;
    font-weight: 600;
    margin-top: 6px;
}

.bos-uyari[b-pk2fw95e97] {
    background: rgba(254, 242, 242, 0.7);
    backdrop-filter: blur(8px);
    border: 1px dashed rgba(252, 165, 165, 0.8);
    padding: 24px;
    border-radius: 16px;
}

.bag-satir[b-pk2fw95e97] {
    background: rgba(248, 250, 252, 0.6);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    padding: 14px 18px;
    border-radius: 14px;
}
/* /Components/Pages/School/Parents/Parents.razor.rz.scp.css */
/* ==================================================================== */
/* SEKME ÇATISI (Veliler sayfası RadzenTabs — Veli Listesi + Onay Bekleyenler birleşmesi) */
/* ==================================================================== */
.sekme-govde[b-yoq5674r3k] {
    padding-top: 22px;
    animation: perplus-belir 0.35s ease-out both;
}

.sekme-rozet[b-yoq5674r3k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    margin-left: 8px;
    border-radius: 10px;
    background: linear-gradient(135deg, #EF4444 0%, #F87171 100%);
    color: white;
    font-size: 0.7rem;
    font-weight: 800;
    vertical-align: middle;
}

/* ==================================================================== */
/* SEKME 1: VELİ LİSTESİ                                                 */
/* ==================================================================== */

/* --- 4'LÜ KPI KART DİZİLİMİ VE TİPOGRAFİ --- */
.kpi-row-4[b-yoq5674r3k] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

@media (max-width: 1200px) {
    .kpi-row-4[b-yoq5674r3k] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .kpi-row-4[b-yoq5674r3k] {
        grid-template-columns: 1fr;
    }
}

.kpi-alt[b-yoq5674r3k] {
    font-size: 0.72rem;
    font-weight: 700;
    margin-top: 4px;
}

/* --- KART VURGULARI --- */
.kpi-card.kpi-tiklanir[b-yoq5674r3k] {
    cursor: pointer;
}

.kpi-card.kpi-dikkat[b-yoq5674r3k] {
    background: linear-gradient(135deg, #FFFFFF 0%, #FEF2F2 100%);
    border-color: #FECACA;
}

    .kpi-card.kpi-dikkat:hover[b-yoq5674r3k] {
        box-shadow: 0 12px 25px rgba(239, 68, 68, 0.15);
    }

.kpi-card.kpi-uyari[b-yoq5674r3k] {
    background: linear-gradient(135deg, #FFFFFF 0%, #FFFBEB 100%);
    border-color: #FDE68A;
}

    .kpi-card.kpi-uyari:hover[b-yoq5674r3k] {
        box-shadow: 0 12px 25px rgba(245, 158, 11, 0.15);
    }

.kpi-not[b-yoq5674r3k] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: #DC2626;
    margin-top: 5px;
}

    .kpi-not.uyari[b-yoq5674r3k] {
        color: #B45309;
    }

/* --- BEKLEYEN ONAY YÖNLENDİRME BANDI --- */
.onay-bandi[b-yoq5674r3k] {
    background: rgba(255, 251, 235, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(253, 230, 138, 0.8);
    color: #92400E;
    padding: 18px 24px;
    border-radius: 16px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
    transition: var(--gecis);
    animation: perplus-belir 0.35s ease-out both;
}

    .onay-bandi:hover[b-yoq5674r3k] {
        border-color: #FCD34D;
        box-shadow: 0 6px 18px rgba(245, 158, 11, 0.12);
        transform: translateX(3px);
    }

.ob-baslik[b-yoq5674r3k] {
    font-weight: 800;
    font-size: 0.95rem;
}

.ob-alt[b-yoq5674r3k] {
    font-size: 0.83rem;
    margin-top: 2px;
    font-weight: 500;
    line-height: 1.45;
}

/* --- TABLO ROZETLERİ --- */
.veli-hucre[b-yoq5674r3k] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.veli-avatar[b-yoq5674r3k] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: linear-gradient(135deg, #7C3AED 0%, #A78BFA 100%);
    color: white;
    font-weight: 800;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 3px 8px rgba(124, 58, 237, 0.2);
}

.veli-ad[b-yoq5674r3k] {
    font-weight: 700;
    color: #1E293B;
    font-size: 0.93rem;
}

.veli-tel[b-yoq5674r3k] {
    font-size: 0.78rem;
    color: #64748B;
    font-weight: 600;
    font-family: 'Consolas', 'Courier New', monospace;
    margin-top: 2px;
}

.ogr-chip[b-yoq5674r3k] {
    display: inline-block;
    background: #EFF6FF;
    color: #1E40AF;
    border: 1px solid #DBEAFE;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.78rem;
    font-weight: 600;
    margin: 2px 4px 2px 0;
}

.bag-yok[b-yoq5674r3k] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #991B1B;
    background: #FEF2F2;
    border: 1px solid #FECACA;
    padding: 3px 10px;
    border-radius: 8px;
}

.onay-rozet[b-yoq5674r3k] {
    display: inline-block;
    padding: 4px 11px;
    border-radius: 12px;
    font-size: 0.73rem;
    font-weight: 800;
    white-space: nowrap;
}

    .onay-rozet.onayli[b-yoq5674r3k] {
        background: #ECFDF5;
        color: #065F46;
        border: 1px solid #A7F3D0;
    }

    .onay-rozet.bekliyor[b-yoq5674r3k] {
        background: #FFFBEB;
        color: #92400E;
        border: 1px solid #FDE68A;
    }

    .onay-rozet.red[b-yoq5674r3k] {
        background: #FEF2F2;
        color: #991B1B;
        border: 1px solid #FECACA;
    }

/* --- MOBİL GÖRÜNÜM --- */
@media (max-width: 768px) {
    [b-yoq5674r3k] .filtre-alani .rz-dropdown {
        width: 100% !important;
    }
}

.mobil-gorunum[b-yoq5674r3k] {
    display: none;
}

@media (max-width: 900px) {
    .masaustu-gorunum[b-yoq5674r3k] {
        display: none;
    }

    .mobil-gorunum[b-yoq5674r3k] {
        display: block;
    }
}

.veli-kart[b-yoq5674r3k] {
    background: #FFFFFF;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 20px;
    padding: 20px 24px;
    margin-bottom: 16px;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.03);
    animation: perplus-belir 0.3s ease-out both;
}

.mk-ust[b-yoq5674r3k] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mk-kimlik[b-yoq5674r3k] {
    flex: 1;
    min-width: 0;
}

.mk-ad[b-yoq5674r3k] {
    font-weight: 800;
    color: #1E293B;
    font-size: 0.98rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mk-alt[b-yoq5674r3k] {
    font-size: 0.78rem;
    color: #64748B;
    font-weight: 600;
    font-family: 'Consolas', monospace;
    margin-top: 2px;
}

.mk-eposta[b-yoq5674r3k] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.79rem;
    color: #64748B;
    margin-top: 8px;
    word-break: break-all;
}

.mk-orta[b-yoq5674r3k] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #F1F5F9;
}

.mk-aksiyon[b-yoq5674r3k] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
}

.mk-sayfalama[b-yoq5674r3k] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 14px 0 4px 0;
}

.mk-sayfa-bilgi[b-yoq5674r3k] {
    font-size: 0.85rem;
    font-weight: 800;
    color: #475569;
    min-width: 70px;
    text-align: center;
}

.mk-bos[b-yoq5674r3k] {
    text-align: center;
    padding: 44px 20px;
    background: white;
    border: 2px dashed #CBD5E1;
    border-radius: 14px;
}

    .mk-bos p[b-yoq5674r3k] {
        font-weight: 800;
        font-size: 1rem;
        color: #475569;
        margin: 12px 0 4px 0;
    }

    .mk-bos span[b-yoq5674r3k] {
        font-size: 0.85rem;
        color: #64748B;
    }

/* ==================================================================== */
/* SEKME 2: ONAY BEKLEYENLER                                             */
/* ==================================================================== */

/* --- PREMIUM KAYIT KODU BANNER --- */
.kod-karti[b-yoq5674r3k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%);
    color: white;
    border-radius: 20px;
    padding: 28px 32px;
    margin-bottom: 24px;
    box-shadow: 0 15px 30px rgba(30, 58, 138, 0.25);
}

.kk-sol[b-yoq5674r3k] {
    flex: 1;
    min-width: 0;
}

.kk-etiket[b-yoq5674r3k] {
    font-size: 0.8rem;
    font-weight: 800;
    opacity: 0.8;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.kk-kod[b-yoq5674r3k] {
    font-size: 2.2rem;
    font-weight: 900;
    letter-spacing: 4px;
    background: rgba(255, 255, 255, 0.1);
    padding: 8px 16px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(4px);
    margin-top: 10px;
    display: inline-block;
}

    .kk-kod.yok[b-yoq5674r3k] {
        font-size: 1.3rem;
        font-weight: 700;
        opacity: 0.75;
        letter-spacing: normal;
    }

.kk-alt[b-yoq5674r3k] {
    font-size: 0.83rem;
    opacity: 0.85;
    margin-top: 12px;
    font-weight: 500;
    max-width: 480px;
    line-height: 1.5;
}

.kk-ikon[b-yoq5674r3k] {
    font-size: 68px !important;
    opacity: 0.2;
    flex-shrink: 0;
}

/* --- BAŞLIK ROZETİ (bekleyen sayısı) --- */
.baslik-rozet[b-yoq5674r3k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 26px;
    padding: 0 8px;
    margin-left: 10px;
    border-radius: 13px;
    background: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);
    color: white;
    font-size: 0.85rem;
    font-weight: 800;
    vertical-align: middle;
}

/* --- GLASSMORPHISM ARAÇ ÇUBUĞU --- */
.onay-toolbar[b-yoq5674r3k] {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    padding: 16px 20px;
    border-radius: 16px;
    margin-bottom: 24px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
    border: 1px solid rgba(226, 232, 240, 0.8);
    display: flex;
    align-items: center;
    gap: 12px;
}

.onay-sayaci[b-yoq5674r3k] {
    font-weight: 700;
    color: #64748B;
    white-space: nowrap;
}

.bos-kutu[b-yoq5674r3k] {
    text-align: center;
    padding: 60px 20px;
    background: white;
    border: 2px dashed #CBD5E1;
    border-radius: 14px;
    color: #64748B;
    box-shadow: var(--golge-yumusak);
}

    .bos-kutu p[b-yoq5674r3k] {
        font-weight: 700;
        margin: 12px 0 4px 0;
        font-size: 1.05rem;
        color: #475569;
    }

    .bos-kutu span[b-yoq5674r3k] {
        font-size: 0.85rem;
        color: #64748B;
    }

/* Toplu Onay Çubuğu */
.toplu-cubuk[b-yoq5674r3k] {
    background: linear-gradient(135deg, rgba(30, 58, 138, 0.95) 0%, rgba(37, 99, 235, 0.95) 100%);
    backdrop-filter: blur(12px);
    border-radius: 16px;
    padding: 16px 24px;
    box-shadow: 0 8px 25px rgba(30, 58, 138, 0.25);
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.tc-sayac[b-yoq5674r3k] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: white;
    font-weight: 700;
    white-space: nowrap;
}

.tumunu-sec[b-yoq5674r3k] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 4px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #475569;
}

.onay-liste[b-yoq5674r3k] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* --- BENTO ONAY KARTLARI --- */
.onay-kart[b-yoq5674r3k] {
    background: #FFFFFF;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-left: 6px solid #F59E0B;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.03);
    transition: all 0.3s ease;
}

    .onay-kart:hover[b-yoq5674r3k] {
        transform: translateY(-4px);
        box-shadow: 0 12px 24px -4px rgba(15, 23, 42, 0.08);
        border-color: #CBD5E1;
    }

    .onay-kart.eksik[b-yoq5674r3k] {
        border-left-color: #DC2626;
    }

    .onay-kart.secili[b-yoq5674r3k] {
        border-color: #2563EB;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
    }

.ok-govde[b-yoq5674r3k] {
    display: flex;
    gap: 20px;
    align-items: stretch;
}

.ok-sol[b-yoq5674r3k] {
    flex: 1;
    min-width: 0;
}

.ok-ust[b-yoq5674r3k] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.ok-avatar[b-yoq5674r3k] {
    border-radius: 14px;
    width: 48px;
    height: 48px;
    font-size: 1.1rem;
    background: linear-gradient(135deg, #7C3AED 0%, #A78BFA 100%);
    color: white;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 3px 8px rgba(124, 58, 237, 0.2);
}

.ok-ad[b-yoq5674r3k] {
    font-weight: 800;
    color: #1E293B;
    font-size: 1rem;
}

.ok-tarih[b-yoq5674r3k] {
    font-size: 0.78rem;
    color: #64748B;
    font-weight: 600;
    margin-top: 2px;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.ok-tam-tarih[b-yoq5674r3k] {
    color: #94A3B8;
    font-weight: 500;
}

.mail-rozet[b-yoq5674r3k] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 10px;
    margin-left: auto;
    white-space: nowrap;
}

    .mail-rozet.dogrulandi[b-yoq5674r3k] {
        background: #ECFDF5;
        color: #065F46;
        border: 1px solid #A7F3D0;
    }

    .mail-rozet.dogrulanmadi[b-yoq5674r3k] {
        background: #FEF2F2;
        color: #991B1B;
        border: 1px solid #FECACA;
    }

.ok-iletisim[b-yoq5674r3k] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #F1F5F9;
    font-size: 0.85rem;
    color: #475569;
    font-weight: 600;
}

    .ok-iletisim div[b-yoq5674r3k] {
        display: flex;
        align-items: center;
        gap: 6px;
    }

.ok-ogrenciler[b-yoq5674r3k] {
    margin-top: 14px;
}

.ok-ogr-baslik[b-yoq5674r3k] {
    display: block;
    font-size: 0.75rem;
    font-weight: 800;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 8px;
}

.ogr-eksik[b-yoq5674r3k] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    background: #FEF2F2;
    border: 1px solid #FECACA;
    color: #991B1B;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 0.82rem;
    line-height: 1.5;
    font-weight: 500;
}

.ogr-satir[b-yoq5674r3k] {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    padding: 10px 14px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    margin-bottom: 6px;
}

.ogr-ad[b-yoq5674r3k] {
    font-weight: 700;
    color: #1E293B;
    font-size: 0.85rem;
}

.ogr-meta[b-yoq5674r3k] {
    color: #64748B;
    font-size: 0.78rem;
    margin-left: auto;
    white-space: nowrap;
}

.ok-aksiyon[b-yoq5674r3k] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    min-width: 150px;
}

@media (max-width: 700px) {
    .ok-govde[b-yoq5674r3k] {
        flex-direction: column;
    }

    .ok-aksiyon[b-yoq5674r3k] {
        flex-direction: row;
        min-width: 0;
    }

    .kod-karti[b-yoq5674r3k] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .kk-ikon[b-yoq5674r3k] {
        display: none;
    }
}
/* /Components/Pages/School/Report/Absentees.razor.rz.scp.css */

/* Global .filtre-alani varsayılanı ortalı hizalar; bu sayfada etiket+input grupları
   farklı yükseklikte olduğu için (ör. "Tarih" etiketli grup vs düz dropdown) alta hizala. */
.filtre-alani[b-2ynq9eoss3] {
    align-items: flex-end;
}

    .filtre-alani label[b-2ynq9eoss3] {
        display: block;
        font-weight: 800;
        color: #0F172A;
        font-size: 0.85rem;
        margin-bottom: 8px;
    }

.tarih-satiri[b-2ynq9eoss3] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

[b-2ynq9eoss3] .filtre-alani .rz-datepicker, [b-2ynq9eoss3] .filtre-alani .rz-dropdown {
    border-radius: 8px !important;
    font-weight: 600;
    border-color: #CBD5E1 !important;
}

/* --- EKRANI BOYDAN BOYA DOLDURAN ESNEMEK KART YAPISI --- */
.kpi-row-tam-ekran[b-2ynq9eoss3] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 24px;
    width: 100%;
}

    .kpi-row-tam-ekran > .kpi-card[b-2ynq9eoss3] {
        flex: 1 1 0;
        min-width: 220px;
    }

.kpi-card.kpi-dikkat[b-2ynq9eoss3] {
    background: linear-gradient(135deg, #FFFFFF 0%, #FEF2F2 100%);
    border-color: #FECACA;
}

    .kpi-card.kpi-dikkat:hover[b-2ynq9eoss3] {
        box-shadow: 0 12px 25px rgba(239, 68, 68, 0.15);
    }

.devamsiz-sayac[b-2ynq9eoss3] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: rgba(254, 242, 242, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(254, 202, 202, 0.8);
    color: #991B1B;
    padding: 18px 24px;
    border-radius: 16px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(220, 38, 38, 0.05);
    animation: perplus-belir 0.35s ease-out both;
}

.ds-baslik[b-2ynq9eoss3] {
    font-weight: 700;
    font-size: 1.05rem;
}

    .ds-baslik b[b-2ynq9eoss3] {
        font-size: 1.3rem;
        font-weight: 900;
    }

.ds-dagilim[b-2ynq9eoss3] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 9px;
}

.ds-chip[b-2ynq9eoss3] {
    background: white;
    border: 1px solid #FECACA;
    color: #B91C1C;
    padding: 3px 10px;
    border-radius: 10px;
    font-size: 0.76rem;
    font-weight: 600;
}

    .ds-chip b[b-2ynq9eoss3] {
        font-weight: 900;
    }

.bos-iyi[b-2ynq9eoss3] {
    text-align: center;
    padding: 60px 24px;
    background: #F0FDF4;
    border: 1px solid #A7F3D0;
    border-radius: 20px;
    color: #065F46;
    box-shadow: var(--golge-yumusak);
    animation: perplus-belir 0.4s ease-out both;
}

    .bos-iyi p[b-2ynq9eoss3] {
        font-weight: 800;
        font-size: 1.15rem;
        margin: 14px 0 4px 0;
    }

    .bos-iyi span[b-2ynq9eoss3] {
        font-size: 0.88rem;
        opacity: 0.9;
    }

.bos-notr[b-2ynq9eoss3] {
    text-align: center;
    padding: 60px 24px;
    background: white;
    border: 2px dashed #CBD5E1;
    border-radius: 20px;
    color: #64748B;
    box-shadow: var(--golge-yumusak);
}

    .bos-notr p[b-2ynq9eoss3] {
        font-weight: 800;
        font-size: 1.05rem;
        color: #475569;
        margin: 14px 0 4px 0;
    }

    .bos-notr span[b-2ynq9eoss3] {
        font-size: 0.86rem;
        color: #64748B;
    }

.rapor-not[b-2ynq9eoss3] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    background: rgba(248, 250, 252, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    padding: 14px 18px;
    border-radius: 12px;
    font-size: 0.79rem;
    color: #64748B;
    font-weight: 500;
    line-height: 1.45;
}

.tatil-bandi[b-2ynq9eoss3] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: rgba(239, 246, 255, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(191, 219, 254, 0.8);
    color: #1E40AF;
    padding: 18px 24px;
    border-radius: 16px;
    margin-bottom: 24px;
    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.05);
    animation: perplus-belir 0.35s ease-out both;
}

.tb-baslik[b-2ynq9eoss3] {
    font-weight: 900;
    font-size: 1rem;
}

.tb-alt[b-2ynq9eoss3] {
    font-size: 0.83rem;
    margin-top: 3px;
    font-weight: 500;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .filtre-alani[b-2ynq9eoss3] {
        flex-direction: column;
        align-items: stretch;
    }

    .tarih-satiri[b-2ynq9eoss3] {
        justify-content: space-between;
    }

    [b-2ynq9eoss3] .filtre-alani .rz-dropdown {
        width: 100% !important;
    }
}
/* /Components/Pages/School/Report/DailyAttendance.razor.rz.scp.css */


/* Global .filtre-alani varsayılanı ortalı hizalar; bu sayfada etiket+input grupları   farklı yükseklikte olduğu için (ör. "Tarih" etiketli grup vs düz dropdown) alta hizala. */
.filtre-alani[b-w0l11dljri] {
    align-items: flex-end;
}

    .filtre-alani label[b-w0l11dljri] {
        display: block;
        font-weight: 800;
        color: #0F172A;
        font-size: 0.85rem;
        margin-bottom: 8px;
    }

.tarih-satiri[b-w0l11dljri] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

[b-w0l11dljri] .filtre-alani .rz-datepicker, [b-w0l11dljri] .filtre-alani .rz-dropdown {
    border-radius: 8px !important;
    font-weight: 600;
    border-color: #CBD5E1 !important;
}

/* --- EKRANI BOYDAN BOYA DOLDURAN ESNEMEK KART YAPISI --- */
.kpi-row-tam-ekran[b-w0l11dljri] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 24px;
    width: 100%;
}

    .kpi-row-tam-ekran > .kpi-card[b-w0l11dljri] {
        flex: 1 1 0; /* Kart sayısı 4 veya 5 fark etmez, sağda boşluk bırakmadan eşit esner */
        min-width: 220px; /* Mobilde daraldığında alt satıra atması için sınır */
    }

/* LİSANS REFERANSI İLE BİREBİR AYNI (YAZI BOYUTU 1rem) */
.kpi-alt[b-w0l11dljri] {
    font-size: 0.72rem;
    font-weight: 700;
    margin-top: 4px;
}

.kpi-card.kpi-dikkat[b-w0l11dljri] {
    background: linear-gradient(135deg, #FFFFFF 0%, #FEF2F2 100%);
    border-color: #FECACA;
}

    .kpi-card.kpi-dikkat:hover[b-w0l11dljri] {
        box-shadow: 0 12px 25px rgba(239, 68, 68, 0.15);
    }

.kpi-card.kpi-uyari[b-w0l11dljri] {
    background: linear-gradient(135deg, #FFFFFF 0%, #FFFBEB 100%);
    border-color: #FDE68A;
}

    .kpi-card.kpi-uyari:hover[b-w0l11dljri] {
        box-shadow: 0 12px 25px rgba(245, 158, 11, 0.15);
    }

.kpi-not[b-w0l11dljri] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: #DC2626;
    margin-top: 5px;
}

    .kpi-not.uyari[b-w0l11dljri] {
        color: #B45309;
    }

.do-bar[b-w0l11dljri] {
    height: 6px;
    background: #DBEAFE;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 6px;
}

.do-bar-dolu[b-w0l11dljri] {
    height: 100%;
    border-radius: 3px;
    background: linear-gradient(135deg, #1E3A8A 0%, #2980B9 100%);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.saat[b-w0l11dljri] {
    font-family: 'Consolas', 'Courier New', monospace;
    font-weight: 700;
    color: #334155;
    font-size: 0.88rem;
}

.badge[b-w0l11dljri] {
    padding: 4px 11px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 800;
    display: inline-block;
    white-space: nowrap;
}

.badge-yok[b-w0l11dljri] {
    background: #FEF2F2;
    color: #991B1B;
    border: 1px solid #FECACA;
}

.badge-iceride[b-w0l11dljri] {
    background: #ECFDF5;
    color: #065F46;
    border: 1px solid #A7F3D0;
}

.badge-cikti[b-w0l11dljri] {
    background: #FEF3C7;
    color: #92400E;
    border: 1px solid #FDE68A;
}

.badge-gec[b-w0l11dljri] {
    background: #FFEDD5;
    color: #9A3412;
    border: 1px solid #FED7AA;
    margin-right: 4px;
}

.rapor-not[b-w0l11dljri] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    background: rgba(248, 250, 252, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    padding: 14px 18px;
    border-radius: 12px;
    font-size: 0.79rem;
    color: #64748B;
    font-weight: 500;
    line-height: 1.45;
}

@media (max-width: 768px) {
    .filtre-alani[b-w0l11dljri] {
        flex-direction: column;
        align-items: stretch;
    }

    .tarih-satiri[b-w0l11dljri] {
        justify-content: space-between;
    }

    [b-w0l11dljri] .filtre-alani .rz-dropdown {
        width: 100% !important;
    }
}
/* /Components/Pages/School/Student/StudentBulkClassForm.razor.rz.scp.css */
.bc-ozet[b-w37y6m5g6n] {
    display: flex;
    align-items: center;
    gap: 16px;
    background: rgba(239, 246, 255, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(191, 219, 254, 0.8);
    color: #1E40AF;
    padding: 16px 20px;
    border-radius: 16px;
    margin-bottom: 24px;
}

.bc-ozet-baslik[b-w37y6m5g6n] {
    font-weight: 700;
    font-size: 0.95rem;
}

    .bc-ozet-baslik b[b-w37y6m5g6n] {
        font-size: 1.2rem;
        font-weight: 900;
    }

.bc-ozet-alt[b-w37y6m5g6n] {
    font-size: 0.85rem;
    font-weight: 600;
    margin-top: 4px;
}

.bc-ayrac[b-w37y6m5g6n] {
    display: flex;
    align-items: center;
    margin: 24px 0;
}

    .bc-ayrac[b-w37y6m5g6n]::before, .bc-ayrac[b-w37y6m5g6n]::after {
        content: "";
        flex: 1;
        border-bottom: 1px solid rgba(226, 232, 240, 0.8);
    }

    .bc-ayrac span[b-w37y6m5g6n] {
        padding: 0 16px;
        font-size: 0.85rem;
        font-weight: 800;
        color: #94A3B8;
        text-transform: uppercase;
    }

.bc-kaldir[b-w37y6m5g6n] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 18px;
    border: 2px solid rgba(226, 232, 240, 0.8);
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #FFFFFF;
    color: #64748B;
}

    .bc-kaldir:hover[b-w37y6m5g6n] {
        border-color: #CBD5E1;
        box-shadow: 0 4px 15px rgba(15, 23, 42, 0.03);
        transform: translateY(-2px);
    }

    .bc-kaldir.secili[b-w37y6m5g6n] {
        border-color: #F59E0B;
        background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%);
        color: #92400E;
        box-shadow: 0 8px 20px rgba(245, 158, 11, 0.15);
    }

.bc-kaldir-ad[b-w37y6m5g6n] {
    font-weight: 900;
    font-size: 1rem;
    color: #0F172A;
}

.bc-kaldir.secili .bc-kaldir-ad[b-w37y6m5g6n] {
    color: #92400E;
}

.bc-kaldir-alt[b-w37y6m5g6n] {
    font-size: 0.85rem;
    font-weight: 600;
    margin-top: 4px;
}
/* /Components/Pages/School/Student/StudentForm.razor.rz.scp.css */
.zorunlu[b-99aic7n2tg] {
    color: #EF4444;
    font-weight: 900;
}

.sf-ipucu[b-99aic7n2tg] {
    font-size: 0.8rem;
    color: #64748B;
    font-weight: 600;
    margin-top: 6px;
    display: block;
}

.sf-cihaz-alan[b-99aic7n2tg] {
    background: rgba(248, 250, 252, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-left: 6px solid #3B82F6;
    border-radius: 16px;
    padding: 20px;
    margin-top: 8px;
    margin-bottom: 24px;
}

.sf-uyari[b-99aic7n2tg] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: rgba(255, 251, 235, 0.8);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(253, 230, 138, 0.8);
    color: #92400E;
    padding: 16px;
    border-radius: 16px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-top: 12px;
}

.sf-ayrilma-alan[b-99aic7n2tg] {
    background: rgba(255, 251, 235, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(253, 230, 138, 0.8);
    border-left: 6px solid #F59E0B;
    border-radius: 16px;
    padding: 20px;
    margin-top: 8px;
    margin-bottom: 24px;
}
/* /Components/Pages/School/Student/StudentHistory.razor.rz.scp.css */


/* Global .filtre-alani varsayılanı ortalı hizalar; bu sayfada etiket+input grupları
   farklı yükseklikte olduğu için (ör. "Tarih" etiketli grup vs düz dropdown) alta hizala. */
.filtre-alani[b-opv136kpkf] {
    align-items: flex-end;
}

    .filtre-alani label[b-opv136kpkf] {
        font-weight: 800;
        color: #0F172A;
        font-size: 0.85rem;
        margin-bottom: 8px;
    }

.hizli-aralik[b-opv136kpkf] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.ha-etiket[b-opv136kpkf] {
    font-size: 0.85rem;
    font-weight: 800;
    color: #64748B;
}

.ha-buton[b-opv136kpkf] {
    background: #FFFFFF;
    border: 1px solid rgba(226, 232, 240, 0.8);
    color: #475569;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}

    .ha-buton:hover[b-opv136kpkf] {
        border-color: #3B82F6;
        color: #1E3A8A;
        background: #EFF6FF;
    }

.sh-uyari[b-opv136kpkf] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(254, 242, 242, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(254, 202, 202, 0.8);
    color: #991B1B;
    padding: 16px 20px;
    border-radius: 16px;
    margin-bottom: 20px;
    font-weight: 600;
}

.secim-uyari[b-opv136kpkf] {
    text-align: center;
    padding: 60px 24px;
    border-radius: 20px;
    background: #FFFFFF;
    border: 2px dashed #CBD5E1;
    color: #64748B;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}

.hareket-badge[b-opv136kpkf] {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 800;
    display: inline-block;
}

    .hareket-badge.giris[b-opv136kpkf] {
        background: #ECFDF5;
        color: #065F46;
        border: 1px solid #A7F3D0;
    }

    .hareket-badge.cikis[b-opv136kpkf] {
        background: #FFFBEB;
        color: #92400E;
        border: 1px solid #FDE68A;
    }
/* /Components/Pages/School/Student/StudentImportForm.razor.rz.scp.css */
/* ==========================================================================
   TOPLU ÖĞRENCİ İÇE AKTARMA — GLASSMORPHISM PREMIUM CSS
   ========================================================================== */
.import-form[b-32lez7pail] {
    padding: 8px;
}

/* --- YARI ŞEFFAF BİLGİ KUTUSU --- */
.if-bilgi[b-32lez7pail] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: rgba(239, 246, 255, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(191, 219, 254, 0.8);
    color: #1E40AF;
    padding: 16px 20px;
    border-radius: 16px;
    margin-bottom: 24px;
    font-size: 0.9rem;
    line-height: 1.6;
    font-weight: 600;
}

/* --- KAYNAK SEÇİMİ --- */
.if-kaynaklar[b-32lez7pail] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.if-dosya-btn[b-32lez7pail] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 0.9rem;
    color: #2980B9;
    font-weight: 800;
    padding: 12px 20px;
    border: 1px solid rgba(191, 219, 254, 0.8);
    border-radius: 12px;
    background: rgba(239, 246, 255, 0.8);
    transition: all 0.3s ease;
}

    .if-dosya-btn:hover[b-32lez7pail] {
        background: #DBEAFE;
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(41, 128, 185, 0.1);
    }

    .if-dosya-btn.pasif[b-32lez7pail] {
        opacity: 0.65;
        cursor: wait;
        transform: none;
        box-shadow: none;
    }

.if-veya[b-32lez7pail] {
    font-size: 0.85rem;
    color: #64748B;
    font-weight: 700;
}

/* --- ÖZET ROZETLERİ --- */
.if-ozet[b-32lez7pail] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.if-rozet[b-32lez7pail] {
    padding: 8px 16px;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 600;
}

    .if-rozet b[b-32lez7pail] {
        font-weight: 900;
        font-size: 1rem;
    }

    .if-rozet.iyi[b-32lez7pail] {
        background: #ECFDF5;
        color: #065F46;
        border: 1px solid #A7F3D0;
    }

    .if-rozet.kotu[b-32lez7pail] {
        background: #FEF2F2;
        color: #991B1B;
        border: 1px solid #FECACA;
    }

    .if-rozet.notr[b-32lez7pail] {
        background: #EFF6FF;
        color: #1E40AF;
        border: 1px solid #BFDBFE;
    }

/* --- GLASSMORPHISM SEÇİM KUTUSU --- */
.if-secim[b-32lez7pail] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(248, 250, 252, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    padding: 16px 20px;
    border-radius: 16px;
    margin-bottom: 20px;
}

.if-secim-etiket[b-32lez7pail] {
    font-weight: 800;
    color: #0F172A;
    font-size: 0.9rem;
    cursor: pointer;
    margin: 0;
}

/* --- ÖNİZLEME TABLOSU --- */
.if-tablo-kutu[b-32lez7pail] {
    max-height: 340px;
    overflow: auto;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}

    .if-tablo-kutu[b-32lez7pail]::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .if-tablo-kutu[b-32lez7pail]::-webkit-scrollbar-thumb {
        background: #CBD5E1;
        border-radius: 4px;
    }

/* Tablo içi kısımlar eski yapısıyla aynı kalabilir, sadece genel kutuyu yumuşattık */
.if-tablo[b-32lez7pail] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

    .if-tablo thead th[b-32lez7pail] {
        position: sticky;
        top: 0;
        background: #F8FAFC;
        color: #475569;
        font-weight: 800;
        padding: 12px;
        border-bottom: 2px solid #E2E8F0;
        z-index: 1;
    }

    .if-tablo tbody td[b-32lez7pail] {
        padding: 10px 12px;
        border-bottom: 1px solid #F1F5F9;
        color: #1E293B;
    }

.mono[b-32lez7pail] {
    font-family: 'Consolas', monospace;
    font-weight: 700;
    color: #475569;
}

/* Hata */
.if-hata[b-32lez7pail] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(254, 242, 242, 0.8);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(254, 202, 202, 0.8);
    color: #991B1B;
    padding: 16px;
    border-radius: 16px;
    margin-top: 16px;
    font-weight: 600;
}
/* /Components/Pages/School/Student/StudentProfile.razor.rz.scp.css */
.profil-grid[b-fnpldq4aor] {
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 1.5rem;
    align-items: start;
}

.kritik-bant[b-fnpldq4aor] {
    display: flex;
    align-items: center;
    gap: 16px;
    background: rgba(254, 242, 242, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(254, 202, 202, 0.8);
    color: #991B1B;
    padding: 18px 24px;
    border-radius: 16px;
    margin-bottom: 24px;
    box-shadow: 0 4px 15px rgba(239, 68, 68, 0.05);
    animation: perplus-belir 0.35s ease-out both;
}

.kb-baslik[b-fnpldq4aor] {
    font-weight: 900;
    font-size: 1rem;
}

.kb-alt[b-fnpldq4aor] {
    font-size: 0.85rem;
    margin-top: 4px;
    font-weight: 600;
    opacity: 0.9;
}

.profil-sol[b-fnpldq4aor], .profil-panel[b-fnpldq4aor] {
    background: #FFFFFF;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 16px;
    padding: 20px 22px;
    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.03);
    animation: perplus-belir 0.4s ease-out both;
    transition: all 0.3s ease;
}

    .profil-sol:hover[b-fnpldq4aor], .profil-panel:hover[b-fnpldq4aor] {
        box-shadow: 0 12px 24px -4px rgba(15, 23, 42, 0.08);
    }

.foto-alan[b-fnpldq4aor] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.ogr-foto[b-fnpldq4aor] {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #F8FAFC;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}

.foto-yok[b-fnpldq4aor] {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    font-size: 3rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 900;
}

.foto-yukle-btn[b-fnpldq4aor] {
    cursor: pointer;
    font-size: 0.85rem;
    color: #2980B9;
    font-weight: 800;
    padding: 8px 18px;
    border: 1px solid rgba(191, 219, 254, 0.8);
    border-radius: 12px;
    background: #EFF6FF;
    transition: all 0.2s ease;
}

    .foto-yukle-btn:hover[b-fnpldq4aor] {
        background: #DBEAFE;
        transform: translateY(-2px);
    }

.foto-ipucu[b-fnpldq4aor] {
    font-size: 0.72rem;
    color: #94A3B8;
    font-weight: 600;
    margin-top: 4px;
}

.profil-ad[b-fnpldq4aor] {
    font-size: 1.4rem;
    font-weight: 900;
    color: #0F172A;
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.profil-alt-bilgi[b-fnpldq4aor] {
    color: #475569;
    font-size: 0.9rem;
    margin-top: 6px;
    font-weight: 700;
    text-align: center;
}

.kimlik-satiri[b-fnpldq4aor] {
    margin-top: 16px;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

    .kimlik-satiri b.eksik[b-fnpldq4aor] {
        color: #EF4444;
    }

    .kimlik-satiri b.mono[b-fnpldq4aor] {
        font-family: 'Consolas', monospace;
        color: #1E293B;
        background: #F1F5F9;
        padding: 2px 6px;
        border-radius: 6px;
    }

.durum-kutu[b-fnpldq4aor] {
    margin-top: 24px;
    padding: 18px;
    border-radius: 16px;
    border: 1px solid transparent;
    font-weight: 800;
}

    .durum-kutu.iceride[b-fnpldq4aor] {
        background: rgba(236, 253, 245, 0.7);
        color: #065F46;
        border-color: rgba(167, 243, 208, 0.8);
    }

    .durum-kutu.cikti[b-fnpldq4aor] {
        background: rgba(255, 251, 235, 0.7);
        color: #92400E;
        border-color: rgba(253, 230, 138, 0.8);
    }

    .durum-kutu.gelmedi[b-fnpldq4aor] {
        background: rgba(254, 242, 242, 0.7);
        color: #991B1B;
        border-color: rgba(254, 202, 202, 0.8);
    }

.dk-ust[b-fnpldq4aor] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dk-nokta[b-fnpldq4aor] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: currentColor;
}

.dk-alt[b-fnpldq4aor] {
    font-size: 0.75rem;
    opacity: 0.8;
    margin-top: 8px;
    margin-left: 18px;
}

.profil-sag[b-fnpldq4aor] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.panel-baslik[b-fnpldq4aor] {
    font-weight: 900;
    font-size: 1.1rem;
    color: #0F172A;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.panel-sayi[b-fnpldq4aor] {
    font-size: 0.8rem;
    background: #F1F5F9;
    border-radius: 20px;
    padding: 4px 12px;
    color: #475569;
}

.panel-bos[b-fnpldq4aor] {
    text-align: center;
    padding: 30px 20px;
    color: #64748B;
    font-size: 0.85rem;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.veli-satir[b-fnpldq4aor] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border-radius: 12px;
    border: 1px solid #F1F5F9;
    margin-bottom: 10px;
}

    .veli-satir:last-child[b-fnpldq4aor] {
        margin-bottom: 0;
    }

.veli-avatar[b-fnpldq4aor] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: linear-gradient(135deg, #1E3A8A 0%, #2980B9 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 1rem;
}

.veli-orta[b-fnpldq4aor] {
    flex: 1;
    min-width: 0;
}

.veli-ust[b-fnpldq4aor] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.veli-ad[b-fnpldq4aor] {
    font-weight: 800;
    color: #1E293B;
    font-size: 0.95rem;
}

.veli-yakinlik[b-fnpldq4aor] {
    font-size: 0.7rem;
    font-weight: 800;
    background: #F1F5F9;
    color: #475569;
    padding: 2px 8px;
    border-radius: 6px;
}

.veli-iletisim[b-fnpldq4aor] {
    font-size: 0.8rem;
    color: #64748B;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
}

.veli-rozetler[b-fnpldq4aor] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.v-rozet[b-fnpldq4aor] {
    font-size: 0.7rem;
    font-weight: 800;
    padding: 3px 8px;
    border-radius: 6px;
}

    .v-rozet.bekliyor[b-fnpldq4aor] {
        background: #FFFBEB;
        color: #D97706;
        border: 1px solid #FDE68A;
    }

    .v-rozet.red[b-fnpldq4aor] {
        background: #FEF2F2;
        color: #DC2626;
        border: 1px solid #FECACA;
    }

.hareket-satir[b-fnpldq4aor] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 10px;
    border-bottom: 1px solid #F8FAFC;
}

    .hareket-satir:last-child[b-fnpldq4aor] {
        border-bottom: none;
    }

.h-yon[b-fnpldq4aor] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

    .h-yon.giris[b-fnpldq4aor] {
        background: #10B981;
    }

    .h-yon.cikis[b-fnpldq4aor] {
        background: #F59E0B;
    }

.h-tip[b-fnpldq4aor] {
    flex: 1;
    font-weight: 700;
    font-size: 0.9rem;
}

    .h-tip.giris[b-fnpldq4aor] {
        color: #059669;
    }

    .h-tip.cikis[b-fnpldq4aor] {
        color: #B45309;
    }

.h-zaman[b-fnpldq4aor] {
    font-size: 0.8rem;
    color: #64748B;
    font-weight: 700;
    font-family: 'Consolas', monospace;
}

.hareket-not[b-fnpldq4aor] {
    font-size: 0.75rem;
    color: #94A3B8;
    font-weight: 600;
    text-align: center;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed #E2E8F0;
}

.bulunamadi[b-fnpldq4aor] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 60px 20px;
    text-align: center;
    color: #64748B;
}

    .bulunamadi p[b-fnpldq4aor] {
        font-size: 1.1rem;
        font-weight: 900;
        color: #1E293B;
        margin: 0;
    }

.pasif-rozet[b-fnpldq4aor] {
    font-size: 0.7rem;
    font-weight: 900;
    background: #FEF2F2;
    color: #DC2626;
    padding: 4px 10px;
    border-radius: 8px;
    border: 1px solid #FECACA;
    letter-spacing: 0.5px;
}

@media (max-width: 900px) {
    .profil-grid[b-fnpldq4aor] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/School/Student/Students.razor.rz.scp.css */
/* --- 4'LÜ KART DİZİLİMİ VE BİLGİ KARTI FONT YAPISI --- */
.kpi-row-4[b-8g5oj2k8cw] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

@media (max-width: 1200px) {
    .kpi-row-4[b-8g5oj2k8cw] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .kpi-row-4[b-8g5oj2k8cw] {
        grid-template-columns: 1fr;
    }
}

/* --- KART VURGULARI --- */
.kpi-card.kpi-dikkat[b-8g5oj2k8cw] {
    background: linear-gradient(135deg, #FFFFFF 0%, #FEF2F2 100%);
    border-color: #FECACA;
}

.kpi-card.kpi-uyari[b-8g5oj2k8cw] {
    background: linear-gradient(135deg, #FFFFFF 0%, #FFFBEB 100%);
    border-color: #FDE68A;
}

.kpi-not[b-8g5oj2k8cw] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: #DC2626;
    margin-top: 5px;
}

    .kpi-not.uyari[b-8g5oj2k8cw] {
        color: #B45309;
    }

/* --- TABLO ROZETLERİ VE MOBİL --- */
.avatar[b-8g5oj2k8cw] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: white;
    font-weight: 800;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12);
}

.ogr-hucre[b-8g5oj2k8cw] {
    display: flex;
    align-items: center;
    gap: 11px;
    cursor: pointer;
}

.ogr-ad-link[b-8g5oj2k8cw] {
    font-weight: 700;
    color: #2980B9;
    transition: color 0.15s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ogr-hucre:hover .ogr-ad-link[b-8g5oj2k8cw] {
    color: #1E40AF;
    text-decoration: underline;
}

.ogr-no[b-8g5oj2k8cw] {
    font-size: 0.76rem;
    color: #64748B;
    font-weight: 600;
    margin-top: 2px;
}

.eksik-etiket[b-8g5oj2k8cw] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 8px;
    background: #F1F5F9;
    color: #64748B;
    border: 1px solid #E2E8F0;
}

    .eksik-etiket.kritik[b-8g5oj2k8cw] {
        background: #FEF2F2;
        color: #991B1B;
        border-color: #FECACA;
    }

.cihaz-no[b-8g5oj2k8cw] {
    font-family: 'Consolas', 'Courier New', monospace;
    font-weight: 700;
    color: #1E293B;
    background: #F1F5F9;
    border: 1px solid #E2E8F0;
    padding: 3px 9px;
    border-radius: 6px;
    font-size: 0.82rem;
}

.veli-sayi[b-8g5oj2k8cw] {
    font-weight: 800;
    color: #7C3AED;
}

.veli-yok[b-8g5oj2k8cw] {
    font-weight: 800;
    color: #94A3B8;
}

@media (max-width: 768px) {
    [b-8g5oj2k8cw] .filtre-alani .rz-dropdown {
        width: 100% !important;
    }
}

.toplu-cubuk[b-8g5oj2k8cw] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    background: linear-gradient(135deg, rgba(30, 58, 138, 0.95) 0%, rgba(37, 99, 235, 0.95) 100%);
    backdrop-filter: blur(12px);
    color: white;
    border-radius: 16px;
    padding: 16px 24px;
    margin-bottom: 20px;
    box-shadow: 0 8px 25px rgba(30, 58, 138, 0.25);
    position: sticky;
    top: 12px;
    z-index: 10;
    animation: perplus-belir 0.25s ease-out both;
}

.tc-sayac[b-8g5oj2k8cw] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
    font-weight: 600;
}

    .tc-sayac b[b-8g5oj2k8cw] {
        font-size: 1.15rem;
        font-weight: 900;
    }

.tc-tumu[b-8g5oj2k8cw] {
    font-size: 0.85rem;
    font-weight: 800;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 8px 16px;
    border-radius: 10px;
    cursor: pointer;
    transition: var(--gecis);
    white-space: nowrap;
}

    .tc-tumu:hover[b-8g5oj2k8cw] {
        background: rgba(255, 255, 255, 0.25);
    }

[b-8g5oj2k8cw] .toplu-cubuk .rz-button {
    background-color: rgba(255, 255, 255, 0.92) !important;
}

    [b-8g5oj2k8cw] .toplu-cubuk .rz-button.rz-danger {
        background-color: #FEE2E2 !important;
        color: #991B1B !important;
    }

    [b-8g5oj2k8cw] .toplu-cubuk .rz-button.rz-success {
        background-color: #DCFCE7 !important;
        color: #065F46 !important;
    }

    [b-8g5oj2k8cw] .toplu-cubuk .rz-button.rz-text {
        background-color: transparent !important;
        color: white !important;
    }

[b-8g5oj2k8cw] .perplus-premium-grid .rz-chkbox {
    vertical-align: middle;
}

@media (max-width: 768px) {
    .toplu-cubuk[b-8g5oj2k8cw] {
        position: static;
    }
}

.mobil-gorunum[b-8g5oj2k8cw] {
    display: none;
}

@media (max-width: 900px) {
    .masaustu-gorunum[b-8g5oj2k8cw] {
        display: none;
    }

    .mobil-gorunum[b-8g5oj2k8cw] {
        display: block;
    }
}

.ogr-kart[b-8g5oj2k8cw] {
    background: #FFFFFF;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 20px;
    padding: 20px 24px;
    margin-bottom: 16px;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.03);
    transition: all 0.3s ease;
    animation: perplus-belir 0.3s ease-out both;
}

    .ogr-kart.secili[b-8g5oj2k8cw] {
        border-color: #3B82F6;
        background: linear-gradient(135deg, #EFF6FF 0%, #FFFFFF 70%);
        box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);
    }

.mk-ust[b-8g5oj2k8cw] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mk-kimlik[b-8g5oj2k8cw] {
    flex: 1;
    min-width: 0;
    cursor: pointer;
}

.mk-ad[b-8g5oj2k8cw] {
    font-weight: 900;
    color: #2980B9;
    font-size: 1.05rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mk-alt[b-8g5oj2k8cw] {
    font-size: 0.78rem;
    color: #64748B;
    font-weight: 600;
    margin-top: 2px;
}

.mk-orta[b-8g5oj2k8cw] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #F1F5F9;
}

.mk-veli[b-8g5oj2k8cw] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.76rem;
    font-weight: 700;
    color: #5B21B6;
    background: #F5F3FF;
    border: 1px solid #DDD6FE;
    padding: 3px 9px;
    border-radius: 8px;
}

.mk-aksiyon[b-8g5oj2k8cw] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
}

.mk-sayfalama[b-8g5oj2k8cw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 14px 0 4px 0;
}

.mk-sayfa-bilgi[b-8g5oj2k8cw] {
    font-size: 0.85rem;
    font-weight: 800;
    color: #475569;
    min-width: 70px;
    text-align: center;
}

.mk-bos[b-8g5oj2k8cw] {
    text-align: center;
    padding: 44px 20px;
    background: white;
    border: 2px dashed #CBD5E1;
    border-radius: 14px;
}

    .mk-bos p[b-8g5oj2k8cw] {
        font-weight: 800;
        font-size: 1rem;
        color: #475569;
        margin: 12px 0 4px 0;
    }

    .mk-bos span[b-8g5oj2k8cw] {
        font-size: 0.85rem;
        color: #64748B;
    }
/* /Components/Pages/School/Support/Support.razor.rz.scp.css */
.destek-sayfa-mesajlar[b-iktlmgxk2t] {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
    background: linear-gradient(180deg, #F8FAFC 0%, #F1F5F9 100%);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

    .destek-sayfa-mesajlar[b-iktlmgxk2t]::-webkit-scrollbar {
        width: 6px;
    }

    .destek-sayfa-mesajlar[b-iktlmgxk2t]::-webkit-scrollbar-thumb {
        background: #CBD5E1;
        border-radius: 3px;
    }

    .destek-sayfa-mesajlar[b-iktlmgxk2t]::-webkit-scrollbar-track {
        background: transparent;
    }

.destek-sayfa-bos[b-iktlmgxk2t] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
}

.destek-sayfa-satir[b-iktlmgxk2t] {
    display: flex;
    animation: perplus-belir 0.25s ease-out both;
}

    .destek-sayfa-satir.sag[b-iktlmgxk2t] {
        justify-content: flex-end;
    }

    .destek-sayfa-satir.sol[b-iktlmgxk2t] {
        justify-content: flex-start;
    }

.destek-sayfa-balon[b-iktlmgxk2t] {
    max-width: 60%;
    padding: 11px 15px;
    border-radius: 14px;
    font-size: 0.88rem;
    line-height: 1.45;
    box-shadow: 0 2px 8px rgba(15,23,42,0.06);
}

    /* 🔥 Kullanıcının mesajı (Admin panelindeki admin tasarımıyla aynı mavi degrade) */
    .destek-sayfa-balon.musteri[b-iktlmgxk2t] {
        background: linear-gradient(135deg, #1E3A8A 0%, #2980B9 100%);
        color: white;
        border-bottom-right-radius: 3px;
    }

    /* 🔥 Destek ekibinin mesajı (Beyaz kart) */
    .destek-sayfa-balon.destek[b-iktlmgxk2t] {
        background-color: white;
        color: #1E293B;
        border: 1px solid #E2E8F0;
        border-bottom-left-radius: 3px;
    }

.destek-sayfa-gonderen[b-iktlmgxk2t] {
    font-weight: 800;
    font-size: 0.75rem;
    color: #2980B9;
    margin-bottom: 3px;
}

.destek-sayfa-saat[b-iktlmgxk2t] {
    font-size: 0.68rem;
    opacity: 0.7;
    margin-top: 5px;
    text-align: right;
}

.destek-sayfa-yazma[b-iktlmgxk2t] {
    display: flex;
    gap: 10px;
    padding: 14px;
    border-top: 1px solid #E2E8F0;
    background-color: white;
}
/* /Components/Pages/School/Support/SupportBell.razor.rz.scp.css */
.zil-kok[b-agtqjbwkyw] {
    position: relative;
    display: flex;
    align-items: center;
}

.zil-buton[b-agtqjbwkyw] {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1E3A8A 0%, #2980B9 100%);
    transition: all 0.2s ease;
}

    .zil-buton:hover[b-agtqjbwkyw] {
        background: #1E3A8A;
        transform: translateY(-1px);
    }

.zil-rozet[b-agtqjbwkyw] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #EF4444;
    color: white;
    font-size: 0.65rem;
    font-weight: 800;
    min-width: 17px;
    height: 17px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border: 2px solid white;
}

.zil-panel[b-agtqjbwkyw] {
    position: absolute;
    top: 48px;
    right: 0;
    width: 340px;
    max-height: 440px;
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.15);
    border: 1px solid #E2E8F0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 1000;
}

.zil-panel-header[b-agtqjbwkyw] {
    padding: 12px 16px;
    font-weight: 800;
    color: #1E293B;
    border-bottom: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.zil-liste[b-agtqjbwkyw] {
    flex: 1;
    overflow-y: auto;
    max-height: 300px;
}

.zil-durum[b-agtqjbwkyw] {
    padding: 24px;
    text-align: center;
    color: #94A3B8;
    font-size: 0.85rem;
}

.zil-satir[b-agtqjbwkyw] {
    padding: 10px 16px;
    cursor: pointer;
    border-bottom: 1px solid #F1F5F9;
    transition: background-color 0.15s;
}

    .zil-satir:hover[b-agtqjbwkyw] {
        background-color: #F8FAFC;
    }

.zil-satir-ust[b-agtqjbwkyw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zil-firma-adi[b-agtqjbwkyw] {
    font-weight: 700;
    font-size: 0.85rem;
    color: #1E293B;
}

.zil-mini-rozet[b-agtqjbwkyw] {
    background-color: #2980B9;
    color: white;
    font-size: 0.7rem;
    font-weight: 800;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
}

.zil-son-mesaj[b-agtqjbwkyw] {
    font-size: 0.78rem;
    color: #64748B;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zil-footer[b-agtqjbwkyw] {
    padding: 10px;
    border-top: 1px solid #E2E8F0;
}

.zil-mini-mesajlar[b-agtqjbwkyw] {
    flex: 1;
    overflow-y: auto;
    max-height: 260px;
    padding: 12px;
    background-color: #F8FAFC;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.zil-balon-satir[b-agtqjbwkyw] {
    display: flex;
}

    .zil-balon-satir.sag[b-agtqjbwkyw] {
        justify-content: flex-end;
    }

    .zil-balon-satir.sol[b-agtqjbwkyw] {
        justify-content: flex-start;
    }

.zil-balon[b-agtqjbwkyw] {
    max-width: 80%;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 0.8rem;
    line-height: 1.35;
}

    .zil-balon.destek[b-agtqjbwkyw] {
        background-color: #2980B9;
        color: white;
    }

    .zil-balon.musteri[b-agtqjbwkyw] {
        background-color: white;
        border: 1px solid #E2E8F0;
        color: #1E293B;
    }

.zil-yazma[b-agtqjbwkyw] {
    display: flex;
    gap: 6px;
    padding: 10px;
    border-top: 1px solid #E2E8F0;
}
/* /Components/Pages/School/Support/SupportWidget.razor.rz.scp.css */
.destek-widget-kok[b-bpnyqkif01] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 99999; /* Radzen layout'unu tamamen ezip en üstte kalması için */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}

/* ===== YÜZEN BUTON ===== */
.destek-yuzen-buton[b-bpnyqkif01] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1E3A8A 0%, #2980B9 100%); /* Premium Mavi */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35); /* Mavi parıltılı gölge */
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
    position: relative;
}

    .destek-yuzen-buton:hover[b-bpnyqkif01] {
        transform: scale(1.08) translateY(-4px);
        box-shadow: 0 12px 32px rgba(37, 99, 235, 0.5);
    }

    .destek-yuzen-buton:active[b-bpnyqkif01] {
        transform: scale(0.95);
    }

.destek-rozet[b-bpnyqkif01] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
    color: white;
    font-size: 0.75rem;
    font-weight: 900;
    min-width: 24px;
    height: 24px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border: 2px solid white;
    box-shadow: 0 4px 10px rgba(239, 68, 68, 0.4);
    animation: perplus-nabiz-b-bpnyqkif01 1.8s ease-in-out infinite;
}

/* ===== PANEL (BENTO & GLASSMORPHISM) ===== */
.destek-panel[b-bpnyqkif01] {
    width: 380px;
    height: 540px;
    background-color: white;
    border-radius: 24px; /* Daha yumuşak bento köşeleri */
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(226, 232, 240, 0.8);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: perplus-belir-b-bpnyqkif01 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both;
    transform-origin: bottom right;
}

.destek-panel-header[b-bpnyqkif01] {
    background: linear-gradient(135deg, #1E3A8A 0%, #2980B9 100%);
    color: white;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

    /* Header'a hafif ışık parlaması (cam efekti) */
    .destek-panel-header[b-bpnyqkif01]::after {
        content: "";
        position: absolute;
        top: -50%;
        right: -20%;
        width: 150px;
        height: 150px;
        background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%);
        pointer-events: none;
    }

.destek-panel-baslik[b-bpnyqkif01] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 800;
    font-size: 1.05rem;
    letter-spacing: 0.3px;
    z-index: 1;
}

/* ===== MESAJ ALANI ===== */
.destek-mesaj-alani[b-bpnyqkif01] {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    background: linear-gradient(180deg, #F8FAFC 0%, #F1F5F9 100%);
    display: flex;
    flex-direction: column-reverse;
    gap: 14px;
}

    /* İnce, modern scrollbar */
    .destek-mesaj-alani[b-bpnyqkif01]::-webkit-scrollbar {
        width: 6px;
    }

    .destek-mesaj-alani[b-bpnyqkif01]::-webkit-scrollbar-thumb {
        background: #CBD5E1;
        border-radius: 3px;
    }

    .destek-mesaj-alani[b-bpnyqkif01]::-webkit-scrollbar-track {
        background: transparent;
    }

.destek-durum-mesaji[b-bpnyqkif01] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #94A3B8;
    font-size: 0.9rem;
    text-align: center;
    gap: 12px;
    padding: 20px;
}

/* ===== BALONLAR ===== */
.destek-balon-satir[b-bpnyqkif01] {
    display: flex;
    animation: perplus-belir-b-bpnyqkif01 0.25s ease-out both;
}

    .destek-balon-satir.sag[b-bpnyqkif01] {
        justify-content: flex-end;
    }

    .destek-balon-satir.sol[b-bpnyqkif01] {
        justify-content: flex-start;
    }

.destek-balon[b-bpnyqkif01] {
    max-width: 82%;
    padding: 12px 16px;
    border-radius: 18px;
    font-size: 0.88rem;
    line-height: 1.5;
    box-shadow: 0 4px 12px rgba(15,23,42,0.04);
}

    /* Müşterinin (Okulun) attığı mesaj */
    .destek-balon.musteri[b-bpnyqkif01] {
        background: linear-gradient(135deg, #1E3A8A 0%, #2980B9 100%);
        color: white;
        border-bottom-right-radius: 4px;
    }

    /* Merkezden (Yöneticiden) gelen mesaj */
    .destek-balon.destek[b-bpnyqkif01] {
        background-color: white;
        color: #1E293B;
        border: 1px solid #E2E8F0;
        border-bottom-left-radius: 4px;
    }

.destek-gonderen-adi[b-bpnyqkif01] {
    font-weight: 800;
    font-size: 0.75rem;
    color: #2980B9;
    margin-bottom: 4px;
}

.destek-mesaj-metni[b-bpnyqkif01] {
    white-space: pre-wrap;
    word-break: break-word;
}

.destek-mesaj-saat[b-bpnyqkif01] {
    font-size: 0.65rem;
    opacity: 0.75;
    margin-top: 6px;
    text-align: right;
    font-weight: 600;
}

/* ===== YAZMA ALANI ===== */
.destek-yazma-alani[b-bpnyqkif01] {
    display: flex;
    gap: 10px;
    padding: 16px;
    border-top: 1px solid #E2E8F0;
    background-color: white;
    flex-shrink: 0;
    align-items: center;
}

@keyframes perplus-nabiz-b-bpnyqkif01 {
    0% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(239, 68, 68, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
}

@keyframes perplus-belir-b-bpnyqkif01 {
    from {
        opacity: 0;
        transform: translateY(15px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* /Components/Pages/School/User/UserForm.razor.rz.scp.css */
/* ==========================================================================
   PANEL KULLANICI FORMU — GLASSMORPHISM PREMIUM CSS
   ========================================================================== */
.user-form[b-hr8wtn16ns] {
    padding: 8px;
}

.zorunlu[b-hr8wtn16ns] {
    color: #EF4444;
    font-weight: 900;
}

/* --- YARI ŞEFFAF UYARI VE BİLGİ KARTLARI --- */
.uf-bilgi[b-hr8wtn16ns] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: rgba(239, 246, 255, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(191, 219, 254, 0.8);
    color: #1E40AF;
    padding: 16px;
    border-radius: 16px;
    margin-bottom: 24px;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.5;
}

.uf-uyari[b-hr8wtn16ns] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: rgba(255, 251, 235, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(253, 230, 138, 0.8);
    color: #92400E;
    padding: 16px;
    border-radius: 16px;
    margin-bottom: 24px;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.5;
    box-shadow: 0 4px 10px rgba(245, 158, 11, 0.05);
}

.uf-not[b-hr8wtn16ns] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(248, 250, 252, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    color: #475569;
    padding: 14px 18px;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-top: 8px;
}
/* /Components/Pages/School/User/UserPermissionsForm.razor.rz.scp.css */
/* ==========================================================================
   SAYFA YETKİLERİ FORMU — GLASSMORPHISM PREMIUM CSS
   ========================================================================== */
.yetki-form[b-1hcy5flqgx] {
    padding: 8px;
}

.yetki-baslik[b-1hcy5flqgx] {
    background: rgba(248, 250, 252, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    padding: 16px 20px;
    border-radius: 16px;
    font-size: 0.95rem;
    color: #0F172A;
    margin-bottom: 16px;
    font-weight: 700;
}

.yetki-aciklama[b-1hcy5flqgx] {
    color: #475569;
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0 0 20px 0;
}

/* --- YARI ŞEFFAF ARAÇ ÇUBUĞU --- */
.yetki-arac[b-1hcy5flqgx] {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
    align-items: center;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(8px);
    padding: 12px;
    border-radius: 16px;
    border: 1px solid rgba(226, 232, 240, 0.8);
}

.yetki-arama[b-1hcy5flqgx] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #FFFFFF;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 10px;
    padding: 4px 12px;
    flex: 1;
    min-width: 180px;
}

/* --- LİSTE BÖLÜMÜ --- */
.yetki-liste[b-1hcy5flqgx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 16px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(8px);
}

.yetki-satir[b-1hcy5flqgx] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    transition: background 0.2s;
}

    .yetki-satir.secili[b-1hcy5flqgx] {
        background: rgba(239, 246, 255, 0.8);
    }

.yetki-ad[b-1hcy5flqgx] {
    font-size: 0.95rem;
    color: #0F172A;
    font-weight: 700;
}

/* Uyarı */
.yetki-uyari[b-1hcy5flqgx] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 251, 235, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(253, 230, 138, 0.8);
    color: #92400E;
    padding: 16px;
    border-radius: 16px;
    margin-top: 16px;
    font-size: 0.9rem;
    font-weight: 600;
}
/* /Components/Pages/School/User/Users.razor.rz.scp.css */
/* ==========================================================================
   PANEL KULLANICILARI — PREMIUM BENTO & GLASSMORPHISM
   ========================================================================== */
.tek-yonetici-uyari[b-6bsuet3qd1] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: rgba(255, 251, 235, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(253, 230, 138, 0.8);
    color: #92400E;
    padding: 18px 24px;
    border-radius: 16px;
    margin-bottom: 24px;
    box-shadow: 0 4px 15px rgba(245, 158, 11, 0.05);
    animation: perplus-belir 0.35s ease-out both;
}

.tyu-baslik[b-6bsuet3qd1] {
    font-weight: 900;
    font-size: 1rem;
}

.tyu-alt[b-6bsuet3qd1] {
    font-size: 0.85rem;
    margin-top: 4px;
    font-weight: 600;
    opacity: 0.9;
    line-height: 1.5;
}

/* --- EKRANI BOYDAN BOYA DOLDURAN ESNEMEK KART YAPISI --- */
.kpi-row-tam-ekran[b-6bsuet3qd1] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 24px;
    width: 100%;
}

    .kpi-row-tam-ekran > .kpi-card[b-6bsuet3qd1] {
        flex: 1 1 0;
        min-width: 220px;
    }

.kpi-not[b-6bsuet3qd1] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    margin-top: 5px;
}

/* --- TABLO ROZETLERİ --- */
.kullanici-hucre[b-6bsuet3qd1] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ku-avatar[b-6bsuet3qd1] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: linear-gradient(135deg, #1E3A8A 0%, #2980B9 100%);
    color: white;
    font-weight: 900;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 3px 8px rgba(41, 128, 185, 0.2);
}

    .ku-avatar.yonetici[b-6bsuet3qd1] {
        background: linear-gradient(135deg, #6D28D9 0%, #8B5CF6 100%);
        box-shadow: 0 3px 8px rgba(109, 40, 217, 0.22);
    }

.ku-ad[b-6bsuet3qd1] {
    font-weight: 700;
    color: #1E293B;
    font-size: 0.95rem;
}

.ku-kadi[b-6bsuet3qd1] {
    font-family: 'Consolas', 'Courier New', monospace;
    font-weight: 600;
    color: #475569;
    font-size: 0.87rem;
}

.siz-rozet[b-6bsuet3qd1] {
    font-size: 0.62rem;
    font-weight: 800;
    color: #1D4ED8;
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    padding: 2px 7px;
    border-radius: 6px;
    margin-left: 8px;
    letter-spacing: 0.5px;
    vertical-align: middle;
}

.yetki-yok[b-6bsuet3qd1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    color: #94A3B8;
    margin-right: 4px;
}

.badge[b-6bsuet3qd1] {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 800;
    display: inline-block;
}

.badge-yonetici[b-6bsuet3qd1] {
    background: #EDE9FE;
    color: #5B21B6;
    border: 1px solid #DDD6FE;
}

.badge-normal[b-6bsuet3qd1] {
    background: #F1F5F9;
    color: #475569;
    border: 1px solid #E2E8F0;
}

@media (max-width: 768px) {
    [b-6bsuet3qd1] .filtre-alani .rz-dropdown {
        width: 100% !important;
    }
}

/* --- MOBİL GÖRÜNÜM --- */
.mobil-gorunum[b-6bsuet3qd1] {
    display: none;
}

@media (max-width: 900px) {
    .masaustu-gorunum[b-6bsuet3qd1] {
        display: none;
    }

    .mobil-gorunum[b-6bsuet3qd1] {
        display: block;
    }
}

.kul-kart[b-6bsuet3qd1] {
    background: #FFFFFF;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 20px;
    padding: 20px 24px;
    margin-bottom: 16px;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.03);
    animation: perplus-belir 0.3s ease-out both;
}

    .kul-kart.kendi[b-6bsuet3qd1] {
        border-color: #BFDBFE;
        background: linear-gradient(135deg, #F8FBFF 0%, #FFFFFF 70%);
    }

.mk-ust[b-6bsuet3qd1] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.mk-kimlik[b-6bsuet3qd1] {
    flex: 1;
    min-width: 0;
}

.mk-ad[b-6bsuet3qd1] {
    font-weight: 800;
    color: #1E293B;
    font-size: 0.97rem;
}

.mk-alt[b-6bsuet3qd1] {
    font-size: 0.78rem;
    color: #64748B;
    font-weight: 600;
    font-family: 'Consolas', monospace;
    margin-top: 2px;
}

.mk-eposta[b-6bsuet3qd1] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.79rem;
    color: #64748B;
    margin-top: 9px;
    word-break: break-all;
}

.mk-aksiyon[b-6bsuet3qd1] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #F1F5F9;
}

.mk-bos[b-6bsuet3qd1] {
    text-align: center;
    padding: 44px 20px;
    background: white;
    border: 2px dashed #CBD5E1;
    border-radius: 14px;
}

    .mk-bos p[b-6bsuet3qd1] {
        font-weight: 800;
        font-size: 1rem;
        color: #475569;
        margin: 12px 0 4px 0;
    }

    .mk-bos span[b-6bsuet3qd1] {
        font-size: 0.85rem;
        color: #64748B;
    }