/* /Layout/MainLayout.razor.rz.scp.css */
/* ===== WASM 布局对齐 Server 风格 ===== */
.enterprise-layout[b-j6aekrw0aq] {
    --enterprise-primary: #1a365d;
    --enterprise-primary-light: #2d5282;
    --enterprise-gray-50: #f7fafc;
    --enterprise-gray-100: #edf2f7;
    --enterprise-gray-200: #e2e8f0;
    --enterprise-gray-500: #718096;
    --enterprise-gray-800: #1a202c;
    --enterprise-border-color: var(--enterprise-gray-200);
    --enterprise-border-radius: 8px;
    --enterprise-border-radius-sm: 4px;
    min-height: 100vh;
    height: 100vh;
    overflow: hidden;
}

html[b-j6aekrw0aq],
body[b-j6aekrw0aq],
#app[b-j6aekrw0aq] {
    height: 100%;
    overflow: hidden;
}

.enterprise-header-logo[b-j6aekrw0aq],
.enterprise-sidebar-logo[b-j6aekrw0aq],
.enterprise-footer-logo[b-j6aekrw0aq] {
    width: 40px;
    height: 40px;
    border-radius: var(--enterprise-border-radius);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    font-size: 1.1rem;
}

.enterprise-header-logo-mobile[b-j6aekrw0aq] {
    width: 32px;
    height: 32px;
}

.enterprise-layout-title[b-j6aekrw0aq] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.025em;
}

.enterprise-user-display[b-j6aekrw0aq],
.enterprise-header-link[b-j6aekrw0aq] {
    white-space: nowrap;
}

.enterprise-sidebar-viewport[b-j6aekrw0aq] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 260px;
    min-height: 0;
    overflow-y: scroll !important;
    overflow-x: visible !important;
    scrollbar-gutter: stable;
    z-index: 30;
}

.enterprise-sidebar[b-j6aekrw0aq] {
    background: #fff;
    border-right: 1px solid var(--enterprise-border-color);
    min-height: 100%;
    height: auto;
    max-height: none;
    min-height: 0;
    display: block;
    overflow: visible;
    overflow-x: visible;
}

.enterprise-sidebar-header[b-j6aekrw0aq] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 1.5rem;
    border-bottom: 1px solid var(--enterprise-border-color);
    background: var(--enterprise-gray-50);
}

.enterprise-sidebar-logo[b-j6aekrw0aq] {
    background: var(--enterprise-primary);
}

.enterprise-sidebar-title[b-j6aekrw0aq] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--enterprise-primary);
}

.enterprise-sidebar-content[b-j6aekrw0aq] {
    min-height: 0;
    height: auto;
    overflow-y: visible !important;
    overflow-x: hidden;
    padding-bottom: 4rem;
}

.enterprise-main-scroll[b-j6aekrw0aq] {
    height: calc(100vh - 50px);
    max-height: calc(100vh - 50px);
    min-height: 0;
    overflow-y: scroll !important;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

.enterprise-sidebar-empty[b-j6aekrw0aq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem;
    padding: 0.875rem 1rem;
    border: 1px dashed var(--enterprise-border-color);
    border-radius: var(--enterprise-border-radius);
    color: var(--enterprise-gray-500);
    font-size: 0.875rem;
    background: var(--enterprise-gray-50);
}

.enterprise-footer[b-j6aekrw0aq] {
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--enterprise-border-color);
    background: var(--enterprise-gray-50);
    font-size: 0.8rem;
}

.enterprise-footer-logo[b-j6aekrw0aq] {
    width: 20px;
    height: 20px;
    font-size: 0.75rem;
    background: var(--enterprise-primary);
}

[b-j6aekrw0aq] .wasm-sidebar-menu {
    display: block;
    min-height: 0;
    height: auto !important;
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
    padding: 0.5rem 0.5rem 4rem;
}

[b-j6aekrw0aq] .layout,
[b-j6aekrw0aq] .bb-layout,
[b-j6aekrw0aq] .bb-layout-body,
[b-j6aekrw0aq] .bb-layout-side,
[b-j6aekrw0aq] .bb-layout-main,
[b-j6aekrw0aq] .layout-side,
[b-j6aekrw0aq] .layout-main,
[b-j6aekrw0aq] .bb-main,
[b-j6aekrw0aq] main {
    min-height: 0;
}

[b-j6aekrw0aq] .layout,
[b-j6aekrw0aq] .bb-layout {
    height: 100vh;
    overflow: hidden;
}

[b-j6aekrw0aq] .layout-main,
[b-j6aekrw0aq] .bb-layout-main {
    height: 100%;
    min-height: 0;
    overflow: hidden !important;
}

[b-j6aekrw0aq] .bb-layout-side,
[b-j6aekrw0aq] .layout-side {
    position: relative;
    height: 100%;
    min-height: 0;
    overflow: visible !important;
    z-index: 30;
}

[b-j6aekrw0aq] .bb-layout-body {
    height: calc(100vh - 50px) !important;
    max-height: calc(100vh - 50px) !important;
    min-height: 0;
    overflow-y: hidden !important;
    overflow-x: visible !important;
}

[b-j6aekrw0aq] .bb-layout-main,
[b-j6aekrw0aq] .layout-main,
[b-j6aekrw0aq] .bb-main {
    position: relative;
    z-index: 1;
}

[b-j6aekrw0aq] .menu .nav .sub-menu,
[b-j6aekrw0aq] .menu .nav .dropdown-menu,
[b-j6aekrw0aq] .menu .submenu {
    z-index: 1050 !important;
}

[b-j6aekrw0aq] .bb-layout-main > .layout-main,
[b-j6aekrw0aq] .bb-layout-main > .main,
[b-j6aekrw0aq] .bb-layout-main > div,
[b-j6aekrw0aq] .bb-main > div {
    min-height: 0;
    height: 100%;
}

[b-j6aekrw0aq] .wasm-sidebar-menu::-webkit-scrollbar,
.enterprise-sidebar-viewport[b-j6aekrw0aq]::-webkit-scrollbar,
.enterprise-sidebar-content[b-j6aekrw0aq]::-webkit-scrollbar,
 .enterprise-main-scroll[b-j6aekrw0aq]::-webkit-scrollbar,
