@import '_content/Majorsoft.Blazor.Components.Common.JsInterop/Majorsoft.Blazor.Components.Common.JsInterop.bundle.scp.css';

/* /Features/Account/Shell/UserMenuFooter.razor.rz.scp.css */
/* === Features/Shell/UserMenuFooter.razor.css === */
.user-footer[b-83qld8945r] {
    border-top: 1px solid var(--mud-palette-lines-default);
    padding: 8px;
    margin-top: auto;
}

.user-footer__trigger[b-83qld8945r] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 8px;
    cursor: pointer;
    transition: background .15s ease;
}

    .user-footer__trigger:hover[b-83qld8945r] {
        background: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent);
    }

.user-footer__info[b-83qld8945r] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1;
    min-width: 0;
}

.user-footer__name[b-83qld8945r] {
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-footer__email[b-83qld8945r] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-footer__chevron[b-83qld8945r] {
    opacity: .5;
    flex-shrink: 0;
}
/* /Features/Auth/ForgotPassword/ForgotPassword.razor.rz.scp.css */
/* === ForgotPassword.razor.css � scoped === */

.asisdent-premium-layout[b-tsfdibgokh] {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    display: flex;
    background-color: #f8fafc;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    z-index: 9999;
}

.hero-section[b-tsfdibgokh] {
    display: none;
    flex: 1 1 50%;
    width: 50%;
    position: relative;
    background: linear-gradient(135deg, #134e4a 0%, #0f766e 100%);
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

@media (min-width: 992px) { .hero-section[b-tsfdibgokh] { display: flex; } }

.hero-overlay-pattern[b-tsfdibgokh] {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' fill-opacity='0.08' d='M17 3c-1.5 0-2.8.9-3.4 2.2a4 4 0 0 0-3.2 0C9.8 3.9 8.5 3 7 3 4.8 3 3 4.8 3 7c0 2 1 4.5 2.5 7.5l2 4c.2.4.6.6 1 .5.4-.1.7-.5.7-.9V15c0-.6.4-1 1-1s1 .4 1 1v3.1c0 .4.3.8.7.9.4.1.8-.1 1-.5l2-4C19 11.5 20 9 20 7c0-2.2-1.8-4-4-4z'/%3E%3C/svg%3E");
    background-size: 35px 35px;
}

.glass-showcase[b-tsfdibgokh] {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 2.5rem;
    width: 100%;
    max-width: 460px;
    min-height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #ffffff;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2);
}

.logo-shield[b-tsfdibgokh] {
    background: #ffffff;
    padding: 0.1rem;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 120px;
    box-sizing: border-box;
}

.login-hero-logo[b-tsfdibgokh] {
    width: 85%;
    height: auto;
    max-height: 160px;
    object-fit: contain;
}

.hero-title[b-tsfdibgokh] {
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.8rem;
    letter-spacing: -0.5px;
    margin-top: 0;
}

.hero-subtitle[b-tsfdibgokh] {
    font-size: 0.95rem;
    opacity: 0.85;
    line-height: 1.5;
    margin-top: 0;
}

/* --- FORM PANEL --- */

.form-section[b-tsfdibgokh] {
    flex: 1 1 50%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    padding: 2rem;
}

@media (min-width: 992px) { .form-section[b-tsfdibgokh] { width: 50%; } }

.form-wrapper[b-tsfdibgokh] {
    width: 100%;
    max-width: 400px;
    min-height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.welcome-header[b-tsfdibgokh] { margin-bottom: 1.5rem; }

.welcome-header h2[b-tsfdibgokh] {
    font-size: 1.8rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 0.3rem;
    margin-top: 0;
    letter-spacing: -0.5px;
}

.welcome-header p[b-tsfdibgokh] {
    color: #64748b;
    font-size: 0.9rem;
    margin: 0;
}

/* --- FLOATING INPUT --- */

.premium-floating[b-tsfdibgokh] { position: relative; width: 100%; }

.premium-input[b-tsfdibgokh] {
    width: 100%; box-sizing: border-box;
    border: 1px solid #cbd5e1; border-radius: 10px;
    background-color: #ffffff; color: #0f172a; font-weight: 500;
    height: calc(3.5rem + 2px);
    padding: 1.25rem 1rem 0.25rem 1rem;
    font-size: 1rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.02);
    outline: none;
}

.premium-floating label[b-tsfdibgokh] {
    position: absolute; top: 0; left: 0; height: 100%;
    padding: 1.1rem 1rem;
    pointer-events: none; transform-origin: 0 0;
    transition: opacity .15s ease-in-out, transform .15s ease-in-out;
    color: #64748b; font-size: 0.95rem;
}

.premium-input:hover[b-tsfdibgokh] {
    border-color: #2dd4bf;
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.05);
}

.premium-input:focus[b-tsfdibgokh] {
    border-color: #0f766e;
    box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.1) !important;
}

.premium-input:focus ~ label[b-tsfdibgokh],
.premium-input:not(:placeholder-shown) ~ label[b-tsfdibgokh] {
    transform: scale(0.8) translateY(-0.6rem) translateX(0.15rem);
    opacity: 0.8;
}

/* --- BUTTON --- */

.btn-primary-saas[b-tsfdibgokh] {
    width: 100%; display: flex; align-items: center; justify-content: center;
    background-color: #0f766e; color: #ffffff; border: none; border-radius: 10px;
    padding: 0.95rem; font-size: 1.05rem; font-weight: 600; cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(15, 118, 110, 0.2);
}

.btn-primary-saas:hover:not(:disabled)[b-tsfdibgokh] {
    background-color: #115e59; transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.3);
}

.btn-primary-saas:disabled[b-tsfdibgokh] { background-color: #99f6e4; cursor: not-allowed; box-shadow: none; }

/* --- FEEDBACK --- */

.custom-error-box[b-tsfdibgokh] {
    background-color: #fef2f2; border: 1px solid #fecaca; color: #b91c1c;
    border-radius: 10px; padding: 0.75rem 1rem; font-size: 0.9rem;
    display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.5rem;
}

.error-icon[b-tsfdibgokh] { width: 20px; height: 20px; flex-shrink: 0; }

.custom-success-box[b-tsfdibgokh] {
    background-color: #f0fdf4; border: 1px solid #bbf7d0; color: #166534;
    border-radius: 10px; padding: 0.75rem 1rem; font-size: 0.9rem;
    display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.5rem;
}

.success-icon[b-tsfdibgokh] { width: 20px; height: 20px; flex-shrink: 0; }

.loading-spinner[b-tsfdibgokh] {
    width: 1.25rem; height: 1.25rem;
    border: 2px solid rgba(255,255,255,0.3); border-top-color: white;
    border-radius: 50%; animation: spin-b-tsfdibgokh 1s linear infinite; margin-right: 0.5rem;
}

@keyframes spin-b-tsfdibgokh { to { transform: rotate(360deg); } }

.animate-smooth[b-tsfdibgokh] {
    opacity: 0; transform: translateY(30px);
    animation: smoothReveal-b-tsfdibgokh 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes smoothReveal-b-tsfdibgokh {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* --- UTILITIES --- */
.text-center[b-tsfdibgokh] { text-align: center; }
.d-flex[b-tsfdibgokh] { display: flex; }
.align-center[b-tsfdibgokh] { align-items: center; }
.justify-center[b-tsfdibgokh] { justify-content: center; }
.justify-end[b-tsfdibgokh] { justify-content: flex-end; }
.flex-column[b-tsfdibgokh] { display: flex; flex-direction: column; }
.mb-4[b-tsfdibgokh] { margin-bottom: 1.5rem !important; }
.mb-6[b-tsfdibgokh] { margin-bottom: 2rem !important; }
.mt-4[b-tsfdibgokh] { margin-top: 1.5rem !important; }
.gap-3[b-tsfdibgokh] { gap: 0.75rem; }
.fw-bold[b-tsfdibgokh] { font-weight: 600; }
/* /Features/Auth/Login/Login.razor.rz.scp.css */
/* Əsas Layihə Şablonu */
.asisdent-premium-layout[b-uxwfz7n1x6] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background-color: #f8fafc;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    z-index: 9999;
}

/* YARDIMÇI SİNİFLƏR */
.mb-3[b-uxwfz7n1x6] {
    margin-bottom: 1rem;
}

.mb-4[b-uxwfz7n1x6] {
    margin-bottom: 1.5rem;
}

.mt-4[b-uxwfz7n1x6] {
    margin-top: 1.5rem;
}

.shadow-sm[b-uxwfz7n1x6] {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* =========================================
   SOL PANEL (50%)
   ========================================= */
.hero-section[b-uxwfz7n1x6] {
    display: none;
    flex: 1 1 50%;
    width: 50%;
    position: relative;
    background: linear-gradient(135deg, #134e4a 0%, #0f766e 100%);
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

@media (min-width: 992px) {
    .hero-section[b-uxwfz7n1x6] {
        display: flex;
    }
}

/* Kiçildilmiş Diş Patterni */
.hero-overlay-pattern[b-uxwfz7n1x6] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' fill-opacity='0.08' d='M17 3c-1.5 0-2.8.9-3.4 2.2a4 4 0 0 0-3.2 0C9.8 3.9 8.5 3 7 3 4.8 3 3 4.8 3 7c0 2 1 4.5 2.5 7.5l2 4c.2.4.6.6 1 .5.4-.1.7-.5.7-.9V15c0-.6.4-1 1-1s1 .4 1 1v3.1c0 .4.3.8.7.9.4.1.8-.1 1-.5l2-4C19 11.5 20 9 20 7c0-2.2-1.8-4-4-4z'/%3E%3C/svg%3E");
    background-size: 35px 35px;
}

.glass-showcase[b-uxwfz7n1x6] {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 2.5rem;
    width: 100%;
    max-width: 460px;
    min-height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #ffffff;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2);
}

.logo-shield[b-uxwfz7n1x6] {
    background: #ffffff;
    padding: 0.1rem;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 120px;
    box-sizing: border-box;
}
.login-hero-logo[b-uxwfz7n1x6] {
    width: 85%;
    height: auto;
    max-height: 160px;
    object-fit: contain;
}

    .login-hero-logo:hover[b-uxwfz7n1x6] {
        transform: scale(1.02);
    }

/* Təkrarlanan brend videosu — köhnə statik loqonun yerinə (2026-07-31).
   Ölçülər loqo ilə eynidir ki, panelin hündürlüyü dəyişməsin. */
.login-hero-video[b-uxwfz7n1x6] {
    width: 85%;
    height: auto;
    max-height: 160px;
    object-fit: contain;
    display: block;
    border-radius: 12px;
}

.hero-title[b-uxwfz7n1x6] {
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.8rem;
    letter-spacing: -0.5px;
    margin-top: 0;
}

.hero-subtitle[b-uxwfz7n1x6] {
    font-size: 0.95rem;
    opacity: 0.85;
    line-height: 1.5;
    margin-top: 0;
}

/* ═══════════════════════════════════════════
   ÖZƏLLİK SİYAHISI (sol panel)
   Köhnə 2x2 "pill" gridi əvəz edildi (2026-07-30): tək sözlük etiketlər
   nə dediklərini izah etmirdi. İndi hər sətir ikon + başlıq + fayda.
   ═══════════════════════════════════════════ */
.feature-list[b-uxwfz7n1x6] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.feature-row[b-uxwfz7n1x6] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 14px;
    padding: 0.7rem 0.9rem;
    transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
    /* DİQQƏT: fill-mode QƏSDƏN `backwards`-dır, `both` DEYİL.
       `both` olsaydı animasiya bitəndən sonra transform animasiyanın
       nəzarətində qalar və aşağıdakı :hover translateX-i İŞLƏMƏZDİ.
       `backwards` ilə gecikmə müddətində başlanğıc kadr tutulur,
       animasiya bitəndən sonra isə element bazis dəyərlərinə qayıdır. */
    /* ═══════════════════════════════════════════
       KARTIN GİRİŞİ — "ağır çəkim"

       İstiqamət YUXARIDAN AŞAĞIdır (əvvəl aşağıdan yuxarı idi): kart
       -30px-dən enir, ağırlığına görə 5px aşağı KEÇİR, sonra geri
       qalxıb yerinə oturur. Bu kiçik keçid ağırlıq hissini yaradan
       şeydir — onsuz hərəkət "yüngül" görünür.

       Easing qəsdən linear-a yaxın başlayır (0.16 → 0.84): ağır cisim
       kimi ləng qalxıb sonda yumşaq dayanır. Müddət 0.95 s.
       blur 7px → 0 isə "fokuslanaraq materiallaşma" təsiri verir.

       Gecikmə --d dəyişənindən gəlir (bax Login.razor).
       Yalnız opacity/transform/filter dəyişir — layout hesablanmır,
       yəni telefonda da səlis işləyir.
       ═══════════════════════════════════════════ */
    animation: featureIn-b-uxwfz7n1x6 0.95s cubic-bezier(0.16, 0.6, 0.3, 1) backwards;
    animation-delay: var(--d, 0ms);
}

@keyframes featureIn-b-uxwfz7n1x6 {
    0% {
        opacity: 0;
        transform: translateY(-30px);
        filter: blur(7px);
    }

    55% {
        opacity: 1;
        filter: blur(0);
    }

    /* Ağırlıqla bir az aşağı keçir — "oturma" anı */
    76% {
        transform: translateY(5px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

/* İkon kart oturduqdan SONRA gəlir — sətrin "dolduğu" hiss olunur.
   Gecikmə kartın öz gecikməsindən hesablanır. */
.feature-icon[b-uxwfz7n1x6] {
    animation: featureIconIn-b-uxwfz7n1x6 0.45s cubic-bezier(0.34, 1.45, 0.64, 1) backwards;
    animation-delay: calc(var(--d, 0ms) + 260ms);
}

@keyframes featureIconIn-b-uxwfz7n1x6 {
    from {
        opacity: 0;
        transform: scale(0.35);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

    .feature-row:hover[b-uxwfz7n1x6] {
        background: rgba(255, 255, 255, 0.13);
        border-color: rgba(94, 234, 212, 0.35);
        transform: translateX(3px);
    }

.feature-icon[b-uxwfz7n1x6] {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(94, 234, 212, 0.15);
    color: #5eead4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-text[b-uxwfz7n1x6] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    min-width: 0;
}

.feature-title[b-uxwfz7n1x6] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #ffffff;
}

.feature-desc[b-uxwfz7n1x6] {
    font-size: 0.76rem;
    color: rgba(255, 255, 255, 0.62);
    margin-top: 2px;
}

/* Alçaq ekranlarda izah sətirlərini gizlədib yer qazanırıq. */
@media (max-height: 760px) {
    .feature-desc[b-uxwfz7n1x6] {
        display: none;
    }

    .feature-row[b-uxwfz7n1x6] {
        padding: 0.5rem 0.9rem;
    }
}

/* Slayd göstəricisi — hansı dördlüyün göstərildiyini bildirir. */
.slider-dots[b-uxwfz7n1x6] {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 1rem;
}

.slider-dot[b-uxwfz7n1x6] {
    width: 6px;
    height: 6px;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.25);
    transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1), background 0.4s ease;
}

    .slider-dot.is-active[b-uxwfz7n1x6] {
        width: 20px;
        background: #5eead4;
    }

/* ═══════════════════════════════════════════
   AZ-HƏRƏKƏT REJİMİ

   ƏVVƏL BURADA `animation: none` VARDI — SƏHV İDİ. Kartlar heç bir
   keçid olmadan bir anda dəyişirdi və ekran "cansız" görünürdü.

   Az-hərəkət tələbi "heç nə tərpənməsin" demək DEYİL — böyük
   yerdəyişmə, parallaks və vestibulyar effektlərin olmaması deməkdir.
   Sadə şəffaflıq keçidi bu qaydaya tam uyğundur. Ona görə burada
   yerdəyişmə/ölçü/blur söndürülür, amma fade SAXLANILIR: istifadəçi
   məzmunun yeniləndiyini görür.

   DİQQƏT — Windows-da bu rejim gözlənildiyindən tez-tez aktiv olur:
   Parametrlər → Əlçatanlıq → Vizual effektlər → "Animasiya effektləri"
   söndürülübsə, VƏ YA sessiya RDP üzərindəndir (RDP performansa görə
   client-area animasiyalarını söndürür), brauzer bu rejimə keçir.
   Yəni bu blok nadir hal deyil — real istifadəçilərin bir hissəsi
   məhz bunu görəcək. Ona görə burada da təqdimat səviyyəli qalmalıdır.
   ═══════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    .feature-row[b-uxwfz7n1x6] {
        animation: featureFadeIn-b-uxwfz7n1x6 0.45s ease-out backwards;
        animation-delay: var(--d, 0ms);
    }

    .feature-icon[b-uxwfz7n1x6] {
        animation: none;
    }

    .slider-dot[b-uxwfz7n1x6] {
        transition: none;
    }
}

@keyframes featureFadeIn-b-uxwfz7n1x6 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* =========================================
   SAĞ PANEL (50%)
   ========================================= */
.form-section[b-uxwfz7n1x6] {
    flex: 1 1 50%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    padding: 2rem;
}

@media (min-width: 992px) {
    .form-section[b-uxwfz7n1x6] {
        width: 50%;
    }
}

.form-wrapper[b-uxwfz7n1x6] {
    width: 100%;
    max-width: 400px;
    min-height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Mobil Loqo */
.mobile-logo-container[b-uxwfz7n1x6] {
    display: none;
    text-align: center;
    margin-bottom: 1.5rem;
}

@media (max-width: 991px) {
    .mobile-logo-container[b-uxwfz7n1x6] {
        display: block;
    }
}

.mobile-logo-box[b-uxwfz7n1x6] {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    padding: 1rem 1.5rem;
    border-radius: 12px;
    border: 1px solid #f1f5f9;
}

.welcome-header[b-uxwfz7n1x6] {
    margin-bottom: 1.5rem;
}

    .welcome-header h2[b-uxwfz7n1x6] {
        font-size: 1.8rem;
        font-weight: 700;
        color: #0f172a;
        margin-bottom: 0.3rem;
        margin-top: 0;
        letter-spacing: -0.5px;
    }

    .welcome-header p[b-uxwfz7n1x6] {
        color: #64748b;
        font-size: 0.9rem;
        margin: 0;
    }

/* =========================================
   Xüsusi Floating Label & Input
   ========================================= */
.premium-floating[b-uxwfz7n1x6] {
    position: relative;
    width: 100%;
}

.premium-input[b-uxwfz7n1x6] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background-color: #ffffff;
    color: #0f172a;
    font-weight: 500;
    height: calc(3.5rem + 2px);
    padding: 1.25rem 1rem 0.25rem 1rem;
    font-size: 1rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.02);
    outline: none;
}

.premium-floating label[b-uxwfz7n1x6] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1.1rem 1rem;
    pointer-events: none;
    transform-origin: 0 0;
    transition: opacity .15s ease-in-out, transform .15s ease-in-out;
    color: #64748b;
    font-size: 0.95rem;
}

.premium-input:hover[b-uxwfz7n1x6] {
    border-color: #2dd4bf;
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.05);
}

.premium-input:focus[b-uxwfz7n1x6] {
    border-color: #0f766e;
    box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.1) !important;
}

    .premium-input:focus ~ label[b-uxwfz7n1x6],
    .premium-input:not(:placeholder-shown) ~ label[b-uxwfz7n1x6] {
        transform: scale(0.8) translateY(-0.6rem) translateX(0.15rem);
        opacity: 0.8;
    }

.input-group-custom[b-uxwfz7n1x6] {
    position: relative;
}

.password-toggle[b-uxwfz7n1x6] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #94a3b8;
    padding: 0;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    transition: color 0.2s;
    outline: none;
}

    .password-toggle:hover[b-uxwfz7n1x6] {
        color: #0f766e;
    }

    .password-toggle svg[b-uxwfz7n1x6] {
        width: 20px;
        height: 20px;
    }

input[type="password"][b-uxwfz7n1x6] {
    padding-right: 40px !important;
}

    input[type="password"][b-uxwfz7n1x6]::-ms-reveal, input[type="password"][b-uxwfz7n1x6]::-ms-clear {
        display: none;
    }

.btn-primary-saas[b-uxwfz7n1x6] {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    background-color: #0f766e;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    padding: 0.95rem;
    font-size: 1.05rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(15, 118, 110, 0.2);
}

    .btn-primary-saas:hover:not(:disabled)[b-uxwfz7n1x6] {
        background-color: #115e59;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(15, 118, 110, 0.3);
    }

    /* Həqiqi "əlçatmaz" vəziyyət — solğun qalır, bu doğrudur. */
    .btn-primary-saas:disabled[b-uxwfz7n1x6] {
        background-color: #99f6e4;
        cursor: not-allowed;
        box-shadow: none;
    }

    /* ═══════════════════════════════════════════
       YÜKLƏNMƏ VƏZİYYƏTİ
       Düymə giriş zamanı disabled olur, amma solğun GÖRÜNMƏMƏLİDİR —
       əvvəl #99f6e4-ə düşürdü və sistem xarab olmuş kimi görünürdü.
       Selektor :disabled-dan daha spesifikdir, ona görə üstün gəlir.
       ═══════════════════════════════════════════ */
    .btn-primary-saas.is-loading:disabled[b-uxwfz7n1x6] {
        background-color: #0f766e;
        cursor: progress;
        box-shadow: 0 2px 8px rgba(15, 118, 110, 0.25);
    }

        /* Düymənin üzərindən keçən işıq dalğası. */
        .btn-primary-saas.is-loading:disabled[b-uxwfz7n1x6]::after {
            content: '';
            position: absolute;
            top: 0;
            left: -60%;
            width: 55%;
            height: 100%;
            background: linear-gradient( 100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.28) 50%, rgba(255, 255, 255, 0) 100% );
            animation: btnSweep-b-uxwfz7n1x6 1.35s cubic-bezier(0.4, 0, 0.2, 1) infinite;
            pointer-events: none;
        }

