/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ══ Layout root ══ */
.wms-layout[b-5vu82e363y] {
    display: flex;
    height: 100vh;
    overflow: hidden;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ══ Страничен панел ══ */
.wms-sidebar[b-5vu82e363y] {
    width: 264px;
    min-width: 264px;
    height: 100vh;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-right: 1px solid rgba(2, 132, 199, 0.12);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 4px 0 32px rgba(2, 132, 199, 0.06);
    z-index: 100;
    scrollbar-width: thin;
    scrollbar-color: rgba(2, 132, 199, 0.20) transparent;
}

.wms-sidebar[b-5vu82e363y]::-webkit-scrollbar       { width: 4px; }
.wms-sidebar[b-5vu82e363y]::-webkit-scrollbar-track { background: transparent; }
.wms-sidebar[b-5vu82e363y]::-webkit-scrollbar-thumb { background: rgba(2, 132, 199, 0.20); border-radius: 4px; }

/* ── Лого ── */
.sidebar-logo[b-5vu82e363y] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 16px 16px;
    border-bottom: 1px solid rgba(2, 132, 199, 0.10);
    flex-shrink: 0;
}

.sidebar-logo-icon[b-5vu82e363y] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #334155, #475569);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 4px 12px rgba(51, 65, 85, 0.30);
    flex-shrink: 0;
}

.sidebar-logo-text[b-5vu82e363y] {
    font-size: 14px;
    font-weight: 700;
    color: #0F172A;
    line-height: 1.2;
}

.sidebar-logo-sub[b-5vu82e363y] {
    font-size: 11px;
    color: #94A3B8;
    font-weight: 400;
    margin-top: 1px;
}

/* ── Зони и секции ── */
.nav-zone[b-5vu82e363y] {
    margin: 3px 6px;
    border-radius: 10px;
    border-left: 3px solid transparent;
    padding: 2px 0;
}

.nav-section-label[b-5vu82e363y] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 10px 14px 4px;
    color: #94A3B8;
    user-select: none;
}