[b-j6aekrw0aq] .bb-layout-main::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[b-j6aekrw0aq] .wasm-sidebar-menu::-webkit-scrollbar-thumb,
.enterprise-sidebar-viewport[b-j6aekrw0aq]::-webkit-scrollbar-thumb,
.enterprise-sidebar-content[b-j6aekrw0aq]::-webkit-scrollbar-thumb,
 .enterprise-main-scroll[b-j6aekrw0aq]::-webkit-scrollbar-thumb,
[b-j6aekrw0aq] .bb-layout-main::-webkit-scrollbar-thumb {
    background: rgba(113, 128, 150, 0.45);
    border-radius: 999px;
}

[b-j6aekrw0aq] .wasm-sidebar-menu::-webkit-scrollbar-track,
.enterprise-sidebar-viewport[b-j6aekrw0aq]::-webkit-scrollbar-track,
.enterprise-sidebar-content[b-j6aekrw0aq]::-webkit-scrollbar-track,
 .enterprise-main-scroll[b-j6aekrw0aq]::-webkit-scrollbar-track,
[b-j6aekrw0aq] .bb-layout-main::-webkit-scrollbar-track {
    background: transparent;
}

[b-j6aekrw0aq] .wasm-menu-list,
[b-j6aekrw0aq] .wasm-menu-children {
    margin: 0;
    padding: 0;
    list-style: none;
}

[b-j6aekrw0aq] .wasm-menu-node {
    display: block;
}

[b-j6aekrw0aq] .wasm-menu-node.level-0 {
    margin-bottom: 0.25rem;
}

[b-j6aekrw0aq] .wasm-menu-link {
    display: block;
    color: var(--enterprise-gray-800);
    text-decoration: none;
}

[b-j6aekrw0aq] .wasm-menu-link:hover {
    color: var(--enterprise-primary);
    text-decoration: none;
}

[b-j6aekrw0aq] .wasm-menu-link-inner,
[b-j6aekrw0aq] .wasm-menu-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 2.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 0.95rem;
    text-align: left;
    text-decoration: none;
    box-sizing: border-box;
    border-radius: var(--enterprise-border-radius-sm);
}

[b-j6aekrw0aq] .wasm-menu-label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

[b-j6aekrw0aq] .wasm-menu-icon {
    width: 1rem;
    min-width: 1rem;
    text-align: center;
}

[b-j6aekrw0aq] .wasm-menu-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-j6aekrw0aq] .wasm-menu-arrow {
    width: 1rem;
    min-width: 1rem;
    text-align: center;
    font-size: 0.9rem;
}

[b-j6aekrw0aq] .wasm-menu-toggle {
    color: var(--enterprise-gray-800);
    cursor: pointer;
}

[b-j6aekrw0aq] .wasm-menu-toggle:hover {
    color: var(--enterprise-primary);
    background: var(--enterprise-gray-50);
}

[b-j6aekrw0aq] .wasm-menu-toggle.top-level,
[b-j6aekrw0aq] .wasm-menu-link.top-level .wasm-menu-link-inner {
    min-height: 2.75rem;
    font-weight: 600;
    color: var(--enterprise-primary);
    background: linear-gradient(180deg, #fafbfd 0%, var(--enterprise-gray-50) 100%);
    border: 1px solid rgba(226, 232, 240, 0.8);
}

[b-j6aekrw0aq] .wasm-menu-toggle.child-level,
[b-j6aekrw0aq] .wasm-menu-link.child-level .wasm-menu-link-inner {
    min-height: 2.5rem;
    font-weight: 500;
    color: var(--enterprise-gray-800);
    background: transparent;
}

[b-j6aekrw0aq] .wasm-menu-link.top-level,
[b-j6aekrw0aq] .wasm-menu-toggle.top-level,
[b-j6aekrw0aq] .wasm-menu-link.child-level,
[b-j6aekrw0aq] .wasm-menu-toggle.child-level {
    width: 100%;
    margin: 0;
}

[b-j6aekrw0aq] .wasm-menu-link.active .wasm-menu-link-inner {
    background: var(--enterprise-primary);
    color: #fff;
    border-radius: 0.5rem;
    margin: 0;
    padding-right: 1rem;
    border-color: var(--enterprise-primary);
}

[b-j6aekrw0aq] .wasm-menu-children {
    padding: 0.25rem 0 0.375rem;
}

[b-j6aekrw0aq] .wasm-menu-toggle.expanded {
    background: var(--enterprise-gray-50);
    color: var(--enterprise-primary);
}

[b-j6aekrw0aq] .wasm-menu-node.level-0 > .wasm-menu-children {
    padding-left: 0;
}

[b-j6aekrw0aq] .wasm-menu-node.level-1,
[b-j6aekrw0aq] .wasm-menu-node.level-2,
[b-j6aekrw0aq] .wasm-menu-node.level-3 {
    margin-top: 0.125rem;
}

/* ===== 顶栏链接按钮 ===== */
.btn-link.text-white:hover[b-j6aekrw0aq] {
    color: #ffd700 !important;
    text-decoration: none;
}
/* /Pages/BaseData/CarrierManagement.razor.rz.scp.css */
.carrier-page .card[b-3ccjdc1ajs] {
    border-radius: 12px;
}

.carrier-page .form-label[b-3ccjdc1ajs] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #374151;
}

.carrier-page .table th[b-3ccjdc1ajs] {
    white-space: nowrap;
    font-size: 0.82rem;
}

.carrier-page .table td[b-3ccjdc1ajs] {
    font-size: 0.82rem;
    vertical-align: middle;
}

.carrier-grid-container[b-3ccjdc1ajs] {
    position: relative;
    min-height: 240px;
}

.carrier-grid-loading-mask[b-3ccjdc1ajs] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.7);
}
/* /Pages/BaseData/CustomsDistrictManagement.razor.rz.scp.css */
.customs-district-page .card[b-uiipt9kug9] {
    border-radius: 0.75rem;
}