@keyframes btnSweep-b-uxwfz7n1x6 {
    0% {
        left: -60%;
    }

    100% {
        left: 105%;
    }
}

/* Üç nöqtəli nəbz göstəricisi — köhnə çərçivə spinnerini əvəz edir. */
.btn-dots[b-uxwfz7n1x6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.btn-dot[b-uxwfz7n1x6] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ffffff;
    opacity: 0.45;
    animation: btnDot-b-uxwfz7n1x6 1.1s ease-in-out infinite;
}

    .btn-dot:nth-child(2)[b-uxwfz7n1x6] {
        animation-delay: 0.16s;
    }

    .btn-dot:nth-child(3)[b-uxwfz7n1x6] {
        animation-delay: 0.32s;
    }

@keyframes btnDot-b-uxwfz7n1x6 {
    0%, 100% {
        opacity: 0.35;
        transform: translateY(0) scale(0.85);
    }

    45% {
        opacity: 1;
        transform: translateY(-3px) scale(1);
    }
}

.btn-label[b-uxwfz7n1x6] {
    position: relative;
    z-index: 1;
}

/* Hərəkətə həssas istifadəçilər üçün animasiyaları söndürürük. */
@media (prefers-reduced-motion: reduce) {
    .btn-primary-saas.is-loading:disabled[b-uxwfz7n1x6]::after {
        animation: none;
    }

    .btn-dot[b-uxwfz7n1x6] {
        animation: none;
        opacity: 0.8;
    }
}

/* Şifrəni Unutdum Linki Dizaynı */
.forgot-pwd-link[b-uxwfz7n1x6] {
    color: #64748b;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
    transition: color 0.2s;
}

    .forgot-pwd-link:hover[b-uxwfz7n1x6] {
        color: #0f766e;
    }

/* @keyframes spin QƏSDƏN saxlanılır: scoped CSS-də keyframe adları
   yenidən adlandırılmır və ortaq styles.css-ə düşür — başqa komponent
   ona bel bağlaya bilər. Köhnə .loading-spinner sinfi isə silindi,
   yerini .btn-dots tutdu. */
@keyframes spin-b-uxwfz7n1x6 {
    to {
        transform: rotate(360deg);
    }
}

/* ═══════════════════════════════════════════
   TƏHLÜKƏSİZLİK PANELİ (sağ panel, formanın altı)
   Emoji sətrini əvəz edir (2026-07-30). Yalnız real mövcud
   qorunma mexanizmləri sadalanır — bax Login.razor-dakı qeyd.
   ═══════════════════════════════════════════ */
.security-panel[b-uxwfz7n1x6] {
    border-top: 1px solid #e2e8f0;
    padding-top: 1.1rem;
}

.security-head[b-uxwfz7n1x6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.3px;
    margin-bottom: 0.7rem;
}

/* İki sütunlu şəbəkə — 6 bənd, hər biri qısa və konkret.
   Sütun sayı qəsdən 2-dir: 400px-lik formada 3 sütun mətni kəsərdi. */
.security-grid[b-uxwfz7n1x6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.35rem;
}

.security-item[b-uxwfz7n1x6] {
    position: relative; /* tooltip-in dayaq nöqtəsi */
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: #f0fdfa;
    border: 1px solid #ccfbf1;
    border-radius: 8px;
    padding: 0.36rem 0.45rem;
    font-size: 0.63rem;
    font-weight: 600;
    color: #115e59;
    line-height: 1.25;
    cursor: help;
    transition: background 0.2s ease, border-color 0.2s ease;
}

    .security-item:hover[b-uxwfz7n1x6] {
        background: #ccfbf1;
        border-color: #5eead4;
    }

/* ═══════════════════════════════════════════
   TOOLTIP — saf CSS
   MudTooltip İSTİFADƏ EDİLMİR: o, MudPopoverProvider tələb edir,
   LoginLayout-da isə provider yoxdur. Onu layout-a əlavə etmək
   ortaq strukturu dəyişmək demək idi — bunun əvəzinə tooltip
   tamamilə bu komponentin içində, ::before/::after ilə qurulub.
   Sıfır asılılıq, sıfır struktur təsiri.
   ═══════════════════════════════════════════ */
.security-item[b-uxwfz7n1x6]::after {
    content: attr(data-tip);
    position: absolute;
    bottom: calc(100% + 9px);
    left: 50%;
    transform: translateX(-50%) translateY(5px);
    width: max-content;
    max-width: 230px;
    background: #0f2f2c;
    color: #f0fdfa;
    font-size: 0.68rem;
    font-weight: 400;
    line-height: 1.45;
    text-align: left;
    padding: 0.55rem 0.7rem;
    border-radius: 9px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.3);
    white-space: normal;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 60;
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s;
}

/* Ucu (arrow) */
.security-item[b-uxwfz7n1x6]::before {
    content: '';
    position: absolute;
    bottom: calc(100% + 3px);
    left: 50%;
    transform: translateX(-50%) translateY(5px);
    border: 6px solid transparent;
    border-top-color: #0f2f2c;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 60;
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s;
}

