/* /Components/Layout/AdminLayout.razor.rz.scp.css */
/* ⚠️ Bu dosyadaki TÜM ::deep kuralları GLOBAL dosyaya taşındı (wwwroot/perplus-design.css).
   Sebep: RadzenHeader/RadzenSidebarToggle/RadzenSidebar/RadzenPanelMenu/RadzenBody
   birer BİLEŞEN, AdminLayout.razor'da doğrudan yazılan düz HTML değil — Blazor'un CSS
   izolasyon scope attribute'u (b-xxxx) onların iç DOM'una hiç basılmıyor, bu yüzden
   ::deep burada asla eşleşmiyordu (header/sidebar/menü sessizce Radzen'in varsayılan
   temasında kalıyordu, aktif menü öğesi indigo renkteydi, sayfa geçiş fade'i hiç
   çalışmıyordu). Eski `::deep .perplus-premium-grid` bloğu da kaldırıldı — aynı sebepten
   ölüydü ve zaten app.css'teki global .perplus-premium-grid kuralları tabloları
   kapsıyor. Ayrıntı için perplus-design.css'teki ilgili blok. (2026-08-15) */
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ⚠️ Bu dosyadaki TÜM ::deep kuralları GLOBAL dosyaya taşındı (wwwroot/perplus-design.css).
   Sebep: RadzenHeader/RadzenSidebarToggle/RadzenSidebar/RadzenBody/RadzenProfileMenu
   birer BİLEŞEN, MainLayout.razor'da doğrudan yazılan düz HTML değil — Blazor'un CSS
   izolasyon scope attribute'u (b-xxxx) onların iç DOM'una hiç basılmıyor, bu yüzden
   ::deep burada asla eşleşmiyordu (header/sidebar sessizce Radzen'in varsayılan
   temasında kalıyordu, sayfa geçiş fade'i hiç çalışmıyordu). Ayrıntı için
   perplus-design.css'teki ilgili blok. (2026-08-15)

   🔥 ÖLÜ KOD TEMİZLİĞİ (2026-08-01'den kalan not, hâlâ geçerli): `.notification-dot`
   sınıfı ve `pulse-red` animasyonu hiçbir markup tarafından kullanılmıyordu (0 referans).
   Bildirim rozetini NotificationBell kendi içinde çiziyor. Silindi. */

/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ⚠️ Bu dosyadaki TÜM ::deep kuralları GLOBAL dosyaya taşındı (wwwroot/perplus-design.css).
   Sebep: NavMenu.razor'ın kök elemanı doğrudan <RadzenPanelMenu> — bir BİLEŞEN, düz HTML
   değil. Blazor'un CSS izolasyon scope attribute'u (b-xxxx) bu bileşenin iç DOM'una hiç
   basılmıyor, bu yüzden ::deep burada asla eşleşmiyordu. Müşteri panelinin GERÇEK sol
   menüsü olduğu için en yüksek etkili örnekti: aktif/hover menü öğesi Radzen'in varsayılan
   indigo renginde kalıyordu (canlıda doğrulandı). Ayrıntı için perplus-design.css'teki
   ilgili blok. (2026-08-15) */
/* /Components/Pages/Admin/AdminNotificationBell.razor.rz.scp.css */
.bildirim-kok[b-9vcwx16b45] {
    position: relative;
    display: flex;
    align-items: center;
}

.bildirim-buton[b-9vcwx16b45] {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    /* Header'daki 3 tırnak (sidebar-toggle) butonuyla birebir aynı sade dil */
    background: transparent;
    transition: all 0.2s ease;
}

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

.bildirim-nokta[b-9vcwx16b45] {
    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-9vcwx16b45] {
        background: var(--seviye-kritik-grad);
        animation: perplus-nabiz 1.8s ease-in-out infinite;
    }

    .bildirim-nokta.uyari[b-9vcwx16b45] {
        background: var(--seviye-uyari-grad);
    }

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

.bildirim-panel-header[b-9vcwx16b45] {
    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-9vcwx16b45] {
    background: var(--perplus-mavi-grad);
    color: white;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 12px;
    box-shadow: var(--golge-yumusak);
}

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

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

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

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

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

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

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

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

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

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

.bildirim-ikon[b-9vcwx16b45] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    box-shadow: var(--golge-yumusak);
}

    .bildirim-ikon.kritik[b-9vcwx16b45] {
        background: var(--seviye-kritik-grad);
    }

    .bildirim-ikon.uyari[b-9vcwx16b45] {
        background: var(--seviye-uyari-grad);
    }

    .bildirim-ikon.bilgi[b-9vcwx16b45] {
        background: var(--seviye-bilgi-grad);
    }

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

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

.bildirim-aciklama[b-9vcwx16b45] {
    font-size: 0.8rem;
    color: #64748B;
    line-height: 1.4;
}
/* /Components/Pages/Admin/LiveSupport.razor.rz.scp.css */
/* SOL SÜTUN — firma listesi satırları */
.canli-destek-satir[b-rxb4ba1jk7] {
    padding: 15px 18px;
    cursor: pointer;
    border-bottom: 1px solid #F1F5F9;
    border-left: 3px solid transparent;
    background-color: white;
    transition: var(--gecis);
    animation: perplus-belir 0.2s ease-out both;
}

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

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

        .canli-destek-satir.secili:hover[b-rxb4ba1jk7] {
            background: linear-gradient(90deg, #EFF6FF 0%, #F8FAFC 100%);
            border-left-color: #2980B9;
        }
/* /Components/Pages/Admin/Settings.razor.rz.scp.css */
.settings-container[b-fduhiqyruk] {
    width: 100%;
    padding: 10px 10px 30px 10px;
}

.refresh-btn[b-fduhiqyruk] {
    border-radius: 8px;
    font-weight: 600;
}

.settings-card[b-fduhiqyruk] {
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    border: 1px solid #E2E8F0;
    padding: 20px;
}

.card-title[b-fduhiqyruk] {
    font-weight: 700;
    color: #1E293B;
    margin-bottom: 20px;
}

.title-icon[b-fduhiqyruk] {
    vertical-align: middle;
    margin-right: 8px;
}

.val-error[b-fduhiqyruk] {
    display: block;
    font-size: 0.8rem;
    margin-top: 4px;
    color: #E91E63;
}

.mt-2[b-fduhiqyruk] {
    margin-top: 0.5rem;
}

.switch-label[b-fduhiqyruk] {
    font-weight: 600;
    color: #475569;
}

/* YAN YANA DURAN BUTONLARIN CSS'İ */
.action-btn[b-fduhiqyruk] {
    flex: 1; /* Butonların ikisini de yarı yarıya genişletir */
    border-radius: 8px;
    font-weight: bold;
}

.save-btn[b-fduhiqyruk] {
    background-color: #2980B9;
    box-shadow: 0 4px 6px -1px rgba(41, 128, 185, 0.4);
}

/* BAKIM MODU ŞALTER KUTUSU */
.maintenance-box[b-fduhiqyruk] {
    padding: 20px;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.maintenance-active[b-fduhiqyruk] {
    background-color: #FEF2F2;
    border: 1px solid #FCA5A5;
}

.maintenance-passive[b-fduhiqyruk] {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
}

.maintenance-title[b-fduhiqyruk] {
    font-weight: 900;
    margin: 0;
}

.maintenance-desc[b-fduhiqyruk] {
    font-weight: 600;
}

.text-danger[b-fduhiqyruk] {
    color: #991B1B;
}

.text-danger-desc[b-fduhiqyruk] {
    color: #B91C1C;
}

.text-dark[b-fduhiqyruk] {
    color: #1E293B;
}

.text-dark-desc[b-fduhiqyruk] {
    color: #64748B;
}

.maintenance-switch[b-fduhiqyruk] {
    transform: scale(1.2);
}
/* /Components/Pages/Auth/Login.razor.rz.scp.css */
/* Titreme Efekti (Hata Durumu İçin)[cite: 1] */
@keyframes shake-b-408atpm71a {
    0%, 100% {
        transform: translateX(0);
    }

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

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

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

/* Yumuşak Belirme Efekti (Hata Mesajı İçin)[cite: 1] */
@keyframes fadeIn-b-408atpm71a {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

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

.fade-in-text[b-408atpm71a] {
    animation: fadeIn-b-408atpm71a 0.3s ease-out forwards;
}

/* --- PREMIUM TASARIM EKLENTİLERİ --- */

/* Sol Taraf İçin Ağır ve Asil Arka Plan Hareketleri */
@keyframes gradientPan-b-408atpm71a {
    0% {
        background-position: 0% 50%;
    }

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

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

.premium-bg[b-408atpm71a] {
    /* 🔥 Başladığı renkle (#0F172A) bitiyor — 15s'lik infinite döngü yeniden başlarken
       görünmez bir "sıçrama" olmadan kesintisiz devam ediyor. background-size 400%'e
       çekildi ki geçiş daha geniş bir alanda gezinsin, hareket daha belirgin olsun. */
    background: linear-gradient(-45deg, #0F172A, #1E3A8A, #020617, #1e1b4b, #0F172A);
    background-size: 400% 400%;
    animation: gradientPan-b-408atpm71a 15s ease infinite;
}

/* Sağ Taraf İçin Kademeli Yüklenme (Staggered Entrance) Animasyonları */
@keyframes slideUpFade-b-408atpm71a {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

.stagger-1[b-408atpm71a] {
    opacity: 0;
    animation: slideUpFade-b-408atpm71a 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.1s;
}

.stagger-2[b-408atpm71a] {
    opacity: 0;
    animation: slideUpFade-b-408atpm71a 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.2s;
}

.stagger-3[b-408atpm71a] {
    opacity: 0;
    animation: slideUpFade-b-408atpm71a 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.3s;
}

.stagger-4[b-408atpm71a] {
    opacity: 0;
    animation: slideUpFade-b-408atpm71a 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.4s;
}
/* /Components/Pages/Dashboard/About.razor.rz.scp.css */
/* Sadece bu sayfada çalışacak ve derlemeyi bozmayacak güvenli CSS bloğu */
.perplus-hero[b-nsnzw247s8] {
    background: linear-gradient(135deg, #0F172A 0%, #1E3A8A 100%);
    border-radius: 20px;
    padding: 5rem 2rem;
    text-align: center;
    color: white;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.5);
}

    .perplus-hero[b-nsnzw247s8]::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 50%);
        animation: rotateBg-b-nsnzw247s8 30s linear infinite;
        pointer-events: none;
    }

@keyframes rotateBg-b-nsnzw247s8 {
    100% {
        transform: rotate(360deg);
    }
}

.glass-card[b-nsnzw247s8] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 2.5rem;
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

    .glass-card:hover[b-nsnzw247s8] {
        transform: translateY(-5px);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
        border-color: #CBD5E1;
    }

.gradient-text[b-nsnzw247s8] {
    background: linear-gradient(to right, #38BDF8, #818CF8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* /Components/Pages/Dashboard/Index.razor.rz.scp.css */
.pulse-green[b-00ojita8aq] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #10B981;
    box-shadow: 0 0 0 rgba(16, 185, 129, 0.4);
    animation: pulse-green-anim-b-00ojita8aq 2s infinite;
}

.pulse-red[b-00ojita8aq] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #EF4444;
    box-shadow: 0 0 0 rgba(239, 68, 68, 0.4);
    animation: pulse-red-anim-b-00ojita8aq 2s infinite;
}

@keyframes pulse-green-anim-b-00ojita8aq {
    0% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    }

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

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

@keyframes pulse-red-anim-b-00ojita8aq {
    0% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    }

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

    100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
}

/* 🔥 HACKER TICKER (CANLI AKIŞ) TASARIMI */
.ticker-container[b-00ojita8aq] {
    max-height: 400px;
    overflow-y: auto;
    padding-right: 5px;
}

    .ticker-container[b-00ojita8aq]::-webkit-scrollbar {
        width: 6px;
    }

    .ticker-container[b-00ojita8aq]::-webkit-scrollbar-thumb {
        background: #334155;
        border-radius: 4px;
    }

/* ⚠️ .dashboard-hero-card SİLİNDİ: KPI kartları ortak PpKpiKart bileşenine
   geçtiği için o sınıfı kullanan markup kalmadı. Hover'da kartı 3px yukarı
   kaldıran efekti de geri getirmedim — dört kart yan yanayken fare gezdikçe
   sırayla zıplıyorlardı. */

/* 🔥 HAREKETLİ OK İŞARETİ (FONT BAĞIMSIZ - %100 KESİN ÇÖZÜM) */
[b-00ojita8aq] .btn-hizli-islem::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 10px;
    vertical-align: middle;
    border-right: 2px solid white; /* Okun sağ çizgisi */
    border-bottom: 2px solid white; /* Okun alt çizgisi */
    transform: translateY(-3px) rotate(45deg); /* 45 derece döndürüp aşağı ok şeklini veriyoruz */
    transition: transform 0.3s ease;
}

/* Menü açıkken oku yukarı doğru döndür */
[b-00ojita8aq] .btn-hizli-islem.menu-acik::after {
    transform: translateY(1px) rotate(225deg); /* Açıldığında ters dönmesi için */
}

/* Menü açıkken oku yukarı doğru (180 derece) döndür */
[b-00ojita8aq] .btn-hizli-islem.menu-acik::after {
    transform: rotate(180deg);
}

/* 🔥 KUSURSUZ HİZALAMA VE AÇILIR MENÜ TASARIMI */
.hizli-islem-container[b-00ojita8aq] {
    position: relative;
    display: inline-block;
    outline: none; /* Tıklamada çıkan mavi outline çizgisini gizle */
}

.hizli-islem-dropdown[b-00ojita8aq] {
    position: absolute;
    top: 100%;
    right: 0; /* Butonun her zaman tam sağına hizalanır (kayma yapmaz) */
    margin-top: 8px;
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    z-index: 1000;
    min-width: 230px;
    overflow: hidden;
    animation: fadeInDown-b-00ojita8aq 0.2s ease-out; /* Şık aşağı doğru açılma efekti */
}

/* 🔥 AÇILIR MENÜ MADDELERİ */
.hizli-islem-item[b-00ojita8aq] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    cursor: pointer;
    transition: all 0.2s;
    color: #1E293B;
    font-weight: 400; /* 600'DÜ, DAHA YUMUŞAK VE ZARİF BİR GÖRÜNÜM İÇİN 400 YAPILDI */
    font-size: 0.95rem;
}

    .hizli-islem-item:hover[b-00ojita8aq] {
        background-color: #F8FAFC;
        color: #0D9488; /* Yenile butonundaki kurumsal yeşil vurgusu */
    }

    .hizli-islem-item i[b-00ojita8aq] {
        color: #64748B;
        font-size: 20px;
        transition: color 0.2s;
    }

    .hizli-islem-item:hover i[b-00ojita8aq] {
        color: #0D9488;
    }

@keyframes fadeInDown-b-00ojita8aq {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/Definition/Department.razor.rz.scp.css */
[b-hyaj6ky1mq] .perplus-premium-grid .rz-data-row:hover,
[b-hyaj6ky1mq] .perplus-premium-grid .rz-alt-data-row:hover {
    background-color: #F5F3FF !important;
    box-shadow: inset 4px 0 0 0 #8B5CF6;
}
/* /Components/Pages/Maintenance.razor.rz.scp.css */
.maintenance-container[b-luelh61zsu] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 20px;
    background: #0F172A; /* Midnight Navy */
    background-image: radial-gradient(circle at top right, #1E3A8A 0%, transparent 40%), radial-gradient(circle at bottom left, #3B82F6 0%, transparent 40%);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.glass-card[b-luelh61zsu] {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 24px;
    padding: 50px 40px;
    max-width: 550px;
    width: 100%;
    text-align: center;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    animation: floatIn-b-luelh61zsu 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* 🔥 İKON KUTUSU BÜYÜTÜLDÜ VE RENKLERİ AÇILDI */
.icon-container[b-luelh61zsu] {
    width: 130px;
    height: 130px;
    background: linear-gradient(135deg, rgba(224, 242, 254, 0.15) 0%, rgba(56, 189, 248, 0.1) 100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 35px auto;
    border: 1px solid rgba(186, 230, 253, 0.2);
    box-shadow: 0 0 40px rgba(56, 189, 248, 0.15);
}

/* 🔥 İKON BÜYÜTÜLDÜ VE PARLAMA (GLOW) ANİMASYONU EKLENDİ */
.professional-icon[b-luelh61zsu] {
    font-size: 5rem;
    color: #E0F2FE; /* Çok açık buz mavisi tonu */
    animation: pulseGlow-b-luelh61zsu 3s ease-in-out infinite alternate;
}

.brand-title[b-luelh61zsu] {
    color: #F8FAFC;
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: 2px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.badge-pro[b-luelh61zsu] {
    background: #3B82F6;
    color: white;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: bold;
    letter-spacing: 0;
}

.main-heading[b-luelh61zsu] {
    color: #FFFFFF;
    font-size: 2.2rem;
    font-weight: 800;
    margin-bottom: 20px;
}

.description[b-luelh61zsu] {
    color: #94A3B8;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 30px;
}

.progress-container[b-luelh61zsu] {
    width: 100%;
    height: 6px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
}

.progress-bar[b-luelh61zsu] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 30%;
    background: linear-gradient(90deg, #3B82F6, #60A5FA);
    border-radius: 10px;
    animation: loading-b-luelh61zsu 2s ease-in-out infinite alternate;
}

.footer-text[b-luelh61zsu] {
    color: #64748B;
    font-size: 0.9rem;
    font-weight: 600;
}

.retry-btn[b-luelh61zsu] {
    border-radius: 8px;
    font-weight: bold;
    color: #E2E8F0 !important;
    border-color: rgba(255,255,255,0.2) !important;
    transition: all 0.3s;
}

    .retry-btn:hover[b-luelh61zsu] {
        background: rgba(255,255,255,0.1) !important;
        transform: translateY(-2px);
    }

/* 🔥 YENİ: Dönmek Yerine Derin Nefes Alma ve Parlama Animasyonu */
@keyframes pulseGlow-b-luelh61zsu {
    0% {
        transform: scale(0.95);
        filter: drop-shadow(0 0 10px rgba(224,242,254,0.2));
    }

    100% {
        transform: scale(1.05);
        filter: drop-shadow(0 0 25px rgba(224,242,254,0.7));
    }
}

@keyframes loading-b-luelh61zsu {
    0% {
        left: 0;
        width: 30%;
    }

    100% {
        left: 70%;
        width: 30%;
    }
}

@keyframes floatIn-b-luelh61zsu {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/Notification/Announcements.razor.rz.scp.css */
.duyuru-karti[b-bqb4gkcgm2] {
    display: flex;
    gap: 15px;
    background-color: white;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 18px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    animation: perplus-belir 0.24s ease-out both;
}

    .duyuru-karti:hover[b-bqb4gkcgm2] {
        transform: translateY(-2px);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        border-color: #CBD5E1;
    }

    .duyuru-karti.okunmadi[b-bqb4gkcgm2] {
        background: linear-gradient(135deg, #F8FAFC 0%, #FFFFFF 100%);
        border-left: 4px solid #0D9488;
    }

.duyuru-sol[b-bqb4gkcgm2] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .duyuru-sol.kritik[b-bqb4gkcgm2] {
        background: linear-gradient(135deg, #EF4444 0%, #B91C1C 100%);
    }

    .duyuru-sol.uyari[b-bqb4gkcgm2] {
        background: linear-gradient(135deg, #F59E0B 0%, #B45309 100%);
    }

    .duyuru-sol.bilgi[b-bqb4gkcgm2] {
        background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);
    }

.duyuru-baslik[b-bqb4gkcgm2] {
    font-weight: 800;
    font-size: 1rem;
    color: #1E293B;
    display: flex;
    align-items: center;
}

.duyuru-yeni-nokta[b-bqb4gkcgm2] {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: linear-gradient(135deg, #0D9488 0%, #14B8A6 100%);
    border-radius: 50%;
    margin-left: 8px;
    flex-shrink: 0;
    animation: perplus-nabiz 1.8s ease-in-out infinite;
}

.duyuru-tarih[b-bqb4gkcgm2] {
    font-size: 0.75rem;
    color: #64748B;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

.duyuru-onizleme[b-bqb4gkcgm2] {
    font-size: 0.9rem;
    color: #475569;
    margin-top: 4px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* /Components/Pages/Notification/NotificationBell.razor.rz.scp.css */
.bildirim-kok[b-5dyroho3ah] {
    position: relative;
    display: flex;
    align-items: center;
}

.bildirim-buton[b-5dyroho3ah] {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    /* Header'daki 3 tırnak (sidebar-toggle) butonuyla birebir aynı sade dil */
    background: transparent;
    transition: all 0.2s ease;
}

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

.bildirim-nokta[b-5dyroho3ah] {
    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-5dyroho3ah] {
        background: var(--seviye-kritik-grad);
        animation: perplus-nabiz 1.8s ease-in-out infinite;
    }

    .bildirim-nokta.uyari[b-5dyroho3ah] {
        background: var(--seviye-uyari-grad);
    }

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

.bildirim-panel-header[b-5dyroho3ah] {
    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-5dyroho3ah] {
    background: var(--perplus-mavi-grad);
    color: white;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 12px;
    box-shadow: var(--golge-yumusak);
}

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

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

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

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

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

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

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

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

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

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

.bildirim-ikon[b-5dyroho3ah] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    box-shadow: var(--golge-yumusak);
}

    .bildirim-ikon.kritik[b-5dyroho3ah] {
        background: var(--seviye-kritik-grad);
    }

    .bildirim-ikon.uyari[b-5dyroho3ah] {
        background: var(--seviye-uyari-grad);
    }

    .bildirim-ikon.bilgi[b-5dyroho3ah] {
        background: var(--seviye-bilgi-grad);
    }

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

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

.bildirim-aciklama[b-5dyroho3ah] {
    font-size: 0.8rem;
    color: #64748B;
    line-height: 1.4;
}
/* /Components/Pages/Personel/Bonuses.razor.rz.scp.css */
[b-fnq8tzhm1p] .perplus-premium-grid .rz-data-row:hover,
[b-fnq8tzhm1p] .perplus-premium-grid .rz-alt-data-row:hover {
    background-color: #F0F9FF !important;
    box-shadow: inset 4px 0 0 0 #0EA5E9;
}
/* /Components/Pages/Personel/IdentityManagement.razor.rz.scp.css */
[b-efthin70ir] .perplus-premium-grid .rz-data-row:hover,
[b-efthin70ir] .perplus-premium-grid .rz-alt-data-row:hover {
    background-color: #F0F9FF !important;
    box-shadow: inset 4px 0 0 0 #0EA5E9;
}
/* /Components/Pages/Personel/Leaves.razor.rz.scp.css */
[b-y3uvhjrend] .perplus-premium-grid .rz-data-row:hover,
[b-y3uvhjrend] .perplus-premium-grid .rz-alt-data-row:hover {
    background-color: #EEF2FF !important;
    box-shadow: inset 4px 0 0 0 #6366F1;
}
/* /Components/Pages/Personel/ListLeaveHistoryForm.razor.rz.scp.css */
/* ⚠️ Buradaki .rz-data-row:hover kuralı kaldırıldı: kök eleman doğrudan <RadzenStack>
   (bir BİLEŞEN) olduğu için scope attribute hiçbir düz HTML atasına basmıyordu, kural
   hep ölüydü. Bu grid zaten Class="perplus-premium-grid" taşıyor ve app.css'teki global
   .perplus-premium-grid hover kuralı (açık mavi zemin + sol şerit) tüm sayfalarda olduğu
   gibi burada da geçerli — ayrı bir sarmalayıcı div eklemeye değecek görsel fark yoktu,
   ölü kural silindi. (2026-08-15) */
/* /Components/Pages/Personel/ListSalaryHistoryForm.razor.rz.scp.css */
/* ⚠️ Kök eleman doğrudan <RadzenTabs> değil — .maas-sekme-sarici sarmalayıcı div bilinçli
   eklendi (bkz. .razor): <RadzenTabs> bir BİLEŞEN, scope attribute'u onun iç DOM'una
   basılmıyor; ::deep'in eşleşmesi için scope'u taşıyan bir düz HTML atası gerekiyor.
   ⚠️ Sarmalayıcının SINIFI seçicide GEÇMİYOR bilerek — Blazor ::deep'i
   `[b-xxxx] .rz-tabview-nav` olarak derliyor (scope attribute'u seçicinin bir PARÇASI
   değil, ayrı bir ATA gereksinimi). Seçiciye `.maas-sekme-sarici` eklenseydi derlenen
   hâl `[b-xxxx] .maas-sekme-sarici .rz-tabview-nav` olurdu — ama scope attribute'u
   ZATEN .maas-sekme-sarici'nin kendi üzerinde, bir ATASINDA değil, bu yüzden hiç
   eşleşmezdi (ilk denemede tam da bu hataya düşüldü, canlıda indigo renk görülüp
   yakalandı). Sarmalayıcının TEK işi var olup scope'u taşımak; adı seçicide gerekmiyor. */
[b-uoci5godqt] .rz-tabview-nav {
    background-color: transparent !important;
    border-bottom: 2px solid #E2E8F0 !important;
}

    [b-uoci5godqt] .rz-tabview-nav li.rz-tabview-selected {
        border-bottom: 3px solid #0EA5E9 !important;
    }

        [b-uoci5godqt] .rz-tabview-nav li.rz-tabview-selected .rz-tabview-title {
            color: #0EA5E9 !important;
            font-weight: 800 !important;
        }
/* /Components/Pages/Report/Attendance.razor.rz.scp.css */
[b-bdohs2doet] .perplus-premium-grid .rz-data-row:hover,
[b-bdohs2doet] .perplus-premium-grid .rz-alt-data-row:hover {
    background-color: #F0FDFA !important;
    box-shadow: inset 4px 0 0 0 #0D9488;
}

/* ⚠️ .summary-card-hover SİLİNDİ: KPI kartları PpKpiKart bileşenine geçti,
   tıklanabilir hover efekti artık .pp-kpi--tiklanabilir sınıfında (global).
   Eski efekt kartı 5px yukarı kaldırıyordu; dört kart yan yanayken fare
   gezdikçe sırayla zıplıyorlardı, o yüzden geri getirilmedi. */

/* Modern Dikey Zaman Çizelgesi (Timeline) */
.timeline-track[b-bdohs2doet] {
    border-left: 2px solid #E2E8F0;
    margin-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Attendance.razor.css içindeki mevcut sınıfı bununla değiştir */
.timeline-item[b-bdohs2doet] {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start; /* space-between kaldırıldı, sola yaslandı */
    gap: 30px; /* İçerik ile aksiyon butonları arasına 30px mesafe kondu */
}

    .timeline-item[b-bdohs2doet]::before {
        content: '';
        position: absolute;
        left: -7px;
        top: 50%;
        transform: translateY(-50%);
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #CBD5E1;
        border: 2px solid white;
    }

    .timeline-item.giris[b-bdohs2doet]::before {
        background: #10B981;
        box-shadow: 0 0 0 3px #D1FAE5;
    }

    .timeline-item.cikis[b-bdohs2doet]::before {
        background: #EF4444;
        box-shadow: 0 0 0 3px #FEE2E2;
    }

    .timeline-item:last-child[b-bdohs2doet] {
        margin-bottom: 0;
    }


/* /Components/Pages/Report/MonthlyPayroll.razor.rz.scp.css */
/* PREMIUM FINTECH GRID VE KART TASARIMLARI — sadece bu sayfaya özel */
[b-d6dzydhu50] .cfo-kpi-card {
    transition: transform 0.2s ease-in-out;
    border: 1px solid #E2E8F0;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.05);
}

    [b-d6dzydhu50] .cfo-kpi-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);
    }

[b-d6dzydhu50] .premium-bordro-grid .rz-grid-table {
    border-collapse: separate;
    border-spacing: 0 4px;
    padding: 0 10px;
    background-color: transparent !important;
}

    [b-d6dzydhu50] .premium-bordro-grid .rz-grid-table thead th {
        background-color: #F8FAFC !important;
        color: #475569 !important;
        font-weight: 800 !important;
        letter-spacing: 0.5px;
        border-bottom: 2px solid #E2E8F0 !important;
        text-transform: uppercase;
        font-size: 11px;
        padding: 12px 10px;
    }

    [b-d6dzydhu50] .premium-bordro-grid .rz-grid-table tbody tr {
        background-color: white !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.02);
        transition: all 0.2s;
        cursor: pointer;
    }

        [b-d6dzydhu50] .premium-bordro-grid .rz-grid-table tbody tr:hover {
            transform: scale(1.002);
            box-shadow: 0 4px 6px rgba(0,0,0,0.06);
            border-left: 3px solid #3B82F6;
        }

    [b-d6dzydhu50] .premium-bordro-grid .rz-grid-table tbody td {
        border: none !important;
        padding: 12px 10px;
        border-top: 1px solid #F1F5F9;
        border-bottom: 1px solid #F1F5F9;
    }

    [b-d6dzydhu50] .premium-bordro-grid .rz-grid-table tbody tr td:first-child {
        border-left: 1px solid #F1F5F9;
        border-radius: 8px 0 0 8px;
    }

    [b-d6dzydhu50] .premium-bordro-grid .rz-grid-table tbody tr td:last-child {
        border-right: 1px solid #F1F5F9;
        border-radius: 0 8px 8px 0;
    }

/* 🔥 HAREKETLİ OK İŞARETİ (FONT BAĞIMSIZ - %100 KESİN ÇÖZÜM) */
[b-d6dzydhu50] .btn-perplus-dropdown::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 10px;
    vertical-align: middle;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    transform: translateY(-3px) rotate(45deg);
    transition: transform 0.3s ease;
}

/* Menü açıkken oku yukarı doğru döndür */
[b-d6dzydhu50] .btn-perplus-dropdown.menu-acik::after {
    transform: translateY(1px) rotate(225deg);
}

/* 🔥 KUSURSUZ HİZALAMA VE AÇILIR MENÜ TASARIMI */
.perplus-dropdown-container[b-d6dzydhu50] {
    position: relative;
    display: inline-block;
    outline: none;
}

.perplus-dropdown-menu[b-d6dzydhu50] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 8px;
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    z-index: 1000;
    min-width: 230px;
    overflow: hidden;
    animation: fadeInDown-b-d6dzydhu50 0.2s ease-out;
}

.perplus-dropdown-item[b-d6dzydhu50] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    cursor: pointer;
    transition: all 0.2s;
    color: #1E293B;
    font-weight: 400; /* Zarif yazı kalınlığı */
    font-size: 0.95rem;
}

    .perplus-dropdown-item:hover[b-d6dzydhu50] {
        background-color: #F8FAFC;
        color: #10B981; /* Butonlara uygun yeşil ton */
    }

    .perplus-dropdown-item i[b-d6dzydhu50] {
        color: #64748B;
        font-size: 20px;
        transition: color 0.2s;
    }

    .perplus-dropdown-item:hover i[b-d6dzydhu50] {
        color: #10B981;
    }

@keyframes fadeInDown-b-d6dzydhu50 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/Report/PayslipsandCustom.razor.rz.scp.css */
/* ⚠️ ::deep eksikti: .rz-progressbar-value, <RadzenProgressBar> bileşeninin iç DOM'u
   olduğu için scope attribute'u doğrudan ONA basılamıyor — ::deep ile bir düz HTML
   atasında (bu dosyanın kök div'i) aranması gerekiyordu. Ayrıca markup hiçbir zaman
   risk-high/medium/low class'ını uygulamıyordu (RadzenProgressBar.razor içinde bağlandı,
   RiskSeviyesi zaten "Yüksek"/"Orta" döndürüyordu — RaporService.cs). risk-low şu an
   üretilmiyor (liste yalnızca riskSkoru>40 kayıtları taşıyor, hep Orta/Yüksek) ama ileride
   kullanılabilir diye bırakıldı. */
[b-87e3u00xfq] .risk-high .rz-progressbar-value {
    background-color: #EF4444 !important;
}

[b-87e3u00xfq] .risk-medium .rz-progressbar-value {
    background-color: #F59E0B !important;
}

[b-87e3u00xfq] .risk-low .rz-progressbar-value {
    background-color: #10B981 !important;
}

.premium-scrollbar[b-87e3u00xfq]::-webkit-scrollbar {
    width: 6px;
}

.premium-scrollbar[b-87e3u00xfq]::-webkit-scrollbar-track {
    background: transparent;
}

.premium-scrollbar[b-87e3u00xfq]::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 10px;
}

    .premium-scrollbar[b-87e3u00xfq]::-webkit-scrollbar-thumb:hover {
        background: #94A3B8;
    }

.employee-card[b-87e3u00xfq] {
    transition: all 0.2s ease-in-out;
    border-left: 4px solid transparent;
    cursor: pointer;
}

    .employee-card:hover[b-87e3u00xfq] {
        background-color: #F8FAFC;
        border-left: 4px solid #CBD5E1;
    }

    .employee-card.selected[b-87e3u00xfq] {
        background-color: #EFF6FF;
        border-left: 4px solid #3B82F6;
    }

/* AI Analitik Kart Hover Efektleri */
.ai-insight-card[b-87e3u00xfq] {
    transition: all 0.3s ease;
    cursor: pointer;
    border: 1px solid #E2E8F0;
}

    .ai-insight-card:hover[b-87e3u00xfq] {
        transform: translateY(-5px);
        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
        border-color: #CBD5E1;
    }

/* 🔥 HAREKETLİ OK İŞARETİ (DIŞA AKTAR MENÜSÜ İÇİN) */
[b-87e3u00xfq] .btn-perplus-dropdown::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 10px;
    vertical-align: middle;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    transform: translateY(-3px) rotate(45deg);
    transition: transform 0.3s ease;
}

[b-87e3u00xfq] .btn-perplus-dropdown.menu-acik::after {
    transform: translateY(1px) rotate(225deg);
}

/* 🔥 KUSURSUZ HİZALAMA VE AÇILIR MENÜ TASARIMI */
.perplus-dropdown-container[b-87e3u00xfq] {
    position: relative;
    display: inline-block;
    outline: none;
}

.perplus-dropdown-menu[b-87e3u00xfq] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 8px;
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    z-index: 1000;
    min-width: 230px;
    overflow: hidden;
    animation: fadeInDown-b-87e3u00xfq 0.2s ease-out;
}

.perplus-dropdown-item[b-87e3u00xfq] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    cursor: pointer;
    transition: all 0.2s;
    color: #1E293B;
    font-weight: 400;
    font-size: 0.95rem;
}

    .perplus-dropdown-item:hover[b-87e3u00xfq] {
        background-color: #F8FAFC;
        color: #10B981;
    }

    .perplus-dropdown-item i[b-87e3u00xfq] {
        color: #64748B;
        font-size: 20px;
        transition: color 0.2s;
    }

    .perplus-dropdown-item:hover i[b-87e3u00xfq] {
        color: #10B981;
    }

@keyframes fadeInDown-b-87e3u00xfq {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

/* 🔥 AI Analitik Tablolarında Uzun Metinlerin Tam Görünmesi İçin */
[b-87e3u00xfq] .ai-text-wrap-grid .rz-cell-data {
    white-space: normal !important;
    word-break: break-word !important;
    line-height: 1.5 !important;
    overflow: visible !important;
}
/* /Components/Pages/Report/QuickPayrollDialog.razor.rz.scp.css */

[b-gzvy1zzb25]::dialog-pusula-wrapper {
    padding: 10px;
    background-color: #F8FAFC;
    min-height: 100%;
    border-radius: 12px;
}

[b-gzvy1zzb25]::dialog-pusula-card {
    font-family: 'Inter', 'Segoe UI', sans-serif;
    color: #1E293B;
    background: white;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);
    border: 1px solid #E2E8F0;
}

/* /Components/Pages/Support/Support.razor.rz.scp.css */
.destek-sayfa-mesajlar[b-yrwnd4t5d7] {
    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-yrwnd4t5d7]::-webkit-scrollbar {
        width: 6px;
    }

    .destek-sayfa-mesajlar[b-yrwnd4t5d7]::-webkit-scrollbar-thumb {
        background: #CBD5E1;
        border-radius: 3px;
    }

    .destek-sayfa-mesajlar[b-yrwnd4t5d7]::-webkit-scrollbar-track {
        background: transparent;
    }

.destek-sayfa-bos[b-yrwnd4t5d7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
}

.destek-sayfa-satir[b-yrwnd4t5d7] {
    display: flex;
    animation: perplus-belir 0.25s ease-out both;
}

    .destek-sayfa-satir.sag[b-yrwnd4t5d7] {
        justify-content: flex-end;
    }

    .destek-sayfa-satir.sol[b-yrwnd4t5d7] {
        justify-content: flex-start;
    }

.destek-sayfa-balon[b-yrwnd4t5d7] {
    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-yrwnd4t5d7] {
        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-yrwnd4t5d7] {
        background-color: white;
        color: #1E293B;
        border: 1px solid #E2E8F0;
        border-bottom-left-radius: 3px;
    }

.destek-sayfa-gonderen[b-yrwnd4t5d7] {
    font-weight: 800;
    font-size: 0.75rem;
    color: #2980B9;
    margin-bottom: 3px;
}

.destek-sayfa-saat[b-yrwnd4t5d7] {
    font-size: 0.68rem;
    opacity: 0.7;
    margin-top: 5px;
    text-align: right;
}

.destek-sayfa-yazma[b-yrwnd4t5d7] {
    display: flex;
    gap: 10px;
    padding: 14px;
    border-top: 1px solid #E2E8F0;
    background-color: white;
}
/* /Components/Pages/Support/SupportBell.razor.rz.scp.css */
.zil-kok[b-rs0f9nr6mz] {
    position: relative;
    display: flex;
    align-items: center;
}

.zil-buton[b-rs0f9nr6mz] {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px; /* Diğer çanlarla eşitledik */
    height: 42px;
    border-radius: 50%;
    /* Header'daki 3 tırnak (sidebar-toggle) butonuyla birebir aynı sade dil */
    background: transparent;
    transition: all 0.2s ease;
}

    .zil-buton:hover[b-rs0f9nr6mz] {
        background: #F1F5F9;
        transform: translateY(-1px);
    }

.zil-rozet[b-rs0f9nr6mz] {
    position: absolute;
    top: 0; /* Diğer rozetlerle aynı hizaya getirildi */
    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-rs0f9nr6mz] {
    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-rs0f9nr6mz] {
    padding: 12px 16px;
    font-weight: 800;
    color: #1E293B;
    border-bottom: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.zil-liste[b-rs0f9nr6mz] {
    flex: 1;
    overflow-y: auto;
    max-height: 300px;
}

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

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

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

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

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

.zil-mini-rozet[b-rs0f9nr6mz] {
    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-rs0f9nr6mz] {
    font-size: 0.78rem;
    color: #64748B;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.zil-mini-mesajlar[b-rs0f9nr6mz] {
    flex: 1;
    overflow-y: auto;
    max-height: 260px;
    padding: 12px;
    background-color: #F8FAFC;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

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

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

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

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

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

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

.zil-yazma[b-rs0f9nr6mz] {
    display: flex;
    gap: 6px;
    padding: 10px;
    border-top: 1px solid #E2E8F0;
}
/* /Components/Pages/Support/SupportWidget.razor.rz.scp.css */
.destek-widget-kok[b-qg7rdc99cm] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}

/* ===== YÜZEN BUTON ===== */
.destek-yuzen-buton[b-qg7rdc99cm] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--perplus-mavi-grad);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(30, 58, 138, 0.35);
    transition: var(--gecis);
    position: relative;
}

    .destek-yuzen-buton:hover[b-qg7rdc99cm] {
        transform: scale(1.08) translateY(-2px);
        box-shadow: 0 12px 30px rgba(30, 58, 138, 0.5);
    }

    .destek-yuzen-buton:active[b-qg7rdc99cm] {
        transform: scale(1.02);
    }

.destek-rozet[b-qg7rdc99cm] {
    position: absolute;
    top: -2px;
    right: -2px;
    background: var(--seviye-kritik-grad);
    color: white;
    font-size: 0.7rem;
    font-weight: 800;
    min-width: 21px;
    height: 21px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    border: 2.5px solid white;
    animation: perplus-nabiz 1.8s ease-in-out infinite;
}

/* ===== PANEL ===== */
.destek-panel[b-qg7rdc99cm] {
    width: 370px;
    height: 500px;
    background-color: white;
    border-radius: 20px;
    box-shadow: var(--golge-guclu);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, 0.8);
    animation: perplus-belir 0.28s cubic-bezier(0.34, 1.56, 0.64, 1) both;
    transform-origin: bottom right;
}

.destek-panel-header[b-qg7rdc99cm] {
    background: var(--perplus-mavi-grad);
    color: white;
    padding: 18px 20px;
    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-qg7rdc99cm]::after {
        content: "";
        position: absolute;
        top: -50%;
        right: -20%;
        width: 140px;
        height: 140px;
        background: radial-gradient(circle, rgba(255,255,255,0.18) 0%, transparent 70%);
        pointer-events: none;
    }

.destek-panel-baslik[b-qg7rdc99cm] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    font-size: 1rem;
    letter-spacing: 0.3px;
    z-index: 1;
}