.customs-district-page .dxbl-grid[b-uiipt9kug9] {
    border-radius: 0 0 0.75rem 0.75rem;
}
/* /Pages/BaseData/GoodsManagement.razor.rz.scp.css */
.goods-page .card[b-gs7tt2zlld] {
    border-radius: 12px;
}

.goods-page .form-label[b-gs7tt2zlld] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #374151;
}

.goods-page .table th[b-gs7tt2zlld] {
    white-space: nowrap;
    font-size: 0.82rem;
}

.goods-page .table td[b-gs7tt2zlld] {
    font-size: 0.82rem;
    vertical-align: middle;
}

.goods-page .badge[b-gs7tt2zlld] {
    min-width: 48px;
}

.goods-page .fs-4[b-gs7tt2zlld] {
    line-height: 1.2;
}
/* /Pages/BaseData/HSCodeManagement.razor.rz.scp.css */
.hscode-page .card[b-o83z2fmivx] {
    border-radius: 12px;
}

.hscode-grid-container[b-o83z2fmivx] {
    position: relative;
    min-height: 240px;
}

.hscode-toolbar-row[b-o83z2fmivx] {
    padding-top: 0.25rem;
}

.hscode-grid-loading-mask[b-o83z2fmivx] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(1px);
    z-index: 2;
}

.hscode-page .form-label[b-o83z2fmivx] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #374151;
}

.hscode-page .table th[b-o83z2fmivx] {
    white-space: nowrap;
    font-size: 0.82rem;
}

.hscode-page .table td[b-o83z2fmivx] {
    font-size: 0.82rem;
    vertical-align: middle;
}

.hscode-detail-view[b-o83z2fmivx] {
    padding: 0.25rem;
}

.hscode-view-summary-card[b-o83z2fmivx] {
    border-radius: 10px;
}

.hscode-view-icon[b-o83z2fmivx] {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    background: #e0f2fe;
    color: #0369a1;
}

.hscode-page .section-title[b-o83z2fmivx] {
    font-size: 0.95rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.hscode-rate-list strong[b-o83z2fmivx] {
    color: #111827;
}

.hscode-help-badge[b-o83z2fmivx] {
    cursor: pointer;
    font-size: 0.65rem;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    border-radius: 9999px;
    background: #0ea5e9;
    color: #fff;
    margin-left: 0.25rem;
}

.hscode-preview-options label[b-o83z2fmivx] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    color: #374151;
}

.hscode-edit-tabs[b-o83z2fmivx] {
    margin-top: 0.25rem;
}

.preview-list-block[b-o83z2fmivx] {
    white-space: pre-line;
    min-height: 96px;
}

.hscode-page .dxbs-memo textarea[b-o83z2fmivx] {
    white-space: pre-line;
}
/* /Pages/BaseData/InspectionCodeManagement.razor.rz.scp.css */
.inspection-code-page .card[b-r5kcz12sg5] {
    border-radius: 0.75rem;
}

.inspection-code-page .dxbl-grid[b-r5kcz12sg5] {
    border-radius: 0 0 0.75rem 0.75rem;
}

.inspection-code-popup-body[b-r5kcz12sg5] {
    min-height: 1px;
    outline: none;
}

:global(.inspection-code-edit-popup .dxbl-popup-body)[b-r5kcz12sg5] {
    max-height: calc(90vh - 8rem);
    overflow-y: auto;
}
/* /Pages/BaseData/PortsInfoManagement.razor.rz.scp.css */
.ports-info-page .card[b-2xtj8a8gwc] {
    border-radius: 0.75rem;
}

.ports-info-page .dxbl-grid[b-2xtj8a8gwc] {
    border-radius: 0 0 0.75rem 0.75rem;
}
/* /Pages/BaseData/RegionManagement.razor.rz.scp.css */
.region-page .card[b-ukh45frjgv] {
    border-radius: 12px;
}

.region-page .form-label[b-ukh45frjgv] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #374151;
}

.region-page .table th[b-ukh45frjgv] {
    white-space: nowrap;
    font-size: 0.82rem;
}

.region-page .table td[b-ukh45frjgv] {
    font-size: 0.82rem;
    vertical-align: middle;
}
/* /Pages/BaseData/RouteKeysManagement.razor.rz.scp.css */
.route-keys-page .card[b-nn94akumnr] {
    border-radius: 0.75rem;
}

.route-keys-page .dxbl-grid[b-nn94akumnr] {
    border-radius: 0 0 0.75rem 0.75rem;
}
/* /Pages/BaseData/UnifiedPortsManagement.razor.rz.scp.css */
.unified-ports-page .card[b-js2sk6vsey] {
    border-radius: 12px;
}

.unified-ports-page .form-label[b-js2sk6vsey] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #374151;
}

.unified-ports-page .table th[b-js2sk6vsey] {
    white-space: nowrap;
    font-size: 0.82rem;
}

.unified-ports-page .table td[b-js2sk6vsey] {
    font-size: 0.82rem;
    vertical-align: middle;
}
/* /Pages/BaseData/VesselsInfoManagement.razor.rz.scp.css */
.vessels-info-page .card[b-qa1bf2d1uy] {
    border-radius: 0.75rem;
}

.vessels-info-page .dxbl-grid[b-qa1bf2d1uy] {
    border-radius: 0 0 0.75rem 0.75rem;
}
/* /Pages/BaseData/WasmCityManagementComponent.razor.rz.scp.css */
.wasm-region-side-card[b-56u7r9lyxu] {
    min-height: 100%;
}

.wasm-region-side-card[b-56u7r9lyxu]  .dxbl-select-editor,
.wasm-region-side-card[b-56u7r9lyxu]  .dxbl-text-edit {
    width: 100%;
}
/* /Pages/BaseData/WasmCountryManagementComponent.razor.rz.scp.css */
.wasm-country-grid-container[b-rs7akl7l2j] {
    position: relative;
    min-height: 240px;
}

.wasm-country-query-actions[b-rs7akl7l2j] {
    margin-top: -0.25rem;
}