.security-item:hover[b-uxwfz7n1x6]::after,
.security-item:hover[b-uxwfz7n1x6]::before,
.security-item:focus-visible[b-uxwfz7n1x6]::after,
.security-item:focus-visible[b-uxwfz7n1x6]::before {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.security-foot[b-uxwfz7n1x6] {
    margin-top: 0.55rem;
    text-align: center;
    font-size: 0.63rem;
    letter-spacing: 0.2px;
    color: #94a3b8;
}

/* Dar ekranlarda tək sütuna keç ki, mətn kəsilməsin. */
@media (max-width: 420px) {
    .security-grid[b-uxwfz7n1x6] {
        grid-template-columns: 1fr;
    }
}

/* Panel içindəki MudIcon svg-ləri komponent sərhədini keçir —
   ::deep olmadan scoped CSS onlara çatmır. */
[b-uxwfz7n1x6] .security-head svg,
[b-uxwfz7n1x6] .security-item svg,
[b-uxwfz7n1x6] .feature-icon svg {
    width: 15px;
    height: 15px;
}

[b-uxwfz7n1x6] .security-head svg {
    width: 17px;
    height: 17px;
}

[b-uxwfz7n1x6] .feature-icon svg {
    width: 19px;
    height: 19px;
}

.custom-error-box[b-uxwfz7n1x6] {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    border-radius: 10px;
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.error-icon[b-uxwfz7n1x6] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.animate-smooth[b-uxwfz7n1x6] {
    opacity: 0;
    transform: translateY(30px);
    animation: smoothReveal-b-uxwfz7n1x6 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

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

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ═══════════════════════════════════════════
   OTP INPUT STYLES (Two-Factor)
   ═══════════════════════════════════════════ */
.otp-input-container[b-uxwfz7n1x6] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    margin: 1.5rem 0;
}

.otp-digit-input[b-uxwfz7n1x6] {
    width: 48px;
    height: 56px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    border: 2px solid #cbd5e1;
    border-radius: 10px;
    background: #ffffff;
    color: #0f172a;
    outline: none;
    transition: all 0.2s ease;
    caret-color: #0f766e;
}

.otp-digit-input:focus[b-uxwfz7n1x6] {
    border-color: #0f766e;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}

.otp-digit-input:not(:placeholder-shown)[b-uxwfz7n1x6] {
    border-color: #0f766e;
    background: #f0fdfa;
}

/* ═══════════════════════════════════════════
   SUCCESS BOX
   ═══════════════════════════════════════════ */
.custom-success-box[b-uxwfz7n1x6] {
    background-color: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
    border-radius: 10px;
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.success-icon[b-uxwfz7n1x6] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* ═══════════════════════════════════════════
   BUTTON TEXT LINK
   ═══════════════════════════════════════════ */
.btn-text-link[b-uxwfz7n1x6] {
    background: none;
    border: none;
    color: #0f766e;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    text-decoration: underline;
    padding: 0;
    transition: color 0.2s;
}

.btn-text-link:hover[b-uxwfz7n1x6] {
    color: #115e59;
}

.btn-text-link:disabled[b-uxwfz7n1x6] {
    color: #94a3b8;
    cursor: not-allowed;
}

/* ═══════════════════════════════════════════
   PASSWORD REQUIREMENTS PANEL
   ═══════════════════════════════════════════ */
.password-requirements-panel[b-uxwfz7n1x6] {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.25rem;
}

.requirement-list[b-uxwfz7n1x6] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.requirement-item[b-uxwfz7n1x6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #64748b;
    transition: all 0.2s ease;
}

.requirement-item.req-met[b-uxwfz7n1x6] {
    color: #166534;
}

.req-icon[b-uxwfz7n1x6] {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}

/* Strength Bar */
.strength-bar[b-uxwfz7n1x6] {
    width: 100%;
    height: 6px;
    background-color: #e2e8f0;
    border-radius: 3px;
    overflow: hidden;
}

.strength-bar-fill[b-uxwfz7n1x6] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease, background-color 0.3s ease;
}

.strength-bar-fill.weak[b-uxwfz7n1x6] {
    background-color: #ef4444;
}

.strength-bar-fill.fair[b-uxwfz7n1x6] {
    background-color: #f59e0b;
}

.strength-bar-fill.strong[b-uxwfz7n1x6] {
    background-color: #3b82f6;
}

.strength-bar-fill.very-strong[b-uxwfz7n1x6] {
    background-color: #10b981;
}

/* ═══════════════════════════════════════════
   UTILITY HELPERS
   ═══════════════════════════════════════════ */
.gap-3[b-uxwfz7n1x6] {
    gap: 0.75rem;
}

.gap-5[b-uxwfz7n1x6] {
    gap: 1.25rem;
}

.gap-6[b-uxwfz7n1x6] {
    gap: 1.5rem;
}

.text-center[b-uxwfz7n1x6] {
    text-align: center;
}

.flex-column[b-uxwfz7n1x6] {
    display: flex;
    flex-direction: column;
}

.align-center[b-uxwfz7n1x6] {
    align-items: center;
}

.justify-center[b-uxwfz7n1x6] {
    justify-content: center;
}

.justify-end[b-uxwfz7n1x6] {
    justify-content: flex-end;
}

.d-flex[b-uxwfz7n1x6] {
    display: flex;
}

.pt-3[b-uxwfz7n1x6] {
    padding-top: 0.75rem;
}

.pt-4[b-uxwfz7n1x6] {
    padding-top: 1rem;
}

.pb-8[b-uxwfz7n1x6] {
    padding-bottom: 2rem;
}

.mr-2[b-uxwfz7n1x6] {
    margin-right: 0.5rem;
}

.mb-2[b-uxwfz7n1x6] {
    margin-bottom: 0.5rem;
}

.mb-6[b-uxwfz7n1x6] {
    margin-bottom: 2rem;
}

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

.mt-5[b-uxwfz7n1x6] {
    margin-top: 1.5rem;
}

.fw-bold[b-uxwfz7n1x6] {
    font-weight: 600;
}

.mobile-logo-img[b-uxwfz7n1x6] {
    max-height: 50px;
    width: auto;
}
/* /Features/Auth/ResetPassword/ResetPassword.razor.rz.scp.css */
/* === ResetPassword.razor.css � scoped === */

.asisdent-premium-layout[b-ocawrd45cp] {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    display: flex;
    background-color: #f8fafc;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    z-index: 9999;
}

.hero-section[b-ocawrd45cp] {
    display: none;
    flex: 1 1 50%;
    width: 50%;
    position: relative;
    background: linear-gradient(135deg, #134e4a 0%, #0f766e 100%);
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

@media (min-width: 992px) { .hero-section[b-ocawrd45cp] { display: flex; } }

.hero-overlay-pattern[b-ocawrd45cp] {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' fill-opacity='0.08' d='M17 3c-1.5 0-2.8.9-3.4 2.2a4 4 0 0 0-3.2 0C9.8 3.9 8.5 3 7 3 4.8 3 3 4.8 3 7c0 2 1 4.5 2.5 7.5l2 4c.2.4.6.6 1 .5.4-.1.7-.5.7-.9V15c0-.6.4-1 1-1s1 .4 1 1v3.1c0 .4.3.8.7.9.4.1.8-.1 1-.5l2-4C19 11.5 20 9 20 7c0-2.2-1.8-4-4-4z'/%3E%3C/svg%3E");
    background-size: 35px 35px;
}

.glass-showcase[b-ocawrd45cp] {
    position: relative; z-index: 2;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 2.5rem;
    width: 100%; max-width: 460px; min-height: 520px;
    display: flex; flex-direction: column; justify-content: center;
    color: #ffffff;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2);
}

.logo-shield[b-ocawrd45cp] {
    background: #ffffff; padding: 0.1rem; border-radius: 16px;
    display: flex; align-items: center; justify-content: center;
    width: 100%; min-height: 120px; box-sizing: border-box;
}

.login-hero-logo[b-ocawrd45cp] {
    width: 85%; height: auto; max-height: 160px; object-fit: contain;
}

.hero-title[b-ocawrd45cp] {
    font-size: 2.1rem; font-weight: 700;
    line-height: 1.2; margin-bottom: 0.8rem;
    letter-spacing: -0.5px; margin-top: 0;
}

.hero-subtitle[b-ocawrd45cp] {
    font-size: 0.95rem; opacity: 0.85;
    line-height: 1.5; margin-top: 0;
}

/* --- FORM --- */

.form-section[b-ocawrd45cp] {
    flex: 1 1 50%; width: 100%;
    display: flex; align-items: flex-start; justify-content: center;
    background-color: #ffffff; padding: 2rem;
    overflow-y: auto;
    align-self: stretch;
}

@media (min-width: 992px) { .form-section[b-ocawrd45cp] { width: 50%; } }

.form-wrapper[b-ocawrd45cp] {
    width: 100%; max-width: 400px;
    display: flex; flex-direction: column;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.welcome-header[b-ocawrd45cp] { margin-bottom: 1.5rem; }

.welcome-header h2[b-ocawrd45cp] {
    font-size: 1.8rem; font-weight: 700; color: #0f172a;
    margin-bottom: 0.3rem; margin-top: 0; letter-spacing: -0.5px;
}

.welcome-header p[b-ocawrd45cp] { color: #64748b; font-size: 0.9rem; margin: 0; }

/* --- FLOATING INPUT --- */

.premium-floating[b-ocawrd45cp] { position: relative; width: 100%; }

.premium-input[b-ocawrd45cp] {
    width: 100%; box-sizing: border-box;
    border: 1px solid #cbd5e1; border-radius: 10px;
    background-color: #ffffff; color: #0f172a; font-weight: 500;
    height: calc(3.5rem + 2px);
    padding: 1.25rem 1rem 0.25rem 1rem;
    font-size: 1rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.02);
    outline: none;
}

.premium-floating label[b-ocawrd45cp] {
    position: absolute; top: 0; left: 0; height: 100%;
    padding: 1.1rem 1rem;
    pointer-events: none; transform-origin: 0 0;
    transition: opacity .15s ease-in-out, transform .15s ease-in-out;
    color: #64748b; font-size: 0.95rem;
}

.premium-input:hover[b-ocawrd45cp] {
    border-color: #2dd4bf;
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.05);
}

.premium-input:focus[b-ocawrd45cp] {
    border-color: #0f766e;
    box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.1) !important;
}

.premium-input:focus ~ label[b-ocawrd45cp],
.premium-input:not(:placeholder-shown) ~ label[b-ocawrd45cp] {
    transform: scale(0.8) translateY(-0.6rem) translateX(0.15rem);
    opacity: 0.8;
}

.input-group-custom[b-ocawrd45cp] { position: relative; }

.password-toggle[b-ocawrd45cp] {
    position: absolute; right: 12px; top: 50%;
    transform: translateY(-50%);
    background: none; border: none; color: #94a3b8;
    padding: 0; cursor: pointer; z-index: 10;
    display: flex; align-items: center;
    transition: color 0.2s; outline: none;
}

.password-toggle:hover[b-ocawrd45cp] { color: #0f766e; }

.password-toggle svg[b-ocawrd45cp] { width: 20px; height: 20px; }

input[type="password"][b-ocawrd45cp] { padding-right: 40px !important; }

/* --- BUTTON --- */

.btn-primary-saas[b-ocawrd45cp] {
    width: 100%; display: flex; align-items: center; justify-content: center;
    background-color: #0f766e; color: #ffffff; border: none; border-radius: 10px;
    padding: 0.95rem; font-size: 1.05rem; font-weight: 600; cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(15, 118, 110, 0.2);
}

.btn-primary-saas:hover:not(:disabled)[b-ocawrd45cp] {
    background-color: #115e59; transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.3);
}

.btn-primary-saas:disabled[b-ocawrd45cp] { background-color: #99f6e4; cursor: not-allowed; box-shadow: none; }

/* --- FEEDBACK --- */

.custom-error-box[b-ocawrd45cp] {
    background-color: #fef2f2; border: 1px solid #fecaca; color: #b91c1c;
    border-radius: 10px; padding: 0.75rem 1rem; font-size: 0.9rem;
    display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.5rem;
}

.error-icon[b-ocawrd45cp] { width: 20px; height: 20px; flex-shrink: 0; }

.custom-success-box[b-ocawrd45cp] {
    background-color: #f0fdf4; border: 1px solid #bbf7d0; color: #166534;
    border-radius: 10px; padding: 0.75rem 1rem; font-size: 0.9rem;
    display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.5rem;
}

.success-icon[b-ocawrd45cp] { width: 20px; height: 20px; flex-shrink: 0; }

.loading-spinner[b-ocawrd45cp] {
    width: 1.25rem; height: 1.25rem;
    border: 2px solid rgba(255,255,255,0.3); border-top-color: white;
    border-radius: 50%; animation: spin-b-ocawrd45cp 1s linear infinite; margin-right: 0.5rem;
}

@keyframes spin-b-ocawrd45cp { to { transform: rotate(360deg); } }

.animate-smooth[b-ocawrd45cp] {
    opacity: 0; transform: translateY(30px);
    animation: smoothReveal-b-ocawrd45cp 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes smoothReveal-b-ocawrd45cp {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* --- PASSWORD REQUIREMENTS PANEL --- */

.password-requirements-panel[b-ocawrd45cp] {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.25rem;
}

.requirement-list[b-ocawrd45cp] { display: flex; flex-direction: column; gap: 0.6rem; }

.requirement-item[b-ocawrd45cp] {
    display: flex; align-items: center; gap: 0.5rem;
    font-size: 0.85rem; color: #64748b; transition: all 0.2s ease;
}

.requirement-item.req-met[b-ocawrd45cp] { color: #166534; }

.req-icon[b-ocawrd45cp] { flex-shrink: 0; width: 18px; height: 18px; }

.strength-bar[b-ocawrd45cp] {
    width: 100%; height: 6px; background-color: #e2e8f0;
    border-radius: 3px; overflow: hidden;
}

.strength-bar-fill[b-ocawrd45cp] {
    height: 100%; border-radius: 3px;
    transition: width 0.3s ease, background-color 0.3s ease;
}

.strength-bar-fill.weak[b-ocawrd45cp] { background-color: #ef4444; }
.strength-bar-fill.fair[b-ocawrd45cp] { background-color: #f59e0b; }
.strength-bar-fill.strong[b-ocawrd45cp] { background-color: #3b82f6; }
.strength-bar-fill.very-strong[b-ocawrd45cp] { background-color: #10b981; }

/* --- UTILITIES --- */
.text-center[b-ocawrd45cp] { text-align: center; }
.d-flex[b-ocawrd45cp] { display: flex; }
.align-center[b-ocawrd45cp] { align-items: center; }
.justify-center[b-ocawrd45cp] { justify-content: center; }
.justify-end[b-ocawrd45cp] { justify-content: flex-end; }
.flex-column[b-ocawrd45cp] { display: flex; flex-direction: column; }
.mb-4[b-ocawrd45cp] { margin-bottom: 1.5rem !important; }
.mb-6[b-ocawrd45cp] { margin-bottom: 2rem !important; }
.mt-4[b-ocawrd45cp] { margin-top: 1.5rem !important; }
.gap-3[b-ocawrd45cp] { gap: 0.75rem; }
.fw-bold[b-ocawrd45cp] { font-weight: 600; }
/* /Features/Auth/TwoFactor/TwoFactor.razor.rz.scp.css */
/* === TwoFactor.razor.css � scoped === */

.asisdent-premium-layout[b-1ki8det3ec] {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    display: flex;
    background-color: #f8fafc;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    z-index: 9999;
}

.hero-section[b-1ki8det3ec] {
    display: none;
    flex: 1 1 50%;
    width: 50%;
    position: relative;
    background: linear-gradient(135deg, #134e4a 0%, #0f766e 100%);
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

@media (min-width: 992px) { .hero-section[b-1ki8det3ec] { display: flex; } }

.hero-overlay-pattern[b-1ki8det3ec] {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' fill-opacity='0.08' d='M17 3c-1.5 0-2.8.9-3.4 2.2a4 4 0 0 0-3.2 0C9.8 3.9 8.5 3 7 3 4.8 3 3 4.8 3 7c0 2 1 4.5 2.5 7.5l2 4c.2.4.6.6 1 .5.4-.1.7-.5.7-.9V15c0-.6.4-1 1-1s1 .4 1 1v3.1c0 .4.3.8.7.9.4.1.8-.1 1-.5l2-4C19 11.5 20 9 20 7c0-2.2-1.8-4-4-4z'/%3E%3C/svg%3E");
    background-size: 35px 35px;
}

.glass-showcase[b-1ki8det3ec] {
    position: relative; z-index: 2;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 2.5rem;
    width: 100%; max-width: 460px; min-height: 520px;
    display: flex; flex-direction: column; justify-content: center;
    color: #ffffff;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2);
}

.logo-shield[b-1ki8det3ec] {
    background: #ffffff; padding: 0.1rem; border-radius: 16px;
    display: flex; align-items: center; justify-content: center;
    width: 100%; min-height: 120px; box-sizing: border-box;
}

.login-hero-logo[b-1ki8det3ec] {
    width: 85%; height: auto; max-height: 160px; object-fit: contain;
}

.hero-title[b-1ki8det3ec] {
    font-size: 2.1rem; font-weight: 700;
    line-height: 1.2; margin-bottom: 0.8rem;
    letter-spacing: -0.5px; margin-top: 0;
}

.hero-subtitle[b-1ki8det3ec] {
    font-size: 0.95rem; opacity: 0.85;
    line-height: 1.5; margin-top: 0;
}

/* --- FORM --- */

.form-section[b-1ki8det3ec] {
    flex: 1 1 50%; width: 100%;
    display: flex; align-items: center; justify-content: center;
    background-color: #ffffff; padding: 2rem;
}

@media (min-width: 992px) { .form-section[b-1ki8det3ec] { width: 50%; } }

.form-wrapper[b-1ki8det3ec] {
    width: 100%; max-width: 400px; min-height: 520px;
    display: flex; flex-direction: column; justify-content: center;
}

.welcome-header[b-1ki8det3ec] { margin-bottom: 1.5rem; }

.welcome-header h2[b-1ki8det3ec] {
    font-size: 1.8rem; font-weight: 700; color: #0f172a;
    margin-bottom: 0.3rem; margin-top: 0; letter-spacing: -0.5px;
}

.welcome-header p[b-1ki8det3ec] { color: #64748b; font-size: 0.9rem; margin: 0; }

/* --- OTP DIGIT INPUT --- */

.otp-input-container[b-1ki8det3ec] {
    display: flex; gap: 0.5rem; justify-content: center; margin: 1.5rem 0;
}

.otp-digit-input[b-1ki8det3ec] {
    width: 48px; height: 56px; text-align: center; font-size: 1.5rem; font-weight: 700;
    border: 2px solid #cbd5e1; border-radius: 10px;
    background: #ffffff; color: #0f172a;
    outline: none; transition: all 0.2s ease; caret-color: #0f766e;
}

.otp-digit-input:focus[b-1ki8det3ec] {
    border-color: #0f766e;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}

.otp-digit-input:not(:placeholder-shown)[b-1ki8det3ec] {
    border-color: #0f766e; background: #f0fdfa;
}

/* --- FLOATING INPUT (recovery code) --- */

.premium-floating[b-1ki8det3ec] { position: relative; width: 100%; }

.premium-input[b-1ki8det3ec] {
    width: 100%; box-sizing: border-box;
    border: 1px solid #cbd5e1; border-radius: 10px;
    background-color: #ffffff; color: #0f172a; font-weight: 500;
    height: calc(3.5rem + 2px);
    padding: 1.25rem 1rem 0.25rem 1rem;
    font-size: 1rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.02);
    outline: none;
}

.premium-floating label[b-1ki8det3ec] {
    position: absolute; top: 0; left: 0; height: 100%;
    padding: 1.1rem 1rem;
    pointer-events: none; transform-origin: 0 0;
    transition: opacity .15s ease-in-out, transform .15s ease-in-out;
    color: #64748b; font-size: 0.95rem;
}

.premium-input:hover[b-1ki8det3ec] {
    border-color: #2dd4bf;
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.05);
}

.premium-input:focus[b-1ki8det3ec] {
    border-color: #0f766e;
    box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.1) !important;
}

.premium-input:focus ~ label[b-1ki8det3ec],
.premium-input:not(:placeholder-shown) ~ label[b-1ki8det3ec] {
    transform: scale(0.8) translateY(-0.6rem) translateX(0.15rem);
    opacity: 0.8;
}

/* --- BUTTON --- */

.btn-primary-saas[b-1ki8det3ec] {
    width: 100%; display: flex; align-items: center; justify-content: center;
    background-color: #0f766e; color: #ffffff; border: none; border-radius: 10px;
    padding: 0.95rem; font-size: 1.05rem; font-weight: 600; cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(15, 118, 110, 0.2);
}

.btn-primary-saas:hover:not(:disabled)[b-1ki8det3ec] {
    background-color: #115e59; transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.3);
}

.btn-primary-saas:disabled[b-1ki8det3ec] { background-color: #99f6e4; cursor: not-allowed; box-shadow: none; }

.btn-text-link[b-1ki8det3ec] {
    background: none; border: none;
    color: #0f766e; font-size: 0.9rem; font-weight: 500;
    cursor: pointer; text-decoration: underline;
    padding: 0; transition: color 0.2s;
}

.btn-text-link:hover[b-1ki8det3ec] { color: #115e59; }
.btn-text-link:disabled[b-1ki8det3ec] { color: #94a3b8; cursor: not-allowed; }

/* --- FEEDBACK --- */

.custom-error-box[b-1ki8det3ec] {
    background-color: #fef2f2; border: 1px solid #fecaca; color: #b91c1c;
    border-radius: 10px; padding: 0.75rem 1rem; font-size: 0.9rem;
    display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.5rem;
}

.error-icon[b-1ki8det3ec] { width: 20px; height: 20px; flex-shrink: 0; }

.loading-spinner[b-1ki8det3ec] {
    width: 1.25rem; height: 1.25rem;
    border: 2px solid rgba(255,255,255,0.3); border-top-color: white;
    border-radius: 50%; animation: spin-b-1ki8det3ec 1s linear infinite; margin-right: 0.5rem;
}

@keyframes spin-b-1ki8det3ec { to { transform: rotate(360deg); } }

.animate-smooth[b-1ki8det3ec] {
    opacity: 0; transform: translateY(30px);
    animation: smoothReveal-b-1ki8det3ec 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes smoothReveal-b-1ki8det3ec {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* --- UTILITIES --- */
.text-center[b-1ki8det3ec] { text-align: center; }
.d-flex[b-1ki8det3ec] { display: flex; }
.align-center[b-1ki8det3ec] { align-items: center; }
.justify-center[b-1ki8det3ec] { justify-content: center; }
.flex-column[b-1ki8det3ec] { display: flex; flex-direction: column; }
.mb-4[b-1ki8det3ec] { margin-bottom: 1.5rem !important; }
.mb-6[b-1ki8det3ec] { margin-bottom: 2rem !important; }
.mt-4[b-1ki8det3ec] { margin-top: 1.5rem !important; }
.gap-3[b-1ki8det3ec] { gap: 0.75rem; }
.fw-bold[b-1ki8det3ec] { font-weight: 600; }
.pt-4[b-1ki8det3ec] { padding-top: 1rem; }
/* /Features/Calendar/CalendarWeekView.razor.rz.scp.css */
/* === Features/Calendar/CalendarWeekView.razor.css === */
.cw[b-texc98m3dm] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cw-toolbar[b-texc98m3dm] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.cw-toolbar__nav[b-texc98m3dm] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.cw-toolbar__picker[b-texc98m3dm] {
    width: 160px;
}

.cw-toolbar__label[b-texc98m3dm] {
    font-weight: 600;
    margin-left: auto;
}

.cw-toolbar__extra[b-texc98m3dm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ─── Grid ─── */
.cw-grid[b-texc98m3dm] {
    display: grid;
    grid-template-columns: 64px repeat(7, 1fr);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
}

.cw-gutter[b-texc98m3dm] {
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--mud-palette-lines-default);
}

.cw-gutter__corner[b-texc98m3dm] {
    height: 56px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.cw-gutter__hour[b-texc98m3dm] {
    height: 80px;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    text-align: right;
    padding-right: 8px;
    transform: translateY(-8px);
}

/* ─── Gün sütunları ─── */
.cw-day[b-texc98m3dm] {
    border-right: 1px solid var(--mud-palette-lines-default);
    position: relative;
}

    .cw-day:last-child[b-texc98m3dm] {
        border-right: none;
    }

.cw-day__header[b-texc98m3dm] {
    height: 56px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.cw-day__name[b-texc98m3dm] {
    font-size: 11px;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}

.cw-day__number[b-texc98m3dm] {
    font-size: 16px;
    font-weight: 600;
}

/* ⭐ Bugünkü gün — daha görünən */
.cw-day--today[b-texc98m3dm] {
    background: color-mix(in srgb, var(--mud-palette-primary) 3%, transparent);
    box-shadow: inset 0 4px 0 0 var(--mud-palette-primary);
}

    .cw-day--today .cw-day__header[b-texc98m3dm] {
        background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    }

    .cw-day--today .cw-day__number[b-texc98m3dm] {
        color: var(--mud-palette-primary);
        font-weight: 900;
        font-size: 18px;
    }

    .cw-day--today .cw-day__name[b-texc98m3dm] {
        color: var(--mud-palette-primary);
        font-weight: 800;
    }

/* ⭐ İstisna günü — başlıqda ikonlar */
.cw-day--exception .cw-day__header[b-texc98m3dm] {
    position: relative;
}

.cw-day__exception-icons[b-texc98m3dm] {
    position: absolute;
    top: 1px;
    right: 2px;
    display: flex;
    align-items: center;
    gap: 1px;
    cursor: pointer;
}

.cw-day__exception-icon-img[b-texc98m3dm] {
    width: 16px;
    height: 16px;
    object-fit: contain;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    background: white;
}

.cw-day__exception-more[b-texc98m3dm] {
    font-size: 9px;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
    padding-left: 1px;
}

/* ─── Saat şəbəkəsi (xətlər) ─── */
.cw-day__body[b-texc98m3dm] {
    position: relative;
    height: calc(var(--cw-hours) * 80px);
    background-image: repeating-linear-gradient( to bottom, var(--mud-palette-lines-default) 0, var(--mud-palette-lines-default) 1px, transparent 1px, transparent 40px );
}

/* ─── 30 dəq slotlar ─── */
.cw-day__slot[b-texc98m3dm] {
    height: 40px;
    cursor: pointer;
}

    .cw-day__slot:hover[b-texc98m3dm] {
        background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
    }

/* ─── Cari vaxt göstəricisi (Qırmızı Nöqtə) ─── */
.cw-now-line[b-texc98m3dm] {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: #ef4444;
    z-index: 3;
    pointer-events: none;
}

.cw-now-line__circle[b-texc98m3dm] {
    position: absolute;
    left: -5px;
    top: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ef4444;
    box-shadow: 0 0 6px rgba(239, 68, 68, 0.7);
}

/* ⛔ Bloklanmış slot — istisna günü/günün vaxtı */
.cw-day__slot--blocked[b-texc98m3dm] {
    background: repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(239,68,68,0.06) 4px, rgba(239,68,68,0.06) 8px);
    cursor: not-allowed !important;
}
.cw-day__slot--blocked:hover[b-texc98m3dm] {
    background: repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(239,68,68,0.12) 4px, rgba(239,68,68,0.12) 8px) !important;
}

/* 🚫 İstisna bloku — grid-də vaxt aralığı kimi */
.cw-item--exception[b-texc98m3dm] {
    background: repeating-linear-gradient(45deg, rgba(239,68,68,0.08), rgba(239,68,68,0.08) 6px, rgba(239,68,68,0.04) 6px, rgba(239,68,68,0.04) 12px);
    border-left: 3px solid #ef4444;
    pointer-events: none;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}
.cw-item__exception-content[b-texc98m3dm] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    background: rgba(255,255,255,0.85);
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    color: #dc2626;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}
.cw-item__exception-icon-img[b-texc98m3dm] {
    width: 14px;
    height: 14px;
    object-fit: contain;
    flex-shrink: 0;
}

/* ─── Randevu item-ları (təkmilləşmiş görünüş) ─── */
.cw-item[b-texc98m3dm] {
    position: absolute;
    left: 4px;
    right: 4px;
    z-index: 2;
    border-radius: 8px;
    padding: 6px 8px 6px 12px;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    line-height: 1.2;
    box-shadow: 0 2px 4px rgba(0,0,0,.10);
    transition: transform .12s ease, box-shadow .12s ease;
    border-left: 5px solid var(--item-color);
    background: color-mix(in srgb, var(--item-color) 25%, var(--mud-palette-surface));
    color: color-mix(in srgb, var(--item-color) 80%, #000);
}

    .cw-item:hover[b-texc98m3dm] {
        transform: translateY(-1px) scale(1.02);
        box-shadow: 0 6px 16px rgba(0,0,0,.15);
        z-index: 4;
    }

/* Mətnlərin Hündürlükdən İstifadə Edərək Aşağı Düşməsi (Wrap) */
.cw-item__time[b-texc98m3dm] {
    font-size: 11px;
    font-weight: 700;
    opacity: 0.9;
    margin-bottom: 2px;
    flex-shrink: 0;
}

.cw-item__name[b-texc98m3dm] {
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    flex-shrink: 1;
    min-height: 0;
}

.cw-item__service[b-texc98m3dm] {
    font-size: 11px;
    font-weight: 600;
    opacity: 0.85;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    flex-shrink: 1;
    min-height: 0;
}

/* 30-45 Dəqiqəlik (Qısa) Slotlar Üçün Özəl "Inline" Rejim */
.cw-item--short[b-texc98m3dm] {
    padding: 2px 6px 2px 8px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

    .cw-item--short .cw-item__time[b-texc98m3dm] {
        font-size: 11px;
        margin-bottom: 0;
    }

    .cw-item--short .cw-item__name[b-texc98m3dm] {
        font-size: 12px;
        margin-bottom: 0;
        -webkit-line-clamp: 1;
        flex: 1 1 auto;
        min-width: 0;
    }

    .cw-item--short .cw-item__service[b-texc98m3dm] {
        display: inline;
        font-size: 10px;
        margin-left: 4px;
        opacity: 0.7;
        -webkit-line-clamp: 1;
        flex-shrink: 1;
        min-width: 0;
    }

    .cw-item--short .cw-item__status-badge[b-texc98m3dm] {
        top: 50%;
        transform: translateY(-50%);
        right: 4px;
    }

/* Status variantları */
.cw-item--pending[b-texc98m3dm] {
    border-left-style: dashed;
    border-left-width: 5px;
}

.cw-item--completed[b-texc98m3dm] {
    background: color-mix(in srgb, var(--item-color) 10%, var(--mud-palette-surface));
    opacity: .80;
}

.cw-item--cancelled[b-texc98m3dm], .cw-item--rejected[b-texc98m3dm] {
    background: color-mix(in srgb, #ef4444 8%, #f9fafb);
    opacity: .5;
    text-decoration: line-through;
}

/* Status nişanı */
.cw-item__status-badge[b-texc98m3dm] {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cw-item__status-badge--pending[b-texc98m3dm] {
    background: #f59e0b;
    color: white;
}

.cw-item__status-badge--confirmed[b-texc98m3dm] {
    background: #10b981;
    color: white;
}

.cw-item__status-badge--completed[b-texc98m3dm] {
    background: #22c55e;
    color: white;
}

/* M0 — "Gəlmədi". Xəbərdarlıq / neytral ton (kəhrəba).
   Xəta qırmızısı QƏSDƏN istifadə edilmir: bu, sistem xətası deyil,
   biznes faktıdır. */
.cw-item__status-badge--noshow[b-texc98m3dm] {
    background: #a16207;
    color: white;
}


/* ─── Kontekst Menyu (sağ klik) ─── */
.cw-context-overlay[b-texc98m3dm] {
    position: fixed;
    inset: 0;
    z-index: 999;
}

.cw-context-menu[b-texc98m3dm] {
    z-index: 1000;
    min-width: 210px;
    animation: cw-fade-in-b-texc98m3dm 0.12s ease;
}

@keyframes cw-fade-in-b-texc98m3dm {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(-4px);
    }

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

.cw-context-menu__paper[b-texc98m3dm] {
    border-radius: 12px !important;
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
}

/* Kontekst menyu ayırıcı xətt */
.cw-ctx-separator[b-texc98m3dm] {
    height: 1px;
    background: var(--mud-palette-lines-default);
    margin: 4px 12px;
}

/* 🔥 Rəngli Kontekst Menyu Elementləri (CURSOR: POINTER ƏLAVƏ EDİLDİ) */
.cw-ctx-item[b-texc98m3dm] {
    display: flex;
    align-items: center;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 10px 14px !important;
    margin: 4px;
    transition: all 0.2s ease;
    cursor: pointer !important; /* <--- İMLƏC ƏL İŞARƏSİ OLACAQ */
}

    .cw-ctx-item:last-child[b-texc98m3dm] {
        margin-bottom: 4px;
    }

/* Mavi (+ Yeni Randevu) */
.cw-ctx-item--primary[b-texc98m3dm] {
    background-color: #f0f9ff !important;
    color: #0284c7 !important;
}

    .cw-ctx-item--primary:hover[b-texc98m3dm] {
        background-color: #e0f2fe !important;
    }

/* Hafif Narıncı/Sarı (Detallar) */
.cw-ctx-item--warning[b-texc98m3dm] {
    background-color: #fffbeb !important;
    color: #d97706 !important;
}

    .cw-ctx-item--warning:hover[b-texc98m3dm] {
        background-color: #fde68a !important;
    }

/* Hafif Yaşıl (Təsdiqlə / Tamamlandı) */
.cw-ctx-item--success[b-texc98m3dm] {
    background-color: #f0fdf4 !important;
    color: #059669 !important;
}

    .cw-ctx-item--success:hover[b-texc98m3dm] {
        background-color: #d1fae5 !important;
    }

/* Hafif Qırmızı (Rədd et / Ləğv et) */
.cw-ctx-item--danger[b-texc98m3dm] {
    background-color: #fef2f2 !important;
    color: #dc2626 !important;
}

    .cw-ctx-item--danger:hover[b-texc98m3dm] {
        background-color: #fecaca !important;
    }

/* ─── Mobil ─── */
@media (max-width: 900px) {
    .cw-grid[b-texc98m3dm] {
        grid-template-columns: 48px repeat(7, minmax(90px,1fr));
        overflow-x: auto;
    }
}



/* Toolbar-dakı inputların (Tarix və Həkim) hündürlüyünü bərabərləşdirmək üçün */
[b-texc98m3dm] .custom-toolbar-input .mud-input-control {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

[b-texc98m3dm] .custom-toolbar-input .mud-input {
    height: 40px !important;
}
/* /Features/Communication/PhonePreview.razor.rz.scp.css */
/* ═══════ Cihaz çərçivəsi ═══════ */
.pp-frame[b-21qfs6h5wg] {
    width: 272px;
    max-width: 100%;
    height: 556px;
    border-radius: 44px;
    padding: 10px;
    background: linear-gradient(160deg, #3c4453, #12161f);
    box-shadow: 0 22px 45px -18px rgba(2, 6, 23, .5), inset 0 1px 1px rgba(255, 255, 255, .09);
    margin: 0 auto;
    flex-shrink: 0;
    font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.pp-screen[b-21qfs6h5wg] {
    position: relative;
    height: 100%;
    border-radius: 34px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
}

.pp-island[b-21qfs6h5wg] {
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 74px;
    height: 19px;
    border-radius: 12px;
    background: #05070c;
    z-index: 6;
}

.pp-homebar[b-21qfs6h5wg] {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 92px;
    height: 4px;
    border-radius: 4px;
    background: rgba(0, 0, 0, .25);
    z-index: 6;
}

/* ═══════ Status bar ═══════ */
.pp-statusbar[b-21qfs6h5wg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 20px 5px;
    color: #fff;
    flex-shrink: 0;
}

.pp-mode-mail .pp-statusbar[b-21qfs6h5wg] {
    color: #3c4043;
    background: #fff;
}

.pp-time[b-21qfs6h5wg] {
    font-size: 11px;
    font-weight: 700;
}

.pp-status-icons[b-21qfs6h5wg] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

    .pp-status-icons svg[b-21qfs6h5wg] {
        height: 10px;
        width: auto;
        fill: currentColor;
    }

/* ═══════ Söhbət (WhatsApp / Telegram) ═══════ */
.pp-chat-header[b-21qfs6h5wg] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px 10px;
    color: #fff;
    flex-shrink: 0;
}

.pp-back[b-21qfs6h5wg] {
    font-size: 22px;
    line-height: 1;
    opacity: .9;
    font-weight: 300;
}

.pp-avatar[b-21qfs6h5wg] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .95);
    color: #0f766e;
    font-size: 11px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;      /* dairenin kenarindan cixmasin */
    flex-shrink: 0;
}

/* Avatar artiq metn deyil, asisDENT logosudur.
   Logo seffaf fonlu (nonebackground) oldugu ucun ag/teal dairenin
   icinde dogru gorunur. contain — logonun proporsiyasi pozulmasin.

   OPTIK MERKEZLESDIRME (niye transform lazimdir):
     Fayl 604×563 pikseldir, amma icindeki "muredded" (ink) simmetrik DEYIL —
     alfa-ceki merkezi x = 42.5%, y = 45.3% (olculub). Yeni logonun gorunen
     kutlesi hendesi merkezden SOLA ve YUXARI surusub: dis govdesi solda,
     yasil "tick" ise sag-yuxariya nazik ucla uzanir ve boshluq buraxir.
     Netice: dairede logo "sola qacmis" gorunurdu.
     Transform hemin ferqi (7.5% / 4.7%) qaytarir — sekil dairenin
     merkezinde OTURUR. Faylin ozu deyismir, ona gore diger ekranlar
     (navbar, login) tesirlenmir. */
.pp-avatar img[b-21qfs6h5wg],
.pp-mail-avatar img[b-21qfs6h5wg] {
    width: 82%;
    height: 82%;
    object-fit: contain;
    object-position: center;
    display: block;
    transform: translate(7.5%, 4.7%);
}

.pp-contact[b-21qfs6h5wg] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pp-name[b-21qfs6h5wg] {
    font-size: 12.5px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pp-presence[b-21qfs6h5wg] {
    font-size: 9.5px;
    opacity: .8;
}

.pp-chat-headicons[b-21qfs6h5wg] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 14px;
}

    .pp-chat-headicons svg[b-21qfs6h5wg] {
        height: 14px;
        width: auto;
        fill: #fff;
        opacity: .92;
    }

.pp-chat-wrap[b-21qfs6h5wg] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.pp-chat-body[b-21qfs6h5wg] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 12px 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    scrollbar-width: thin;
}

    .pp-chat-body[b-21qfs6h5wg]::-webkit-scrollbar {
        width: 4px;
    }

    .pp-chat-body[b-21qfs6h5wg]::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, .18);
        border-radius: 4px;
    }

.pp-date[b-21qfs6h5wg] {
    align-self: center;
    background: rgba(255, 255, 255, .88);
    color: #54656f;
    font-size: 9.5px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 8px;
    box-shadow: 0 1px 1px rgba(11, 20, 26, .08);
}

.pp-bubble[b-21qfs6h5wg] {
    position: relative;
    align-self: flex-start;
    max-width: 88%;
    background: #fff;
    border-radius: 10px;
    border-top-left-radius: 3px;
    padding: 7px 9px 5px;
    box-shadow: 0 1px 1px rgba(11, 20, 26, .13);
}

    .pp-bubble[b-21qfs6h5wg]::before {
        content: "";
        position: absolute;
        top: 0;
        left: -7px;
        border-top: 9px solid #fff;
        border-left: 9px solid transparent;
    }

.pp-msg[b-21qfs6h5wg] {
    display: block;
    font-size: 12.5px;
    line-height: 1.45;
    color: #111b21;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.pp-msg-time[b-21qfs6h5wg] {
    display: block;
    text-align: right;
    font-size: 9px;
    color: #8696a0;
    margin-top: 3px;
}

/* "Yazır..." animasiyası */
.pp-typing[b-21qfs6h5wg] {
    padding: 11px 13px;
}

    .pp-typing span[b-21qfs6h5wg] {
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #93a1ad;
        margin-right: 3px;
        animation: pp-typing-bounce-b-21qfs6h5wg 1.2s infinite ease-in-out;
    }

        .pp-typing span:nth-child(2)[b-21qfs6h5wg] {
            animation-delay: .15s;
        }

        .pp-typing span:nth-child(3)[b-21qfs6h5wg] {
            animation-delay: .3s;
            margin-right: 0;
        }

@keyframes pp-typing-bounce-b-21qfs6h5wg {
    0%, 60%, 100% {
        transform: none;
        opacity: .5;
    }

    30% {
        transform: translateY(-3px);
        opacity: 1;
    }
}

.pp-empty[b-21qfs6h5wg] {
    align-self: center;
    margin-top: 28px;
    font-size: 11px;
    font-style: italic;
    color: #667781;
    background: rgba(255, 255, 255, .75);
    padding: 6px 14px;
    border-radius: 10px;
}

.pp-mode-mail .pp-empty[b-21qfs6h5wg] {
    background: #f1f3f4;
    margin: 20px 16px;
    align-self: flex-start;
}

/* Giriş paneli (dekorativ) */
.pp-inputbar[b-21qfs6h5wg] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px 20px;
    flex-shrink: 0;
}

.pp-input[b-21qfs6h5wg] {
    flex: 1;
    background: #fff;
    border-radius: 18px;
    padding: 8px 14px;
    font-size: 11.5px;
    color: #8696a0;
    box-shadow: 0 1px 1px rgba(11, 20, 26, .08);
}

.pp-send[b-21qfs6h5wg] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(11, 20, 26, .18);
}

    .pp-send svg[b-21qfs6h5wg] {
        height: 16px;
        width: auto;
        fill: #fff;
    }

/* ═══════ E-poçt görünüşü ═══════ */
.pp-mode-mail[b-21qfs6h5wg] {
    background: #fff;
}

.pp-mail-appbar[b-21qfs6h5wg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 14px 6px;
    color: #5f6368;
    flex-shrink: 0;
}

    .pp-mail-appbar .pp-back[b-21qfs6h5wg] {
        color: #5f6368;
        opacity: 1;
    }

.pp-mail-appicons[b-21qfs6h5wg] {
    display: inline-flex;
    gap: 14px;
}

    .pp-mail-appicons svg[b-21qfs6h5wg] {
        height: 15px;
        width: auto;
        fill: #5f6368;
    }

.pp-mail-scroll[b-21qfs6h5wg] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    scrollbar-width: thin;
    padding-bottom: 16px;
}

    .pp-mail-scroll[b-21qfs6h5wg]::-webkit-scrollbar {
        width: 4px;
    }

    .pp-mail-scroll[b-21qfs6h5wg]::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, .15);
        border-radius: 4px;
    }

.pp-mail-subject[b-21qfs6h5wg] {
    padding: 10px 16px 4px;
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.35;
    color: #1f1f1f;
    word-break: break-word;
}

.pp-mail-meta[b-21qfs6h5wg] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px 10px;
    border-bottom: 1px solid #f1f3f4;
}

.pp-mail-avatar[b-21qfs6h5wg] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    color: #0f766e;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;      /* logo dairenin kenarindan cixmasin */
    flex-shrink: 0;
}

.pp-mail-who[b-21qfs6h5wg] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pp-mail-sender[b-21qfs6h5wg] {
    font-size: 12px;
    font-weight: 700;
    color: #1f1f1f;
}

    .pp-mail-sender em[b-21qfs6h5wg] {
        font-style: normal;
        font-weight: 500;
        font-size: 10.5px;
        color: #5e6368;
    }

.pp-mail-to[b-21qfs6h5wg] {
    font-size: 10.5px;
    color: #5e6368;
}

.pp-mail-body[b-21qfs6h5wg] {
    padding: 12px 16px;
    font-size: 12.5px;
    line-height: 1.55;
    color: #202124;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.pp-mail-actions[b-21qfs6h5wg] {
    margin: auto 16px 6px;
    padding-top: 14px;
    display: flex;
    gap: 8px;
}

    .pp-mail-actions span[b-21qfs6h5wg] {
        border: 1px solid #dadce0;
        border-radius: 16px;
        padding: 5px 14px;
        font-size: 11px;
        font-weight: 600;
        color: #444746;
    }

/* Skelet xətləri (e-poçt yüklənərkən) */
.pp-skel[b-21qfs6h5wg] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 14px 16px;
}

    .pp-skel span[b-21qfs6h5wg] {
        height: 9px;
        border-radius: 4px;
        background: linear-gradient(90deg, #eceff3 25%, #f7f8fa 50%, #eceff3 75%);
        background-size: 200% 100%;
        animation: pp-shimmer-b-21qfs6h5wg 1.2s infinite;
    }

@keyframes pp-shimmer-b-21qfs6h5wg {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}
/* /Features/Crm/Components/OdontogramChart.razor.rz.scp.css */
/* === Features/Crm/Components/OdontogramChart.razor.css ===
   U-formalı odontogram + popover məzmunu + timeline.
   QEYD: MudPopover özü portal-a render olunur (scope atributu almır) —
   ona görə ölçü/padding popover İÇİNDƏKİ .odo-pop-content üzərindən verilir.

   Bütün rənglər MudBlazor CSS dəyişənləri ilə təyin edilir ki,
   gecə/gündüz rejimində uyğun olsun. */

.odo-root[b-3ux63x24vd] {
    width: 100%;
}

/* ─── SOL KART: XƏRİTƏ ─── */
.odo-chart-card[b-3ux63x24vd] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    padding: 20px 22px;
}

.odo-chart-header[b-3ux63x24vd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 6px;
}

.odo-chart-title[b-3ux63x24vd] {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--mud-palette-text-primary);
}

.odo-chart-subtitle[b-3ux63x24vd] {
    font-size: 0.78rem;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
}

.odo-fdi-badge[b-3ux63x24vd] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 22%, transparent);
    border-radius: 20px;
    padding: 4px 10px;
    white-space: nowrap;
}

/* Popover anchor-larının absolute yerləşməsi üçün relative konteyner */
.odo-arch-container[b-3ux63x24vd] {
    position: relative;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}

.odo-svg[b-3ux63x24vd] {
    width: 100%;
    height: auto;
    display: block;
}

.odo-arch-guide[b-3ux63x24vd] {
    fill: none;
    stroke: var(--mud-palette-lines-default);
    stroke-width: 1.5;
    stroke-dasharray: 5 7;
}

/* ─── DİŞLƏR ─── */
.odo-tooth[b-3ux63x24vd] {
    cursor: pointer;
}

.odo-tooth-shape[b-3ux63x24vd] {
    transition: filter 0.18s ease, opacity 0.18s ease;
}

.odo-tooth:hover .odo-tooth-shape[b-3ux63x24vd] {
    filter: brightness(0.94) drop-shadow(0 2px 5px rgba(15, 118, 110, 0.35));
}

.odo-tooth.active .odo-tooth-shape[b-3ux63x24vd] {
    filter: drop-shadow(0 3px 8px rgba(15, 118, 110, 0.45));
}

.odo-extract-line[b-3ux63x24vd] {
    stroke: var(--mud-palette-error);
    stroke-width: 3;
    stroke-linecap: round;
    pointer-events: none;
}

/* ─── POPOVER ANCHOR + MƏZMUN ─── */
.odo-pop-anchor[b-3ux63x24vd] {
    position: absolute;
    width: 0;
    height: 0;
}

.odo-pop-content[b-3ux63x24vd] {
    width: 316px;
    max-width: 84vw;
    padding: 14px 16px;
}

.odo-pop-header[b-3ux63x24vd] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.odo-pop-toothnum[b-3ux63x24vd] {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    color: var(--mud-palette-primary);
    font-weight: 800;
    font-size: 1rem;
}

.odo-pop-titles[b-3ux63x24vd] {
    flex: 1 1 auto;
    min-width: 0;
}

.odo-pop-name[b-3ux63x24vd] {
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--mud-palette-text-primary);
    line-height: 1.2;
}

.odo-pop-status[b-3ux63x24vd] {
    font-size: 0.72rem;
    font-weight: 700;
    margin-top: 1px;
}

.odo-pop-header[b-3ux63x24vd]  .odo-pop-close {
    align-self: flex-start;
}

.odo-pop-form[b-3ux63x24vd] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.odo-pop-selects[b-3ux63x24vd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

/* Mini tarixçə (bu dişin son qeydləri) */
.odo-pop-history[b-3ux63x24vd] {
    margin-top: 12px;
    border-top: 1px solid var(--mud-palette-lines-default);
    padding-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.odo-pop-history-row[b-3ux63x24vd] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    padding: 3px 0;
}

.odo-pop-history-dot[b-3ux63x24vd] {
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1.5px solid;
}

.odo-pop-history-label[b-3ux63x24vd] {
    flex: 1 1 auto;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.odo-pop-history-date[b-3ux63x24vd] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.72rem;
}

.odo-pop-history-row[b-3ux63x24vd]  .odo-pop-history-del {
    padding: 2px;
}

.odo-pop-actions[b-3ux63x24vd] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
}

/* ─── İZAHLIQ ─── */
.odo-legend[b-3ux63x24vd] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 14px;
    margin-top: 14px;
    padding: 10px 14px;
    background: var(--mud-palette-background-grey);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
}

.odo-legend-item[b-3ux63x24vd] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.odo-legend-swatch[b-3ux63x24vd] {
    width: 12px;
    height: 12px;
    border-radius: 4px;
    border: 1.5px solid;
    display: inline-block;
}

/* ─── SAĞ KART: TIMELINE ─── */
.odo-timeline-card[b-3ux63x24vd] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 400px;
}

.odo-timeline-header[b-3ux63x24vd] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    margin-bottom: 4px;
}

.odo-timeline-title[b-3ux63x24vd] {
    font-weight: 800;
    font-size: 0.95rem;
    color: var(--mud-palette-text-primary);
    flex: 1 1 auto;
}

.odo-timeline-count[b-3ux63x24vd] {
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    color: var(--mud-palette-primary);
    font-weight: 800;
    font-size: 0.72rem;
    border-radius: 20px;
    padding: 2px 10px;
}

.odo-timeline-empty[b-3ux63x24vd] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--mud-palette-text-secondary);
    padding: 30px 20px;
}

.odo-timeline-empty-title[b-3ux63x24vd] {
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    margin-bottom: 4px;
}

.odo-timeline-empty-sub[b-3ux63x24vd] {
    font-size: 0.8rem;
    max-width: 260px;
}

.odo-timeline-scroll[b-3ux63x24vd] {
    overflow-y: auto;
    max-height: 420px;
    padding-top: 10px;
    padding-right: 4px;
}

.odo-tl-item[b-3ux63x24vd] {
    display: flex;
    gap: 12px;
}

.odo-tl-rail[b-3ux63x24vd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 14px;
}

.odo-tl-dot[b-3ux63x24vd] {
    flex: 0 0 auto;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 2px solid;
    margin-top: 4px;
    box-shadow: 0 0 0 3px var(--mud-palette-surface);
}

.odo-tl-line[b-3ux63x24vd] {
    flex: 1 1 auto;
    width: 2px;
    background: var(--mud-palette-lines-default);
    margin: 2px 0;
}

.odo-tl-item:last-child .odo-tl-line[b-3ux63x24vd] {
    background: transparent;
}

.odo-tl-body[b-3ux63x24vd] {
    flex: 1 1 auto;
    min-width: 0;
    padding-bottom: 16px;
}

.odo-tl-top[b-3ux63x24vd] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.odo-tl-tooth[b-3ux63x24vd] {
    flex: 0 0 auto;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 30%, transparent);
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
    color: var(--mud-palette-primary);
    font-weight: 800;
    font-size: 0.72rem;
    border-radius: 8px;
    padding: 2px 8px;
    cursor: pointer;
    transition: background 0.15s ease;
}

.odo-tl-tooth:hover[b-3ux63x24vd] {
    background: color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
}

.odo-tl-cond[b-3ux63x24vd] {
    font-weight: 700;
    font-size: 0.82rem;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.odo-tl-date[b-3ux63x24vd] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

.odo-tl-top[b-3ux63x24vd]  .odo-tl-del {
    padding: 2px;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.odo-tl-item:hover[b-3ux63x24vd]  .odo-tl-del {
    opacity: 1;
}

.odo-tl-notes[b-3ux63x24vd] {
    margin-top: 4px;
    font-size: 0.8rem;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-background-grey);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    padding: 6px 10px;
    white-space: pre-wrap;
    word-break: break-word;
}
/* /Features/Crm/Dialogs/CustomerDetailDialog.razor.rz.scp.css */
/* === Features/Crm/Dialogs/CustomerDetailDialog.razor.css ===
   Scoped stillər. Dialoq çərçivəsi (.mud-dialog) portal-da olduğu üçün
   .razor faylındakı kiçik &lt;style&gt; blokunda qalır; qalan hər şey buradadır.
   Mud komponentlərinin daxili elementləri ::deep ilə hədəflənir.

   QEYD: Bütün rənglər MudBlazor CSS dəyişənləri ilə təyin edilir ki,
   gecə/gündüz rejimi və primary rəng dəyişikliyində yazılar itməsin. */

/* ─── BAŞLIQ (sticky — header DialogContent-dədir ki, data yükəndə yenilənsin) ─── */
.cdd-header[b-qk4ig98ag8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 26px 16px 26px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    position: sticky;
    top: 0;
    z-index: 10;
}

.cdd-header-left[b-qk4ig98ag8] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.cdd-header-icon[b-qk4ig98ag8] {
    flex: 0 0 auto;
}

.cdd-identity[b-qk4ig98ag8] {
    min-width: 0;
}

.cdd-name[b-qk4ig98ag8] {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--mud-palette-text-primary);
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cdd-meta[b-qk4ig98ag8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 3px;
    color: var(--mud-palette-text-secondary);
}

.cdd-meta-text[b-qk4ig98ag8] {
    font-size: 0.82rem;
    font-weight: 600;
}

.cdd-dot[b-qk4ig98ag8] {
    color: var(--mud-palette-lines-default);
}

.cdd-chip[b-qk4ig98ag8] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.7rem;
    font-weight: 700;
    border-radius: 20px;
    padding: 2px 9px;
    line-height: 1.5;
}

.cdd-chip-blood[b-qk4ig98ag8] {
    background: color-mix(in srgb, var(--mud-palette-error) 12%, transparent);
    color: var(--mud-palette-error);
    border: 1px solid color-mix(in srgb, var(--mud-palette-error) 30%, transparent);
}

.cdd-chip-allergy[b-qk4ig98ag8] {
    background: color-mix(in srgb, var(--mud-palette-warning) 12%, transparent);
    color: var(--mud-palette-warning-darken);
    border: 1px solid color-mix(in srgb, var(--mud-palette-warning) 30%, transparent);
    cursor: help;
}

.cdd-actions[b-qk4ig98ag8] {
    display: flex;
    gap: 10px;
    flex: 0 0 auto;
    align-items: center;
}

.cdd-actions[b-qk4ig98ag8]  .cdd-btn {
    border-radius: 12px;
    font-weight: 700;
    text-transform: none;
    padding: 6px 18px;
}

.cdd-close-btn[b-qk4ig98ag8] {
    margin-left: 4px;
    opacity: 0.55;
    transition: opacity 0.15s ease;
}

.cdd-close-btn:hover[b-qk4ig98ag8] {
    opacity: 1;
}

.cdd-loading[b-qk4ig98ag8] {
    display: flex;
    justify-content: center;
    padding: 80px 0;
}

/* ─── TABLAR — AccountPage üslubu (Color.Transparent + Slider) ─── */
.cdd-shell[b-qk4ig98ag8] {
    background: var(--mud-palette-surface);
}

.cdd-shell[b-qk4ig98ag8]  .mud-tabs-toolbar {
    background: var(--mud-palette-background-grey) !important;
    border-bottom: 1px solid var(--mud-palette-lines-default) !important;
    padding: 8px 18px 0 18px;
    min-height: 48px !important;
}

.cdd-shell[b-qk4ig98ag8]  .mud-tab {
    border-radius: 12px 12px 0 0 !important;
    margin: 0 2px;
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: none;
    letter-spacing: 0.2px;
    min-height: 40px !important;
    padding: 8px 18px !important;
    transition: background 0.2s ease, color 0.2s ease;
    color: var(--mud-palette-text-secondary) !important;
}

.cdd-shell[b-qk4ig98ag8]  .mud-tab-active {
    background: var(--mud-palette-surface) !important;
    color: var(--mud-palette-primary) !important;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
}

.cdd-shell[b-qk4ig98ag8]  .mud-tab-slider {
    height: 3px;
    border-radius: 3px 3px 0 0;
}

.cdd-shell[b-qk4ig98ag8]  .mud-tabs-panels > .mud-tabs-panel {
    padding: 22px 26px 26px 26px;
}

/* ─── TAB PANELLƏRİ — minimum hündürlük (donma effekti olmasın) ─── */
.cdd-shell[b-qk4ig98ag8]  .mud-tabs-panels {
    min-height: 400px;
}

.history-tab-content[b-qk4ig98ag8] {
    min-height: 380px;
}

/* ─── MƏLUMAT KARTLARI ─── */
.info-card[b-qk4ig98ag8] {
    border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.info-card + .info-card[b-qk4ig98ag8],
.medical-card[b-qk4ig98ag8] {
    margin-top: 16px;
}

.card-header[b-qk4ig98ag8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-background-grey);
}

.card-title[b-qk4ig98ag8] {
    font-size: 0.85rem;
    font-weight: 800;
    color: var(--mud-palette-text-primary);
    flex: 1 1 auto;
}

.edit-badge[b-qk4ig98ag8] {
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    border-radius: 20px;
    padding: 3px 10px;
}

.card-body[b-qk4ig98ag8] {
    padding: 14px 18px;
}

.info-row[b-qk4ig98ag8] {
    display: flex;
    align-items: baseline;
    padding: 7px 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    gap: 10px;
}

.info-row:last-of-type[b-qk4ig98ag8] {
    border-bottom: none;
}

.info-row .label[b-qk4ig98ag8] {
    flex: 0 0 118px;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.info-row .value[b-qk4ig98ag8] {
    flex: 1;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    font-size: 0.9rem;
    word-break: break-word;
}

/* Tibbi kart */
.med-block + .med-block[b-qk4ig98ag8] {
    margin-top: 12px;
}

.med-label[b-qk4ig98ag8] {
    display: block;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 3px;
}

.med-value[b-qk4ig98ag8] {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    white-space: pre-wrap;
}

.med-danger[b-qk4ig98ag8] {
    color: var(--mud-palette-error);
    background: color-mix(in srgb, var(--mud-palette-error) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-error) 25%, transparent);
    border-radius: 10px;
    padding: 8px 12px;
}

.edit-actions[b-qk4ig98ag8] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 16px;
}

/* ─── SAĞ SÜTUN — sticky ─── */
.right-sticky[b-qk4ig98ag8] {
    position: sticky;
    top: 10px;
    display: flex;
    flex-direction: column;
}

.tag-preview[b-qk4ig98ag8] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.tag-pill[b-qk4ig98ag8] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 25%, transparent);
    border-radius: 20px;
    padding: 3px 12px;
}