/* ===== MESAJ ALANI ===== */
.destek-mesaj-alani[b-qg7rdc99cm] {
    flex: 1;
    overflow-y: auto;
    padding: 18px;
    background: linear-gradient(180deg, #F8FAFC 0%, #F1F5F9 100%);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    /* İnce, modern scrollbar */
    .destek-mesaj-alani[b-qg7rdc99cm]::-webkit-scrollbar {
        width: 6px;
    }

    .destek-mesaj-alani[b-qg7rdc99cm]::-webkit-scrollbar-thumb {
        background: #CBD5E1;
        border-radius: 3px;
    }

    .destek-mesaj-alani[b-qg7rdc99cm]::-webkit-scrollbar-track {
        background: transparent;
    }

.destek-durum-mesaji[b-qg7rdc99cm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #94A3B8;
    font-size: 0.85rem;
    text-align: center;
    gap: 10px;
    padding: 20px;
}

/* ===== BALONLAR ===== */
.destek-balon-satir[b-qg7rdc99cm] {
    display: flex;
    animation: perplus-belir 0.25s ease-out both;
}

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

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

.destek-balon[b-qg7rdc99cm] {
    max-width: 78%;
    padding: 11px 14px;
    border-radius: 16px;
    font-size: 0.88rem;
    line-height: 1.45;
    box-shadow: var(--golge-yumusak);
}

    .destek-balon.musteri[b-qg7rdc99cm] {
        background: var(--perplus-mavi-grad);
        color: white;
        border-bottom-right-radius: 4px;
    }

    .destek-balon.destek[b-qg7rdc99cm] {
        background-color: white;
        color: #1E293B;
        border: 1px solid #E2E8F0;
        border-bottom-left-radius: 4px;
    }

.destek-gonderen-adi[b-qg7rdc99cm] {
    font-weight: 800;
    font-size: 0.72rem;
    color: #2980B9;
    margin-bottom: 3px;
}

.destek-mesaj-metni[b-qg7rdc99cm] {
    white-space: pre-wrap;
    word-break: break-word;
}

.destek-mesaj-saat[b-qg7rdc99cm] {
    font-size: 0.64rem;
    opacity: 0.65;
    margin-top: 4px;
    text-align: right;
}

/* ===== YAZMA ALANI ===== */
.destek-yazma-alani[b-qg7rdc99cm] {
    display: flex;
    gap: 8px;
    padding: 14px;
    border-top: 1px solid #E2E8F0;
    background-color: white;
    flex-shrink: 0;
}