.wasm-country-toolbar-row[b-rs7akl7l2j] {
    padding-top: 0.25rem;
}

.wasm-country-grid-loading-mask[b-rs7akl7l2j] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(1px);
    z-index: 2;
}
/* /Pages/BaseData/WasmProvinceManagementComponent.razor.rz.scp.css */
.wasm-region-side-card[b-e39qaz8o71] {
    min-height: 100%;
}

.wasm-region-selector-list[b-e39qaz8o71] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 560px;
    overflow-y: auto;
}

.wasm-region-selector-item[b-e39qaz8o71] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    width: 100%;
    padding: 0.65rem 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    color: #0f172a;
    text-align: left;
    transition: all 0.15s ease;
}

.wasm-region-selector-item:hover[b-e39qaz8o71] {
    background: #f8fafc;
    border-color: #93c5fd;
}

.wasm-region-selector-item.active[b-e39qaz8o71] {
    background: #eff6ff;
    border-color: #3b82f6;
    color: #1d4ed8;
}

.wasm-region-selector-item small[b-e39qaz8o71] {
    color: #64748b;
}
/* /Pages/Dashboard.razor.rz.scp.css */
/* Client 工作台样式：基于 Server 工作台精简迁移 */
.workbench-container[b-jpb0j1myg1] {
    padding: 0.75rem;
    background: transparent;
    min-height: 100vh;
}

.welcome-section[b-jpb0j1myg1] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    padding: 0.875rem 1.25rem;
    margin-bottom: 0.75rem;
    box-shadow: 0 4px 16px rgba(102, 126, 234, 0.25);
    position: relative;
    overflow: hidden;
}

.welcome-section[b-jpb0j1myg1]::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 200px;
    height: 200px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.welcome-content[b-jpb0j1myg1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
    gap: 1rem;
}

.welcome-left[b-jpb0j1myg1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.welcome-avatar[b-jpb0j1myg1] {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: #fff;
}

.welcome-text h1[b-jpb0j1myg1] {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.125rem 0;
}

.welcome-subtitle[b-jpb0j1myg1] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.7rem;
    margin: 0;
}

.welcome-right[b-jpb0j1myg1] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
}

.quick-actions-group[b-jpb0j1myg1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.375rem;
}

.quick-actions-group .btn[b-jpb0j1myg1] {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.7rem !important;
}

.last-update-time[b-jpb0j1myg1] {
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.65rem;
}

.dashboard-grid[b-jpb0j1myg1] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0.625rem;
}

.dashboard-card[b-jpb0j1myg1] {
    position: relative;
}

.dashboard-card.card-full-width[b-jpb0j1myg1] {
    grid-column: span 12;
}

.dashboard-card.card-large[b-jpb0j1myg1] {
    grid-column: span 8;
}

.dashboard-card.card-medium[b-jpb0j1myg1] {
    grid-column: span 6;
}

.dashboard-card.card-small[b-jpb0j1myg1] {
    grid-column: span 4;
}

.panel[b-jpb0j1myg1] {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.06);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.panel-header[b-jpb0j1myg1] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.panel-header h3[b-jpb0j1myg1] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: #1f2937;
}

.panel-subtitle[b-jpb0j1myg1] {
    color: #6b7280;
    font-size: 0.72rem;
}

.panel-body[b-jpb0j1myg1] {
    padding: 0.75rem;
    flex: 1;
}

.metrics-grid-compact[b-jpb0j1myg1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.625rem;
}

.metric-card-mini[b-jpb0j1myg1] {
    border-radius: 10px;
    padding: 0.75rem;
    color: #fff;
    min-height: 92px;
}