.notes-card[b-qk4ig98ag8] {
    display: flex;
    flex-direction: column;
}

.notes-editor[b-qk4ig98ag8] {
    min-height: 220px;
}

.notes-editor[b-qk4ig98ag8]  .ql-toolbar {
    border-left: none;
    border-right: none;
    border-top: none;
    background: var(--mud-palette-background-grey);
}

.notes-editor[b-qk4ig98ag8]  .ql-container {
    border: none;
    min-height: 180px;
    font-size: 0.9rem;
}

.notes-footer[b-qk4ig98ag8] {
    display: flex;
    justify-content: flex-end;
    padding: 12px 16px;
    border-top: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-background-grey);
}

/* ─── STATİSTİKA KARTLARI ─── */
.stats-grid[b-qk4ig98ag8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.stat-card[b-qk4ig98ag8] {
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 16px;
    padding: 16px 18px;
    border: 1px solid transparent;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.stat-card:hover[b-qk4ig98ag8] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.stat-icon[b-qk4ig98ag8] {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-content[b-qk4ig98ag8] {
    min-width: 0;
}

.stat-number[b-qk4ig98ag8] {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.15;
    white-space: nowrap;
}

.stat-label[b-qk4ig98ag8] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
}

.stat-caption[b-qk4ig98ag8] {
    font-size: 0.68rem;
    color: var(--mud-palette-text-secondary);
    margin-top: 1px;
}

.stat-total[b-qk4ig98ag8] {
    background: color-mix(in srgb, var(--mud-palette-info) 12%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-info) 25%, transparent);
}

.stat-total .stat-icon[b-qk4ig98ag8] {
    background: color-mix(in srgb, var(--mud-palette-info) 20%, transparent);
    color: var(--mud-palette-info);
}

.stat-total .stat-number[b-qk4ig98ag8] {
    color: var(--mud-palette-info-darken);
}

.stat-done[b-qk4ig98ag8] {
    background: color-mix(in srgb, var(--mud-palette-success) 12%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-success) 25%, transparent);
}