/* Зона: Дела & Процес */
.nav-zone-dela[b-5vu82e363y] { background: rgba(51, 65, 85, 0.04); border-left-color: rgba(51, 65, 85, 0.25); }
.nav-zone-dela .nav-section-label[b-5vu82e363y] { color: #334155; }

/* Зона: Ресурси */
.nav-zone-resursi[b-5vu82e363y] { background: rgba(5, 150, 105, 0.05); border-left-color: rgba(5, 150, 105, 0.30); }
.nav-zone-resursi .nav-section-label[b-5vu82e363y] { color: #047857; }

/* Зона: Церемониална дейност */
.nav-zone-ceremonii[b-5vu82e363y] { background: rgba(124, 58, 237, 0.05); border-left-color: rgba(124, 58, 237, 0.25); }
.nav-zone-ceremonii .nav-section-label[b-5vu82e363y] { color: #7C3AED; }

/* Зона: Документи */
.nav-zone-dokumenti[b-5vu82e363y] { background: rgba(217, 119, 6, 0.05); border-left-color: rgba(217, 119, 6, 0.25); }
.nav-zone-dokumenti .nav-section-label[b-5vu82e363y] { color: #B45309; }

/* Зона: Финанси */
.nav-zone-finansi[b-5vu82e363y] { background: rgba(37, 99, 235, 0.05); border-left-color: rgba(37, 99, 235, 0.30); }
.nav-zone-finansi .nav-section-label[b-5vu82e363y] { color: #2563EB; }

/* Зона: Интеграции */
.nav-zone-integracii[b-5vu82e363y] { background: rgba(3, 105, 161, 0.05); border-left-color: rgba(3, 105, 161, 0.25); }
.nav-zone-integracii .nav-section-label[b-5vu82e363y] { color: #0369A1; }

/* Зона: Система */
.nav-zone-system[b-5vu82e363y] { background: rgba(15, 23, 42, 0.04); border-left-color: rgba(15, 23, 42, 0.15); }
.nav-zone-system .nav-section-label[b-5vu82e363y] { color: #334155; }

/* ══ Основна зона ══ */
.wms-main[b-5vu82e363y] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
}

/* ── Горна лента ── */
.wms-topbar[b-5vu82e363y] {
    height: 56px;
    min-height: 56px;
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(2, 132, 199, 0.12);
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 24px;
    box-shadow: 0 2px 16px rgba(2, 132, 199, 0.05);
    z-index: 50;
    flex-shrink: 0;
    position: relative;
}

.topbar-left[b-5vu82e363y] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.topbar-center[b-5vu82e363y] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    white-space: nowrap;
}

.topbar-title[b-5vu82e363y] {
    font-size: 15px;
    font-weight: 600;
    color: #0F172A;
}

.topbar-right[b-5vu82e363y] {
    margin-left: auto;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

/* ── Глобален селектор на дело ── */
.global-case-selector[b-5vu82e363y] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 12px;
    border: 1.5px dashed #CBD5E1;
    border-radius: 10px;
    cursor: pointer;
    background: #F8FAFC;
    min-width: 190px;
    max-width: 300px;
    transition: border-color 0.15s, background 0.15s;
    user-select: none;
}
.global-case-selector:hover[b-5vu82e363y] {
    border-color: #334155;
    border-style: solid;
    background: #F1F5F9;
}
.global-case-selector.has-case[b-5vu82e363y] {
    border-style: solid;
    border-color: #C7D2FE;
    background: #EEF2FF;
}
.global-case-selector.has-case:hover[b-5vu82e363y] {
    border-color: #3730A3;
    background: #E0E7FF;
}

.gcs-info[b-5vu82e363y] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}
.gcs-label[b-5vu82e363y]       { font-size: 10px; color: #94A3B8; line-height: 1; }
.gcs-name[b-5vu82e363y]        { font-size: 13px; font-weight: 600; color: #0F172A; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gcs-placeholder[b-5vu82e363y] { font-size: 13px; color: #94A3B8; }

/* ── Съдържание на страницата ── */
.page-content[b-5vu82e363y] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
    background: transparent;
}

/* ── Акаунт падащо меню ── */
.account-dropdown[b-5vu82e363y] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    width: 234px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.15);
    border: 1px solid #E2E8F0;
    z-index: 1300;
    overflow: hidden;
    padding: 4px 0;
}

.account-menu-header[b-5vu82e363y] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px 10px;
}

.account-menu-name[b-5vu82e363y] {
    font-size: 13px;
    font-weight: 700;
    color: #0F172A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.account-menu-role[b-5vu82e363y] {
    font-size: 11px;
    color: #64748B;
    margin-top: 1px;
}

.account-menu-divider[b-5vu82e363y] {
    height: 1px;
    background: #E2E8F0;
    margin: 4px 0;
}

.account-menu-item[b-5vu82e363y] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 16px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 13px;
    color: #334155;
    font-family: inherit;
    text-align: left;
}

.account-menu-item:hover[b-5vu82e363y]        { background: #F1F5F9; }
.account-menu-item-danger[b-5vu82e363y]       { color: #DC2626; }
.account-menu-item-danger:hover[b-5vu82e363y] { background: #FEF2F2; }

/* ── Мобилна адаптация ── */
@media (max-width: 768px) {
    .wms-sidebar[b-5vu82e363y] {
        position: fixed;
        left: -264px;
        top: 0;
        z-index: 200;
    }
    .wms-sidebar.open[b-5vu82e363y] { left: 0; }
    .page-content[b-5vu82e363y] { padding: 16px; }
}
/* /Components/Shared/NavGroup.razor.rz.scp.css */
.nav-group[b-i6h3lfmeze] {
    margin-bottom: 1px;
}

.nav-group-header[b-i6h3lfmeze] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    margin: 2px 8px;
    border-radius: 10px;
    cursor: pointer;
    color: #475569;
    font-size: 13.5px;
    font-weight: 500;
    user-select: none;
    position: relative;
}

.nav-group-header:hover[b-i6h3lfmeze] {
    background: #DBEAFE;
    color: #2563EB;
}

.nav-group-header.child-active[b-i6h3lfmeze] {
    background: #DBEAFE;
    color: #1D4ED8;
    font-weight: 600;
}

.nav-group-header.child-active[b-i6h3lfmeze]::before {
    content: '';
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 60%;
    background: #0284C7;
    border-radius: 0 3px 3px 0;
}

.nav-group-label[b-i6h3lfmeze] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-group-items[b-i6h3lfmeze] {
    padding-left: 4px;
    padding-bottom: 2px;
}
/* /Components/Shared/NavItem.razor.rz.scp.css */
.nav-item[b-18w4duho1d] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    margin: 2px 8px;
    border-radius: 10px;
    text-decoration: none;
    color: #475569;
    font-size: 13.5px;
    font-weight: 500;
    cursor: pointer;
    position: relative;
}

.nav-item:hover[b-18w4duho1d] {
    background: #DBEAFE;
    color: #2563EB;
    text-decoration: none;
}

.nav-item.active[b-18w4duho1d] {
    background: #DBEAFE;
    color: #1D4ED8;
    font-weight: 600;
}

.nav-item.active[b-18w4duho1d]::before {
    content: '';
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 60%;
    background: #0284C7;
    border-radius: 0 3px 3px 0;
}

.nav-item.sub[b-18w4duho1d] {
    padding: 6px 16px 6px 44px;
    font-size: 12.5px;
    font-weight: 400;
}

[b-18w4duho1d] .nav-icon {
    font-size: 18px !important;
    flex-shrink: 0;
}