.metric-success[b-jpb0j1myg1] { background: linear-gradient(135deg, #10b981, #059669); }
.metric-info[b-jpb0j1myg1] { background: linear-gradient(135deg, #3b82f6, #2563eb); }
.metric-warning[b-jpb0j1myg1] { background: linear-gradient(135deg, #f59e0b, #d97706); }
.metric-secondary[b-jpb0j1myg1] { background: linear-gradient(135deg, #64748b, #475569); }

.metric-icon-mini[b-jpb0j1myg1] {
    font-size: 1.15rem;
    margin-bottom: 0.5rem;
}

.metric-value-mini[b-jpb0j1myg1] {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.2;
}

.metric-label-mini[b-jpb0j1myg1] {
    font-size: 0.75rem;
    opacity: 0.95;
}

.quick-nav-categories[b-jpb0j1myg1] {
    display: grid;
    gap: 0.75rem;
}

.nav-category[b-jpb0j1myg1] {
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    padding: 0.75rem;
}

.category-title[b-jpb0j1myg1] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.625rem;
}

.nav-items[b-jpb0j1myg1] {
    display: grid;
    gap: 0.5rem;
}

.nav-item[b-jpb0j1myg1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.nav-item:hover[b-jpb0j1myg1] {
    background: #f8fafc;
}

.nav-icon[b-jpb0j1myg1] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
}

.bg-gradient-success[b-jpb0j1myg1] { background: linear-gradient(135deg, #10b981, #059669); }
.bg-gradient-warning[b-jpb0j1myg1] { background: linear-gradient(135deg, #f59e0b, #d97706); }
.bg-gradient-info[b-jpb0j1myg1] { background: linear-gradient(135deg, #3b82f6, #2563eb); }
.bg-gradient-secondary[b-jpb0j1myg1] { background: linear-gradient(135deg, #64748b, #475569); }
.bg-gradient-danger[b-jpb0j1myg1] { background: linear-gradient(135deg, #ef4444, #dc2626); }
.bg-gradient-teal[b-jpb0j1myg1] { background: linear-gradient(135deg, #14b8a6, #0f766e); }
.bg-gradient-purple[b-jpb0j1myg1] { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }

.nav-text[b-jpb0j1myg1] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.nav-title[b-jpb0j1myg1] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #1f2937;
}

.nav-desc[b-jpb0j1myg1] {
    font-size: 0.72rem;
    color: #6b7280;
}

.activity-list-compact[b-jpb0j1myg1],
.notice-list[b-jpb0j1myg1],
.system-info-compact[b-jpb0j1myg1] {
    display: grid;
    gap: 0.625rem;
}

.activity-item-compact[b-jpb0j1myg1],
.notice-item[b-jpb0j1myg1] {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
}

.activity-dot[b-jpb0j1myg1] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top: 0.35rem;
    flex-shrink: 0;
}

.activity-success[b-jpb0j1myg1] { background: #10b981; }
.activity-info[b-jpb0j1myg1] { background: #3b82f6; }
.activity-warning[b-jpb0j1myg1] { background: #f59e0b; }

.activity-content[b-jpb0j1myg1],
.notice-content[b-jpb0j1myg1] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.activity-title[b-jpb0j1myg1],
.notice-title[b-jpb0j1myg1] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #1f2937;
}

.activity-time[b-jpb0j1myg1],
.notice-time[b-jpb0j1myg1],
.notice-desc[b-jpb0j1myg1] {
    font-size: 0.72rem;
    color: #6b7280;
}

.notice-item[b-jpb0j1myg1] {
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 8px;
}

.notice-item:hover[b-jpb0j1myg1] {
    background: #f8fafc;
}

.notice-icon[b-jpb0j1myg1] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
}

.notice-update[b-jpb0j1myg1] { background: #3b82f6; }
.notice-tip[b-jpb0j1myg1] { background: #f59e0b; }
.notice-system[b-jpb0j1myg1] { background: #64748b; }
.notice-warning[b-jpb0j1myg1] { background: #ef4444; }

.notice-unread-dot[b-jpb0j1myg1] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ef4444;
    margin-top: 0.45rem;
    flex-shrink: 0;
}

.status-indicator[b-jpb0j1myg1] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.72rem;
    color: #059669;
}

.status-dot[b-jpb0j1myg1] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #10b981;
}

.info-row[b-jpb0j1myg1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.78rem;
    color: #374151;
}

.info-row i[b-jpb0j1myg1] {
    width: 14px;
    color: #64748b;
}

.info-label[b-jpb0j1myg1] {
    color: #6b7280;
}

.info-value[b-jpb0j1myg1] {
    margin-left: auto;
    font-weight: 600;
    color: #111827;
}

@media (max-width: 1200px) {
    .dashboard-card.card-large[b-jpb0j1myg1] { grid-column: span 12; }
    .dashboard-card.card-medium[b-jpb0j1myg1] { grid-column: span 6; }
    .dashboard-card.card-small[b-jpb0j1myg1] { grid-column: span 6; }
    .metrics-grid-compact[b-jpb0j1myg1] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
    .welcome-content[b-jpb0j1myg1] {
        flex-direction: column;
        align-items: stretch;
    }

    .welcome-right[b-jpb0j1myg1] {
        align-items: stretch;
    }

    .quick-actions-group[b-jpb0j1myg1] {
        justify-content: flex-start;
    }

    .dashboard-card.card-large[b-jpb0j1myg1],
    .dashboard-card.card-medium[b-jpb0j1myg1],
    .dashboard-card.card-small[b-jpb0j1myg1] {
        grid-column: span 12;
    }

    .metrics-grid-compact[b-jpb0j1myg1] { grid-template-columns: 1fr; }
}
/* /Shared/ExportDialog.razor.rz.scp.css */
.client-export-dialog .export-columns-grid[b-w6pw15gdfc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.75rem;
}

.client-export-dialog .export-column-item[b-w6pw15gdfc] {
    padding: 0.5rem 0.75rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    background: #fff;
}
/* /Shared/FileImportWizard.razor.rz.scp.css */
.file-import-wizard .wizard-steps[b-kidis8zxre] {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.file-import-wizard .wizard-step[b-kidis8zxre] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #6b7280;
}

.file-import-wizard .wizard-step-circle[b-kidis8zxre] {
    width: 2rem;
    height: 2rem;
    border-radius: 9999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e5e7eb;
    color: #374151;
    font-weight: 600;
}

.file-import-wizard .wizard-step.active .wizard-step-circle[b-kidis8zxre],
.file-import-wizard .wizard-step.completed .wizard-step-circle[b-kidis8zxre] {
    background: #2563eb;
    color: #fff;
}

.file-import-wizard .wizard-step-title[b-kidis8zxre] {
    font-size: 0.95rem;
    font-weight: 500;
}

.file-import-wizard .mapping-item[b-kidis8zxre] {
    background: #fff;
}

.file-import-wizard .mapping-summary[b-kidis8zxre] {
    color: #6b7280;
}

.file-import-wizard .import-dropzone[b-kidis8zxre] {
    border: 2px dashed #cbd5e1;
    border-radius: 0.75rem;
    padding: 1rem;
    background: #f8fafc;
    transition: all 0.2s ease;
}

.file-import-wizard .import-dropzone.drag-over[b-kidis8zxre] {
    border-color: #2563eb;
    background: #eff6ff;
}

.file-import-wizard .import-dropzone-content[b-kidis8zxre] {
    text-align: center;
}
/* /Shared/HeaderNotifications.razor.rz.scp.css */
.header-notifications-menu[b-byte5lio2r] {
    width: 22rem;
    padding: 0;
    border: none;
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
    overflow: hidden;
}

.header-notifications-shell[b-byte5lio2r] {
    padding: 0.6rem 0;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.header-notifications-title-row[b-byte5lio2r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem 0.65rem;
}

.header-notifications-title[b-byte5lio2r] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1f2937;
}

.header-notifications-subtitle[b-byte5lio2r] {
    margin-top: 0.2rem;
    color: #64748b;
    font-size: 0.76rem;
    line-height: 1.5;
}

.header-notifications-accent[b-byte5lio2r] {
    width: 0.4rem;
    min-width: 0.4rem;
    height: 2.2rem;
    border-radius: 999px;
    background: linear-gradient(180deg, #2563eb 0%, #60a5fa 100%);
}

.header-notifications-meta[b-byte5lio2r] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0 1rem 0.85rem;
    color: #64748b;
    font-size: 0.78rem;
    border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}

.header-notification-item[b-byte5lio2r] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    padding: 0.85rem 1rem;
    color: #1f2937;
    margin: 0 0.5rem;
    border-radius: 14px;
}

.header-notification-item:hover[b-byte5lio2r] {
    background: rgba(241, 245, 249, 0.92);
}

.header-notification-item__icon[b-byte5lio2r] {
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 auto;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(26, 54, 93, 0.08);
    color: #1a365d;
}

.header-notification-item__body[b-byte5lio2r] {
    min-width: 0;
    flex: 1;
}

.header-notification-item__title[b-byte5lio2r] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #111827;
}

.header-notification-item__desc[b-byte5lio2r] {
    margin-top: 0.2rem;
    font-size: 0.78rem;
    line-height: 1.6;
    color: #64748b;
}

.header-notification-item__meta[b-byte5lio2r] {
    margin-top: 0.35rem;
    color: #94a3b8;
    font-size: 0.72rem;
    line-height: 1.5;
}

.header-notification-item__actions[b-byte5lio2r] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.65rem;
}

.header-notification-item__button[b-byte5lio2r] {
    border: none;
    border-radius: 10px;
    padding: 0.45rem 0.7rem;
    font-size: 0.76rem;
    font-weight: 600;
}

.header-notification-item__button--primary[b-byte5lio2r] {
    background: #1a365d;
    color: #fff;
}

.header-notification-item__button--ghost[b-byte5lio2r] {
    background: #eef2f7;
    color: #475569;
}

.header-notifications-empty[b-byte5lio2r] {
    padding: 1.1rem 1rem 1.25rem;
    text-align: center;
    color: #64748b;
    font-size: 0.82rem;
}

.header-notifications-status-pill[b-byte5lio2r] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
    font-weight: 600;
}

.header-notifications-status-pill.is-offline[b-byte5lio2r] {
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
}
/* /Shared/PageHeaderWithStats.razor.rz.scp.css */
/* 极致紧凑页面Header容器 */
.page-header-with-stats[b-q9l160kw8v] {
    background: #fff;
    border-bottom: 1px solid #e3e6f0;
    padding: 0.5rem 0;
    margin-bottom: 0.75rem;
}

.header-main-section[b-q9l160kw8v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.header-title-section[b-q9l160kw8v] {
    flex-shrink: 0;
}

.header-icon[b-q9l160kw8v] {
    font-size: 1.25rem;
    margin-right: 0.5rem;
    color: #4e73df;
}

.header-title[b-q9l160kw8v] {
    color: #2c3e50;
    font-weight: 600;
    font-size: 1rem;
    margin: 0;
}

.header-description[b-q9l160kw8v] {
    color: #6c757d;
    font-size: 0.75rem;
    margin-top: 0.15rem;
}

.header-right-section[b-q9l160kw8v] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    justify-content: flex-end;
}

.statistics-inline[b-q9l160kw8v] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.stat-card-inline[b-q9l160kw8v] {
    background: #f8f9fc;
    border: 1px solid #e3e6f0;
    border-radius: 4px;
    padding: 0.35rem 0.5rem;
    transition: all 0.2s ease;
    cursor: default;
    min-width: 100px;
}

.stat-card-inline:hover[b-q9l160kw8v] {
    background: #fff;
    border-color: #4e73df;
    box-shadow: 0 1px 3px rgba(78, 115, 223, 0.15);
}

.stat-card-inline.clickable[b-q9l160kw8v] {
    cursor: pointer;
}

.stat-card-inline.clickable:active[b-q9l160kw8v] {
    transform: translateY(1px);
}

.stat-card-inline.active[b-q9l160kw8v] {
    background: #4e73df;
    border-color: #4e73df;
    box-shadow: 0 2px 6px rgba(78, 115, 223, 0.3);
}

.stat-card-inline.active .stat-title-inline[b-q9l160kw8v],
.stat-card-inline.active .stat-value-inline[b-q9l160kw8v] {
    color: #fff !important;
}

.stat-card-inline.active .stat-icon-wrapper-inline[b-q9l160kw8v] {
    background: rgba(255, 255, 255, 0.2);
}

.stat-card-inline.active .stat-icon-wrapper-inline i[b-q9l160kw8v] {
    color: #fff !important;
}

.stat-card-inline-body[b-q9l160kw8v] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.stat-icon-wrapper-inline[b-q9l160kw8v] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(78, 115, 223, 0.1);
    border-radius: 4px;
}

.stat-icon-wrapper-inline i[b-q9l160kw8v] {
    font-size: 0.875rem;
}

.stat-content-inline[b-q9l160kw8v] {
    flex: 1;
    min-width: 0;
}

.stat-title-inline[b-q9l160kw8v] {
    color: #858796;
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.1rem;
    letter-spacing: 0.3px;
    white-space: nowrap;
    line-height: 1;
}

.stat-value-inline[b-q9l160kw8v] {
    color: #2c3e50;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1;
}

.header-actions[b-q9l160kw8v] {
    display: flex;
    gap: 0.4rem;
    flex-shrink: 0;
}

@media (max-width: 1200px) {
    .header-main-section[b-q9l160kw8v] {
        flex-wrap: wrap;
    }

    .statistics-inline[b-q9l160kw8v] {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .header-main-section[b-q9l160kw8v] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .header-icon[b-q9l160kw8v] {
        font-size: 1.1rem;
        margin-right: 0.4rem;
    }

    .header-title[b-q9l160kw8v] {
        font-size: 0.95rem;
    }

    .header-description[b-q9l160kw8v] {
        font-size: 0.7rem;
    }

    .header-right-section[b-q9l160kw8v] {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .statistics-inline[b-q9l160kw8v] {
        width: 100%;
        flex-wrap: wrap;
        gap: 0.4rem;
    }

    .stat-card-inline[b-q9l160kw8v] {
        flex: 1 1 calc(50% - 0.2rem);
        min-width: 130px;
        padding: 0.3rem 0.45rem;
    }

    .header-actions[b-q9l160kw8v] {
        width: 100%;
        gap: 0.3rem;
        flex-wrap: wrap;
    }
}

@media (max-width: 576px) {
    .stat-card-inline[b-q9l160kw8v] {
        flex: 1 1 100%;
    }
}
/* /Shared/PermissionActionBar.razor.rz.scp.css */
.permission-action-bar[b-lttw8l1fhf] {
    flex-wrap: wrap;
}

.permission-action-bar :deep(.dxbl-btn-group)[b-lttw8l1fhf] {
    flex-wrap: wrap;
}

.permission-action-bar :deep(.dxbl-btn-group .dxbl-btn)[b-lttw8l1fhf] {
    white-space: nowrap;
}
/* /Shared/PermissionRowActions.razor.rz.scp.css */
.permission-row-actions[b-6zqrqttyol],
.permission-row-actions-inline[b-6zqrqttyol] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.permission-row-actions :deep(.dxbl-btn-group)[b-6zqrqttyol],
.permission-row-actions-inline :deep(.dxbl-btn-group)[b-6zqrqttyol] {
    display: inline-flex;
}
/* /Shared/PwaStatusBanner.razor.rz.scp.css */
.pwa-offline-banner[b-ixyojpvour] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 1rem 1rem 0;
    padding: 0.875rem 1rem;
    border: 1px solid rgba(245, 158, 11, 0.32);
    border-radius: 14px;
    background: linear-gradient(90deg, rgba(255, 248, 235, 0.98) 0%, rgba(255, 251, 235, 0.98) 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.pwa-offline-banner__actions[b-ixyojpvour] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.pwa-offline-banner__content[b-ixyojpvour] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    min-width: 0;
}

.pwa-offline-banner__icon[b-ixyojpvour] {
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 auto;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(245, 158, 11, 0.16);
    color: #b45309;
    font-size: 1rem;
}

.pwa-offline-banner__text[b-ixyojpvour] {
    min-width: 0;
}

.pwa-offline-banner__title[b-ixyojpvour] {
    color: #92400e;
    font-size: 0.95rem;
    font-weight: 700;
}

.pwa-offline-banner__description[b-ixyojpvour] {
    margin-top: 0.125rem;
    color: #78350f;
    font-size: 0.825rem;
    line-height: 1.6;
}

.pwa-offline-banner__action[b-ixyojpvour] {
    border: none;
    border-radius: 10px;
    background: #1a365d;
    color: #fff;
    padding: 0.625rem 0.875rem;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
}

.pwa-offline-banner__secondary-action[b-ixyojpvour] {
    border: 1px solid rgba(26, 54, 93, 0.16);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.72);
    color: #1a365d;
    padding: 0.625rem 0.875rem;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
}

.pwa-offline-banner__close[b-ixyojpvour] {
    width: 2.25rem;
    height: 2.25rem;
    border: none;
    border-radius: 10px;
    background: rgba(146, 64, 14, 0.08);
    color: #92400e;
}

@media (max-width: 768px) {
    .pwa-offline-banner[b-ixyojpvour] {
        flex-direction: column;
        align-items: stretch;
    }

    .pwa-offline-banner__actions[b-ixyojpvour] {
        justify-content: stretch;
    }

    .pwa-offline-banner__action[b-ixyojpvour] {
        flex: 1 1 auto;
    }

    .pwa-offline-banner__secondary-action[b-ixyojpvour] {
        flex: 1 1 auto;
    }

    .pwa-offline-banner__close[b-ixyojpvour] {
        flex: 0 0 auto;
    }
}
/* /Shared/ServerPager.razor.rz.scp.css */
.server-pager[b-2d2nnz8qc8] {
    flex-wrap: nowrap;
}

.server-pager-summary[b-2d2nnz8qc8],
.server-pager-size[b-2d2nnz8qc8],
.server-pager-size span[b-2d2nnz8qc8] {
    white-space: nowrap;
}

.server-pager-controls[b-2d2nnz8qc8] {
    flex-wrap: nowrap;
    min-width: 0;
}

.server-pager-page-size-selector[b-2d2nnz8qc8] {
    width: 86px;
    min-width: 86px;
}

@media (max-width: 768px) {
    .server-pager[b-2d2nnz8qc8] {
        align-items: flex-start !important;
        flex-direction: column;
    }

    .server-pager-controls[b-2d2nnz8qc8] {
        width: 100%;
        justify-content: flex-end;
        overflow-x: auto;
    }
}
/* /Shared/UnifiedQueryPanel.razor.rz.scp.css */
.unified-query-panel[b-oifm6gkkaz] {
    margin-bottom: 0.75rem;
}

/* 弹窗遮罩 —— 放在组件根外，用 ::deep 无法作用，直接在全局 CSS 类名覆盖 */
.qb-modal-overlay[b-oifm6gkkaz] {
    background: rgba(0, 0, 0, 0.45);
    z-index: 1055;
}

.unified-query-panel .quick-search-area[b-oifm6gkkaz] {
    padding: 0.25rem 0;
}

.unified-query-panel .quick-search-content[b-oifm6gkkaz] {
    min-width: 0;
}

.unified-query-panel .quick-search-row[b-oifm6gkkaz] {
    margin: 0;
}

.unified-query-panel .quick-search-textbox[b-oifm6gkkaz] {
    width: 100%;
}

.unified-query-panel .unified-query-panel-header-row[b-oifm6gkkaz] {
    width: 100%;
}

.unified-query-panel .unified-query-panel-header-summary[b-oifm6gkkaz] {
    flex: 1 1 auto;
    min-width: 0;
}

.unified-query-panel .unified-query-panel-header-actions[b-oifm6gkkaz] {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
}

/* ── 单行工具栏 ── */
.unified-query-panel .qb-toolbar[b-oifm6gkkaz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.unified-query-panel .qb-select[b-oifm6gkkaz] {
    flex-shrink: 0;
    min-width: 0;
}

.unified-query-panel .qb-group-select[b-oifm6gkkaz]  { width: 96px; }
.unified-query-panel .qb-field-select[b-oifm6gkkaz]  { width: 140px; }
.unified-query-panel .qb-operator-select[b-oifm6gkkaz] { width: 110px; }

.unified-query-panel .qb-value-input[b-oifm6gkkaz] {
    flex: 1 1 120px;
    min-width: 80px;
    max-width: 220px;
}

.unified-query-panel .qb-toolbar-sep[b-oifm6gkkaz] {
    font-size: 0.65rem;
    opacity: 0.4;
}

.unified-query-panel .qb-toolbar-sep-v[b-oifm6gkkaz] {
    width: 1px;
    height: 24px;
    background: var(--bs-border-color, #dee2e6);
    flex-shrink: 0;
    align-self: center;
}

/* ── 条件列表 ── */
.unified-query-panel .advanced-condition-list[b-oifm6gkkaz] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

/* 每一行 WHERE/且/或 + tag */
.unified-query-panel .qb-condition-row[b-oifm6gkkaz] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: nowrap;
}

.unified-query-panel .qb-condition-where[b-oifm6gkkaz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    flex-shrink: 0;
    font-size: 0.7rem;
    font-weight: 600;
    color: #6c757d;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.unified-query-panel .qb-logic-select[b-oifm6gkkaz] {
    width: 58px;
    flex-shrink: 0;
    font-size: 0.75rem;
    padding: 0.2rem 0.3rem;
}

/* 条件 Tag 胶囊 */
.unified-query-panel .qb-tag[b-oifm6gkkaz] {
    display: inline-flex;
    align-items: center;
    gap: 0;
    border: 1px solid #c9d8f0;
    border-radius: 1rem;
    background: #eef4fd;
    overflow: hidden;
    font-size: 0.78rem;
    line-height: 1;
    flex-shrink: 0;
    max-width: 100%;
}

.unified-query-panel .qb-tag-field[b-oifm6gkkaz] {
    padding: 0.25rem 0.55rem;
    font-weight: 600;
    color: #1a56db;
    white-space: nowrap;
}

.unified-query-panel .qb-tag-op[b-oifm6gkkaz] {
    padding: 0.25rem 0.4rem;
    color: #6c757d;
    background: #dce8fa;
    white-space: nowrap;
    font-size: 0.72rem;
}

.unified-query-panel .qb-tag-val[b-oifm6gkkaz] {
    padding: 0.25rem 0.55rem;
    color: #212529;
    white-space: nowrap;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.unified-query-panel .qb-tag-remove[b-oifm6gkkaz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: #6c757d;
    padding: 0 0.45rem;
    cursor: pointer;
    font-size: 0.7rem;
    transition: color 0.15s;
    height: 100%;
    align-self: stretch;
}

.unified-query-panel .qb-tag-remove:hover[b-oifm6gkkaz] {
    color: #dc3545;
    background: #fdecea;
}

/* ── 条件分组 ── */
.unified-query-panel .advanced-condition-group[b-oifm6gkkaz] {
    border: 1px solid #c9d8f0;
    border-left: 3px solid #1a56db;
    border-radius: 0.5rem;
    background-color: #f6f9ff;
    padding: 0.6rem 0.75rem;
    margin-top: 0.25rem;
}

.unified-query-panel .advanced-condition-group-header[b-oifm6gkkaz] {
    margin-bottom: 0.4rem;
}

.unified-query-panel .advanced-condition-group-body[b-oifm6gkkaz] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.unified-query-panel .advanced-preview[b-oifm6gkkaz] {
    padding: 0.75rem;
    border: 1px dashed var(--bs-border-color, #dee2e6);
    border-radius: 0.5rem;
    background-color: #fafbfc;
}

.unified-query-panel .advanced-filter-input-row[b-oifm6gkkaz] {
    align-items: stretch;
}

.unified-query-panel .advanced-filter-actions[b-oifm6gkkaz] {
    border-top: 1px solid var(--bs-border-color, #dee2e6);
    padding-top: 0.75rem;
}

.unified-query-panel .quick-search-actions[b-oifm6gkkaz] {
    flex-shrink: 0;
    padding-bottom: 0.125rem;
}

.unified-query-panel .unified-query-panel-header-actions[b-oifm6gkkaz] {
    flex-shrink: 0;
}

.unified-query-panel .unified-query-toggle-button[b-oifm6gkkaz] {
    white-space: nowrap;
}

.unified-query-panel .card[b-oifm6gkkaz] {
    border: 1px solid var(--bs-border-color, #dee2e6);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.unified-query-panel .card-header[b-oifm6gkkaz] {
    background-color: #fff;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    padding: 0.5rem 0.75rem;
}

.unified-query-panel .card-body[b-oifm6gkkaz] {
    padding: 0.75rem;
}

.unified-query-panel .badge[b-oifm6gkkaz] {
    font-size: 0.65rem;
    font-weight: 500;
}

.unified-query-panel .quick-access-tags[b-oifm6gkkaz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.unified-query-panel .scheme-tag[b-oifm6gkkaz] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.75rem;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s ease;
}

.unified-query-panel button.scheme-tag[b-oifm6gkkaz] {
    appearance: none;
}

.unified-query-panel .scheme-tag:hover[b-oifm6gkkaz] {
    background: #dbeafe;
    border-color: #93c5fd;
}

.unified-query-panel .scheme-tag.active[b-oifm6gkkaz] {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
}

@media (max-width: 576px) {
    .unified-query-panel .quick-search-area[b-oifm6gkkaz] {
        flex-direction: column;
        align-items: stretch !important;
    }

    .unified-query-panel .qb-toolbar[b-oifm6gkkaz] {
        flex-wrap: wrap;
    }

    .unified-query-panel .qb-value-input[b-oifm6gkkaz] {
        max-width: 100%;
    }

    .unified-query-panel .unified-query-panel-header-actions[b-oifm6gkkaz] {
        width: 100%;
        margin-top: 0.5rem;
    }

    .unified-query-panel .unified-query-toggle-button[b-oifm6gkkaz] {
        width: 100%;
    }

    .unified-query-panel .quick-search-actions[b-oifm6gkkaz] {
        width: 100%;
        justify-content: flex-start;
    }
}