.stat-done .stat-icon[b-qk4ig98ag8] {
    background: color-mix(in srgb, var(--mud-palette-success) 20%, transparent);
    color: var(--mud-palette-success);
}

.stat-done .stat-number[b-qk4ig98ag8] {
    color: var(--mud-palette-success-darken);
}

.stat-cancel[b-qk4ig98ag8] {
    background: color-mix(in srgb, var(--mud-palette-error) 12%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-error) 25%, transparent);
}

.stat-cancel .stat-icon[b-qk4ig98ag8] {
    background: color-mix(in srgb, var(--mud-palette-error) 20%, transparent);
    color: var(--mud-palette-error);
}

.stat-cancel .stat-number[b-qk4ig98ag8] {
    color: var(--mud-palette-error-darken);
}

.stat-revenue[b-qk4ig98ag8] {
    background: color-mix(in srgb, var(--mud-palette-success) 8%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-success) 18%, transparent);
}

.stat-revenue .stat-icon[b-qk4ig98ag8] {
    background: color-mix(in srgb, var(--mud-palette-success) 15%, transparent);
    color: var(--mud-palette-success);
}

.stat-revenue .stat-number[b-qk4ig98ag8] {
    color: var(--mud-palette-success-darken);
}

/* ─── SON GƏLİŞ BANNERİ ─── */
.visit-banner[b-qk4ig98ag8] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 16px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--mud-palette-success) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-success) 22%, transparent);
    color: var(--mud-palette-text-primary);
    font-size: 0.85rem;
    margin-bottom: 18px;
}

/* ─── TARİXÇƏ CƏDVƏLİ — borderless SaaS görünüşü ─── */
.history-table-wrap[b-qk4ig98ag8] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    overflow: hidden;
    background: var(--mud-palette-surface);
}

.history-table-wrap[b-qk4ig98ag8]  .history-table {
    background: transparent;
}

.history-table-wrap[b-qk4ig98ag8]  th {
    font-size: 0.68rem !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--mud-palette-text-secondary) !important;
    background: var(--mud-palette-background-grey);
    border-bottom: 1px solid var(--mud-palette-lines-default) !important;
    padding: 12px 16px !important;
}

.history-table-wrap[b-qk4ig98ag8]  td {
    border-bottom: 1px solid var(--mud-palette-lines-default) !important;
    padding: 11px 16px !important;
    font-size: 0.85rem;
    color: var(--mud-palette-text-primary);
}

.history-table-wrap[b-qk4ig98ag8]  tr:last-child td {
    border-bottom: none !important;
}

.history-table-wrap[b-qk4ig98ag8]  tr:hover td {
    background: var(--mud-palette-background-grey);
}

.cell-date[b-qk4ig98ag8] {
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.cell-time[b-qk4ig98ag8] {
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
    font-weight: 600;
}

.cell-price[b-qk4ig98ag8] {
    font-weight: 800;
    color: var(--mud-palette-primary);
}

/* Status pill-ləri */
.status-pill[b-qk4ig98ag8] {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 800;
    border-radius: 20px;
    padding: 3px 12px;
    white-space: nowrap;
}

.pill-success[b-qk4ig98ag8] {
    background: color-mix(in srgb, var(--mud-palette-success) 15%, transparent);
    color: var(--mud-palette-success-darken);
    border: 1px solid color-mix(in srgb, var(--mud-palette-success) 30%, transparent);
}

.pill-info[b-qk4ig98ag8] {
    background: color-mix(in srgb, var(--mud-palette-info) 15%, transparent);
    color: var(--mud-palette-info-darken);
    border: 1px solid color-mix(in srgb, var(--mud-palette-info) 30%, transparent);
}

.pill-warning[b-qk4ig98ag8] {
    background: color-mix(in srgb, var(--mud-palette-warning) 15%, transparent);
    color: var(--mud-palette-warning-darken);
    border: 1px solid color-mix(in srgb, var(--mud-palette-warning) 30%, transparent);
}

.pill-error[b-qk4ig98ag8] {
    background: color-mix(in srgb, var(--mud-palette-error) 15%, transparent);
    color: var(--mud-palette-error-darken);
    border: 1px solid color-mix(in srgb, var(--mud-palette-error) 30%, transparent);
}

.pill-dark[b-qk4ig98ag8] {
    background: color-mix(in srgb, var(--mud-palette-dark) 10%, transparent);
    color: var(--mud-palette-dark);
    border: 1px solid var(--mud-palette-lines-default);
}

.pill-muted[b-qk4ig98ag8] {
    background: var(--mud-palette-background-grey);
    color: var(--mud-palette-text-secondary);
    border: 1px solid var(--mud-palette-lines-default);
}

.history-empty[b-qk4ig98ag8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 50px 20px;
    color: var(--mud-palette-text-secondary);
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 14px;
    background: var(--mud-palette-background-grey);
}

.history-empty-title[b-qk4ig98ag8] {
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    margin-bottom: 4px;
}

.history-empty-sub[b-qk4ig98ag8] {
    font-size: 0.8rem;
    max-width: 340px;
}
/* /Features/Files/Components/FileTreeView.razor.rz.scp.css */
/* === Features/Files/Components/FileTreeView.razor.css === */

.ftv-root[b-ts023n4um5] {
    max-height: 480px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ftv-error[b-ts023n4um5] {
    margin-bottom: 8px;
    font-size: 0.76rem;
}

.ftv-divider[b-ts023n4um5] {
    margin: 8px 4px;
    opacity: .6;
}

/* MudTreeViewItem daxili markup yaradır — ::deep olmadan çatmaq mümkün deyil */
[b-ts023n4um5] .ftv-item .mud-treeview-item-content {
    border-radius: 10px;
    font-size: 0.83rem;
    padding-top: 3px;
    padding-bottom: 3px;
    transition: background .14s ease;
}

[b-ts023n4um5] .ftv-item .mud-treeview-item-content:hover {
    background: var(--mud-palette-action-default-hover);
}

/* Seçilmiş qovluq — sol kənarda vurğu zolağı ilə */
[b-ts023n4um5] .ftv-item-active > .mud-treeview-item-content {
    background: var(--mud-palette-primary-hover);
    font-weight: 700;
    box-shadow: inset 3px 0 0 0 var(--mud-palette-primary);
}

/* Boş kateqoriya — görünür, amma diqqət çəkmir */
[b-ts023n4um5] .ftv-item-empty > .mud-treeview-item-content {
    opacity: .48;
}

[b-ts023n4um5] .ftv-item-empty:hover > .mud-treeview-item-content {
    opacity: .75;
}
/* /Features/Files/Components/ToothPicker.razor.rz.scp.css */
/* === Features/Files/Components/ToothPicker.razor.css === */

.tp-root[b-h4fqav74ci] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    padding: 10px 12px;
    background: var(--mud-palette-background-gray);
}

.tp-head[b-h4fqav74ci] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.tp-head-right[b-h4fqav74ci] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.tp-hint[b-h4fqav74ci] {
    margin: 4px 0 10px;
    font-size: 0.74rem;
    color: var(--mud-palette-text-secondary);
}

.tp-arch[b-h4fqav74ci] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tp-jaw[b-h4fqav74ci] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.tp-jaw-label[b-h4fqav74ci] {
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--mud-palette-text-disabled);
}

/* Dişlər anatomik sıra ilə düzülür; dar ekranda sətir aşır */
.tp-row[b-h4fqav74ci] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

/* Orta xətt (11 ↔ 21 və 41 ↔ 31) arasında görünən ayrıcı —
   həkim kvadrantı bir baxışda ayırd etsin */
.tp-row .tp-tooth:nth-child(8)[b-h4fqav74ci] {
    margin-right: 12px;
}

.tp-tooth[b-h4fqav74ci] {
    min-width: 32px;
    height: 30px;
    padding: 0 4px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font-size: 0.76rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    transition: background .12s ease, border-color .12s ease, color .12s ease, transform .12s ease;
}

.tp-tooth:hover[b-h4fqav74ci] {
    border-color: var(--mud-palette-primary);
    transform: translateY(-1px);
}

.tp-tooth-on[b-h4fqav74ci] {
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-weight: 800;
}

.tp-tooth:focus-visible[b-h4fqav74ci] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}
/* /Features/Files/Dialogs/FilePreviewDialog.razor.rz.scp.css */
/* === Features/Files/Dialogs/FilePreviewDialog.razor.css === */

.fpd-root[b-05y9owrk9k] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.fpd-center[b-05y9owrk9k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    text-align: center;
}

/* ─────────────── Alət paneli ─────────────── */
.fpd-toolbar[b-05y9owrk9k] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 4px 8px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
}

.fpd-zoom-label[b-05y9owrk9k] {
    min-width: 52px;
    text-align: center;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
}

/* ─────────────── Şəkil kətanı ─────────────── */
.fpd-canvas[b-05y9owrk9k] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: min(68vh, 720px);
    overflow: hidden;
    border-radius: 14px;
    /* Rentgen tünd fonda daha yaxşı oxunur */
    background: #0e1116;
    cursor: grab;
    user-select: none;
    touch-action: none;
}

.fpd-canvas-dragging[b-05y9owrk9k] {
    cursor: grabbing;
}

.fpd-canvas img[b-05y9owrk9k] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transform-origin: center center;
    transition: filter .15s ease;
    -webkit-user-drag: none;
    user-select: none;
}

/* ─────────────── Sənəd (PDF və s.) ─────────────── */
.fpd-doc-name[b-05y9owrk9k] {
    margin-top: 14px;
    font-size: 1rem;
    font-weight: 600;
    word-break: break-all;
    max-width: 420px;
}

.fpd-doc-size[b-05y9owrk9k] {
    margin-top: 2px;
    font-size: 0.82rem;
    color: var(--mud-palette-text-secondary);
}

/* ─────────────── Metadata zolağı ─────────────── */
.fpd-meta[b-05y9owrk9k] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    padding: 10px 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-background-gray);
}

.fpd-meta-item[b-05y9owrk9k] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.78rem;
    color: var(--mud-palette-text-secondary);
}

.fpd-note[b-05y9owrk9k] {
    padding: 10px 12px;
    border-left: 3px solid var(--mud-palette-primary);
    border-radius: 0 10px 10px 0;
    background: var(--mud-palette-background-gray);
    font-size: 0.84rem;
    white-space: pre-wrap;
}
/* /Features/Files/Dialogs/FileUploadDialog.razor.rz.scp.css */
/* === Features/Files/Dialogs/FileUploadDialog.razor.css === */

.fud-root[b-6omypzocwk] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.fud-section[b-6omypzocwk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fud-section-head[b-6omypzocwk] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}

.fud-alert[b-6omypzocwk] {
    font-size: 0.78rem;
}

/* ═════════ Kateqoriya seçicisi ═════════
   MudSelect əvəzinə düymələr: bütün variantlar ikonu ilə birdən görünür,
   seçim bir kliklə dəyişir. */
.fud-cats[b-6omypzocwk] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.fud-cat[b-6omypzocwk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 999px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .14s ease, border-color .14s ease, transform .14s ease;
}

.fud-cat:hover:not(:disabled)[b-6omypzocwk] {
    border-color: var(--mud-palette-primary);
    transform: translateY(-1px);
}

.fud-cat:disabled[b-6omypzocwk] {
    opacity: .5;
    cursor: default;
}

.fud-cat-on[b-6omypzocwk] {
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.fud-cat-lock[b-6omypzocwk] {
    opacity: .8;
}

/* ═════════ Sürüklə-burax zonası ═════════ */
.fud-drop[b-6omypzocwk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 30px 18px;
    border-style: dashed !important;
    border-width: 2px !important;
    border-radius: 16px !important;
    cursor: pointer;
    text-align: center;
    transition: border-color .18s ease, background .18s ease;
}

.fud-drop:hover[b-6omypzocwk] {
    border-color: var(--mud-palette-primary) !important;
    background: var(--mud-palette-action-default-hover);
}

.fud-drop-busy[b-6omypzocwk] {
    opacity: .55;
    cursor: default;
}

.fud-drop-title[b-6omypzocwk] {
    font-size: 0.95rem;
    font-weight: 650;
}

.fud-drop-sub[b-6omypzocwk] {
    font-size: 0.76rem;
    color: var(--mud-palette-text-secondary);
}

/* Partiya limiti açıq göstərilir — istifadəçi 50 fayl seçib
   sonradan xəta almasın */
.fud-drop-limit[b-6omypzocwk] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    padding: 3px 10px;
    border-radius: 999px;
    background: var(--mud-palette-background-gray);
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

/* ═════════ Gedişat siyahısı ═════════ */
.fud-progress-list[b-6omypzocwk] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 220px;
    overflow-y: auto;
    padding-right: 4px;
}

.fud-progress-row[b-6omypzocwk] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.fud-progress-head[b-6omypzocwk] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
}

.fud-progress-name[b-6omypzocwk] {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.fud-progress-status[b-6omypzocwk] {
    flex: 0 0 auto;
    color: var(--mud-palette-text-secondary);
    font-size: 0.73rem;
}
/* /Features/Files/FilesTab.razor.rz.scp.css */
/* === Features/Files/FilesTab.razor.css ===
   Scoped CSS. Rənglər MudBlazor CSS dəyişənlərindən götürülür ki,
   light/dark tema keçidində fayl ekranı da avtomatik uyğunlaşsın. */

.ft-shell[b-3fcvzwcess] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 540px;
}

/* ═════════════ ALƏT PANELİ ═════════════
   `flex-wrap` + `min-width: 0`: dar dialoqda elementlər aşağı sətrə keçir,
   kənara DAŞMIR. Axtarış sahəsi sıxıla bilir, düymələr isə yox. */
.ft-toolbar[b-3fcvzwcess] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.ft-toolbar-left[b-3fcvzwcess] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 220px;
    min-width: 0;
}

.ft-toolbar-right[b-3fcvzwcess] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    flex-wrap: wrap;
}

.ft-search[b-3fcvzwcess] {
    width: 100%;
    max-width: 360px;
    min-width: 0;
}

.ft-viewswitch[b-3fcvzwcess] {
    flex: 0 0 auto;
}

/* Seçili görünüş rejimi vizual olaraq aydın olmalıdır */
.ft-viewswitch[b-3fcvzwcess]  .ft-view-active {
    background: var(--mud-palette-primary-hover);
    font-weight: 700;
}

.ft-upload-btn[b-3fcvzwcess] {
    border-radius: 10px;
    text-transform: none;
    font-weight: 600;
    white-space: nowrap;
}

/* ═════════════ GÖVDƏ ═════════════ */
.ft-body[b-3fcvzwcess] {
    display: grid;
    grid-template-columns: 268px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.ft-sidebar[b-3fcvzwcess] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    padding: 10px;
    background: var(--mud-palette-surface);
    box-shadow: var(--mud-elevation-1);
    position: sticky;
    top: 0;
}

.ft-content[b-3fcvzwcess] {
    min-width: 0;
    min-height: 440px;
}

@media (max-width: 1100px) {
    .ft-body[b-3fcvzwcess] {
        grid-template-columns: 1fr;
    }

    .ft-sidebar[b-3fcvzwcess] {
        position: static;
    }
}

/* ═════════════ YOL GÖSTƏRİCİSİ ═════════════ */
.ft-crumbs[b-3fcvzwcess] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    margin-bottom: 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-background-gray);
    font-size: 0.82rem;
}

.ft-crumb-root[b-3fcvzwcess] {
    color: var(--mud-palette-text-secondary);
}

.ft-crumb-sep[b-3fcvzwcess] {
    opacity: .45;
}

.ft-crumb-active[b-3fcvzwcess] {
    font-weight: 700;
}

.ft-crumb-count[b-3fcvzwcess] {
    font-size: 0.74rem;
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
}

/* ═════════════ KVOTA ═════════════ */
.ft-usage[b-3fcvzwcess] {
    margin-top: 12px;
    padding: 12px 10px 6px;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.ft-usage-head[b-3fcvzwcess] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: .02em;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 8px;
}

.ft-usage-text[b-3fcvzwcess] {
    margin-top: 6px;
    font-size: 0.74rem;
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
}

/* ═════════════ SKELETON / BOŞ ═════════════ */
.ft-skeleton[b-3fcvzwcess] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 16px;
}

.ft-skeleton-card[b-3fcvzwcess] {
    border-radius: 16px;
}

.ft-empty[b-3fcvzwcess] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 340px;
    text-align: center;
    color: var(--mud-palette-text-secondary);
}

.ft-empty-icon[b-3fcvzwcess] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    margin-bottom: 14px;
    border-radius: 50%;
    background: var(--mud-palette-background-gray);
    opacity: .8;
}

.ft-empty-title[b-3fcvzwcess] {
    font-size: 1.02rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    margin-bottom: 4px;
}

.ft-empty-sub[b-3fcvzwcess] {
    font-size: 0.83rem;
    max-width: 400px;
    line-height: 1.5;
    opacity: .8;
}

/* ═════════════ NİŞAN (KART) ŞƏBƏKƏSİ ═════════════ */
.ft-grid[b-3fcvzwcess] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 16px;
}

.ft-card[b-3fcvzwcess] {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    overflow: hidden;
    background: var(--mud-palette-surface);
    cursor: pointer;
    transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1),
                transform .2s cubic-bezier(.4, 0, .2, 1),
                border-color .2s ease;
}

.ft-card:hover[b-3fcvzwcess] {
    box-shadow: var(--mud-elevation-8);
    border-color: var(--mud-palette-primary);
    transform: translateY(-3px);
}

.ft-card-thumb[b-3fcvzwcess] {
    position: relative;
    aspect-ratio: 4 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        linear-gradient(135deg,
            var(--mud-palette-background-gray) 0%,
            var(--mud-palette-surface) 100%);
    overflow: hidden;
}

.ft-card-thumb img[b-3fcvzwcess] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
}

.ft-card:hover .ft-card-thumb img[b-3fcvzwcess] {
    transform: scale(1.04);
}

.ft-card-icon[b-3fcvzwcess] {
    font-size: 2.6rem !important;
    opacity: .85;
}

/* Tip üzrə rəng — istifadəçi faylın nə olduğunu rəngdən də anlayır */
.ft-icon-pdf[b-3fcvzwcess]     { color: #dc2626; }
.ft-icon-xray[b-3fcvzwcess]    { color: #0f766e; }
.ft-icon-photo[b-3fcvzwcess]   { color: #2563eb; }
.ft-icon-lab[b-3fcvzwcess]     { color: #7c3aed; }
.ft-icon-lock[b-3fcvzwcess]    { color: #d97706; }
.ft-icon-image[b-3fcvzwcess]   { color: var(--mud-palette-primary); }
.ft-icon-generic[b-3fcvzwcess] { color: var(--mud-palette-text-disabled); }

/* ─── Rozetkalar ─── */
.ft-badge[b-3fcvzwcess] {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    background: rgba(15, 23, 42, .72);
    backdrop-filter: blur(3px);
    font-variant-numeric: tabular-nums;
}

.ft-badge-teeth[b-3fcvzwcess] {
    left: 8px;
    bottom: 8px;
}

.ft-badge-lock[b-3fcvzwcess] {
    right: 8px;
    bottom: 8px;
    background: rgba(217, 119, 6, .92);
    padding: 4px 6px;
}

.ft-card-body[b-3fcvzwcess] {
    padding: 10px 12px 12px;
    flex: 1 1 auto;
}

.ft-card-name[b-3fcvzwcess] {
    font-size: 0.84rem;
    font-weight: 650;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ft-card-meta[b-3fcvzwcess] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 5px;
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ft-card-date[b-3fcvzwcess] {
    margin-top: 2px;
    font-size: 0.7rem;
    color: var(--mud-palette-text-disabled);
    font-variant-numeric: tabular-nums;
}

.ft-dot[b-3fcvzwcess] {
    opacity: .45;
}

/* Aksiyalar yalnız hover-də — kart səliqəli qalsın */
.ft-card-actions[b-3fcvzwcess] {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    gap: 1px;
    padding: 2px;
    border-radius: 10px;
    background: var(--mud-palette-surface);
    box-shadow: var(--mud-elevation-6);
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity .18s ease, transform .18s ease;
}

.ft-card:hover .ft-card-actions[b-3fcvzwcess],
.ft-card:focus-within .ft-card-actions[b-3fcvzwcess] {
    opacity: 1;
    transform: translateY(0);
}

/* Toxunma cihazlarında hover yoxdur — aksiyalar həmişə görünür */
@media (hover: none) {
    .ft-card-actions[b-3fcvzwcess] {
        opacity: 1;
        transform: none;
    }
}

/* ═════════════ SİYAHI REJİMİ ═════════════ */
.ft-table[b-3fcvzwcess] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    overflow: hidden;
}

.ft-row-name[b-3fcvzwcess] {
    display: flex;
    align-items: center;
    max-width: 340px;
}

.ft-row-name span[b-3fcvzwcess] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ft-row-cat[b-3fcvzwcess] {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.ft-row-actions[b-3fcvzwcess] {
    display: flex;
    gap: 1px;
}

/* ═════════════ "DAHA ÇOX" ═════════════ */
.ft-more[b-3fcvzwcess] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
/* /Features/Home/KpiCard.razor.rz.scp.css */
.kpi-card[b-6h67as6wg4] {
    border-radius: 16px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background-color: var(--mud-palette-surface);
    height: 100%;
}

    .kpi-card:hover[b-6h67as6wg4] {
        transform: translateY(-4px);
        box-shadow: 0 12px 24px rgba(0,0,0,0.04) !important;
    }

.kpi-icon-box[b-6h67as6wg4] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.kpi-trend[b-6h67as6wg4] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 12px;
    flex-shrink: 0;
}

.trend-up[b-6h67as6wg4] {
    background-color: rgba(16, 185, 129, 0.1);
    color: #059669;
}

.trend-down[b-6h67as6wg4] {
    background-color: rgba(239, 68, 68, 0.1);
    color: #dc2626;
}
/* /Features/Home/PendingRequestsWidget.razor.rz.scp.css */
/* === Features/Home/PendingRequestsWidget.razor.css === */
.pending-row[b-dn17fck43q] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

    .pending-row:last-child[b-dn17fck43q] {
        border-bottom: none;
    }

.pending-row__body[b-dn17fck43q] {
    display: flex;
    flex-direction: column;
}

.pending-row__name[b-dn17fck43q] {
    font-size: 13px;
    font-weight: 600;
}

.pending-row__meta[b-dn17fck43q] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}
/* /Features/Home/ReputationWidget.razor.rz.scp.css */
/* === Features/Home/ReputationWidget.razor.css ===
   Kəsr ulduz göstəricisi.

   Niyə custom: MudRating yalnız TAM ədəd qəbul edir. Ortalama 4.6 olanda
   o, 5 ulduz göstərir, yanındaki rəqəm isə "4.6" yazır — ekranda iki
   fərqli həqiqət. Reputasiya widget-i üçün bu qəbuledilməzdir.

   Həll: iki eyni ulduz cərgəsi üst-üstə. Alt cərgə boz (fon), üst cərgə
   sarı və eni faizlə kəsilir. Nəticə: 4.6 → 92% dolu. */

.rep-stars[b-0jdzp7wzs2] {
    position: relative;
    display: inline-block;
    line-height: 0;
    white-space: nowrap;
}

.rep-stars__row[b-0jdzp7wzs2] {
    display: flex;
    gap: 1px;
}

/* Fon cərgəsi — boş ulduzlar */
.rep-stars__row--bg[b-0jdzp7wzs2] {
    color: var(--mud-palette-lines-default);
}

/* Dolu cərgə — üstdən kəsilir */
.rep-stars__row--fg[b-0jdzp7wzs2] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    color: #f59e0b; /* amber-500 — Google ulduz tonu */
}

/* Kəsilmə zamanı ikonlar sıxılmasın.
   ::deep lazımdır — MudIcon ayrı komponentdir və CSS isolation scope
   atributunu almır, ona görə adi descendant selektor onu tutmur. */
.rep-stars__row[b-0jdzp7wzs2]  .mud-icon-root {
    flex: 0 0 auto;
}
/* /Features/Home/TodayScheduleList.razor.rz.scp.css */
/* === Features/Home/TodayScheduleList.razor.css === */
.today-row[b-3go6dfcdpq] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

    .today-row:last-child[b-3go6dfcdpq] {
        border-bottom: none;
    }

.today-row__time[b-3go6dfcdpq] {
    font-size: 13px;
    font-weight: 700;
    width: 44px;
    color: var(--mud-palette-text-secondary);
}

.today-row__dot[b-3go6dfcdpq] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.today-row__dot--confirmed[b-3go6dfcdpq] {
    background: #0f766e;
}

.today-row__dot--pending[b-3go6dfcdpq] {
    background: #f59e0b;
}

.today-row__dot--noshow[b-3go6dfcdpq] {
    background: #94a3b8;
}

.today-row__body[b-3go6dfcdpq] {
    display: flex;
    flex-direction: column;
}

.today-row__name[b-3go6dfcdpq] {
    font-size: 13px;
    font-weight: 600;
}

.today-row__service[b-3go6dfcdpq] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}
/* /Features/Localization/LanguageSelector.razor.rz.scp.css */
/* === LanguageSelector.razor.css === */

.lang-menu-list[b-s72y3gzmyv] {
    min-width: 220px !important;
    border-radius: 12px !important;
    padding: 6px !important;
}

.lang-item[b-s72y3gzmyv] {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    cursor: pointer;
    transition: background 0.12s ease;
}

.lang-item:hover[b-s72y3gzmyv] {
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent) !important;
}

.lang-item--active[b-s72y3gzmyv] {
    background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent) !important;
    font-weight: 700 !important;
}

.lang-flag[b-s72y3gzmyv] {
    font-size: 18px;
    line-height: 1;
}

.lang-code[b-s72y3gzmyv] {
    font-size: 11px;
    font-weight: 600;
    opacity: 0.5;
    text-transform: uppercase;
}

.flex-1[b-s72y3gzmyv] {
    flex: 1;
}
/* /Features/Notifications/NotificationBell.razor.rz.scp.css */
/* === Features/Notifications/NotificationBell.razor.css === */

/* ════════════════════════════════════════════
   BADGE — əl ilə idarə olunan, kəsilməyən badge
   ════════════════════════════════════════════ */

/* XARİCİ KONTEYNER — overflow-u açıq saxlayır */
.notif-bell-outer[b-4tr40oej76] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: visible !important;
}

/* MudTooltip-in daxili div-inin də overflow-u açıq olsun — kəsilmənin qarşısı */
.mud-tooltip > *[b-4tr40oej76] {
    overflow: visible !important;
}

/* SAY DAİRƏSİ — narıncı badge, AppBar-da kəsilməyən */
.notif-bell-count[b-4tr40oej76] {
    position: absolute;
    top: 2px;
    right: -4px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    background: #ff9800;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    z-index: 20;
    pointer-events: none;
    /* MudBadge overlap transform-a ehtiyac yoxdur—özümüz əllə yerləşdiririk */
}

/* ═══════════════════════════════════════════════════════
   ZİL TİTRƏMƏ ANİMASİYASI — SaaS tərzi (Slack/GitHub/Teams)

   Mexanizm: _shakeTrigger artır → Blazor @key dəyişir
   → DOM wrapper div-i yenidən yaradılır → CSS animasiya
   avtomatik işə düşür. Heç bir JS, timer, requestAnimationFrame
   yoxdur. Təmiz Brauzer API-si.
   ═══════════════════════════════════════════════════════ */
.bell-shake-wrap[b-4tr40oej76] {
    display: inline-flex;
    animation: bell-shake-b-4tr40oej76 0.6s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

@keyframes bell-shake-b-4tr40oej76 {
    0%, 100% { transform: rotate(0deg); }
    10% { transform: rotate(18deg); }
    20% { transform: rotate(-14deg); }
    30% { transform: rotate(12deg); }
    40% { transform: rotate(-8deg); }
    50% { transform: rotate(6deg); }
    65% { transform: rotate(-4deg); }
    80% { transform: rotate(2deg); }
}

/* ═══════════════════════════════════════════════════════
   BADGE PULSU — gözləyən sorğular olduqca daim işıldayır
   Diqqəti cəlb edir, amma yorucu deyil (2s interval).
   Yalnız box-shadow animasiyası — GPU sürətləndirməli.
   ═══════════════════════════════════════════════════════ */
.notif-bell-count[b-4tr40oej76] {
    animation: badge-alert-b-4tr40oej76 2s ease-in-out infinite;
}

@keyframes badge-alert-b-4tr40oej76 {
    0%, 100% {
        box-shadow: 0 2px 6px rgba(255, 152, 0, 0.25);
    }
    50% {
        box-shadow: 0 2px 14px rgba(255, 152, 0, 0.55),
                    0 0 24px rgba(255, 152, 0, 0.12);
    }
}

/* ════════════════════════════════════════════
   DROPDOWN — overlay, card, scroll
   ════════════════════════════════════════════ */

/* Transparent overlay — dropdown-u bağlamaq üçün */
.notif-overlay[b-4tr40oej76] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 9998;
}

/* Dropdown paper card */
.notif-paper[b-4tr40oej76] {
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18) !important;
    animation: notif-fade-in-b-4tr40oej76 0.2s ease-out;
}

@keyframes notif-fade-in-b-4tr40oej76 {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ════════════════════════════════════════════
   BİLDİRİŞ SİYAHISI — item-lar
   ════════════════════════════════════════════ */

.notif-item[b-4tr40oej76] {
    transition: background-color 0.15s ease;
}

.notif-item:last-child > .d-flex[style*="border-bottom"][b-4tr40oej76] {
    border-bottom: none !important;
}

/* Kliklənə bilən üst hissə */
.notif-item-clickable[b-4tr40oej76] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}
.notif-item-clickable:hover[b-4tr40oej76] {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.06);
}
.notif-item-clickable:active[b-4tr40oej76] {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.10);
}

/* Truncate */
.notif-truncate[b-4tr40oej76] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Düymələr */
.notif-btn[b-4tr40oej76] {
    min-height: 32px !important;
    font-size: 0.8rem !important;
}

/* Səssiz rejim düyməsi */
.notif-silent-toggle[b-4tr40oej76] {
    opacity: 0.6;
    transition: opacity 0.2s ease;
}
.notif-silent-toggle:hover[b-4tr40oej76] {
    opacity: 1;
}

/* Scrollbar */
.notif-scroll[b-4tr40oej76]::-webkit-scrollbar { width: 4px; }
.notif-scroll[b-4tr40oej76]::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}
.notif-scroll[b-4tr40oej76]::-webkit-scrollbar-track { background: transparent; }
/* /Features/Shared/LoadingBar.razor.rz.scp.css */
/* === LoadingBar.razor.css ===
   Xətt konteynerin tam eninə yayılır və yuxarı kənara yapışır.
   Hündürlük qəsdən kiçikdir (3px) — göstərici məzmunu itələməməli,
   yalnız "işləyir" siqnalı verməlidir. */

.asis-loading-wrap[b-js7abunxeo] {
    width: 100%;
    /* Səhifə/dialoq paddinq-i xəttin kənarda qırılmasına səbəb olmasın:
       konteynerin paddinq-ini neytrallaşdırıb tam enə çıxırıq. */
    margin-left: calc(-1 * var(--asis-loading-bleed, 0px));
    margin-right: calc(-1 * var(--asis-loading-bleed, 0px));
    margin-bottom: 4px;
}

/* MudProgressLinear kök elementi — nazik və küncsüz */
[b-js7abunxeo] .asis-loading-bar {
    height: 3px !important;
    border-radius: 0 !important;
}

.asis-loading-text[b-js7abunxeo] {
    display: block;
    text-align: center;
    padding-top: 6px;
    letter-spacing: .2px;
}

/* Hərəkətə həssas istifadəçilərdə MudBlazor onsuz da animasiyanı azaldır;
   burada əlavə olaraq xətti sabit dolu göstəririk ki, "işləyir" siqnalı itməsin. */
@media (prefers-reduced-motion: reduce) {
    [b-js7abunxeo] .asis-loading-bar {
        opacity: .85;
    }
}
/* /Layout/LoginLayout/LoginLayout.razor.rz.scp.css */
/* /Layout/MainLayout.razor.rz.scp.css */
/* === MainLayout.razor.css (scoped: footer, navbar-brand-logo, hover-effect) === */

/* ─── İNCƏ FOOTER ─── */
.app-footer[b-k405y4c15d] {
    border-top: 1px solid var(--mud-palette-lines-default);
    background: transparent;
    flex-shrink: 0;
    user-select: none;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.app-footer:hover[b-k405y4c15d] {
    opacity: 1;
}

/* Navbar hover effekti */
.hover-effect[b-k405y4c15d] {
    border-radius: 8px;
    transition: all 0.2s ease;
}

.hover-effect:hover[b-k405y4c15d] {
    background-color: rgba(255, 255, 255, 0.18) !important;
    transform: scale(1.08);
}

/* Navbar loqosu */
.navbar-brand-logo[b-k405y4c15d] {
    height: 38px;
    width: auto;
    max-width: 160px;
    object-fit: contain;
    transition: transform 0.2s ease, filter 0.2s ease;
}

.navbar-brand-logo:hover[b-k405y4c15d] {
    transform: scale(1.06);
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

/* Drawer scroll gizlətmə — yalnız nav-top öz daxilində scroll edə bilər */
.no-scroll-drawer .mud-drawer-content[b-k405y4c15d] {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    display: flex;
    flex-direction: column;
    height: 100%;
}
/* Sağ tərəf: Navbar-dan aşağı, footer daxil hərəkət edən sahə */
.main-content-area[b-k405y4c15d] {
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-y: auto !important; /* Sağda scrollbar BURADA işləyəcək */
    overflow-x: hidden;
}

.main-container-area[b-k405y4c15d] {
    flex: 1 1 auto;
}
/* /Layout/NavMenu.razor.rz.scp.css */
/* Konteynerin tənzimlənməsi (Alt menyuları aşağı sıxmaq üçün) */
.nav-container[b-eaczip9ntw] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.nav-top[b-eaczip9ntw] {
    flex: 1 1 0;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    /* Bütün brauzerlərdə scrollbar-ı tam gizlədir */
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

    .nav-top[b-eaczip9ntw]::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        background: transparent !important;
    }

.nav-bottom[b-eaczip9ntw] {
    flex-shrink: 0;
}

/* MudNavGroup açıldıqda alt menyuların sığması üçün */
[b-eaczip9ntw] .mud-nav-group {
    flex-shrink: 0;
}

/* ── Bütün NavLink və NavGroup-ların SaaS tərzi görünüşü ── */
[b-eaczip9ntw] .mud-nav-link,
[b-eaczip9ntw] .mud-nav-group-title {
    border-radius: 10px !important;
    margin: 2px 8px !important;
    padding: 0 12px !important;
    min-height: 44px !important;
    display: flex;
    align-items: center;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

    /* Hover effekti */
    [b-eaczip9ntw] .mud-nav-link:hover,
    [b-eaczip9ntw] .mud-nav-group-title:hover {
        background-color: rgba(var(--mud-palette-primary-rgb), 0.10) !important;
    }

    /* Seçili (Aktiv) olan menyunun dizaynı */
    [b-eaczip9ntw] .mud-nav-link.active {
        background-color: rgba(var(--mud-palette-primary-rgb), 0.18) !important;
        color: var(--mud-palette-primary) !important;
        font-weight: 700;
    }

        [b-eaczip9ntw] .mud-nav-link.active .mud-nav-link-icon {
            color: var(--mud-palette-primary) !important;
        }

/* Tooltip-in menyunu sıxışdırmasının qarşısını alır */
[b-eaczip9ntw] .mud-tooltip-root {
    display: block;
    width: 100%;
}

/* İkon və Mətn arasındakı məsafə */
[b-eaczip9ntw] .mud-nav-link-icon,
[b-eaczip9ntw] .mud-nav-group-icon {
    margin-right: 14px !important;
    transition: color 0.2s ease !important;
}

/* Mətnin hündürlüyü pozmaması üçün */
[b-eaczip9ntw] .mud-nav-link-text,
[b-eaczip9ntw] .mud-nav-group-title-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Qrup açıldıqda iconun rəngi dəyişsin */
[b-eaczip9ntw] .mud-nav-group.active > .mud-nav-group-title .mud-nav-group-icon {
    color: var(--mud-palette-primary) !important;
}

[b-eaczip9ntw] .mud-nav-group.active > .mud-nav-group-title {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.06) !important;
}
/* /Pages/Availability/AvailabilityPage.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   asisDENT — Availability & Exceptions Page
   Premium, minimalist, Calendly/Cal.com inspired design
   ═══════════════════════════════════════════════════════════════════ */

/* ─── Page Root ─── */
.page-root[b-unjy348b06] {
    max-width: 1160px;
    margin: 0 auto;
    padding: 24px 32px 48px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ─── Page Header ─── */
.page-header[b-unjy348b06] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
}

.page-header-left[b-unjy348b06] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.page-title[b-unjy348b06] {
    font-weight: 700 !important;
    font-size: 1.75rem !important;
    letter-spacing: -0.02em;
    color: #1a1a2e;
    margin: 0 !important;
}

/* ─── Doctor Selector Bar ─── */
.doctor-selector-bar[b-unjy348b06] {
    background: #f8f9fc;
    border: 1px solid #e9ecf3;
    border-radius: 12px;
    padding: 12px 20px;
    margin-bottom: 28px;
    display: flex;
    align-items: center;
}

.doctor-selector-inner[b-unjy348b06] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 380px;
}

.doctor-selector-icon[b-unjy348b06] {
    font-size: 1.2rem;
    opacity: 0.6;
}

.doctor-select[b-unjy348b06] {
    flex: 1;
}

/* ─── Tabs Container ─── */
.availability-tabs[b-unjy348b06] {
    background: transparent !important;
    border-radius: 16px;
}

/* Tab Toolbar — borderless, transparent background */
[b-unjy348b06] .availability-tabs .mud-tabs-toolbar {
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: 1px solid #eef0f5;
    padding: 0;
    min-height: 48px;
}

/* Individual Tab — minimal, no background */
[b-unjy348b06] .availability-tabs .mud-tab {
    background: transparent !important;
    color: #8e94a7;
    font-weight: 500;
    font-size: 0.95rem;
    letter-spacing: 0.01em;
    text-transform: none;
    padding: 12px 24px;
    min-height: 48px;
    border-radius: 0;
    transition: color 0.2s ease;
    position: relative;
}

[b-unjy348b06] .availability-tabs .mud-tab:hover {
    color: #4a4d5e;
    background: transparent !important;
}

[b-unjy348b06] .availability-tabs .mud-tab-active {
    color: #6366f1;
    font-weight: 600;
    background: transparent !important;
}

/* Slider — elegant thin underline */
[b-unjy348b06] .availability-tabs .mud-tabs-slider {
    height: 2.5px;
    border-radius: 2px;
    background: linear-gradient(90deg, #6366f1, #8b5cf6) !important;
}

/* Tab Panel Content */
[b-unjy348b06] .availability-tabs .mud-tabs-panels {
    background: transparent !important;
    padding: 24px 0 0;
}

/* ─── Working Days Schedule Paper ─── */
.schedule-paper[b-unjy348b06] {
    background: #ffffff !important;
    border: 1px solid #eef0f5;
    border-radius: 16px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

.schedule-paper:hover[b-unjy348b06] {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04);
}

/* Schedule Header */
.schedule-header[b-unjy348b06] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
    border-bottom: 1px solid #f1f3f8;
}

.schedule-header-left[b-unjy348b06] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.schedule-header-icon[b-unjy348b06] {
    font-size: 1.15rem;
}

.schedule-header-title[b-unjy348b06] {
    font-weight: 600;
    font-size: 0.95rem;
    color: #1a1a2e;
}

.schedule-header-subtitle[b-unjy348b06] {
    font-size: 0.8rem;
    color: #9ca3af;
}

/* ─── Day Rows ─── */
.schedule-days[b-unjy348b06] {
    padding: 0;
}

.day-row[b-unjy348b06] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    min-height: 56px;
    transition: background 0.2s ease, padding 0.2s ease;
    border-bottom: 1px solid #f3f4f8;
}

.day-row:last-child[b-unjy348b06] {
    border-bottom: none;
}

.day-row:hover[b-unjy348b06] {
    background: #fafbff;
}

.day-row.is-working:hover[b-unjy348b06] {
    background: #f8f9fe;
}

/* ─── Day Row Left Side ─── */
.day-row-left[b-unjy348b06] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 180px;
    flex-shrink: 0;
}

.day-switch[b-unjy348b06] {
    margin: 0;
}

/* Custom styled switch — override MudBlazor */
[b-unjy348b06] .day-switch .mud-switch {
    width: 40px;
    height: 24px;
}

[b-unjy348b06] .day-switch .mud-switch-track {
    width: 40px;
    height: 22px;
    border-radius: 12px;
}

[b-unjy348b06] .day-switch .mud-switch-thumb {
    width: 18px;
    height: 18px;
    margin-top: 2px;
}

.day-name[b-unjy348b06] {
    font-weight: 600;
    font-size: 0.95rem;
    color: #1a1a2e;
    letter-spacing: -0.01em;
    white-space: nowrap;
}

/* ─── Day Row Right Side ─── */
.day-row-right[b-unjy348b06] {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: flex-end;
    margin-left: 16px;
}

/* ─── Time Pickers Row ─── */
.time-pickers-row[b-unjy348b06] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: nowrap;
}

.time-picker-unit[b-unjy348b06] {
    width: 88px;
    flex-shrink: 0;
}

/* Compact Time Picker Styles */
[b-unjy348b06] .compact-time-picker {
    width: 100%;
}

[b-unjy348b06] .compact-time-picker .mud-input {
    font-size: 0.82rem;
    padding: 2px 0;
    min-height: 36px;
}

[b-unjy348b06] .compact-time-picker .mud-input-text {
    padding: 4px 6px 2px !important;
    font-size: 0.82rem;
}

[b-unjy348b06] .compact-time-picker .mud-input-label {
    font-size: 0.65rem;
    transform: translate(6px, 2px) scale(1) !important;
    color: #9ca3af;
}

[b-unjy348b06] .compact-time-picker .mud-input-slot {
    padding: 4px 6px !important;
    font-size: 0.82rem;
}

[b-unjy348b06] .compact-time-picker .mud-input-adornment {
    display: none;
}

[b-unjy348b06] .compact-time-picker .mud-input-underline {
    border-bottom: 1.5px solid #e5e7eb;
}

[b-unjy348b06] .compact-time-picker .mud-input-underline:before {
    border-bottom: 1.5px solid #e5e7eb;
}

[b-unjy348b06] .compact-time-picker:hover .mud-input-underline:before {
    border-bottom: 1.5px solid #c4c8d4 !important;
}

[b-unjy348b06] .compact-time-picker .mud-input-underline:after {
    border-bottom: 2px solid #6366f1;
}

/* Time Separator */
.time-sep[b-unjy348b06] {
    color: #d1d5db;
    font-size: 0.85rem;
    padding: 0 2px;
    flex-shrink: 0;
}

/* Break Divider */
.time-break-divider[b-unjy348b06] {
    display: flex;
    align-items: center;
    padding: 0 6px;
    flex-shrink: 0;
}

.break-label[b-unjy348b06] {
    font-size: 0.6rem;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}

/* Save Day Button */
.save-day-btn[b-unjy348b06] {
    margin-left: 6px;
    flex-shrink: 0;
    transition: transform 0.15s ease, opacity 0.15s ease;
    opacity: 0.5;
}

.day-row:hover .save-day-btn[b-unjy348b06] {
    opacity: 1;
}

.save-day-btn:hover[b-unjy348b06] {
    transform: scale(1.15);
}

/* ─── Day Off Badge ─── */
.day-off-badge[b-unjy348b06] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f3f4f8;
    border-radius: 20px;
    padding: 6px 16px;
    font-size: 0.82rem;
    color: #6b7280;
    font-weight: 500;
}

.day-off-dot[b-unjy348b06] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d1d5db;
    flex-shrink: 0;
}

.is-dayoff .day-name[b-unjy348b06] {
    color: #9ca3af;
}

/* ═══════════════════════════════════════════════════════════════════
   TAB 2 — EXCEPTIONS
   ═══════════════════════════════════════════════════════════════════ */

/* ─── Add Exception Card ─── */
.add-exception-card[b-unjy348b06] {
    background: #ffffff !important;
    border: 1px solid #eef0f5;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    margin-bottom: 28px;
    transition: box-shadow 0.3s ease;
}

.add-exception-card:focus-within[b-unjy348b06] {
    box-shadow: 0 4px 24px rgba(99, 102, 241, 0.08);
}

.add-exception-accent[b-unjy348b06] {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, #6366f1, #8b5cf6);
    border-radius: 4px 0 0 4px;
}

.add-exception-inner[b-unjy348b06] {
    padding: 20px 24px 20px 28px;
}

.add-exception-header[b-unjy348b06] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.add-exception-header-left[b-unjy348b06] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.add-exception-icon[b-unjy348b06] {
    font-size: 1rem;
}

.add-exception-title[b-unjy348b06] {
    font-weight: 600;
    font-size: 0.95rem;
    color: #1a1a2e;
}

.cancel-edit-btn[b-unjy348b06] {
    font-size: 0.82rem !important;
    text-transform: none !important;
    color: #6b7280 !important;
}

/* ─── Exception Form ─── */
.add-exception-form[b-unjy348b06] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.add-exception-main-row[b-unjy348b06] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.form-field[b-unjy348b06] {
    flex-shrink: 0;
}

.date-field[b-unjy348b06] {
    width: 180px;
}

.reason-field[b-unjy348b06] {
    min-width: 200px;
    flex: 1;
}

.toggle-field[b-unjy348b06] {
    flex-shrink: 0;
}

.action-field[b-unjy348b06] {
    flex-shrink: 0;
    min-width: 130px;
}

/* Closed Toggle Container */
.closed-toggle-container[b-unjy348b06] {
    display: flex;
    align-items: center;
    height: 100%;
    padding-bottom: 2px;
}

[b-unjy348b06] .closed-toggle-switch {
    margin: 0;
}

[b-unjy348b06] .closed-toggle-switch .mud-switch-label {
    font-size: 0.78rem;
    font-weight: 500;
    color: #374151;
}

/* Exception Date Picker */
[b-unjy348b06] .exception-date-picker {
    width: 100%;
}

[b-unjy348b06] .exception-date-picker .mud-input {
    font-size: 0.85rem;
}

/* Exception Reason Select */
[b-unjy348b06] .exception-reason-select {
    width: 100%;
}

[b-unjy348b06] .exception-reason-select .mud-input {
    font-size: 0.85rem;
}

.reason-option-img[b-unjy348b06] {
    width: 18px;
    height: 18px;
    object-fit: contain;
    margin-right: 8px;
    vertical-align: middle;
}

/* Save Exception Button */
.save-exception-btn[b-unjy348b06] {
    height: 40px !important;
    border-radius: 10px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.01em !important;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.25) !important;
}

.save-exception-btn:hover[b-unjy348b06] {
    box-shadow: 0 4px 16px rgba(99, 102, 241, 0.35) !important;
}

.save-exception-btn:disabled[b-unjy348b06] {
    opacity: 0.5;
    box-shadow: none !important;
}

.save-exception-btn-content[b-unjy348b06] {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ─── Custom Hours Time Row ─── */
.add-exception-time-row[b-unjy348b06] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: #f9fafc;
    border-radius: 10px;
    border: 1px dashed #e2e6ef;
    overflow: hidden;
    max-height: 60px;
    transition: max-height 0.3s ease, opacity 0.25s ease, padding 0.25s ease, margin 0.25s ease;
    opacity: 1;
}

.add-exception-time-row.collapsed[b-unjy348b06] {
    max-height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-width: 0;
    overflow: hidden;
    pointer-events: none;
}

.add-exception-time-row.visible[b-unjy348b06] {
    max-height: 60px;
    opacity: 1;
}

.time-field[b-unjy348b06] {
    width: 140px;
}

.time-field-sep[b-unjy348b06] {
    color: #d1d5db;
    font-size: 0.9rem;
}

[b-unjy348b06] .exception-time-picker {
    width: 100%;
}

[b-unjy348b06] .exception-time-picker .mud-input {
    font-size: 0.85rem;
}

/* ─── Exceptions Section ─── */
.exceptions-section[b-unjy348b06] {
    margin-top: 0;
}

.exceptions-section-header[b-unjy348b06] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4px 16px;
}

.exceptions-section-header-left[b-unjy348b06] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.exceptions-section-icon[b-unjy348b06] {
    font-size: 1rem;
}

.exceptions-section-title[b-unjy348b06] {
    font-weight: 600;
    font-size: 1rem;
    color: #1a1a2e;
}

.exceptions-section-count[b-unjy348b06] {
    font-size: 0.78rem;
    color: #9ca3af;
    background: #f3f4f8;
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: 500;
}

/* ─── Exceptions Grid ─── */
.exceptions-grid[b-unjy348b06] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

/* ─── Exception Card ─── */
.exception-card[b-unjy348b06] {
    background: #ffffff;
    border: 1px solid #eef0f5;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    transition: all 0.2s ease;
}

.exception-card:hover[b-unjy348b06] {
    border-color: #dce0eb;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    transform: translateY(-1px);
}

.exception-card-accent[b-unjy348b06] {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    border-radius: 4px 0 0 4px;
}

.exception-card-accent.closed[b-unjy348b06] {
    background: linear-gradient(180deg, #ef4444, #f87171);
}

.exception-card-accent.open[b-unjy348b06] {
    background: linear-gradient(180deg, #10b981, #34d399);
}

/* ─── Exception Card Body ─── */
.exception-card-body[b-unjy348b06] {
    display: flex;
    align-items: center;
    padding: 14px 18px 14px 22px;
    gap: 16px;
}

/* ─── Calendar Badge ─── */
.exception-date-badge[b-unjy348b06] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 54px;
    min-width: 54px;
    height: 62px;
    background: linear-gradient(180deg, #f8f9fc, #f1f3f8);
    border-radius: 10px;
    border: 1px solid #e9ecf3;
    flex-shrink: 0;
}

.badge-month[b-unjy348b06] {
    font-size: 0.6rem;
    font-weight: 700;
    color: #6366f1;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-top: 4px;
}

.badge-day[b-unjy348b06] {
    font-size: 1.3rem;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1.2;
}

.badge-year[b-unjy348b06] {
    font-size: 0.55rem;
    font-weight: 500;
    color: #9ca3af;
    line-height: 1;
    margin-bottom: 4px;
}

/* ─── Exception Card Content ─── */
.exception-card-content[b-unjy348b06] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.exception-reason-row[b-unjy348b06] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.exception-reason-img[b-unjy348b06] {
    width: 20px;
    height: 20px;
    object-fit: contain;
    flex-shrink: 0;
    border-radius: 4px;
}

.exception-reason-name[b-unjy348b06] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #1a1a2e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exception-meta-row[b-unjy348b06] {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* ─── Status Pill ─── */
.status-pill[b-unjy348b06] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 12px;
    border-radius: 20px;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.status-pill.closed[b-unjy348b06] {
    background: #fef2f2;
    color: #dc2626;
}

.status-pill.open[b-unjy348b06] {
    background: #ecfdf5;
    color: #059669;
}

.status-dot[b-unjy348b06] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
}

.status-pill.closed .status-dot[b-unjy348b06] {
    background: #ef4444;
}

.status-pill.open .status-dot[b-unjy348b06] {
    background: #10b981;
}

.exception-time-text[b-unjy348b06] {
    font-size: 0.82rem;
    color: #6b7280;
    font-weight: 500;
}

/* ─── Exception Card Actions ─── */
.exception-card-actions[b-unjy348b06] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    padding-left: 8px;
}

.action-icon-btn[b-unjy348b06] {
    background: transparent;
    border: none;
    cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
    color: #9ca3af;
    padding: 0;
}

.action-icon-btn:hover[b-unjy348b06] {
    background: #f3f4f8;
}

.action-icon-btn.edit:hover[b-unjy348b06] {
    color: #6366f1;
    background: #eef0ff;
}

.action-icon-btn.delete:hover[b-unjy348b06] {
    color: #ef4444;
    background: #fef2f2;
}

/* ─── Empty State ─── */
.exceptions-empty[b-unjy348b06] {
    background: #ffffff !important;
    border: 1px dashed #dce0eb;
    border-radius: 16px;
    padding: 48px 24px !important;
    text-align: center;
}

.exceptions-empty-inner[b-unjy348b06] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.exceptions-empty-icon[b-unjy348b06] {
    font-size: 2.5rem;
    margin-bottom: 8px;
    opacity: 0.5;
}

.exceptions-empty-text[b-unjy348b06] {
    color: #6b7280 !important;
    font-weight: 500 !important;
}

.exceptions-empty-hint[b-unjy348b06] {
    color: #9ca3af !important;
    font-size: 0.85rem !important;
}

/* ─── Overlap Warning ─── */
.overlap-warning[b-unjy348b06] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 10px;
    padding: 10px 16px;
    margin-top: 12px;
    font-size: 0.82rem;
    color: #92400e;
    font-weight: 500;
}

/* ─── Responsive ─── */
@media (max-width: 1024px) {
    .page-root[b-unjy348b06] {
        padding: 16px 16px 32px;
    }

    .time-pickers-row[b-unjy348b06] {
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 4px;
    }

    .time-picker-unit[b-unjy348b06] {
        width: 76px;
    }

    .day-row[b-unjy348b06] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        padding: 14px 18px;
    }

    .day-row-left[b-unjy348b06] {
        min-width: unset;
    }

    .day-row-right[b-unjy348b06] {
        margin-left: 54px;
        justify-content: flex-start;
    }

    .add-exception-main-row[b-unjy348b06] {
        flex-direction: column;
        align-items: stretch;
    }

    .date-field[b-unjy348b06],
    .reason-field[b-unjy348b06],
    .toggle-field[b-unjy348b06],
    .action-field[b-unjy348b06] {
        width: 100%;
        min-width: unset;
    }

    .exception-card-body[b-unjy348b06] {
        flex-wrap: wrap;
    }

    .exception-card-actions[b-unjy348b06] {
        padding-left: 0;
        width: 100%;
        justify-content: flex-end;
    }

    .add-exception-time-row[b-unjy348b06] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .add-exception-time-row.visible[b-unjy348b06] {
        max-height: 160px;
    }

    .time-field[b-unjy348b06] {
        width: 100%;
    }

    .time-field-sep[b-unjy348b06] {
        display: none;
    }
}

@media (max-width: 640px) {
    .page-header[b-unjy348b06] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .schedule-header[b-unjy348b06] {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .time-pickers-row[b-unjy348b06] {
        gap: 2px;
    }

    .time-picker-unit[b-unjy348b06] {
        width: 64px;
    }

    [b-unjy348b06] .compact-time-picker .mud-input-text {
        font-size: 0.72rem;
        padding: 2px 4px !important;
    }

    .day-row-right[b-unjy348b06] {
        margin-left: 46px;
    }

    .add-exception-inner[b-unjy348b06] {
        padding: 16px;
    }

    .exceptions-section-header[b-unjy348b06] {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
}

/* ─── Animations ─── */
@keyframes fadeInUp-b-unjy348b06 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.day-row[b-unjy348b06] {
    animation: fadeInUp-b-unjy348b06 0.3s ease forwards;
}

.day-row:nth-child(1)[b-unjy348b06] { animation-delay: 0.02s; }
.day-row:nth-child(2)[b-unjy348b06] { animation-delay: 0.04s; }
.day-row:nth-child(3)[b-unjy348b06] { animation-delay: 0.06s; }
.day-row:nth-child(4)[b-unjy348b06] { animation-delay: 0.08s; }
.day-row:nth-child(5)[b-unjy348b06] { animation-delay: 0.10s; }
.day-row:nth-child(6)[b-unjy348b06] { animation-delay: 0.12s; }
.day-row:nth-child(7)[b-unjy348b06] { animation-delay: 0.14s; }

.exception-card[b-unjy348b06] {
    animation: fadeInUp-b-unjy348b06 0.3s ease forwards;
}

.exception-card:nth-child(1)[b-unjy348b06] { animation-delay: 0.03s; }
.exception-card:nth-child(2)[b-unjy348b06] { animation-delay: 0.06s; }
.exception-card:nth-child(3)[b-unjy348b06] { animation-delay: 0.09s; }
.exception-card:nth-child(4)[b-unjy348b06] { animation-delay: 0.12s; }
.exception-card:nth-child(5)[b-unjy348b06] { animation-delay: 0.15s; }

/* ─── Scrollbar Styling ─── */
.page-root [b-unjy348b06]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.page-root [b-unjy348b06]::-webkit-scrollbar-track {
    background: transparent;
}

.page-root [b-unjy348b06]::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 3px;
}

.page-root [b-unjy348b06]::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}
/* /Pages/Calendar/CalendarPage.razor.rz.scp.css */
/* === Features/Calendar/CalendarPage.razor.css === */
.appt-item--confirmed[b-3xpa55l3wa] {
    background: #0f766e22;
    border-left: 3px solid #0f766e;
    padding: 2px 6px;
    border-radius: 4px;
}

.appt-item--pending[b-3xpa55l3wa] {
    background: #f59e0b22;
    border-left: 3px solid #f59e0b;
    padding: 2px 6px;
    border-radius: 4px;
}
/* /Pages/Communication/CommunicationPage.razor.rz.scp.css */
/* ═══════════════ SƏHİFƏ BAŞLIĞI ═══════════════ */
.page-head[b-1k58096t9q] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 26px;
    flex-wrap: wrap; /* dar ekranda klinika seçicisi alt sətrə keçsin */
}

.page-head-icon[b-1k58096t9q] {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), .12);
}

    .page-head-icon[b-1k58096t9q]  svg {
        width: 24px;
        height: 24px;
    }

.page-title[b-1k58096t9q] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 800;
    letter-spacing: -.01em;
    color: var(--mud-palette-text-primary);
}

.page-sub[b-1k58096t9q] {
    margin: 2px 0 0;
    font-size: .84rem;
    color: var(--mud-palette-text-secondary);
}

/* ═══════════════ KLİNİKA (TENANT) SEÇİCİSİ ═══════════════
   Yalnız SUPERADMIN görür. Kart dizaynı ilə eyni kalıb:
   1px xətt, 16px radius, surface fon — səhifədə yad element kimi durmasın. */
/* Başlıq sətrinin SAĞ tərəfinə yapışır (margin-left: auto).
   Əvvəl ayrıca sətir idi və mənfi yuxarı marja ilə yuxarı dartılırdı —
   başlığın içinə keçdikdən sonra o marjalara ehtiyac qalmadı. */
.tenant-filter[b-1k58096t9q] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin: 0 0 0 auto;
    padding: 10px 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: var(--mud-palette-surface);
}

/* Dar ekranda sağa yapışdırmaq mənasızdır — tam enə yayılsın. */
@media (max-width: 900px) {
    .tenant-filter[b-1k58096t9q] {
        margin: 4px 0 0;
        width: 100%;
    }
}

.tenant-filter-icon[b-1k58096t9q] {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), .12);
}

    .tenant-filter-icon[b-1k58096t9q]  svg {
        width: 20px;
        height: 20px;
    }

.tenant-filter-body[b-1k58096t9q] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 260px;
}

.tenant-filter-label[b-1k58096t9q] {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}

.tenant-filter[b-1k58096t9q]  .tenant-filter-select {
    min-width: 260px;
}

.tenant-own-badge[b-1k58096t9q],
.tenant-inactive-badge[b-1k58096t9q] {
    padding: 1px 8px;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
}

.tenant-own-badge[b-1k58096t9q] {
    color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), .13);
}

.tenant-inactive-badge[b-1k58096t9q] {
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-action-default-hover);
}

/* Başqa klinikanın mətnini redaktə etmək təhlükəli qədər asandır —
   xəbərdarlıq daimi görünür, bir dəfə göstərilib itən bildiriş deyil. */
.tenant-foreign-warn[b-1k58096t9q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 600;
    color: #b45309;
    background: rgba(245, 158, 11, .14);
}

    .tenant-foreign-warn[b-1k58096t9q]  svg {
        width: 16px;
        height: 16px;
    }

/* ═══════════════ TABLAR ═══════════════ */
.comm-page[b-1k58096t9q]  .comm-tabs .mud-tabs-tabbar {
    background: transparent;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.comm-page[b-1k58096t9q]  .comm-tabs .mud-tab {
    text-transform: none;
    min-height: 48px;
    padding: 6px 16px;
    border-radius: 12px 12px 0 0;
}

    .comm-page[b-1k58096t9q]  .comm-tabs .mud-tab:hover {
        background: var(--mud-palette-action-default-hover);
    }

.tab-head[b-1k58096t9q] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tab-label[b-1k58096t9q] {
    font-size: .875rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.comm-page[b-1k58096t9q]  .mud-tab.mud-tab-active .tab-label {
    color: var(--mud-palette-primary);
}

.tab-count[b-1k58096t9q] {
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    font-size: 11px;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-action-default-hover);
}

.comm-page[b-1k58096t9q]  .mud-tab.mud-tab-active .tab-count {
    color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), .13);
}

.group-note[b-1k58096t9q] {
    margin: 0 0 18px;
    padding-left: 12px;
    border-left: 3px solid rgba(var(--mud-palette-primary-rgb), .4);
    font-size: .8rem;
    color: var(--mud-palette-text-secondary);
}

    .group-note strong[b-1k58096t9q] {
        color: var(--mud-palette-text-primary);
        font-weight: 600;
    }

/* ═══════════════ KART GRID ═══════════════ */
.cards-grid[b-1k58096t9q] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 14px;
}

.scenario-card[b-1k58096t9q] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 18px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: var(--mud-palette-surface);
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

    .scenario-card:hover[b-1k58096t9q] {
        transform: translateY(-3px);
        border-color: rgba(var(--mud-palette-primary-rgb), .55);
        box-shadow: 0 12px 24px -10px rgba(15, 23, 42, .18);
    }

    .scenario-card:focus-visible[b-1k58096t9q] {
        outline: 2px solid var(--mud-palette-primary);
        outline-offset: 2px;
    }

.card-top[b-1k58096t9q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 12px;
}

.card-icon[b-1k58096t9q] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), .1);
}

    .card-icon[b-1k58096t9q]  svg {
        width: 20px;
        height: 20px;
    }

.comm-page[b-1k58096t9q]  .card-edit {
    opacity: .65;
    transition: opacity .15s ease, background-color .15s ease, color .15s ease;
}

.scenario-card:hover[b-1k58096t9q]  .card-edit,
.scenario-card:focus-visible[b-1k58096t9q]  .card-edit {
    opacity: 1;
    background: rgba(var(--mud-palette-primary-rgb), .12);
    color: var(--mud-palette-primary);
}

.card-title[b-1k58096t9q] {
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--mud-palette-text-primary);
    margin-bottom: 6px;
}

.card-desc[b-1k58096t9q] {
    font-size: .8rem;
    line-height: 1.5;
    color: var(--mud-palette-text-secondary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 14px;
}

.card-foot[b-1k58096t9q] {
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid var(--mud-palette-lines-default);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.chan-pill[b-1k58096t9q] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
    color: var(--brand, var(--mud-palette-primary));
    background: var(--brand-soft, rgba(var(--mud-palette-primary-rgb), .1));
}

    .chan-pill[b-1k58096t9q]  svg {
        width: 12px;
        height: 12px;
    }

.key-code[b-1k58096t9q] {
    font-family: Consolas, "Cascadia Mono", monospace;
    font-size: 10px;
    color: var(--mud-palette-text-disabled);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* ═══════════════ BOŞ VƏZİYYƏT ═══════════════ */
.empty-state[b-1k58096t9q] {
    text-align: center;
    padding: 64px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: var(--mud-palette-text-secondary);
}

    .empty-state[b-1k58096t9q]  svg {
        width: 46px;
        height: 46px;
        color: var(--mud-palette-text-disabled);
    }

.empty-title[b-1k58096t9q] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.empty-state p[b-1k58096t9q] {
    margin: 0 0 8px;
    font-size: .85rem;
}

/* ═══════════════ DİALOQLAR ═══════════════ */
.dlg-head[b-1k58096t9q] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-right: 40px; /* MudDialog-un X düyməsi ilə üst-üstə düşməsin */
}

.dlg-head-icon[b-1k58096t9q] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 12px;
    display: grid;
    place-items: center;
}

.dlg-head-text[b-1k58096t9q] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.dlg-title[b-1k58096t9q] {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--mud-palette-text-primary);
}

.dlg-sub[b-1k58096t9q] {
    font-size: .74rem;
    color: var(--mud-palette-text-secondary);
}

    .dlg-sub code[b-1k58096t9q] {
        font-family: Consolas, "Cascadia Mono", monospace;
        font-size: .72rem;
        padding: 1px 6px;
        border-radius: 6px;
        background: var(--mud-palette-background-gray);
    }

.custom-badge[b-1k58096t9q] {
    margin-left: auto;
    flex-shrink: 0;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    color: #b45309;
    background: rgba(245, 158, 11, .14);
    border: 1px solid rgba(245, 158, 11, .35);
}

.comm-dialog[b-1k58096t9q] {
    padding-top: 8px;
}

.dlg-actions[b-1k58096t9q] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
    padding: 4px 16px 10px;
}

.err-list[b-1k58096t9q] {
    margin: 0;
    padding-left: 18px;
}

/* ═══════════════ ŞABLON MƏTNİ + TOKENLƏR ═══════════════ */
.field-label[b-1k58096t9q] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}

.field-hint[b-1k58096t9q] {
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    color: var(--mud-palette-text-disabled);
}

.template-source[b-1k58096t9q] {
    min-height: 60px;
    max-height: 260px;
    overflow-y: auto;
    padding: 12px 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-background-gray);
    font-size: .85rem;
    line-height: 1.6;
    color: var(--mud-palette-text-primary);
    white-space: pre-wrap;
    word-break: break-word;
    scrollbar-width: thin;
}

    .template-source[b-1k58096t9q]::-webkit-scrollbar {
        width: 6px;
    }

    .template-source[b-1k58096t9q]::-webkit-scrollbar-thumb {
        background: rgba(var(--mud-palette-primary-rgb), .3);
        border-radius: 6px;
    }

.tok-inline[b-1k58096t9q] {
    padding: 1px 6px;
    border-radius: 6px;
    font-family: Consolas, "Cascadia Mono", monospace;
    font-size: .78em;
    font-weight: 600;
}

.tok-inline-req[b-1k58096t9q] {
    color: var(--mud-palette-error);
    background: rgba(var(--mud-palette-error-rgb), .1);
}

.tok-inline-opt[b-1k58096t9q] {
    color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), .1);
}

.token-box[b-1k58096t9q] {
    margin-top: 16px;
    padding: 14px;
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-background-gray);
}

.token-row[b-1k58096t9q] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tok[b-1k58096t9q] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 8px;
    border: 1px solid transparent;
    font-family: Consolas, "Cascadia Mono", monospace;
    font-size: .74rem;
    font-weight: 600;
    line-height: 1.5;
}

.tok-req[b-1k58096t9q] {
    color: var(--mud-palette-error);
    border-color: rgba(var(--mud-palette-error-rgb), .35);
    background: rgba(var(--mud-palette-error-rgb), .08);
}

.tok-opt[b-1k58096t9q] {
    color: var(--mud-palette-primary);
    border-color: rgba(var(--mud-palette-primary-rgb), .35);
    background: rgba(var(--mud-palette-primary-rgb), .07);
}

.tok-ok[b-1k58096t9q] {
    color: var(--mud-palette-success);
    border-color: rgba(var(--mud-palette-success-rgb), .4);
    background: rgba(var(--mud-palette-success-rgb), .1);
}

.tok-btn[b-1k58096t9q] {
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease;
}

    .tok-btn:hover[b-1k58096t9q] {
        transform: translateY(-1px);
        box-shadow: 0 3px 8px rgba(15, 23, 42, .12);
    }

    .tok-btn:focus-visible[b-1k58096t9q] {
        outline: 2px solid var(--mud-palette-primary);
        outline-offset: 2px;
    }

    .tok-btn[b-1k58096t9q]  svg {
        width: 13px;
        height: 13px;
    }

/* ═══════════════ TELEFON SÜTUNU ═══════════════ */
.phone-col[b-1k58096t9q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.phone-sticky[b-1k58096t9q] {
    position: sticky;
    top: 8px;
}

.phone-note[b-1k58096t9q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    background: var(--mud-palette-background-gray);
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
}

/* Telefonun ÜSTÜNDƏ duran variant — .phone-col sütununda
   izahla telefon arasında məsafə lazımdır. */
.phone-note-top[b-1k58096t9q] {
    margin-bottom: 12px;
}

    .phone-note[b-1k58096t9q]  svg {
        width: 14px;
        height: 14px;
    }
/* /Pages/Inventory/NewPurchasePage.razor.rz.scp.css */
/* === Pages/Inventory/NewPurchasePage.razor.css === */
.purchase-table[b-a3qccv59lz] {
    width: 100%;
    border-collapse: collapse;
}

    .purchase-table th[b-a3qccv59lz] {
        text-align: left;
        font-size: 12px;
        color: var(--mud-palette-text-secondary);
        padding: 8px;
        border-bottom: 2px solid var(--mud-palette-lines-default);
    }

    .purchase-table td[b-a3qccv59lz] {
        padding: 6px 8px;
        border-bottom: 1px solid var(--mud-palette-lines-default);
        vertical-align: middle;
    }

    .purchase-table .text-right[b-a3qccv59lz] {
        text-align: right;
    }
/* /Pages/Settings/Settings.razor.rz.scp.css */
/* Kartların birbaşa kliklənə bilməsi və hover effekti */
.settings-card[b-abnywi6stq] {
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 2px solid transparent;
    position: relative;
    height: 125px; /* DİQQƏT: Bütün kartların hündürlüyünü millimetrinə qədər bərabərləşdirir */
    display: flex;
    align-items: center;
}

    .settings-card:hover[b-abnywi6stq] {
        transform: translateY(-5px);
        box-shadow: 0 12px 24px rgba(0,0,0,0.08) !important;
        border-color: var(--mud-palette-primary);
    }

/* Sağ üstdəki kiçik İnfo (i) ikonu */
.info-btn[b-abnywi6stq] {
    position: absolute !important;
    top: 8px;
    right: 8px;
    opacity: 0.3;
    transition: opacity 0.2s;
}

.settings-card:hover .info-btn[b-abnywi6stq] {
    opacity: 1;
}

/* Uzun mətnlər avatarı əzməsin deyə qoruyucu */
.avatar-wrapper[b-abnywi6stq] {
    flex-shrink: 0;
}
/* /Pages/Settings/SystemSettings/SystemSettings.razor.rz.scp.css */
/* Rəng Picker */
.color-preview-wrapper[b-1rnkatg8wb] {
    padding: 8px 0;
    display: flex;
    flex-direction: column;
}

.color-preview-label[b-1rnkatg8wb] {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.color-picker-input[b-1rnkatg8wb] {
    width: 44px;
    height: 44px;
    border: 2px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    cursor: pointer;
    padding: 2px;
    background: transparent;
    transition: border-color 0.2s ease;
}

    .color-picker-input:hover[b-1rnkatg8wb],
    .color-picker-input:focus[b-1rnkatg8wb] {
        border-color: var(--mud-palette-primary);
        outline: none;
    }

    .color-picker-input[b-1rnkatg8wb]::-webkit-color-swatch-wrapper {
        padding: 0;
    }

    .color-picker-input[b-1rnkatg8wb]::-webkit-color-swatch {
        border: none;
        border-radius: 4px;
    }

    .color-picker-input[b-1rnkatg8wb]::-moz-color-swatch {
        border: none;
        border-radius: 4px;
    }

/* Dil seçimi */
.language-select[b-1rnkatg8wb] {
    max-width: 320px;
}

/* Responsivlik üçün flex düzəlişi */
@media (max-width: 600px) {
    .language-select[b-1rnkatg8wb] {
        max-width: 100%;
    }
}