/* /Components/Common/DuplicateHandleStrategySelector.razor.rz.scp.css */
/* 重复数据处理配置样式 */
.duplicate-handle-config[b-9c3ecuyybe] {
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: #f8f9fa;
    border-radius: 0.25rem;
    border: 1px solid #dee2e6;
}

.duplicate-handle-config .config-label[b-9c3ecuyybe] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    font-weight: 600;
    color: #495057;
}

.duplicate-handle-config .config-label i[b-9c3ecuyybe] {
    color: #6c757d;
}

.duplicate-handle-config .strategy-description[b-9c3ecuyybe] {
    margin-top: 0.75rem;
}

.duplicate-handle-config .strategy-description .alert[b-9c3ecuyybe] {
    margin-bottom: 0;
    font-size: 0.875rem;
}

/* 选择器样式 */
.duplicate-handle-config .select[b-9c3ecuyybe] {
    width: 100%;
}
/* /Components/Common/EmployeePosRelations.razor.rz.scp.css */
.ep-relations-add[b-6qhl1j93fv] { 
    background: var(--bs-light); 
}

.ep-relations-table table td[b-6qhl1j93fv], 
.ep-relations-table table th[b-6qhl1j93fv] { 
    vertical-align: middle; 
}

.ep-relations-table .btn-group[b-6qhl1j93fv] { 
    gap: 0.25rem; 
}

/* 岗位关系编辑容器样式 */
.pos-relation-edit-container[b-6qhl1j93fv] {
    padding: 0.5rem 0;
}

.pos-relation-edit-container .card[b-6qhl1j93fv] {
    border: 1px solid #e9ecef;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: all 0.3s ease;
}

.pos-relation-edit-container .card:hover[b-6qhl1j93fv] {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

.pos-relation-edit-container .card-header[b-6qhl1j93fv] {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    padding: 0.75rem 1rem;
}

.pos-relation-edit-container .card-header h6[b-6qhl1j93fv] {
    font-size: 0.95rem;
    font-weight: 600;
}

.pos-relation-edit-container .card-body[b-6qhl1j93fv] {
    padding: 1.25rem;
}

/* 状态开关容器样式 */
.pos-relation-edit-container .bg-light[b-6qhl1j93fv] {
    background-color: #f8f9fa !important;
    transition: all 0.2s ease;
}

.pos-relation-edit-container .bg-light:hover[b-6qhl1j93fv] {
    background-color: #e9ecef !important;
}

.pos-relation-edit-container .form-label[b-6qhl1j93fv] {
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.5rem;
}

.pos-relation-edit-container small.text-muted[b-6qhl1j93fv] {
    font-size: 0.85rem;
    color: #6c757d;
    margin-top: 0.25rem;
}

/* 图标样式 */
.pos-relation-edit-container .card-header i[b-6qhl1j93fv] {
    font-size: 1.1rem;
}

/* 按钮间距 */
.pos-relation-edit-container .gap-2[b-6qhl1j93fv] {
    gap: 0.5rem !important;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .pos-relation-edit-container .card-body[b-6qhl1j93fv] {
        padding: 1rem;
    }
    
    .pos-relation-edit-container .bg-light[b-6qhl1j93fv] {
        padding: 0.75rem !important;
    }
}
/* /Components/Common/ExcelImportWizard.razor.rz.scp.css */
/* Excel��������ʽ */
:root[b-z8alidvm54] {
    --bs-modal-padding: 0.5rem;
}

.excel-import-wizard-modal .modal-dialog[b-z8alidvm54] {
    max-width: 95%;
    margin: 1rem auto;
}

.excel-import-wizard-modal .modal-content[b-z8alidvm54] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

/* ��ͷ�� */
.import-wizard-header[b-z8alidvm54] {
    border-radius: 8px;
    background: var(--gradient-info);
}

.wizard-icon[b-z8alidvm54] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
}

/* ����ָʾ�� */
.wizard-progress[b-z8alidvm54] {
    padding: 1rem 0;
}

.progress-steps[b-z8alidvm54] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.step-indicator[b-z8alidvm54] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    opacity: 0.4;
    transition: all 0.3s ease;
}

.step-indicator.active[b-z8alidvm54] {
    opacity: 1;
}

.step-circle[b-z8alidvm54] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    font-size: 1.1rem;
    transition: all 0.3s ease;
}

.step-indicator.active .step-circle[b-z8alidvm54] {
    background: var(--gradient-primary);
    color: white;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}

.step-label[b-z8alidvm54] {
    font-size: unset;
    font-weight: 500;
    color: #6c757d;
    text-align: center;
}

.step-indicator.active .step-label[b-z8alidvm54] {
    color: #495057;
    font-weight: unset;
}

.step-line[b-z8alidvm54] {
    width: 80px;
    height: 2px;
    background: #e9ecef;
    transition: all 0.3s ease;
}

.step-line.active[b-z8alidvm54] {
    background: var(--gradient-primary);
}

/* �ϴ����� */
.upload-area[b-z8alidvm54] {
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    padding: 3rem 2rem;
    text-align: center;
    transition: all 0.3s ease;
    background: #fafafa;
    cursor: pointer;
}

.upload-area:hover[b-z8alidvm54] {
    border-color: #007bff;
    background: #f8f9ff;
}

.upload-area.drag-over[b-z8alidvm54] {
    border-color: #007bff;
    background: #e3f2fd;
    transform: scale(1.02);
}

.upload-content[b-z8alidvm54] {
    pointer-events: none;
}

.upload-tips[b-z8alidvm54] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1.5rem;
    border: 1px solid #e9ecef;
}

/* ������ѡ�� */
.worksheet-card[b-z8alidvm54] {
    cursor: pointer;
    transition: all 0.3s ease;
}

.worksheet-card:hover .card[b-z8alidvm54] {
    border-color: #007bff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

.worksheet-card.selected .card[b-z8alidvm54] {
    border-color: #007bff;
    background: #f8f9ff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2);
}

/* ExcelԤ�� */
.excel-preview[b-z8alidvm54] {
    max-height: 300px;
    overflow: auto;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.excel-column-header[b-z8alidvm54] {
    background: #f8f9fa;
    font-size: 0.8rem;
    padding: 0.5rem;
    min-width: 100px;
}

.column-index[b-z8alidvm54] {
    background: #007bff;
    color: white;
    padding: 0.2rem 0.4rem;
    border-radius: 3px;
    font-size: 0.7rem;
    margin-right: 0.5rem;
}

.column-name[b-z8alidvm54] {
    font-weight: 500;
}

.excel-cell[b-z8alidvm54] {
    font-size: 0.8rem;
    padding: 0.4rem 0.5rem;
    border-right: 1px solid #dee2e6;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* �ֶ�ӳ�� */
.field-mapping-list[b-z8alidvm54] {
    max-height: 400px;
    overflow-y: auto;
}

.field-mapping-item[b-z8alidvm54] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    margin-bottom: 0.5rem;
    background: white;
    transition: all 0.3s ease;
}

.field-mapping-item:hover[b-z8alidvm54] {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.field-info[b-z8alidvm54] {
    flex: 1;
    min-width: 0;
}

.mapping-select[b-z8alidvm54] {
    width: 200px;
}

.mapping-summary[b-z8alidvm54] {
    border: 1px solid #e9ecef;
}

.stat-item[b-z8alidvm54] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
}

.stat-item i[b-z8alidvm54] {
    width: 16px;
    text-align: center;
}

/* ȷ��ҳ�� */
.summary-card[b-z8alidvm54] {
    background: #f8f9fa;
    border-radius: 6px;
    padding: 1rem;
    border: 1px solid #e9ecef;
    margin-bottom: 1rem;
}

.import-options[b-z8alidvm54] {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 1rem;
}

/* ������ */
.result-summary[b-z8alidvm54] {
    padding: 2rem 0;
}

.result-stats[b-z8alidvm54] {
    margin: 2rem 0;
}

.stat-card[b-z8alidvm54] {
    border-radius: 8px;
    padding: 1.5rem;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.stat-card i[b-z8alidvm54] {
    font-size: 2rem;
    opacity: 0.8;
}

.stat-number[b-z8alidvm54] {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
}

.stat-label[b-z8alidvm54] {
    font-size: 0.9rem;
    opacity: 0.9;
}

.result-errors[b-z8alidvm54] {
    background: #fff5f5;
    border: 1px solid #fed7d7;
    border-radius: 6px;
    padding: 1rem;
}

/* �ײ������� */
.wizard-footer[b-z8alidvm54] {
    background: #f8f9fa;
    border-top: 1px solid #e9ecef;
    padding: 1rem 1.5rem;
}

/* ��Ӧʽ��� */
@media (max-width: 768px) {
    .excel-import-wizard-modal .modal-dialog[b-z8alidvm54] {
        max-width: 98%;
        margin: 0.5rem auto;
    }
    
    .progress-steps[b-z8alidvm54] {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .step-line[b-z8alidvm54] {
        width: 2px;
        height: 30px;
    }
    
    .upload-area[b-z8alidvm54] {
        padding: 2rem 1rem;
    }
    
    .field-mapping-item[b-z8alidvm54] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }
    
    .mapping-select[b-z8alidvm54] {
        width: 100%;
    }
    
    .stat-card[b-z8alidvm54] {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }
    
    .wizard-footer[b-z8alidvm54] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .footer-actions[b-z8alidvm54] {
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .step-circle[b-z8alidvm54] {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    
    .step-label[b-z8alidvm54] {
        font-size: 0.75rem;
    }
    
    .upload-area[b-z8alidvm54] {
        padding: 1.5rem 0.5rem;
    }
    
    .excel-preview[b-z8alidvm54] {
        font-size: 0.7rem;
    }
    
    .stat-card[b-z8alidvm54] {
        padding: 1rem;
    }
    
    .stat-number[b-z8alidvm54] {
        font-size: 1.5rem;
    }
}

/* ������ */
.wizard-step[b-z8alidvm54] {
    animation: fadeSlideIn-b-z8alidvm54 0.4s ease;
}

@keyframes fadeSlideIn-b-z8alidvm54 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.upload-area[b-z8alidvm54] {
    animation: uploadAreaFadeIn-b-z8alidvm54 0.3s ease;
}

@keyframes uploadAreaFadeIn-b-z8alidvm54 {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* ��������ʽ */
.field-mapping-list[b-z8alidvm54]::-webkit-scrollbar,
.excel-preview[b-z8alidvm54]::-webkit-scrollbar {
    width: 6px;
}

.field-mapping-list[b-z8alidvm54]::-webkit-scrollbar-track,
.excel-preview[b-z8alidvm54]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.field-mapping-list[b-z8alidvm54]::-webkit-scrollbar-thumb,
.excel-preview[b-z8alidvm54]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.field-mapping-list[b-z8alidvm54]::-webkit-scrollbar-thumb:hover,
.excel-preview[b-z8alidvm54]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}
/* /Components/Common/ExchangeRateHistoryModal.razor.rz.scp.css */
/* 汇率历史模态框样式 */
.exchange-rate-history-modal .modal-dialog[b-prm38ulgxt] {
    max-width: 90%;
}

.exchange-rate-history-modal .table th[b-prm38ulgxt] {
    background-color: #f8f9fa;
    border-top: none;
    font-weight: 600;
    font-size: 0.875rem;
    color: #495057;
}

.exchange-rate-history-modal .table td[b-prm38ulgxt] {
    vertical-align: middle;
    font-size: 0.875rem;
}

.exchange-rate-history-modal .table-hover tbody tr:hover[b-prm38ulgxt] {
    background-color: rgba(0, 0, 0, 0.02);
}

/* 状态徽章样式 */
.exchange-rate-history-modal .badge[b-prm38ulgxt] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* 图表容器样式 */
.exchange-rate-history-modal .card[b-prm38ulgxt] {
    border: 1px solid #dee2e6;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.exchange-rate-history-modal .card-header[b-prm38ulgxt] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

.exchange-rate-history-modal canvas[b-prm38ulgxt] {
    max-height: 300px;
}

/* 统计信息样式 */
.exchange-rate-history-modal .alert-info[b-prm38ulgxt] {
    border-left: 4px solid #0dcaf0;
}

/* 变化指示器样式 */
.exchange-rate-history-modal .text-success[b-prm38ulgxt] {
    color: #198754 !important;
}

.exchange-rate-history-modal .text-danger[b-prm38ulgxt] {
    color: #dc3545 !important;
}

/* 空状态样式 */
.exchange-rate-history-modal .empty-state[b-prm38ulgxt] {
    padding: 3rem 1rem;
    text-align: center;
}

.exchange-rate-history-modal .empty-state i[b-prm38ulgxt] {
    color: #6c757d;
}

/* 加载状态样式 */
.exchange-rate-history-modal .loading-state[b-prm38ulgxt] {
    padding: 3rem 1rem;
    text-align: center;
}

.exchange-rate-history-modal .spinner-border[b-prm38ulgxt] {
    width: 3rem;
    height: 3rem;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .exchange-rate-history-modal .modal-dialog[b-prm38ulgxt] {
        max-width: 95%;
        margin: 0.5rem;
    }
    
    .exchange-rate-history-modal .table-responsive[b-prm38ulgxt] {
        font-size: 0.8rem;
    }
    
    .exchange-rate-history-modal .modal-body[b-prm38ulgxt] {
        padding: 1rem 0.5rem;
    }
}

/* 表格行状态样式 */
.exchange-rate-history-modal .table-success[b-prm38ulgxt] {
    background-color: rgba(25, 135, 84, 0.1) !important;
    border-color: rgba(25, 135, 84, 0.2) !important;
}

.exchange-rate-history-modal .table-warning[b-prm38ulgxt] {
    background-color: rgba(255, 193, 7, 0.1) !important;
    border-color: rgba(255, 193, 7, 0.2) !important;
}

/* 筛选区域样式 */
.exchange-rate-history-modal .filter-section[b-prm38ulgxt] {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 0.375rem;
    margin-bottom: 1rem;
    border: 1px solid #dee2e6;
}

/* 工具提示样式 */
.exchange-rate-history-modal [title][b-prm38ulgxt] {
    cursor: help;
}

/* 按钮样式优化 */
.exchange-rate-history-modal .btn-sm[b-prm38ulgxt] {
    padding: 0.25rem 0.5rem;
    font-size: 0.8125rem;
}

/* 数字样式优化 */
.exchange-rate-history-modal .fw-bold[b-prm38ulgxt] {
    font-family: 'Courier New', monospace;
}

/* 图表卡片阴影 */
.exchange-rate-history-modal .card[b-prm38ulgxt] {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: box-shadow 0.15s ease-in-out;
}

.exchange-rate-history-modal .card:hover[b-prm38ulgxt] {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
/* /Components/Common/Export/ExportDialog.razor.rz.scp.css */
.export-dialog-compact[b-a5qlndpbod] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 350px;
    position: relative; /* 添加相对定位，使覆盖层能够正确定位 */
}

/* 顶部设置栏 */
.export-top-bar[b-a5qlndpbod] {
    background: #f8f9fa;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #e9ecef;
}

.format-btn-group[b-a5qlndpbod] {
    display: inline-flex;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #dee2e6;
}

.format-btn[b-a5qlndpbod] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border: none;
    background: #fff;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.15s;
}

.format-btn:not(:last-child)[b-a5qlndpbod] {
    border-right: 1px solid #dee2e6;
}

.format-btn:hover[b-a5qlndpbod] {
    background: #f8f9fa;
}

.format-btn.active[b-a5qlndpbod] {
    background: #0d6efd;
    color: #fff;
}

.format-btn .fa-file-excel[b-a5qlndpbod] { color: #217346; }
.format-btn .fa-file-csv[b-a5qlndpbod] { color: #2196F3; }
.format-btn .fa-file-pdf[b-a5qlndpbod] { color: #f44336; }
.format-btn.active i[b-a5qlndpbod] { color: #fff; }

/* 列选择区域 */
.columns-section[b-a5qlndpbod] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 200px;
}

.columns-header[b-a5qlndpbod] {
    padding: 8px 0;
    border-bottom: 1px solid #e9ecef;
}

.columns-container[b-a5qlndpbod] {
    flex: 1;
    overflow-y: auto;
    max-height: 280px;
    padding: 8px 0;
}

.column-group-header[b-a5qlndpbod] {
    display: flex;
    align-items: center;
    padding: 6px 8px;
    background: #f8f9fa;
    border-radius: 4px;
    margin: 8px 0 4px 0;
    font-size: 12px;
    font-weight: 500;
    color: #495057;
}

.column-grid[b-a5qlndpbod] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 6px;
    padding: 4px 0;
}

/* 可拖拽的列项 */
.column-chip[b-a5qlndpbod] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    transition: all 0.15s;
    font-size: 12px;
    user-select: none;
}

.column-chip:hover[b-a5qlndpbod] {
    background: #f8f9fa;
    border-color: #dee2e6;
}

.column-chip.selected[b-a5qlndpbod] {
    background: #e7f1ff;
    border-color: #86b7fe;
}

.column-chip.dragging[b-a5qlndpbod] {
    opacity: 0.5;
    transform: scale(0.98);
}

.column-chip.drag-over[b-a5qlndpbod] {
    border-color: #0d6efd;
    border-style: dashed;
}

.chip-drag-handle[b-a5qlndpbod] {
    color: #adb5bd;
    cursor: grab;
    padding: 2px;
}

.chip-drag-handle:active[b-a5qlndpbod] {
    cursor: grabbing;
}

.chip-checkbox[b-a5qlndpbod] {
    font-size: 14px;
}

.column-chip.selected .chip-checkbox[b-a5qlndpbod] {
    color: #0d6efd;
}

.column-chip:not(.selected) .chip-checkbox[b-a5qlndpbod] {
    color: #adb5bd;
}

.chip-content[b-a5qlndpbod] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 4px;
}

.chip-name[b-a5qlndpbod] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chip-badge[b-a5qlndpbod] {
    font-size: 10px;
    padding: 1px 4px;
    background: #ffc107;
    color: #000;
    border-radius: 2px;
}

.chip-order[b-a5qlndpbod] {
    font-size: 10px;
    color: #6c757d;
    background: #e9ecef;
    padding: 1px 5px;
    border-radius: 3px;
    min-width: 20px;
    text-align: center;
}

/* 预览区域 */
.preview-section[b-a5qlndpbod] {
    border: 1px solid #e9ecef;
    border-radius: 4px;
    overflow: hidden;
}

.preview-header[b-a5qlndpbod] {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    background: #f8f9fa;
    cursor: pointer;
    transition: background 0.15s;
}

.preview-header:hover[b-a5qlndpbod] {
    background: #e9ecef;
}

.preview-content[b-a5qlndpbod] {
    padding: 8px;
    max-height: 150px;
    overflow: auto;
}

.preview-content .table[b-a5qlndpbod] {
    font-size: 11px;
}

.preview-content th[b-a5qlndpbod],
.preview-content td[b-a5qlndpbod] {
    padding: 4px 8px !important;
}

/* 拖拽提示 */
.drag-hint[b-a5qlndpbod] {
    font-size: 11px;
}

/* 导出进度覆盖层 */
.export-progress-overlay[b-a5qlndpbod] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(4px);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.export-progress-card[b-a5qlndpbod] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    padding: 24px;
    min-width: 450px;
    max-width: 500px;
}

.progress-header[b-a5qlndpbod] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 16px;
    color: #0d6efd;
}

.progress-body[b-a5qlndpbod] {
    margin-top: 16px;
}

.progress-details[b-a5qlndpbod] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 6px;
}

.detail-row[b-a5qlndpbod] {
    display: flex;
    align-items: center;
    font-size: 13px;
}

.detail-row i[b-a5qlndpbod] {
    font-size: 12px;
}

/* 阶段指示器 */
.stage-indicator[b-a5qlndpbod] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
}

.stage-item[b-a5qlndpbod] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

.stage-circle[b-a5qlndpbod] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #e9ecef;
    color: #adb5bd;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    transition: all 0.3s;
}

.stage-item.active .stage-circle[b-a5qlndpbod] {
    background: #0d6efd;
    color: #fff;
    box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.2);
}

.stage-item.completed .stage-circle[b-a5qlndpbod] {
    background: #198754;
    color: #fff;
}

.stage-label[b-a5qlndpbod] {
    font-size: 11px;
    color: #6c757d;
    font-weight: 500;
    white-space: nowrap;
}

.stage-item.active .stage-label[b-a5qlndpbod] {
    color: #0d6efd;
    font-weight: 600;
}

.stage-item.completed .stage-label[b-a5qlndpbod] {
    color: #198754;
}

.stage-line[b-a5qlndpbod] {
    flex: 1;
    height: 2px;
    background: #e9ecef;
    margin: 0 8px;
    transition: all 0.3s;
}

.stage-line.completed[b-a5qlndpbod] {
    background: #198754;
}
/* /Components/Common/FileImportWizard.razor.rz.scp.css */
/* FileImportWizard 样式文件 */

/* 基础容器样式 */
.file-import-wizard[b-b9szm0ll53] {
    min-height: 500px;
}

.step-content[b-b9szm0ll53] {
    padding: 20px 0;
    min-height: 400px;
}

/* 步骤指示器样式 */
.steps-container[b-b9szm0ll53] {
    margin-bottom: 2rem;
}

.steps-header[b-b9szm0ll53] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0;
}

.step-item[b-b9szm0ll53] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
}

.step-circle[b-b9szm0ll53] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #e9ecef;
    border: 2px solid #dee2e6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #6c757d;
    margin-bottom: 0.5rem;
    transition: all 0.3s ease;
}

.step-item.active .step-circle[b-b9szm0ll53] {
    background-color: #007bff;
    border-color: #007bff;
    color: white;
}

.step-item.completed .step-circle[b-b9szm0ll53] {
    background-color: #28a745;
    border-color: #28a745;
    color: white;
}

.step-label[b-b9szm0ll53] {
    font-size: 0.875rem;
    color: #6c757d;
    font-weight: 500;
}

.step-item.active .step-label[b-b9szm0ll53] {
    color: #007bff;
    font-weight: 600;
}

.step-item.completed .step-label[b-b9szm0ll53] {
    color: #28a745;
}

.step-connector[b-b9szm0ll53] {
    flex: 1;
    height: 2px;
    background-color: #dee2e6;
    position: relative;
    margin: 0 1rem;
    transition: all 0.3s ease;
}

.step-connector.active[b-b9szm0ll53] {
    background-color: #28a745;
}

/* 🆕 映射模式选择器样式 */
.mapping-mode-selector[b-b9szm0ll53] {
    margin-bottom: 0.75rem;
}

.mapping-mode-selector .btn-group[b-b9szm0ll53] {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    overflow: hidden;
}

.mapping-mode-selector .btn[b-b9szm0ll53] {
    font-size: 0.85rem;
    padding: 0.4rem 0.6rem;
    font-weight: 500;
    border: none;
    transition: all 0.2s ease;
}

.mapping-mode-selector .btn:not(.btn-primary):not(.btn-success):not(.btn-secondary)[b-b9szm0ll53] {
    background-color: #f8f9fa;
    color: #6c757d;
    border: 1px solid #dee2e6;
}

.mapping-mode-selector .btn:hover[b-b9szm0ll53] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 🆕 默认值输入区域样式 */
.default-value-input[b-b9szm0ll53] {
    padding: 0.5rem;
    background-color: #f0f9ff;
    border: 1px solid #b3d9ff;
    border-radius: 6px;
}

.default-value-input .form-label[b-b9szm0ll53] {
    margin-bottom: 0.25rem;
    font-weight: 600;
    color: #0066cc;
}

/* 🆕 推荐值按钮样式 */
.suggested-values[b-b9szm0ll53] {
    padding: 0.5rem;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px dashed #b3d9ff;
}

.suggested-values .btn[b-b9szm0ll53] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.suggested-values .btn:hover[b-b9szm0ll53] {
    transform: scale(1.05);
}

.suggested-values .btn.btn-info[b-b9szm0ll53] {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: white;
}

/* 🆕 留空模式信息样式 */
.empty-mode-info[b-b9szm0ll53] {
    padding: 0.75rem;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    text-align: center;
}

.empty-mode-info i[b-b9szm0ll53] {
    color: #6c757d;
}

/* 🆕 映射状态徽章样式 */
.mapping-status-badge[b-b9szm0ll53] {
    margin-top: 0.5rem;
}

.mapping-status-badge .badge[b-b9szm0ll53] {
    font-size: 0.75rem;
    padding: 0.35rem 0.6rem;
    font-weight: 500;
}

.mapping-status-badge .badge i[b-b9szm0ll53] {
    margin-right: 0.25rem;
}

/* 🆕 必填字段样式 */
.field-mapping-item.required-field[b-b9szm0ll53] {
    border-left: 3px solid #dc3545;
}

.field-mapping-item.required-field:hover[b-b9szm0ll53] {
    border-left-color: #c82333;
}

/* 🆕 文件列映射样式 */
.file-column-mapping[b-b9szm0ll53] {
    padding: 0.5rem;
    background-color: #f0f8ff;
    border: 1px solid #b3d9ff;
    border-radius: 6px;
}

.file-column-mapping .form-label[b-b9szm0ll53] {
    margin-bottom: 0.25rem;
    font-weight: 600;
    color: #0066cc;
}

/* 文件上传样式 */
.file-upload-container[b-b9szm0ll53] {
    position: relative;
    margin-bottom: 1.5rem;
}

.upload-drop-zone[b-b9szm0ll53] {
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    padding: 3rem 2rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #f8f9fa;
}

.upload-drop-zone:hover[b-b9szm0ll53] {
    border-color: #0d6efd;
    background-color: #e7f1ff;
}

.upload-drop-zone.drag-over[b-b9szm0ll53] {
    border-color: #198754;
    background-color: #d1e7dd;
    transform: scale(1.02);
}

.upload-body[b-b9szm0ll53] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 40px;
}

.upload-body i[b-b9szm0ll53] {
    font-size: 3rem;
    color: #6c757d;
    margin-bottom: 0.5rem;
}

.upload-title[b-b9szm0ll53] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #495057;
}

.upload-desc[b-b9szm0ll53] {
    font-size: 0.9rem;
    color: #6c757d;
}

.selected-file-info[b-b9szm0ll53] {
    animation: slideInUp-b-b9szm0ll53 0.3s ease-out;
}

@keyframes slideInUp-b-b9szm0ll53 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.selected-file-info .card[b-b9szm0ll53] {
    border-width: 2px;
    transition: all 0.3s ease;
}

.selected-file-info .card:hover[b-b9szm0ll53] {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-2px);
}

.file-icon-container[b-b9szm0ll53] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
}

.file-icon-container i[b-b9szm0ll53] {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

.file-details .badge[b-b9szm0ll53] {
    font-size: 0.85rem;
    font-weight: 500;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
}

.file-details .badge i[b-b9szm0ll53] {
    opacity: 0.8;
}

/* 工作表列表样式 */
.worksheet-list[b-b9szm0ll53] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.worksheet-item[b-b9szm0ll53] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
}

.worksheet-item:hover[b-b9szm0ll53] {
    border-color: #007bff;
    background-color: #f8f9fa;
}

.worksheet-item.selected[b-b9szm0ll53] {
    border-color: #007bff;
    background-color: #e7f3ff;
}

.worksheet-info h6[b-b9szm0ll53] {
    margin: 0;
    color: #333;
}

/* 字段映射样式 */
.field-mapping-section[b-b9szm0ll53] {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8f9fa;
    height: 100%;
}

.field-mapping-list[b-b9szm0ll53] {
    margin-top: 12px;
    max-height: 500px;
    overflow-y: auto;
    padding-right: 8px; /* 为滚动条预留空间 */
}

/* 🆕 美化滚动条 */
.field-mapping-list[b-b9szm0ll53]::-webkit-scrollbar {
    width: 8px;
}

.field-mapping-list[b-b9szm0ll53]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.field-mapping-list[b-b9szm0ll53]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.field-mapping-list[b-b9szm0ll53]::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.field-mapping-item[b-b9szm0ll53] {
    padding: 12px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    background-color: #fff;
    margin-bottom: 12px; /* 增加间距 */
    transition: all 0.3s ease;
}

.field-mapping-item:hover[b-b9szm0ll53] {
    border-color: #007bff;
    background-color: #f0f8ff;
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);
}

.field-info[b-b9szm0ll53] {
    line-height: 1.3;
}

.required-mark[b-b9szm0ll53] {
    color: #dc3545;
    font-weight: bold;
    font-size: 0.9em;
}

.mapping-actions[b-b9szm0ll53] {
    text-align: right;
    padding-top: 28px;
}

.mapping-actions .btn[b-b9szm0ll53] {
    margin-left: 8px;
}

.mapping-summary[b-b9szm0ll53] {
    border-top: 2px solid #007bff;
}

.mapping-summary .stat-item[b-b9szm0ll53] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

/* 数据预览样式 */
.data-preview[b-b9szm0ll53] {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8f9fa;
    height: 100%;
}

.data-preview h6[b-b9szm0ll53] {
    margin-bottom: 12px;
    color: #495057;
}

.preview-table-container[b-b9szm0ll53] {
    max-height: 400px;
    overflow: auto;
    border-radius: 6px;
    border: 1px solid #dee2e6;
    background-color: #fff;
}

.preview-column-header[b-b9szm0ll53] {
    background-color: #f8f9fa !important;
    border-bottom: 2px solid #dee2e6;
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 8px 6px;
    font-size: 0.8rem;
    min-width: 100px;
}

.column-header-content[b-b9szm0ll53] {
    text-align: center;
}

.column-name[b-b9szm0ll53] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 2px;
}

.column-index[b-b9szm0ll53] {
    font-size: 0.7rem;
    color: #6c757d;
}

.preview-row:hover[b-b9szm0ll53] {
    background-color: #f0f8ff;
}

.preview-cell[b-b9szm0ll53] {
    padding: 6px 8px;
    font-size: 0.8rem;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    border-right: 1px solid #e9ecef;
}

.preview-cell.mapped-column[b-b9szm0ll53] {
    background-color: #e8f5e8;
    border-left: 3px solid #28a745;
}

/* 预览图例 */
.preview-legend[b-b9szm0ll53] {
    padding: 8px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #e9ecef;
}

.legend-item[b-b9szm0ll53] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    vertical-align: middle;
}

.mapped-legend[b-b9szm0ll53] {
    background-color: #e8f5e8;
    border: 1px solid #28a745;
}

.unmapped-legend[b-b9szm0ll53] {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
}

/* 导入处理和结果样式 */
.import-processing[b-b9szm0ll53] {
    text-align: center;
    padding: 40px 0;
}

.import-stats[b-b9szm0ll53] {
    margin-top: 20px;
}

.stat-card[b-b9szm0ll53] {
    text-align: center;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 16px;
}

.stat-number[b-b9szm0ll53] {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
}

.stat-label[b-b9szm0ll53] {
    font-size: 0.875rem;
    margin-top: 4px;
    opacity: 0.8;
}

.import-options[b-b9szm0ll53] {
    margin: 20px 0;
}

.import-options .form-check[b-b9szm0ll53] {
    margin-bottom: 12px;
}

/* CSV设置样式 */
.csv-settings .card-header[b-b9szm0ll53] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

/* 模板下载样式 */
.template-download[b-b9szm0ll53] {
    text-align: center;
}

/* 错误列表样式 */
.error-list[b-b9szm0ll53] {
    max-height: 300px;
    overflow-y: auto;
    margin-top: 12px;
}

.error-item[b-b9szm0ll53] {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 12px;
    transition: all 0.3s ease;
}

.error-item:hover[b-b9szm0ll53] {
    border-color: #007bff;
    background-color: #f0f8ff;
}

/* 行预览样式 */
.row-number-header[b-b9szm0ll53] {
    width: 60px;
    text-align: center;
    background-color: #f8f9fa !important;
}

.row-number-cell[b-b9szm0ll53] {
    width: 60px;
    text-align: center;
    font-weight: 600;
    background-color: #f8f9fa;
    border-right: 2px solid #dee2e6;
}

.preview-row.header-row[b-b9szm0ll53] {
    background-color: #e3f2fd;
}

.preview-row.header-row .preview-cell[b-b9szm0ll53] {
    background-color: #e3f2fd;
    font-weight: 600;
    color: #1976d2;
}

.preview-row.data-row[b-b9szm0ll53] {
    background-color: #e8f5e8;
}

.preview-row.data-row .preview-cell[b-b9szm0ll53] {
    background-color: #e8f5e8;
}

.preview-row.excluded-row[b-b9szm0ll53] {
    background-color: #f5f5f5;
    opacity: 0.7;
}

.preview-row.excluded-row .preview-cell[b-b9szm0ll53] {
    background-color: #f5f5f5;
    color: #6c757d;
}

/* 行配置图例 */
.header-legend[b-b9szm0ll53] {
    background-color: #e3f2fd;
    border: 1px solid #1976d2;
}

.data-legend[b-b9szm0ll53] {
    background-color: #e8f5e8;
    border: 1px solid #28a745;
}

.excluded-legend[b-b9szm0ll53] {
    background-color: #f5f5f5;
    border: 1px solid #6c757d;
}

/* 当前配置信息样式 */
.current-config-info .card[b-b9szm0ll53] {
    border-left: 4px solid #17a2b8;
}

/* 行配置区域样式 */
.row-config-section .card-header[b-b9szm0ll53] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

.row-config-section .info-item[b-b9szm0ll53] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.row-range-info[b-b9szm0ll53] {
    border-left: 4px solid #007bff;
}

/* 🆕 响应式优化 - 映射模式按钮 */
@media (max-width: 768px) {
    .mapping-mode-selector .btn[b-b9szm0ll53] {
        font-size: 0.75rem;
        padding: 0.35rem 0.5rem;
    }

    .mapping-mode-selector .btn i[b-b9szm0ll53] {
        font-size: 0.8rem;
    }

    .suggested-values .btn[b-b9szm0ll53] {
        font-size: 0.7rem;
        padding: 0.2rem 0.4rem;
    }

    .field-mapping-item[b-b9szm0ll53] {
        padding: 10px;
    }

    .mapping-status-badge .badge[b-b9szm0ll53] {
        font-size: 0.7rem;
        padding: 0.3rem 0.5rem;
    }
}

/* 响应式支持 */
@media (max-width: 991px) {
    .mapping-panel[b-b9szm0ll53],
    .preview-panel[b-b9szm0ll53] {
        padding-left: 15px;
        padding-right: 15px;
    }

    .mapping-layout .col-lg-7[b-b9szm0ll53],
    .mapping-layout .col-lg-5[b-b9szm0ll53] {
        margin-bottom: 20px;
    }

    .field-mapping-list[b-b9szm0ll53] {
        max-height: 350px;
    }

    .preview-table-container[b-b9szm0ll53] {
        max-height: 300px;
    }
}

@media (max-width: 768px) {
    .steps-header[b-b9szm0ll53] {
        flex-direction: column;
        gap: 1rem;
    }

    .step-connector[b-b9szm0ll53] {
        display: none;
    }

    .upload-body[b-b9szm0ll53] {
        padding: 20px;
    }

    .upload-body i[b-b9szm0ll53] {
        font-size: 32px;
    }

    .worksheet-list[b-b9szm0ll53] {
        grid-template-columns: 1fr;
    }

    .field-mapping-item .row[b-b9szm0ll53] {
        flex-direction: column;
    }

    .field-mapping-item .col-md-6[b-b9szm0ll53] {
        margin-bottom: 10px;
    }

    .preview-cell[b-b9szm0ll53] {
        max-width: 100px;
        font-size: 0.75rem;
    }

    .mapping-summary .row[b-b9szm0ll53] {
        flex-direction: column;
    }

    .mapping-summary .col-md-6[b-b9szm0ll53] {
        margin-bottom: 8px;
    }
}

/* 🆕 导入进度详情样式 */
.import-progress-details[b-b9szm0ll53] {
    animation: fadeIn-b-b9szm0ll53 0.5s ease-in;
}

@keyframes fadeIn-b-b9szm0ll53 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.progress-step-badge[b-b9szm0ll53] {
    transition: all 0.3s ease;
}

.progress-step-badge:hover[b-b9szm0ll53] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-2px);
}

.stat-box[b-b9szm0ll53] {
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
}

.stat-box:hover[b-b9szm0ll53] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.stat-icon[b-b9szm0ll53] {
    animation: pulse-b-b9szm0ll53 2s infinite;
}

@keyframes pulse-b-b9szm0ll53 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

.stat-label[b-b9szm0ll53] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
}

.stat-value[b-b9szm0ll53] {
    font-size: 1.1rem;
    line-height: 1.2;
    word-break: break-all;
}

.processing-tips[b-b9szm0ll53] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.processing-tips ul[b-b9szm0ll53] {
    padding-left: 1.5rem;
    margin-bottom: 0;
}

.processing-tips li[b-b9szm0ll53] {
    margin-bottom: 0.5rem;
    line-height: 1.5;
}

.processing-logs[b-b9szm0ll53] {
    animation: slideIn-b-b9szm0ll53 0.5s ease-out;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

@keyframes slideIn-b-b9szm0ll53 {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 200px;
    }
}

.processing-logs div[b-b9szm0ll53] {
    line-height: 1.6;
    padding: 2px 0;
}

.processing-logs .text-info[b-b9szm0ll53] {
    color: #17a2b8 !important;
}

.processing-logs .text-success[b-b9szm0ll53] {
    color: #28a745 !important;
}

.processing-logs .text-primary[b-b9szm0ll53] {
    color: #007bff !important;
}

/* 🆕 Spinner 动画增强 */
.spinner-border[b-b9szm0ll53] {
    animation: spinner-border 0.75s linear infinite, spinnerPulse-b-b9szm0ll53 2s ease-in-out infinite;
}

@keyframes spinnerPulse-b-b9szm0ll53 {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.4);
    }
    50% {
        box-shadow: 0 0 0 8px rgba(0, 123, 255, 0);
    }
}

/* 🆕 响应式优化 - 导入进度详情 */
@media (max-width: 768px) {
    .import-progress-details .col-md-6[b-b9szm0ll53] {
        margin-bottom: 1rem;
    }
    
    .import-progress-details .col-md-4[b-b9szm0ll53] {
        margin-bottom: 0.75rem;
    }
    
    .stat-box[b-b9szm0ll53] {
        padding: 1rem !important;
    }
    
    .stat-value[b-b9szm0ll53] {
        font-size: 1rem;
    }
    
    .processing-logs[b-b9szm0ll53] {
        font-size: 0.75rem;
        max-height: 150px !important;
    }
}
/* /Components/Common/GoodsSelectionDialog.razor.rz.scp.css */
/* ========================================
   货品选择对话框样式
   ======================================== */

.goods-selection-dialog[b-wwwxgieuz5] {
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* ========================================
   搜索区域
   ======================================== */

.search-section[b-wwwxgieuz5] {
    background: #f8f9fa;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e3e6f0;
    flex-shrink: 0;
}

/* 搜索栏 - 单行布局，无双眼皮 */
.search-bar[b-wwwxgieuz5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.search-bar .search-input[b-wwwxgieuz5] {
    flex: 1;
    min-width: 0;
    height: 38px;
    font-size: 0.9rem;
}

.search-bar[b-wwwxgieuz5]  .search-btn {
    flex-shrink: 0;
    white-space: nowrap;
}

/* 搜索底部提示 */
.search-footer[b-wwwxgieuz5] {
    margin-top: 0.5rem;
    min-height: 1.25rem;
}

.search-hint[b-wwwxgieuz5],
.search-result-hint[b-wwwxgieuz5],
.search-no-result[b-wwwxgieuz5] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: #6c757d;
}

.search-result-hint[b-wwwxgieuz5] {
    color: #198754;
}

.search-result-hint strong[b-wwwxgieuz5] {
    color: #0d6efd;
    font-size: 0.9rem;
}

.search-no-result[b-wwwxgieuz5] {
    color: #dc3545;
}

/* ========================================
   表格区域
   ======================================== */

.table-section[b-wwwxgieuz5] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    background: #fafafa;
    padding: 1rem 1.25rem 1.25rem;
}

.grid-container[b-wwwxgieuz5] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.goods-code-cell[b-wwwxgieuz5] {
    display: flex;
    align-items: center;
}

.goods-code[b-wwwxgieuz5] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-weight: 600;
    color: #495057;
    font-size: 0.9rem;
}

.goods-name-cell[b-wwwxgieuz5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.goods-name-cn[b-wwwxgieuz5] {
    font-weight: 600;
    font-size: 0.9rem;
}

.goods-name-en[b-wwwxgieuz5] {
    color: #9ca3af;
    font-size: 0.8rem;
}

.sku-code[b-wwwxgieuz5] {
    font-family: 'Consolas', 'Monaco', monospace;
    color: #6b7280;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
}

/* ========================================
   空状态 / 加载状态
   ======================================== */

.empty-state[b-wwwxgieuz5],
.loading-state[b-wwwxgieuz5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 350px;
    text-align: center;
    color: #9ca3af;
}

.empty-state .empty-icon[b-wwwxgieuz5] {
    font-size: 4rem;
    margin-bottom: 1rem;
    opacity: 0.3;
}

.empty-state .empty-title[b-wwwxgieuz5] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #374151;
    margin-bottom: 0.5rem;
}

.empty-state .empty-description[b-wwwxgieuz5] {
    font-size: 0.9rem;
    color: #9ca3af;
    line-height: 1.6;
    margin: 0;
}

.loading-state .spinner-border[b-wwwxgieuz5] {
    width: 2.5rem;
    height: 2.5rem;
}

.loading-state p[b-wwwxgieuz5] {
    margin-top: 1rem;
    font-size: 0.9rem;
    color: #6b7280;
}

/* ========================================
   响应式
   ======================================== */

@media (max-width: 768px) {
    .search-section[b-wwwxgieuz5] {
        padding: 1rem;
    }

    .table-section[b-wwwxgieuz5] {
        padding: 0.75rem 1rem;
    }

    .empty-state[b-wwwxgieuz5] {
        min-height: 250px;
    }

    .empty-state .empty-icon[b-wwwxgieuz5] {
        font-size: 3rem;
    }
}

.search-result-hint[b-wwwxgieuz5] {
    animation: fadeIn 0.3s ease;
}

.goods-grid[b-wwwxgieuz5] {
    animation: fadeIn 0.3s ease;
}
/* /Components/Common/MasterDetailImportWizard.razor.rz.scp.css */
/* 娑撹绮犵悰銊ヮ嚤閸忋儱鎮滅€?- 閺嶅嘲绱￠弬鍥︽ */

.master-detail-import-wizard[b-deqaqii662] {
  min-height: 600px;
}

/* 濮濄儵顎冮幐鍥┿仛閸ｃ劍鐗卞?*/
.steps-container[b-deqaqii662] {
  margin-bottom: 2rem;
}

.steps-header[b-deqaqii662] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  margin: 0 auto;
}

.step-item[b-deqaqii662] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.step-circle[b-deqaqii662] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #e9ecef;
  color: #6c757d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  border: 2px solid #dee2e6;
  transition: all 0.3s ease;
  z-index: 2;
}

.step-item.active .step-circle[b-deqaqii662] {
  background-color: #0d6efd;
  color: white;
  border-color: #0d6efd;
  box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.1);
}

.step-item.completed .step-circle[b-deqaqii662] {
  background-color: #198754;
  color: white;
  border-color: #198754;
}

.step-label[b-deqaqii662] {
  margin-top: 8px;
  font-size: 14px;
  color: #6c757d;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}

.step-item.active .step-label[b-deqaqii662] {
  color: #0d6efd;
  font-weight: 600;
}

.step-item.completed .step-label[b-deqaqii662] {
  color: #198754;
}

.step-connector[b-deqaqii662] {
  flex: 1;
  height: 2px;
  background-color: #dee2e6;
  margin: 0 8px;
  position: relative;
  top: -20px;
  transition: background-color 0.3s ease;
}

  .step-connector.active[b-deqaqii662] {
    background-color: #198754;
  }

/* DropUpload婢х偛宸遍弽宄扮础 */
.drop-upload-enhanced[b-deqaqii662] {
  border: 2px dashed #dee2e6;
  border-radius: 8px;
  transition: all 0.3s ease;
  background-color: #f8f9fa;
}

  .drop-upload-enhanced:hover[b-deqaqii662] {
    border-color: #0d6efd;
    background-color: #e7f1ff;
  }

  .drop-upload-enhanced.dragging[b-deqaqii662] {
    border-color: #0d6efd;
    background-color: #cfe2ff;
    border-width: 3px;
  }

/* 娑撳﹣绱堕崡鐘辩秴缁?*/
.upload-placeholder[b-deqaqii662] {
  padding: 60px 20px;
  text-align: center;
  color: #6c757d;
}

  .upload-placeholder i[b-deqaqii662] {
    display: block;
    margin-bottom: 16px;
    transition: transform 0.3s ease;
  }

  .upload-placeholder:hover i[b-deqaqii662] {
    transform: translateY(-5px);
  }

  .upload-placeholder h5[b-deqaqii662] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 8px;
  }

/* 閺傚洣娆㈤崶鐐垼閸栧搫鐓?*/
.file-icon[b-deqaqii662] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f9fa;
  border-radius: 8px;
}

/* 閺傚洣娆㈤悩鑸碘偓浣哥獦缁?*/
.file-status .badge[b-deqaqii662] {
  font-size: 0.875rem;
  padding: 6px 12px;
}

/* 婢跺嫮鎮婃稉顓熷瘹缁€鍝勬珤 */
.processing-indicator[b-deqaqii662] {
  animation: fadeIn-b-deqaqii662 0.3s ease-in;
}

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

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

/* 濮濄儵顎冪€圭懓娅掓导妯哄 */
.wizard-content[b-deqaqii662] {
  background: white;
  border-radius: 8px;
  padding: 24px;
  min-height: 500px;
}

/* 閺傚洣娆㈡稉濠佺炊閸栧搫鐓?*/
.file-upload-area[b-deqaqii662] {
  margin-top: 16px;
}

/* 濮濄儵顎冮崘鍛啇 */
.step-file-upload[b-deqaqii662] {
  animation: slideIn-b-deqaqii662 0.3s ease-out;
}

.step-worksheet-selection[b-deqaqii662] {
  animation: slideIn-b-deqaqii662 0.3s ease-out;
}

.step-field-mapping[b-deqaqii662] {
  animation: slideIn-b-deqaqii662 0.3s ease-out;
}

@keyframes slideIn-b-deqaqii662 {
  from {
    opacity: 0;
    transform: translateX(20px);
  }

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

/* 瀹搞儰缍旂悰銊ュ灙鐞涖劍鐗卞?*/
.worksheet-list[b-deqaqii662] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.worksheet-item[b-deqaqii662] {
  padding: 16px;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: white;
}

  .worksheet-item:hover[b-deqaqii662] {
    border-color: #0d6efd;
    background: #f8f9fa;
    transform: translateX(5px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }

  .worksheet-item.selected[b-deqaqii662] {
    border-color: #198754;
    background: #f0fff4;
    box-shadow: 0 4px 12px rgba(25, 135, 84, 0.2);
  }

.worksheet-icon[b-deqaqii662] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.selected-indicator[b-deqaqii662] {
  animation: scaleIn-b-deqaqii662 0.3s ease-out;
}

@keyframes scaleIn-b-deqaqii662 {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

/* 缂佺喕顓稿鍡樼壉瀵?*/
.stat-box[b-deqaqii662] {
  display: flex;
  align-items: center;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e9ecef;
  transition: all 0.2s ease;
}

  .stat-box:hover[b-deqaqii662] {
    background: #e9ecef;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }

.stat-icon[b-deqaqii662] {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  color: white;
  font-size: 1.5rem;
}

  .stat-icon.bg-primary[b-deqaqii662] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  }

  .stat-icon.bg-success[b-deqaqii662] {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  }

.stat-content h4[b-deqaqii662] {
  font-weight: 700;
  color: #495057;
}

/* 閸掓顣╃憴鍫熺壉瀵?*/
.columns-preview[b-deqaqii662] {
  margin-top: 20px;
}

.columns-grid[b-deqaqii662] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.column-badge[b-deqaqii662] {
  padding: 6px 12px;
  background: #e7f1ff;
  border: 1px solid #b6d4fe;
  border-radius: 6px;
  font-size: 0.875rem;
  color: #084298;
  transition: all 0.2s ease;
}

  .column-badge:hover[b-deqaqii662] {
    background: #cfe2ff;
    transform: translateY(-2px);
  }

  .column-badge.more[b-deqaqii662] {
    background: #fff3cd;
    border-color: #ffecb5;
    color: #664d03;
  }

/* Card閺嶅嘲绱℃晶鐐插繁 */
.master-detail-import-wizard .card[b-deqaqii662] {
  border: 1px solid #dee2e6;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}

  .master-detail-import-wizard .card:hover[b-deqaqii662] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

/* Alert閺嶅嘲绱?*/
.master-detail-import-wizard .alert[b-deqaqii662] {
  border-radius: 8px;
}

  .master-detail-import-wizard .alert ul[b-deqaqii662] {
    margin-bottom: 0;
    padding-left: 20px;
  }

/* Spinner鐎圭懓娅?*/
.master-detail-import-wizard .spinner-border[b-deqaqii662] {
  width: 3rem;
  height: 3rem;
}

/* 閹稿鎸抽弽宄扮础 */
.master-detail-import-wizard .btn[b-deqaqii662] {
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.2s ease;
}

  .master-detail-import-wizard .btn:hover[b-deqaqii662] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  }

/* 鐎涙顔岄弰鐘茬殸鐞涖劍鐗搁弽宄扮础 */
.field-mapping-table[b-deqaqii662] {
  margin-top: 20px;
}

  .field-mapping-table .table[b-deqaqii662] {
    background: white;
    border-radius: 8px;
    overflow: hidden;
  }

    .field-mapping-table .table thead[b-deqaqii662] {
      background: #f8f9fa;
    }

      .field-mapping-table .table thead th[b-deqaqii662] {
        font-weight: 600;
        color: #495057;
        border-bottom: 2px solid #dee2e6;
      }

/* 缂佺喕顓搁崡锛勫閺嶅嘲绱?*/
.stat-card[b-deqaqii662] {
  padding: 24px;
  border-radius: 8px;
  background: #f8f9fa;
  transition: all 0.3s ease;
}

  .stat-card:hover[b-deqaqii662] {
    background: #e9ecef;
    transform: translateY(-2px);
  }

  .stat-card h3[b-deqaqii662] {
    font-weight: 700;
    margin: 8px 0;
  }

  .stat-card i[b-deqaqii662] {
    opacity: 0.8;
  }

/* 闁挎瑨顕ら崚妤勩€冮弽宄扮础 */
.error-list[b-deqaqii662] {
  max-height: 400px;
  overflow-y: auto;
}

  .error-list .alert[b-deqaqii662] {
    margin-bottom: 8px;
    animation: slideInLeft-b-deqaqii662 0.3s ease-out;
  }

@keyframes slideInLeft-b-deqaqii662 {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }

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

/* 鏉╂稑瀹抽弶鈩冪壉瀵繐顤冨?*/
.progress[b-deqaqii662] {
  border-radius: 10px;
  background-color: #e9ecef;
}

.progress-bar[b-deqaqii662] {
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 30px;
}

/* 閸濆秴绨插蹇氱殶閺?*/
@media (max-width: 768px) {
  .upload-placeholder[b-deqaqii662] {
    padding: 40px 20px;
  }

    .upload-placeholder i[b-deqaqii662] {
      font-size: 2rem;
    }

  .wizard-content[b-deqaqii662] {
    padding: 16px;
  }

  .stat-card[b-deqaqii662] {
    margin-bottom: 16px;
  }
}

/* 鐎涙顔岄弰鐘茬殸妞ょ敻娼伴弽宄扮础 */
.mapping-summary[b-deqaqii662] {
  padding: 20px 0;
}

.summary-item[b-deqaqii662] {
  padding: 16px;
  border-radius: 8px;
  background: #f8f9fa;
  transition: all 0.3s ease;
}

  .summary-item:hover[b-deqaqii662] {
    background: #e9ecef;
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

  .summary-item i[b-deqaqii662] {
    display: block;
    opacity: 0.8;
  }

  .summary-item h5[b-deqaqii662] {
    font-weight: 700;
    color: #495057;
  }

/* 缁毖冨櫨閻楀牊妲х亸鍕偓鏄忣潔 */
.mapping-summary-compact[b-deqaqii662] {
  padding: 12px 16px;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #dee2e6;
}

.summary-item-compact[b-deqaqii662] {
  display: flex;
  align-items: center;
  padding: 0 12px;
}

  .summary-item-compact strong[b-deqaqii662] {
    font-size: 1.1rem;
    color: #495057;
  }

  .summary-item-compact i[b-deqaqii662] {
    font-size: 1rem;
  }

/* 閺勭姴鐨犻崡锛勫 */
.mapping-card[b-deqaqii662] {
  border: 2px solid #dee2e6;
  transition: all 0.3s ease;
}

  .mapping-card.master-card[b-deqaqii662] {
    border-left: 4px solid #0d6efd;
  }

  .mapping-card.detail-card[b-deqaqii662] {
    border-left: 4px solid #ffc107;
  }

  .mapping-card:hover[b-deqaqii662] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  }

/* 缁毖冨櫨閻楀牊妲х亸鍕幢閻?*/
.mapping-card-compact[b-deqaqii662] {
  border: 1px solid #dee2e6;
  transition: all 0.2s ease;
  height: 100%;
}

  .mapping-card-compact.master-card[b-deqaqii662] {
    border-left: 3px solid #0d6efd;
  }

  .mapping-card-compact.detail-card[b-deqaqii662] {
    border-left: 3px solid #ffc107;
  }

  .mapping-card-compact:hover[b-deqaqii662] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }

.compact-header[b-deqaqii662] {
  padding: 4px 0;
}

.compact-alert[b-deqaqii662] {
  padding: 6px 12px;
  margin: 0;
}

/* 鐎涙顔岄弰鐘茬殸閸掓銆?*/
.field-mapping-list[b-deqaqii662] {
  max-height: 500px;
  overflow-y: auto;
  padding-right: 8px;
}

/* 缁毖冨櫨閻楀牆鐡у▓鍨Ё鐏忓嫬鍨悰?*/
.field-mapping-list-compact[b-deqaqii662] {
  max-height: 450px;
  overflow-y: auto;
  padding-right: 6px;
}

  .field-mapping-list[b-deqaqii662]::-webkit-scrollbar,
  .field-mapping-list-compact[b-deqaqii662]::-webkit-scrollbar {
    width: 5px;
  }

  .field-mapping-list[b-deqaqii662]::-webkit-scrollbar-track,
  .field-mapping-list-compact[b-deqaqii662]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
  }

  .field-mapping-list[b-deqaqii662]::-webkit-scrollbar-thumb,
  .field-mapping-list-compact[b-deqaqii662]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
  }

    .field-mapping-list[b-deqaqii662]::-webkit-scrollbar-thumb:hover,
    .field-mapping-list-compact[b-deqaqii662]::-webkit-scrollbar-thumb:hover {
      background: #555;
    }

/* 鐎涙顔岄弰鐘茬殸妞?*/
.field-mapping-item[b-deqaqii662] {
  padding: 12px;
  margin-bottom: 12px;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  background: white;
  transition: all 0.2s ease;
}

  .field-mapping-item:hover[b-deqaqii662] {
    border-color: #0d6efd;
    background: #f8f9fa;
    transform: translateX(3px);
  }

  .field-mapping-item.mapped[b-deqaqii662] {
    background: #f0fff4;
    border-color: #198754;
  }

  .field-mapping-item.group-field[b-deqaqii662] {
    border-left: 3px solid #198754;
  }

  .field-mapping-item.aggregate-field[b-deqaqii662] {
    border-left: 3px solid #0dcaf0;
  }

/* 缁毖冨櫨閻楀牆鐡у▓鍨Ё鐏忓嫰銆?*/
.field-mapping-item-compact[b-deqaqii662] {
  padding: 6px 10px;
  margin-bottom: 6px;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.15s ease;
}

  .field-mapping-item-compact:hover[b-deqaqii662] {
    border-color: #0d6efd;
    background: #f8f9fa;
  }

  .field-mapping-item-compact.mapped[b-deqaqii662] {
    background: #f0fff4;
    border-color: #d4edda;
  }

  .field-mapping-item-compact.group-field[b-deqaqii662] {
    border-left: 2px solid #198754;
  }

  .field-mapping-item-compact.aggregate-field[b-deqaqii662] {
    border-left: 2px solid #0dcaf0;
  }

.field-info[b-deqaqii662] {
  flex: 0 0 40%;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}

.field-info-with-default[b-deqaqii662] {
  flex: 0 0 28%;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}

.field-selector-compact[b-deqaqii662] {
  flex: 0 0 58%;
}

.field-selector-with-default[b-deqaqii662] {
  flex: 0 0 70%;
  display: flex;
  gap: 8px;
}

.field-select-compact[b-deqaqii662] {
  flex: 1;
}

.default-value-input[b-deqaqii662] {
  flex: 1;
  min-width: 120px;
}

.field-name-compact[b-deqaqii662] {
  font-weight: 500;
  color: #495057;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.field-select-compact[b-deqaqii662] {
  width: 100%;
}

/* 鐎涙顔岄弽鍥╊劮 */
.field-label-wrapper[b-deqaqii662] {
  margin-bottom: 8px;
}

.field-label[b-deqaqii662] {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #495057;
  margin-bottom: 4px;
}

.field-name[b-deqaqii662] {
  flex: 1;
}

.required-star[b-deqaqii662] {
  color: #dc3545;
  margin-right: 4px;
  font-weight: 700;
}

/* 鐎涙顔岄柅澶嬪閸?*/
.field-selector[b-deqaqii662] {
  position: relative;
}

.field-select[b-deqaqii662] {
  width: 100%;
}

/* 閺勭姴鐨犻幓鎰仛 */
.mapping-tips[b-deqaqii662] {
  padding: 16px 0;
}

  .mapping-tips h6[b-deqaqii662] {
    color: #495057;
    font-weight: 600;
    margin-bottom: 16px;
  }

.tips-list[b-deqaqii662] {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

  .tips-list li[b-deqaqii662] {
    padding: 6px 0;
    color: #6c757d;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
  }

    .tips-list li i[b-deqaqii662] {
      margin-right: 8px;
      flex-shrink: 0;
    }

/* 缁毖冨櫨閻楀牊妲х亸鍕絹缁€?*/
.mapping-tips-compact[b-deqaqii662] {
  padding: 8px 12px;
  background: #f8f9fa;
  border-radius: 4px;
  border: 1px solid #e9ecef;
}

  .mapping-tips-compact small[b-deqaqii662] {
    line-height: 1.6;
  }

/* 韫囶偊鈧喐鎼锋担婊勭埉 */
.quick-actions[b-deqaqii662] {
  animation: slideInDown-b-deqaqii662 0.3s ease-out;
}

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

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

/* ========================================
   Tab缂佸嫪娆㈢敮鍐ㄧ湰娴兼ê瀵查弽宄扮础
   ======================================== */

/* Tab閸愬懎顔愰崠鍛邦棅閸?*/
.tab-content-wrapper[b-deqaqii662] {
  padding: 16px 0;
}

/* Tab婢舵挳鍎存穱鈩冧紖閸栧搫鐓?*/
.tab-header-info[b-deqaqii662] {
  background: #f8f9fa;
  padding: 12px 16px;
  border-radius: 6px;
  margin-bottom: 16px;
}

/* Tab閸愬懐娈戠€涙顔岄弰鐘茬殸閸掓銆冮敍鍫熸纯鐎硅姤鏆堥敍?*/
.tab-content-wrapper .field-mapping-list-refactored[b-deqaqii662] {
  max-height: 500px;
}

/* Tab閸愬懐娈戠€涙顔岄弰鐘茬殸鐞涘矉绱欓弴鏉戭啍閿?*/
.tab-content-wrapper .field-mapping-row[b-deqaqii662] {
  grid-template-columns: 300px 240px 1fr;
}

/* 閸濆秴绨插蹇ョ窗Tab濡€崇础娑?*/
@media (max-width: 1400px) {
  .tab-content-wrapper .field-mapping-row[b-deqaqii662] {
    grid-template-columns: 280px 220px 1fr;
  }
}

@media (max-width: 1200px) {
  .tab-content-wrapper .field-mapping-row[b-deqaqii662] {
    grid-template-columns: 250px 200px 1fr;
  }
}

@media (max-width: 992px) {
  .tab-content-wrapper .field-mapping-row[b-deqaqii662] {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

/* ========================================
   閺傝顢岯閿涙瓓adio閹稿鎸崇紒鍕瑏闁绔村Ο鈥崇础閺嶅嘲绱?   ======================================== */

/* 鐎涙顔岄弰鐘茬殸閸掓銆?- 闁插秵鐎悧?*/
.field-mapping-list-refactored[b-deqaqii662] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 450px;
  overflow-y: auto;
  padding-right: 8px;
}

  .field-mapping-list-refactored[b-deqaqii662]::-webkit-scrollbar {
    width: 6px;
  }

  .field-mapping-list-refactored[b-deqaqii662]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
  }

  .field-mapping-list-refactored[b-deqaqii662]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
  }

    .field-mapping-list-refactored[b-deqaqii662]::-webkit-scrollbar-thumb:hover {
      background: #555;
    }

/* 鐎涙顔岄弰鐘茬殸鐞?*/
.field-mapping-row[b-deqaqii662] {
  display: grid;
  grid-template-columns: 250px 240px 1fr;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  background: #fff;
  transition: all 0.2s ease;
}

  .field-mapping-row:hover[b-deqaqii662] {
    background: #f8f9fa;
    border-color: #dee2e6;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  }

  .field-mapping-row.has-value[b-deqaqii662] {
    background: #f0f9ff;
    border-color: #bfdbfe;
  }

  .field-mapping-row.group-field-row[b-deqaqii662] {
    border-left: 3px solid #10b981;
  }

  .field-mapping-row.aggregate-field-row[b-deqaqii662] {
    border-left: 3px solid #3b82f6;
  }

/* 鐎涙顔岄崥宥囆為崚?*/
.field-name-column[b-deqaqii662] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  color: #374151;
  font-size: 0.875rem;
}

.field-display-name[b-deqaqii662] {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.required-indicator[b-deqaqii662] {
  color: #dc2626;
  font-weight: bold;
  font-size: 0.875rem;
}

/* 閺勭姴鐨犲Ο鈥崇础閸?*/
.mapping-mode-column[b-deqaqii662] {
  display: flex;
  justify-content: center;
}

  /* RadioList缂佸嫪娆㈤弽宄扮础娴兼ê瀵?*/
  .mapping-mode-column .form-check[b-deqaqii662] {
    margin-bottom: 0;
  }

  .mapping-mode-column .btn-group[b-deqaqii662] {
    width: 100%;
  }

  .mapping-mode-column .btn[b-deqaqii662] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    white-space: nowrap;
  }

  /* RadioList閹稿鎸抽弽宄扮础 */
  .mapping-mode-column .btn-outline-primary[b-deqaqii662] {
    border-color: #3b82f6;
    color: #3b82f6;
  }

    .mapping-mode-column .btn-outline-primary.active[b-deqaqii662],
    .mapping-mode-column .btn-outline-primary:checked[b-deqaqii662] {
      background-color: #3b82f6;
      border-color: #3b82f6;
      color: #fff;
    }

  .mapping-mode-column .btn-outline-info[b-deqaqii662] {
    border-color: #0ea5e9;
    color: #0ea5e9;
  }

    .mapping-mode-column .btn-outline-info.active[b-deqaqii662],
    .mapping-mode-column .btn-outline-info:checked[b-deqaqii662] {
      background-color: #0ea5e9;
      border-color: #0ea5e9;
      color: #fff;
    }

  .mapping-mode-column .btn-outline-secondary[b-deqaqii662] {
    border-color: #6b7280;
    color: #6b7280;
  }

    .mapping-mode-column .btn-outline-secondary.active[b-deqaqii662],
    .mapping-mode-column .btn-outline-secondary:checked[b-deqaqii662] {
      background-color: #6b7280;
      border-color: #6b7280;
      color: #fff;
    }

  .mapping-mode-column .btn.disabled[b-deqaqii662] {
    pointer-events: none;
    opacity: 0.5;
  }

/* 閸婅壈绶崗銉ュ灙 */
.value-input-column[b-deqaqii662] {
  min-height: 32px;
  display: flex;
  align-items: center;
}

.empty-value-indicator[b-deqaqii662] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  font-style: italic;
  width: 100%;
  padding: 6px 12px;
  background: #f9fafb;
  border-radius: 4px;
  border: 1px dashed #d1d5db;
}

/* 閸濆秴绨插蹇庣喘閸?*/
@media (max-width: 1200px) {
  .field-mapping-row[b-deqaqii662] {
    grid-template-columns: 200px 220px 1fr;
    gap: 8px;
  }
}

@media (max-width: 992px) {
  .field-mapping-row[b-deqaqii662] {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .mapping-mode-column[b-deqaqii662] {
    justify-content: flex-start;
  }
}

/* 閸斻劎鏁鹃弫鍫熺亯 */
@keyframes fadeInValue-b-deqaqii662 {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

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

.field-mapping-row.has-value[b-deqaqii662] {
  animation: fadeInValue-b-deqaqii662 0.3s ease;
}

/* 閹绘劗銇氶崠鍝勭厵 - 闁插秵鐎悧?*/
.mapping-tips-refactored[b-deqaqii662] {
  padding: 12px;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border-radius: 6px;
  border: 1px solid #fbbf24;
}

.tips-content[b-deqaqii662] {
  flex: 1;
}

  .tips-content small span[b-deqaqii662] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    background: rgba(255,255,255,0.7);
    border-radius: 4px;
  }

/* 鐞涘矁瀵栭崶缈犱繆閹垰鐫嶇粈?*/
.row-range-info[b-deqaqii662] {
  border-left: 3px solid #0d6efd;
}

  .row-range-info .info-item[b-deqaqii662] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

    .row-range-info .info-item i[b-deqaqii662] {
      font-size: 1rem;
    }

    .row-range-info .info-item span[b-deqaqii662] {
      font-size: 0.9rem;
    }

/* =========================================== */
/* 娑撹绮犵悰銊ヮ嚤閸忋儱鎮滅€?- 瀹搞儰缍旂悰銊┾偓澶嬪濮濄儵顎冮弽宄扮础娴兼ê瀵?*/
/* 濞ｈ濮為崚?MasterDetailImportWizard.razor.css */
/* =========================================== */

/* ===== 1閿斿繆鍎?瀹搞儰缍旂悰銊х秹閺嶇厧绔风仦鈧?===== */
.worksheet-grid[b-deqaqii662] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
  padding: 0.75rem 0;
}

/* 瀹搞儰缍旂悰銊ュ幢閻?*/
.worksheet-card[b-deqaqii662] {
  position: relative;
  padding: 1.25rem;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  background: white;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

  .worksheet-card[b-deqaqii662]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #4CAF50, #81C784);
    opacity: 0;
    transition: opacity 0.25s;
  }

  .worksheet-card:hover[b-deqaqii662] {
    border-color: #81C784;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.15);
    transform: translateY(-3px);
  }

    .worksheet-card:hover[b-deqaqii662]::before {
      opacity: 1;
    }

  .worksheet-card.selected[b-deqaqii662] {
    border-color: #4CAF50;
    background: linear-gradient(135deg, #f1f8f4 0%, #ffffff 100%);
    box-shadow: 0 6px 16px rgba(76, 175, 80, 0.25);
  }

    .worksheet-card.selected[b-deqaqii662]::before {
      opacity: 1;
    }

/* 瀹搞儰缍旂悰銊︾垼妫?*/
.worksheet-header[b-deqaqii662] {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

  .worksheet-header h6[b-deqaqii662] {
    flex: 1;
    font-size: 1rem;
    font-weight: 600;
    color: #2c3e50;
  }

/* 瀹搞儰缍旂悰銊х埠鐠佲€蹭繆閹?*/
.worksheet-stats[b-deqaqii662] {
  display: flex;
  gap: 1.25rem;
  font-size: 0.875rem;
  color: #6c757d;
}

.stat-item[b-deqaqii662] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

  .stat-item strong[b-deqaqii662] {
    color: #2c3e50;
    font-weight: 600;
  }

/* 闁鑵戦幐鍥┿仛閸?*/
.selected-indicator[b-deqaqii662] {
  position: absolute;
  top: 1rem;
  right: 1rem;
  animation: scaleIn-b-deqaqii662 0.3s ease;
}

@keyframes scaleIn-b-deqaqii662 {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

/* ===== 2閿斿繆鍎?鐞涘矂鍘ょ純顔煎隘閸?===== */
.row-config-container[b-deqaqii662] {
  padding: 0.5rem 0;
}

.config-section[b-deqaqii662] {
  padding: 0.75rem 0;
}

.section-header[b-deqaqii662] {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

  .section-header label[b-deqaqii662] {
    font-size: 0.95rem;
    color: #2c3e50;
  }

  .section-header i:first-child[b-deqaqii662] {
    font-size: 1.1rem;
  }

.config-input[b-deqaqii662] {
  max-width: 450px;
}

  .config-input .input-group-text[b-deqaqii662] {
    background-color: #f8f9fa;
    border-color: #dee2e6;
    color: #6c757d;
    font-size: 0.9rem;
  }

  .config-input input[type="number"][b-deqaqii662] {
    font-weight: 600;
    color: #2c3e50;
  }

/* ===== 3閿斿繆鍎?闁板秶鐤嗘０鍕潔 ===== */
.config-preview[b-deqaqii662] {
  padding: 1rem 0 0.5rem;
}

.preview-items[b-deqaqii662] {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.preview-item[b-deqaqii662] {
  display: flex;
  align-items: center;
  padding: 0.625rem 0.875rem;
  background: white;
  border-radius: 6px;
  border-left: 3px solid #17a2b8;
}

  .preview-item strong[b-deqaqii662] {
    color: #2c3e50;
    min-width: 90px;
  }

  .preview-item span[b-deqaqii662] {
    color: #495057;
  }

  .preview-item .badge[b-deqaqii662] {
    font-size: 0.75rem;
    padding: 0.35rem 0.6rem;
  }

/* ===== 4閿斿繆鍎?闁板秶鐤嗙拠瀛樻 ===== */
.config-tips h6[b-deqaqii662] {
  color: #2c3e50;
  font-size: 0.95rem;
  font-weight: 600;
}

.config-tips ul[b-deqaqii662] {
  list-style-type: none;
  margin-bottom: 0;
}

.config-tips li[b-deqaqii662] {
  padding: 0.375rem 0;
  color: #495057;
  line-height: 1.6;
}

  .config-tips li[b-deqaqii662]::before {
    content: "閳?; color: #FFC107; font-weight: bold;
    font-size: 1.1rem;
    margin-right: 0.5rem;
  }

.config-tips strong[b-deqaqii662] {
  color: #2c3e50;
}

/* ===== 5閿斿繆鍎?閸掓顣╃憴鍫㈢秹閺?===== */
.columns-preview-container[b-deqaqii662] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  padding: 0.75rem 0;
  max-height: 400px;
  overflow-y: auto;
}

.column-chip[b-deqaqii662] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.875rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-radius: 24px;
  font-size: 0.875rem;
  font-weight: 500;
  box-shadow: 0 2px 6px rgba(102, 126, 234, 0.25);
  transition: all 0.2s ease;
}

  .column-chip:hover[b-deqaqii662] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.35);
  }

.column-index[b-deqaqii662] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  backdrop-filter: blur(4px);
}

.column-name[b-deqaqii662] {
  font-weight: 500;
  letter-spacing: 0.01em;
}

/* ===== 6閿斿繆鍎?閸濆秴绨插蹇氼啎鐠?===== */
@media (max-width: 768px) {
  .worksheet-grid[b-deqaqii662] {
    grid-template-columns: 1fr;
  }

  .config-input[b-deqaqii662] {
    max-width: 100%;
  }

  .row.g-3 > .col-md-6[b-deqaqii662] {
    padding: 0.5rem !important;
  }

  .worksheet-stats[b-deqaqii662] {
    flex-direction: column;
    gap: 0.5rem;
  }

  .columns-preview-container[b-deqaqii662] {
    max-height: 300px;
  }
}

@media (max-width: 576px) {
  .worksheet-card[b-deqaqii662] {
    padding: 1rem;
  }

  .section-header[b-deqaqii662] {
    font-size: 0.9rem;
  }

  .preview-item[b-deqaqii662] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }

    .preview-item strong[b-deqaqii662] {
      min-width: auto;
    }
}

/* ===== 7閿斿繆鍎?濞ｈ精澹婂Ο鈥崇础閺€顖涘瘮 ===== */
@media (prefers-color-scheme: dark) {
  .worksheet-card[b-deqaqii662] {
    background: #2d3748;
    border-color: #4a5568;
  }

    .worksheet-card:hover[b-deqaqii662] {
      border-color: #81C784;
      background: #374151;
    }

    .worksheet-card.selected[b-deqaqii662] {
      background: linear-gradient(135deg, #1e3a2e 0%, #2d3748 100%);
      border-color: #4CAF50;
    }

  .worksheet-header h6[b-deqaqii662],
  .section-header label[b-deqaqii662],
  .config-tips h6[b-deqaqii662],
  .preview-item strong[b-deqaqii662],
  .config-tips strong[b-deqaqii662] {
    color: #e2e8f0;
  }

  .worksheet-stats[b-deqaqii662],
  .config-tips li[b-deqaqii662],
  .preview-item span[b-deqaqii662] {
    color: #cbd5e0;
  }

  .config-input .input-group-text[b-deqaqii662] {
    background-color: #2d3748;
    border-color: #4a5568;
    color: #a0aec0;
  }

  .preview-item[b-deqaqii662] {
    background: #2d3748;
    border-left-color: #4299e1;
  }
}

/* ===== 8閿斿繆鍎?閹垫挸宓冮弽宄扮础娴兼ê瀵?===== */
@media print {
  .worksheet-card[b-deqaqii662] {
    page-break-inside: avoid;
  }

  .column-chip[b-deqaqii662] {
    background: #667eea !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* ===== 9閿斿繆鍎?鏉堝懎濮崝銊ф暰 ===== */
@keyframes fadeInUp-b-deqaqii662 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

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

.wizard-step-content[b-deqaqii662] {
  animation: fadeInUp-b-deqaqii662 0.4s ease;
}

/* ===== 棣冩晸 濠婃艾濮╅弶锛勭法閸?===== */
.columns-preview-container[b-deqaqii662]::-webkit-scrollbar {
  width: 8px;
}

.columns-preview-container[b-deqaqii662]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.columns-preview-container[b-deqaqii662]::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

  .columns-preview-container[b-deqaqii662]::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
/* =========================================== */
/* 宸ヤ綔琛ㄩ€夋嫨椤甸潰绱у噾鍖栨牱寮忥紙绌洪棿鑺傜渷44%锛?    */
/* =========================================== */

/* 鏁翠綋瀹瑰櫒 */
.wizard-step-content-compact[b-deqaqii662] {
  padding: 0.75rem 0;
}

/* ===== 1锔忊儯 宸ヤ綔琛ㄩ€夋嫨绱у噾鐗?===== */
.worksheet-section-compact[b-deqaqii662] {
  margin-bottom: 1rem;
}

.section-title-compact[b-deqaqii662] {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: #f8f9fa;
  border-radius: 6px 6px 0 0;
  border-bottom: 2px solid #dee2e6;
  font-size: 0.875rem;
}

.worksheet-grid-compact[b-deqaqii662] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 0.5rem;
  padding: 0.75rem;
  background: white;
  border: 1px solid #dee2e6;
  border-top: none;
  border-radius: 0 0 6px 6px;
}

/* 宸ヤ綔琛ㄧ揣鍑戣姱鐗?*/
.worksheet-chip[b-deqaqii662] {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.75rem;
  background: #f8f9fa;
  border: 2px solid #dee2e6;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}

  .worksheet-chip:hover[b-deqaqii662] {
    border-color: #4CAF50;
    background: #f1f8f4;
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.2);
  }

  .worksheet-chip.selected[b-deqaqii662] {
    border-color: #4CAF50;
    background: linear-gradient(135deg, #f1f8f4, #ffffff);
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
  }

.ws-name[b-deqaqii662] {
  font-size: 0.813rem;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ws-stats[b-deqaqii662] {
  font-size: 0.75rem;
  color: #6c757d;
}

.ws-check[b-deqaqii662] {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  color: #4CAF50;
  font-size: 1rem;
  animation: checkIn-b-deqaqii662 0.3s ease;
}

@keyframes checkIn-b-deqaqii662 {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

.empty-state-compact[b-deqaqii662] {
  padding: 1rem;
  text-align: center;
  color: #6c757d;
  background: white;
  border: 1px solid #dee2e6;
  border-top: none;
  border-radius: 0 0 6px 6px;
}

/* ===== 2锔忊儯 琛岄厤缃伐鍏锋爮锛堝崟琛岋級 ===== */
.row-config-toolbar[b-deqaqii662] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.625rem 1rem;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.toolbar-group[b-deqaqii662] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.toolbar-label[b-deqaqii662] {
  font-size: 0.813rem;
  font-weight: 500;
  color: #495057;
  margin: 0;
  white-space: nowrap;
}

.toolbar-input[b-deqaqii662] {
  width: 60px !important;
  text-align: center;
}

.toolbar-text[b-deqaqii662] {
  color: #6c757d;
  font-weight: 500;
}

.toolbar-divider[b-deqaqii662] {
  width: 1px;
  height: 24px;
  background: #dee2e6;
}

.toolbar-preview[b-deqaqii662] {
  display: flex;
  align-items: center;
  font-size: 0.813rem;
  color: #495057;
  background: #e7f3ff;
  padding: 0.25rem 0.75rem;
  border-radius: 4px;
}

.toolbar-actions[b-deqaqii662] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* ===== 3锔忊儯 鍒楅瑙堢揣鍑戠増 ===== */
.columns-section-compact[b-deqaqii662] {
  margin-bottom: 1rem;
}

.columns-chips-compact[b-deqaqii662] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  padding: 0.75rem;
  background: white;
  border: 1px solid #dee2e6;
  border-top: none;
  border-radius: 0 0 6px 6px;
  max-height: 300px;
  overflow-y: auto;
}

.column-chip-compact[b-deqaqii662] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-radius: 16px;
  font-size: 0.75rem;
  font-weight: 500;
}

.chip-index[b-deqaqii662] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  font-size: 0.688rem;
  font-weight: 600;
}

.chip-name[b-deqaqii662] {
  font-weight: 500;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ===== 鍝嶅簲寮忚璁?===== */
@media (max-width: 768px) {
  .worksheet-grid-compact[b-deqaqii662] {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }

  .row-config-toolbar[b-deqaqii662] {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }

  .toolbar-divider[b-deqaqii662] {
    display: none;
  }

  .toolbar-group[b-deqaqii662] {
    justify-content: space-between;
  }

  .toolbar-actions[b-deqaqii662] {
    justify-content: flex-end;
  }
}

@media (max-width: 576px) {
  .worksheet-grid-compact[b-deqaqii662] {
    grid-template-columns: 1fr;
  }

  .column-chip-compact[b-deqaqii662] {
    font-size: 0.688rem;
    padding: 0.25rem 0.5rem;
  }
}

/* ===== 婊氬姩鏉＄編鍖?===== */
.columns-chips-compact[b-deqaqii662]::-webkit-scrollbar {
  width: 6px;
}

.columns-chips-compact[b-deqaqii662]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.columns-chips-compact[b-deqaqii662]::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}

  .columns-chips-compact[b-deqaqii662]::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
/* /Components/Common/PageHeaderWithStats.razor.rz.scp.css */
/* 极致紧凑页面Header容器 */
.page-header-with-stats[b-vq4me3vt9r] {
    background: #fff;
    border-bottom: 1px solid #e3e6f0;
    padding: 0.5rem 0;
    margin-bottom: 0.75rem;
}

/* 主区域 - 横向布局 */
.header-main-section[b-vq4me3vt9r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

/* 标题区域 */
.header-title-section[b-vq4me3vt9r] {
    flex-shrink: 0;
}

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

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

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

/* 右侧区域 - 统计卡片 + 操作按钮 */
.header-right-section[b-vq4me3vt9r] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    justify-content: flex-end;
}

/* 统计卡片 - 极致紧凑横向内联布局 */
.statistics-inline[b-vq4me3vt9r] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.stat-card-inline[b-vq4me3vt9r] {
    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-vq4me3vt9r] {
    background: #fff;
    border-color: #4e73df;
    box-shadow: 0 1px 3px rgba(78, 115, 223, 0.15);
}

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

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

/* 🆕 激活状态样式 */
.stat-card-inline.active[b-vq4me3vt9r] {
    background: #4e73df;
    border-color: #4e73df;
    box-shadow: 0 2px 6px rgba(78, 115, 223, 0.3);
}

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

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

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

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

.stat-icon-wrapper-inline[b-vq4me3vt9r] {
    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-vq4me3vt9r] {
    font-size: 0.875rem;
}

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

.stat-title-inline[b-vq4me3vt9r] {
    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-vq4me3vt9r] {
    color: #2c3e50;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1;
}

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

/* 响应式设计 */
@media (max-width: 1200px) {
    .header-main-section[b-vq4me3vt9r] {
        flex-wrap: wrap;
    }

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

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

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

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

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

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

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

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

    .stat-icon-wrapper-inline[b-vq4me3vt9r] {
        width: 26px;
        height: 26px;
    }

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

    .stat-title-inline[b-vq4me3vt9r] {
        font-size: 0.6rem;
    }

    .stat-value-inline[b-vq4me3vt9r] {
        font-size: 0.875rem;
    }

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

@media (max-width: 576px) {
    .stat-card-inline[b-vq4me3vt9r] {
        flex: 1 1 100%;
    }
}

/* 颜色变体 - 简洁版本 */
.stat-card-inline.bg-primary-light[b-vq4me3vt9r] {
    background: #4e73df;
    border-color: #4e73df;
    color: white;
}

.stat-card-inline.bg-primary-light:hover[b-vq4me3vt9r] {
    background: #2e59d9;
    border-color: #2e59d9;
}

.stat-card-inline.bg-primary-light .stat-title-inline[b-vq4me3vt9r],
.stat-card-inline.bg-primary-light .stat-value-inline[b-vq4me3vt9r] {
    color: white;
}

.stat-card-inline.bg-primary-light .stat-icon-wrapper-inline[b-vq4me3vt9r] {
    background: rgba(255, 255, 255, 0.2);
}

.stat-card-inline.bg-success-light[b-vq4me3vt9r] {
    background: #1cc88a;
    border-color: #1cc88a;
    color: white;
}

.stat-card-inline.bg-success-light:hover[b-vq4me3vt9r] {
    background: #17a673;
    border-color: #17a673;
}

.stat-card-inline.bg-success-light .stat-title-inline[b-vq4me3vt9r],
.stat-card-inline.bg-success-light .stat-value-inline[b-vq4me3vt9r] {
    color: white;
}

.stat-card-inline.bg-success-light .stat-icon-wrapper-inline[b-vq4me3vt9r] {
    background: rgba(255, 255, 255, 0.2);
}

.stat-card-inline.bg-info-light[b-vq4me3vt9r] {
    background: #36b9cc;
    border-color: #36b9cc;
    color: white;
}

.stat-card-inline.bg-info-light:hover[b-vq4me3vt9r] {
    background: #2c9faf;
    border-color: #2c9faf;
}

.stat-card-inline.bg-info-light .stat-title-inline[b-vq4me3vt9r],
.stat-card-inline.bg-info-light .stat-value-inline[b-vq4me3vt9r] {
    color: white;
}

.stat-card-inline.bg-info-light .stat-icon-wrapper-inline[b-vq4me3vt9r] {
    background: rgba(255, 255, 255, 0.2);
}

.stat-card-inline.bg-warning-light[b-vq4me3vt9r] {
    background: #f6c23e;
    border-color: #f6c23e;
    color: white;
}

.stat-card-inline.bg-warning-light:hover[b-vq4me3vt9r] {
    background: #f4b619;
    border-color: #f4b619;
}

.stat-card-inline.bg-warning-light .stat-title-inline[b-vq4me3vt9r],
.stat-card-inline.bg-warning-light .stat-value-inline[b-vq4me3vt9r] {
    color: white;
}

.stat-card-inline.bg-warning-light .stat-icon-wrapper-inline[b-vq4me3vt9r] {
    background: rgba(255, 255, 255, 0.2);
}

.stat-card-inline.bg-danger-light[b-vq4me3vt9r] {
    background: #e74a3b;
    border-color: #e74a3b;
    color: white;
}

.stat-card-inline.bg-danger-light:hover[b-vq4me3vt9r] {
    background: #e02d1b;
    border-color: #e02d1b;
}

.stat-card-inline.bg-danger-light .stat-title-inline[b-vq4me3vt9r],
.stat-card-inline.bg-danger-light .stat-value-inline[b-vq4me3vt9r] {
    color: white;
}

.stat-card-inline.bg-danger-light .stat-icon-wrapper-inline[b-vq4me3vt9r] {
    background: rgba(255, 255, 255, 0.2);
}
/* /Components/Common/Query/DynamicQueryBuilder.razor.rz.scp.css */
.dynamic-query-builder[b-n3d4722vrp] {
    /* 整体容器 */
}

/* 工具栏 */
.query-toolbar .card-body[b-n3d4722vrp] {
    background-color: #f8f9fa;
}

/* 空状态 */
.empty-conditions[b-n3d4722vrp] {
    border-style: dashed;
    border-color: #dee2e6;
}

.empty-conditions .card-body[b-n3d4722vrp] {
    background-color: #fafafa;
}

/* 条件行 */
.condition-row[b-n3d4722vrp] {
    padding: 8px 12px;
    background-color: #fff;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.condition-row:hover[b-n3d4722vrp] {
    border-color: #0d6efd;
    box-shadow: 0 2px 4px rgba(13, 110, 253, 0.1);
}

/* 条件组 */
.condition-group[b-n3d4722vrp] {
    position: relative;
}

.condition-group.card[b-n3d4722vrp] {
    border-left: 3px solid #0d6efd;
}

.condition-group .card-header[b-n3d4722vrp] {
    background-color: #e7f1ff;
    border-bottom: 1px solid #b6d4fe;
}

/* 逻辑操作符 */
.logic-operator .form-select[b-n3d4722vrp],
.logic-operator select[b-n3d4722vrp] {
    font-size: 0.85rem;
    font-weight: 500;
    text-align: center;
}

/* 字段选择 */
.field-select .form-select[b-n3d4722vrp],
.field-select select[b-n3d4722vrp] {
    font-size: 0.9rem;
}

/* 操作符选择 */
.operator-select .form-select[b-n3d4722vrp],
.operator-select select[b-n3d4722vrp] {
    font-size: 0.85rem;
    background-color: #f0f7ff;
}

/* 值输入 */
.value-input input[b-n3d4722vrp],
.value-input .form-control[b-n3d4722vrp],
.value-input .form-select[b-n3d4722vrp] {
    font-size: 0.9rem;
}

/* 查询预览 */
.query-preview code[b-n3d4722vrp] {
    word-break: break-all;
    white-space: pre-wrap;
}

.query-preview .condition-description[b-n3d4722vrp] {
    color: #495057;
    font-size: 0.9rem;
    line-height: 1.6;
}

/* 保存的方案 */
.saved-schemes .scheme-item .btn[b-n3d4722vrp] {
    font-size: 0.85rem;
}

/* 响应式 */
@media (max-width: 768px) {
    .condition-row[b-n3d4722vrp] {
        flex-wrap: wrap;
    }
    
    .condition-row > div[b-n3d4722vrp] {
        width: 100% !important;
        margin-bottom: 8px;
    }
    
    .condition-row .value-input[b-n3d4722vrp] {
        order: 5;
    }
    
    .condition-row .condition-actions[b-n3d4722vrp] {
        order: 6;
        width: auto !important;
    }
}

/* 动画效果 */
.condition-row[b-n3d4722vrp] {
    animation: fadeIn-b-n3d4722vrp 0.3s ease;
}

@keyframes fadeIn-b-n3d4722vrp {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 深层嵌套样式 */
.condition-group .condition-group .condition-group[b-n3d4722vrp] {
    border-left-color: #6610f2;
}

.condition-group .condition-group .condition-group .card-header[b-n3d4722vrp] {
    background-color: #f3e8ff;
}

/* 拖拽排序提示 */
.condition-row.dragging[b-n3d4722vrp] {
    opacity: 0.5;
    border: 2px dashed #0d6efd;
}

.condition-row.drag-over[b-n3d4722vrp] {
    border-top: 3px solid #0d6efd;
}
/* /Components/Common/Query/UnifiedQueryPanel.razor.rz.scp.css */
.unified-query-panel[b-4rr1intyyz] {
    margin-bottom: 0.75rem;
}

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

.unified-query-panel .quick-search-row[b-4rr1intyyz] {
    min-height: 36px;
}

.unified-query-panel .quick-search-input-wrap[b-4rr1intyyz] {
    position: relative;
    display: flex;
    align-items: center;
}

.unified-query-panel .quick-search-icon[b-4rr1intyyz] {
    position: absolute;
    left: 10px;
    z-index: 2;
    color: #9aa0a6;
    font-size: 0.8rem;
    pointer-events: none;
}

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

.unified-query-panel[b-4rr1intyyz]  .quick-search-textbox .dxbl-text-editor-input {
    padding-left: 30px;
}

.unified-query-panel .query-action-group[b-4rr1intyyz] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.unified-query-panel .query-action-btn[b-4rr1intyyz] {
    min-width: 64px;
}

.unified-query-panel .advanced-filter-area[b-4rr1intyyz] {
    padding: 0.5rem 0;
}

/* 快速访问区域 - 紧凑样式 */
.unified-query-panel .saved-schemes-quick-access[b-4rr1intyyz] {
    margin-top: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 0.5rem;
    border: 1px solid #dee2e6;
}

.unified-query-panel .saved-schemes-quick-access.collapsed[b-4rr1intyyz] {
    padding: 0.375rem 0.75rem;
    background: #f8f9fa;
}

.unified-query-panel .quick-access-header[b-4rr1intyyz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
}

.unified-query-panel .quick-access-header:hover[b-4rr1intyyz] {
    opacity: 0.85;
}

.unified-query-panel .quick-access-title[b-4rr1intyyz] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #495057;
}

.unified-query-panel .toggle-icon[b-4rr1intyyz] {
    font-size: 0.65rem;
    width: 10px;
    transition: transform 0.2s ease;
}

.unified-query-panel .count-badge[b-4rr1intyyz] {
    font-size: 0.65rem !important;
    padding: 0.15rem 0.4rem !important;
}

.unified-query-panel .view-all-btn[b-4rr1intyyz] {
    font-size: 0.75rem;
    padding: 0.15rem 0.5rem;
}

/* 快速访问标签 */
.unified-query-panel .quick-access-tags[b-4rr1intyyz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px dashed #dee2e6;
}

.unified-query-panel .scheme-tag[b-4rr1intyyz] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.6rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 1rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.unified-query-panel .scheme-tag:hover[b-4rr1intyyz] {
    background-color: #e9ecef;
    border-color: #adb5bd;
    transform: translateY(-1px);
}

.unified-query-panel .scheme-tag.active[b-4rr1intyyz] {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.unified-query-panel .scheme-tag i[b-4rr1intyyz] {
    font-size: 0.7rem;
    opacity: 0.7;
}

.unified-query-panel .scheme-tag.active i[b-4rr1intyyz] {
    opacity: 1;
}

/* 响应式布局 */
@media (max-width: 576px) {
    .unified-query-panel .quick-search-area .row > div[b-4rr1intyyz] {
        margin-bottom: 0.5rem;
    }

    .unified-query-panel .query-action-group[b-4rr1intyyz] {
        width: 100%;
        justify-content: flex-start;
    }
    
    .unified-query-panel .quick-access-tags[b-4rr1intyyz] {
        flex-direction: column;
    }
    
    .unified-query-panel .scheme-tag[b-4rr1intyyz] {
        justify-content: center;
    }
}

/* 暗色模式支持 */
@media (prefers-color-scheme: dark) {
    .unified-query-panel .saved-schemes-quick-access[b-4rr1intyyz] {
        background: linear-gradient(135deg, #343a40 0%, #212529 100%);
        border-color: #495057;
    }
    
    .unified-query-panel .saved-schemes-quick-access.collapsed[b-4rr1intyyz] {
        background: #343a40;
    }
    
    .unified-query-panel .quick-access-title[b-4rr1intyyz] {
        color: #adb5bd;
    }
    
    .unified-query-panel .scheme-tag[b-4rr1intyyz] {
        color: #e9ecef;
        background-color: #495057;
        border-color: #6c757d;
    }
    
    .unified-query-panel .scheme-tag:hover[b-4rr1intyyz] {
        background-color: #5a6268;
    }
}

/* Card 样式覆盖 - 紧凑布局 */
.unified-query-panel .card[b-4rr1intyyz] {
    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-4rr1intyyz] {
    background-color: #fff;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    padding: 0.5rem 0.75rem;
}

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

/* 输入框样式 */
.unified-query-panel[b-4rr1intyyz]  .quick-search-textbox.dxbl-text-edit {
    border-radius: 6px;
}

/* 按钮组样式 */
.unified-query-panel .btn-group[b-4rr1intyyz] {
    flex-wrap: nowrap;
}

/* 条件计数徽章 */
.unified-query-panel .badge[b-4rr1intyyz] {
    font-size: 0.65rem;
    font-weight: 500;
}

/* 动画效果 */
.unified-query-panel .advanced-filter-area[b-4rr1intyyz] {
    animation: fadeIn-b-4rr1intyyz 0.2s ease-in-out;
}

.unified-query-panel .quick-access-tags[b-4rr1intyyz] {
    animation: fadeIn-b-4rr1intyyz 0.15s ease-in-out;
}

@keyframes fadeIn-b-4rr1intyyz {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 快速访问折叠样式 */
.unified-query-panel .cursor-pointer[b-4rr1intyyz] {
    cursor: pointer;
    user-select: none;
}

.unified-query-panel .cursor-pointer:hover[b-4rr1intyyz] {
    opacity: 0.8;
}

.unified-query-panel .saved-schemes-quick-access .fa-chevron-right[b-4rr1intyyz],
.unified-query-panel .saved-schemes-quick-access .fa-chevron-down[b-4rr1intyyz] {
    transition: transform 0.2s ease;
    width: 12px;
}
/* /Components/Common/Query/UniversalQueryToolbar.razor.rz.scp.css */
/* 通用查询工具栏样式 */
.universal-query-toolbar[b-tzasjybzb0] {
    --toolbar-border-color: #e9ecef;
    --toolbar-bg-light: #f8f9fa;
    --toolbar-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* 基础搜索栏 */
.universal-query-toolbar .card[b-tzasjybzb0] {
    border-color: var(--toolbar-border-color);
    box-shadow: var(--toolbar-shadow);
}

.universal-query-toolbar .card-body[b-tzasjybzb0] {
    background-color: #fff;
}

/* 表单标签样式 */
.universal-query-toolbar .form-label-sm[b-tzasjybzb0] {
    font-size: 0.75rem;
    color: #6c757d;
    font-weight: 500;
    margin-bottom: 0.25rem;
    display: block;
}

/* 高级筛选面板 */
.advanced-filter-panel[b-tzasjybzb0] {
    border: 1px solid var(--toolbar-border-color);
    border-radius: 0.5rem;
    overflow: hidden;
    animation: slideDown-b-tzasjybzb0 0.2s ease-out;
}

@keyframes slideDown-b-tzasjybzb0 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.advanced-filter-panel .card-header[b-tzasjybzb0] {
    border-bottom: 1px solid var(--toolbar-border-color);
}

.advanced-filter-panel .card-body[b-tzasjybzb0] {
    background-color: #fafbfc;
}

/* 筛选标签区域 */
.filter-tags[b-tzasjybzb0] {
    padding: 0.5rem 1rem;
    background-color: var(--toolbar-bg-light);
    border-radius: 0.375rem;
    border: 1px dashed var(--toolbar-border-color);
}

.filter-tags .badge[b-tzasjybzb0] {
    font-weight: 400;
    font-size: 0.8rem;
    padding: 0.35em 0.65em;
    transition: all 0.15s ease;
}

.filter-tags .badge:hover[b-tzasjybzb0] {
    background-color: #e9ecef !important;
}

.filter-tags .btn-close[b-tzasjybzb0] {
    width: 0.5em;
    height: 0.5em;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

.filter-tags .btn-close:hover[b-tzasjybzb0] {
    opacity: 1;
}

/* 日期范围选择器样式优化 */
.universal-query-toolbar[b-tzasjybzb0]  .datetime-range-body {
    min-width: 200px;
}

/* 数值输入框样式 */
.universal-query-toolbar[b-tzasjybzb0]  .bootstrap-input-number {
    max-width: 120px;
}

/* 复选框样式 */
.universal-query-toolbar[b-tzasjybzb0]  .form-check {
    padding-left: 1.75rem;
}

.universal-query-toolbar[b-tzasjybzb0]  .form-check-label {
    font-size: 0.875rem;
    color: #495057;
}

/* 按钮组样式 */
.universal-query-toolbar .btn-group-sm .btn[b-tzasjybzb0] {
    padding: 0.25rem 0.5rem;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .universal-query-toolbar .form-label-sm[b-tzasjybzb0] {
        font-size: 0.7rem;
    }
    
    .filter-tags[b-tzasjybzb0] {
        padding: 0.375rem 0.75rem;
    }
    
    .filter-tags .badge[b-tzasjybzb0] {
        font-size: 0.75rem;
        padding: 0.25em 0.5em;
    }
}

/* 输入框聚焦样式 */
.universal-query-toolbar[b-tzasjybzb0]  .form-control:focus,
.universal-query-toolbar[b-tzasjybzb0]  .form-select:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}

/* 下拉选择框样式优化 */
.universal-query-toolbar[b-tzasjybzb0]  .dropdown-toggle {
    text-align: left;
}

/* 搜索图标输入框样式 */
.universal-query-toolbar .input-group-text[b-tzasjybzb0] {
    border-right: none;
}

.universal-query-toolbar .input-group .form-control[b-tzasjybzb0] {
    border-left: none;
}

.universal-query-toolbar .input-group .form-control:focus[b-tzasjybzb0] {
    border-left: none;
}

/* 高级筛选按钮激活状态 */
.universal-query-toolbar .btn.btn-info[b-tzasjybzb0] {
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}

/* 分组标题样式 */
.universal-query-toolbar h6[b-tzasjybzb0] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 0.5rem;
}

/* 范围输入容器 */
.universal-query-toolbar .d-flex.gap-1[b-tzasjybzb0] {
    flex-wrap: nowrap;
}

.universal-query-toolbar .d-flex.gap-1 > *[b-tzasjybzb0] {
    flex: 1;
    min-width: 0;
}

.universal-query-toolbar .d-flex.gap-1 > span[b-tzasjybzb0] {
    flex: 0 0 auto;
}
/* /Components/Common/QuickCreateGoodsDialog.razor.rz.scp.css */
/* ========================================
   货品快速创建对话框样式
   ======================================== */

.quick-create-goods-dialog[b-j81h6otidy] {
    padding: 1.5rem;
}

/* ========================================
   提示信息
   ======================================== */

.quick-create-goods-dialog .alert-info[b-j81h6otidy] {
    border-left: 4px solid #0d6efd;
    background: linear-gradient(to right, #e7f3ff, #f8f9fa);
    border-radius: 8px;
}

.quick-create-goods-dialog .alert-info i[b-j81h6otidy] {
    font-size: 1.2rem;
    vertical-align: middle;
}

/* ========================================
   表单样式
   ======================================== */

.create-form[b-j81h6otidy] {
    background: #ffffff;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

/* 必填字段标记 */
.create-form .required[b-j81h6otidy]::after {
    content: "*";
    color: #dc3545;
    margin-left: 4px;
    font-weight: bold;
}

/* 必填字段高亮 */
.create-form[b-j81h6otidy]  .is-required .dxbl-edit-input {
    border-color: #ffc107 !important;
    background-color: #fff9e6 !important;
}

/* ========================================
   操作按钮区域
   ======================================== */

.action-buttons[b-j81h6otidy] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

.action-buttons .btn-action[b-j81h6otidy] {
    min-width: 120px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.action-buttons .btn-save[b-j81h6otidy] {
    background: linear-gradient(135deg, #198754, #157347);
    box-shadow: 0 2px 8px rgba(25, 135, 84, 0.3);
}

.action-buttons .btn-save:hover[b-j81h6otidy] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(25, 135, 84, 0.4);
}

.action-buttons .btn-save:disabled[b-j81h6otidy] {
    background: #6c757d;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
}

/* ========================================
   表单布局优化
   ======================================== */

.create-form .dxbl-form-layout-item[b-j81h6otidy] {
    margin-bottom: 1rem;
}

.create-form .dxbl-form-layout-item:last-child[b-j81h6otidy] {
    margin-bottom: 0;
}

/* 标签样式 */
.create-form .dxbl-fl-item-caption[b-j81h6otidy] {
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.5rem;
}

/* ========================================
   响应式优化
   ======================================== */

@media (max-width: 768px) {
    .quick-create-goods-dialog[b-j81h6otidy] {
        padding: 1rem;
    }

    .create-form[b-j81h6otidy] {
        padding: 0.75rem;
    }

    .action-buttons[b-j81h6otidy] {
        flex-direction: column-reverse;
        gap: 0.5rem;
    }

    .action-buttons .btn-action[b-j81h6otidy] {
        width: 100%;
    }

    .input-with-icon .input-icon[b-j81h6otidy] {
        font-size: 1rem;
    }
}

/* ========================================
   动画效果
   ======================================== */

@keyframes slideInDown-b-j81h6otidy {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.quick-create-goods-dialog[b-j81h6otidy] {
    animation: slideInDown-b-j81h6otidy 0.3s ease;
}

/* 输入框聚焦效果 */
.input-with-icon .dxbl-edit:focus[b-j81h6otidy] {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* ========================================
   提示信息动画
   ======================================== */

@keyframes fadeInAlert-b-j81h6otidy {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.quick-create-goods-dialog .alert-info[b-j81h6otidy] {
    animation: fadeInAlert-b-j81h6otidy 0.3s ease;
}
/* /Components/Common/RealtimeExchangeRatePanel.razor.rz.scp.css */
/* 实时汇率面板样式 */
.realtime-exchange-container[b-fz8136tac7] {
    padding: 0;
}

/* 货币卡片网格布局 */
.currency-grid[b-fz8136tac7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
    margin-bottom: 1.5rem;
}

/* 货币卡片样式 */
.currency-card[b-fz8136tac7] {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 12px;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}

.currency-card:hover[b-fz8136tac7] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* 汇率变化状态 */
.currency-card.rate-up[b-fz8136tac7] {
    border-left: 4px solid #28a745;
    background: linear-gradient(135deg, #f8fff9 0%, #ffffff 100%);
}

.currency-card.rate-down[b-fz8136tac7] {
    border-left: 4px solid #dc3545;
    background: linear-gradient(135deg, #fff8f8 0%, #ffffff 100%);
}

.currency-card.rate-unchanged[b-fz8136tac7] {
    border-left: 4px solid #6c757d;
    background: #ffffff;
}

/* 货币卡片头部 */
.currency-header[b-fz8136tac7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.currency-info[b-fz8136tac7] {
    flex: 1;
}

.currency-code[b-fz8136tac7] {
    font-size: 16px;
    font-weight: 700;
    color: #2c3e50;
    line-height: 1.2;
}

.currency-name[b-fz8136tac7] {
    font-size: 11px;
    color: #6c757d;
    margin-top: 2px;
    line-height: 1.2;
}

.currency-trend[b-fz8136tac7] {
    flex-shrink: 0;
}

/* 趋势指示器 */
.trend-indicator[b-fz8136tac7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
}

.trend-indicator.trend-up[b-fz8136tac7] {
    background: #28a745;
    color: white;
}

.trend-indicator.trend-down[b-fz8136tac7] {
    background: #dc3545;
    color: white;
}

.trend-indicator.trend-neutral[b-fz8136tac7] {
    background: #6c757d;
    color: white;
}

/* 汇率数值 */
.currency-rate[b-fz8136tac7] {
    font-size: 18px;
    font-weight: 700;
    color: #0d6efd;
    margin-bottom: 8px;
    line-height: 1.2;
}

/* 操作按钮 */
.currency-actions[b-fz8136tac7] {
    display: flex;
    gap: 4px;
}

.btn-xs[b-fz8136tac7] {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 1.2;
    border-radius: 4px;
}

/* 表格容器 */
.rates-table-container[b-fz8136tac7] {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
}

.table-header[b-fz8136tac7] {
    background: #f8f9fa;
    padding: 12px 16px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.table-header h6[b-fz8136tac7] {
    color: #495057;
    font-weight: 600;
}

/* 汇率表格 */
.rates-table[b-fz8136tac7] {
    margin-bottom: 0;
    font-size: 13px;
}

.rates-table th[b-fz8136tac7] {
    background: #f8f9fa;
    border-bottom: 2px solid #e5e5e5;
    font-weight: 600;
    color: #495057;
    padding: 8px 12px;
    white-space: nowrap;
}

.rates-table td[b-fz8136tac7] {
    padding: 8px 12px;
    vertical-align: middle;
    border-bottom: 1px solid #f1f3f4;
}

/* 表格列宽度 */
.currency-col[b-fz8136tac7] { width: 80px; }
.name-col[b-fz8136tac7] { width: 120px; }
.rate-col[b-fz8136tac7] { width: 100px; }
.count-col[b-fz8136tac7] { width: 60px; }
.time-col[b-fz8136tac7] { width: 80px; }
.action-col[b-fz8136tac7] { width: 80px; }

/* 货币代码样式 */
.currency-code-sm[b-fz8136tac7] {
    font-size: 13px;
    font-weight: 700;
    color: #2c3e50;
}

/* 表格中的趋势徽章 */
.trend-badge[b-fz8136tac7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 10px;
    margin-left: 4px;
}

.trend-badge-up[b-fz8136tac7] {
    background: #28a745;
    color: white;
}

.trend-badge-down[b-fz8136tac7] {
    background: #dc3545;
    color: white;
}

.trend-badge-neutral[b-fz8136tac7] {
    background: #6c757d;
    color: white;
}

/* 汇率数值样式 */
.rate-value[b-fz8136tac7] {
    font-weight: 600;
    font-size: 12px;
}

.rate-value.reference[b-fz8136tac7] {
    color: #28a745;
}

.rate-value.bank[b-fz8136tac7] {
    color: #0d6efd;
}

/* 表格行变化效果 */
.rates-table tbody tr.table-success[b-fz8136tac7] {
    background-color: rgba(40, 167, 69, 0.1) !important;
}

.rates-table tbody tr.table-danger[b-fz8136tac7] {
    background-color: rgba(220, 53, 69, 0.1) !important;
}

.rates-table tbody tr:hover[b-fz8136tac7] {
    background-color: rgba(0, 0, 0, 0.075) !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .currency-grid[b-fz8136tac7] {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 8px;
    }
    
    .currency-card[b-fz8136tac7] {
        padding: 8px;
    }
    
    .currency-code[b-fz8136tac7] {
        font-size: 14px;
    }
    
    .currency-name[b-fz8136tac7] {
        font-size: 10px;
    }
    
    .currency-rate[b-fz8136tac7] {
        font-size: 16px;
    }
    
    .rates-table[b-fz8136tac7] {
        font-size: 12px;
    }
    
    .rates-table th[b-fz8136tac7],
    .rates-table td[b-fz8136tac7] {
        padding: 6px 8px;
    }
}

@media (max-width: 576px) {
    .currency-grid[b-fz8136tac7] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .table-header[b-fz8136tac7] {
        padding: 8px 12px;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
}

/* 动画效果 */
@keyframes fadeIn-b-fz8136tac7 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.currency-card[b-fz8136tac7] {
    animation: fadeIn-b-fz8136tac7 0.3s ease-out;
}

/* 加载状态 */
.currency-card.loading[b-fz8136tac7] {
    opacity: 0.6;
    pointer-events: none;
}

/* 突出显示主要货币 */
.currency-card[data-major="true"][b-fz8136tac7] {
    border-width: 2px;
}

.currency-card[data-major="true"]:not(.rate-up):not(.rate-down)[b-fz8136tac7] {
    border-color: #0d6efd;
    background: linear-gradient(135deg, #f0f7ff 0%, #ffffff 100%);
}

/* 自定义滚动条 */
.table-responsive[b-fz8136tac7]::-webkit-scrollbar {
    height: 6px;
}

.table-responsive[b-fz8136tac7]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.table-responsive[b-fz8136tac7]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.table-responsive[b-fz8136tac7]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}
/* /Components/Common/StatsDashboard.razor.rz.scp.css */
/* ====================================================================
   统计面板公共组件样式
   设计理念: 极简、专注、可隐藏、统一背景、左右结构
   ==================================================================== */

/* 主容器 - 统一背景色 */
.stats-dashboard[b-yw03dl1wx7] {
    background: #f8f9fa !important;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    margin-bottom: 1rem;
    overflow: hidden;
}

/* 标题区域 - 稍深背景 */
.dashboard-header[b-yw03dl1wx7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    border-bottom: 1px solid #e9ecef;
    background: #f1f3f4 !important;
}

.header-content h2[b-yw03dl1wx7] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #343a40 !important;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header-content h2 i[b-yw03dl1wx7] {
    color: #6c757d !important;
    font-size: 1rem;
}

.header-actions[b-yw03dl1wx7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* 实时指示器 */
.refresh-indicator[b-yw03dl1wx7] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: #6c757d !important;
}

.indicator-dot[b-yw03dl1wx7] {
    width: 6px;
    height: 6px;
    background: #28a745;
    border-radius: 50%;
    animation: pulse-b-yw03dl1wx7 2s infinite;
}

@keyframes pulse-b-yw03dl1wx7 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* 折叠按钮 - 统一背景色 */
.toggle-btn[b-yw03dl1wx7] {
    width: 28px;
    height: 28px;
    border: 1px solid #dee2e6;
    background: #ffffff !important;
    border-radius: 4px;
    color: #6c757d !important;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
}

.toggle-btn:hover[b-yw03dl1wx7] {
    background: #f8f9fa !important;
    border-color: #adb5bd;
    color: #495057 !important;
}

.toggle-btn:active[b-yw03dl1wx7] {
    transform: scale(0.95);
}

/* 统计容器 */
.stats-container[b-yw03dl1wx7] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.stats-container.expanded[b-yw03dl1wx7] {
    max-height: 120px;
    opacity: 1;
    padding: 0.75rem;
}

.stats-container.collapsed[b-yw03dl1wx7] {
    max-height: 0;
    opacity: 0;
    padding: 0 0.75rem;
}

/* 统计网格 */
.stats-grid[b-yw03dl1wx7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

/* 统计卡片 - 统一背景色 */
.stat-tile[b-yw03dl1wx7] {
    background: #ffffff !important;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 0.75rem;
    transition: all 0.2s ease;
    min-height: 70px;
}

.stat-tile:hover[b-yw03dl1wx7] {
    border-color: #dee2e6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}

.stat-tile.clickable[b-yw03dl1wx7] {
    cursor: pointer;
}

.stat-tile.clickable:hover[b-yw03dl1wx7] {
    border-color: #007bff;
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.15);
}

/* 卡片内容 - 左右布局 */
.tile-content[b-yw03dl1wx7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    height: 100%;
}

.tile-icon[b-yw03dl1wx7] {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

/* 预定义图标样式类 */
.icon-primary[b-yw03dl1wx7] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    color: #1976d2 !important;
    border: 1px solid #e3f2fd;
}

.icon-success[b-yw03dl1wx7] {
    background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%) !important;
    color: #388e3c !important;
    border: 1px solid #e8f5e8;
}

.icon-info[b-yw03dl1wx7] {
    background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%) !important;
    color: #00796b !important;
    border: 1px solid #e0f2f1;
}

.icon-warning[b-yw03dl1wx7] {
    background: linear-gradient(135deg, #fff3e0 0%, #ffcc02 100%) !important;
    color: #f57c00 !important;
    border: 1px solid #fff3e0;
}

.icon-danger[b-yw03dl1wx7] {
    background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%) !important;
    color: #d32f2f !important;
    border: 1px solid #ffebee;
}

.icon-secondary[b-yw03dl1wx7] {
    background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%) !important;
    color: #7b1fa2 !important;
    border: 1px solid #f3e5f5;
}

/* 港口主题的预定义样式 */
.seaport-icon[b-yw03dl1wx7] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    color: #1976d2 !important;
    border: 1px solid #e3f2fd;
}

.airport-icon[b-yw03dl1wx7] {
    background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%) !important;
    color: #388e3c !important;
    border: 1px solid #e8f5e8;
}

.countries-icon[b-yw03dl1wx7] {
    background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%) !important;
    color: #00796b !important;
    border: 1px solid #e0f2f1;
}

.air-countries-icon[b-yw03dl1wx7] {
    background: linear-gradient(135deg, #fff3e0 0%, #ffcc02 100%) !important;
    color: #f57c00 !important;
    border: 1px solid #fff3e0;
}

/* 船舶主题的预定义样式 */
.vessels-icon[b-yw03dl1wx7] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    color: #1976d2 !important;
    border: 1px solid #e3f2fd;
}

.types-icon[b-yw03dl1wx7] {
    background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%) !important;
    color: #388e3c !important;
    border: 1px solid #e8f5e8;
}

.flags-icon[b-yw03dl1wx7] {
    background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%) !important;
    color: #00796b !important;
    border: 1px solid #e0f2f1;
}

.weight-icon[b-yw03dl1wx7] {
    background: linear-gradient(135deg, #fff3e0 0%, #ffcc02 100%) !important;
    color: #f57c00 !important;
    border: 1px solid #fff3e0;
}

/* 指标信息区域 */
.metric-info[b-yw03dl1wx7] {
    flex: 1;
    min-width: 0;
}

.metric-value[b-yw03dl1wx7] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #495057 !important;
    line-height: 1.2;
    margin-bottom: 0.125rem;
}

.metric-label[b-yw03dl1wx7] {
    font-size: 0.75rem;
    color: #6c757d !important;
    font-weight: 500;
    line-height: 1;
}

/* 折叠状态下的动画 */
.stats-container.collapsed .stat-tile[b-yw03dl1wx7] {
    transform: translateY(-10px);
    opacity: 0;
}

.stats-container.expanded .stat-tile[b-yw03dl1wx7] {
    transform: translateY(0);
    opacity: 1;
    transition: all 0.3s ease;
}

.stats-container.expanded .stat-tile:nth-child(1)[b-yw03dl1wx7] { transition-delay: 0.1s; }
.stats-container.expanded .stat-tile:nth-child(2)[b-yw03dl1wx7] { transition-delay: 0.15s; }
.stats-container.expanded .stat-tile:nth-child(3)[b-yw03dl1wx7] { transition-delay: 0.2s; }
.stats-container.expanded .stat-tile:nth-child(4)[b-yw03dl1wx7] { transition-delay: 0.25s; }
.stats-container.expanded .stat-tile:nth-child(5)[b-yw03dl1wx7] { transition-delay: 0.3s; }
.stats-container.expanded .stat-tile:nth-child(6)[b-yw03dl1wx7] { transition-delay: 0.35s; }

/* 响应式设计 */
@media (max-width: 640px) {
    .dashboard-header[b-yw03dl1wx7] {
        padding: 0.5rem;
    }

    .header-content h2[b-yw03dl1wx7] {
        font-size: 1rem;
    }

    .header-actions[b-yw03dl1wx7] {
        gap: 0.5rem;
    }

    .toggle-btn[b-yw03dl1wx7] {
        width: 24px;
        height: 24px;
        font-size: 0.625rem;
    }

    .stats-container.expanded[b-yw03dl1wx7] {
        padding: 0.5rem;
        max-height: 160px;
    }

    .stats-grid[b-yw03dl1wx7] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .stat-tile[b-yw03dl1wx7] {
        padding: 0.5rem;
        min-height: 60px;
    }

    .tile-content[b-yw03dl1wx7] {
        gap: 0.5rem;
    }

    .tile-icon[b-yw03dl1wx7] {
        width: 32px;
        height: 32px;
        font-size: 0.9rem;
    }

    .metric-value[b-yw03dl1wx7] {
        font-size: 1.25rem;
    }

    .metric-label[b-yw03dl1wx7] {
        font-size: 0.625rem;
    }
}

@media (min-width: 768px) {
    .stats-grid[b-yw03dl1wx7] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1024px) {
    .stats-grid[b-yw03dl1wx7] {
        grid-template-columns: repeat(4, 1fr);
    }

    .tile-content[b-yw03dl1wx7] {
        gap: 1rem;
    }

    .tile-icon[b-yw03dl1wx7] {
        width: 44px;
        height: 44px;
        font-size: 1.2rem;
    }

    .metric-value[b-yw03dl1wx7] {
        font-size: 1.6rem;
    }

    .metric-label[b-yw03dl1wx7] {
        font-size: 0.8rem;
    }
}

/* 深色模式强制覆盖 */
@media (prefers-color-scheme: dark) {
    /* 保持统一浅色覆盖深色模式 */
    .stats-dashboard[b-yw03dl1wx7] {
        background: #f8f9fa !important;
        border-color: #e9ecef !important;
    }

    .dashboard-header[b-yw03dl1wx7] {
        background: #f1f3f4 !important;
        border-color: #e9ecef !important;
    }

    .header-content h2[b-yw03dl1wx7] {
        color: #343a40 !important;
    }

    .header-content h2 i[b-yw03dl1wx7] {
        color: #6c757d !important;
    }

    .refresh-indicator[b-yw03dl1wx7] {
        color: #6c757d !important;
    }

    .toggle-btn[b-yw03dl1wx7] {
        background: #ffffff !important;
        border-color: #dee2e6 !important;
        color: #6c757d !important;
    }

    .toggle-btn:hover[b-yw03dl1wx7] {
        background: #f8f9fa !important;
        border-color: #adb5bd !important;
        color: #495057 !important;
    }

    .stat-tile[b-yw03dl1wx7] {
        background: #ffffff !important;
        border-color: #e9ecef !important;
    }

    .stat-tile:hover[b-yw03dl1wx7] {
        border-color: #dee2e6 !important;
    }

    .metric-value[b-yw03dl1wx7] {
        color: #495057 !important;
    }

    .metric-label[b-yw03dl1wx7] {
        color: #6c757d !important;
    }

    /* 强制覆盖深色模式下的图标颜色 */
    .icon-primary[b-yw03dl1wx7], .seaport-icon[b-yw03dl1wx7], .vessels-icon[b-yw03dl1wx7] {
        background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
        color: #1976d2 !important;
        border-color: #e3f2fd !important;
    }

    .icon-success[b-yw03dl1wx7], .airport-icon[b-yw03dl1wx7], .types-icon[b-yw03dl1wx7] {
        background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%) !important;
        color: #388e3c !important;
        border-color: #e8f5e8 !important;
    }

    .icon-info[b-yw03dl1wx7], .countries-icon[b-yw03dl1wx7], .flags-icon[b-yw03dl1wx7] {
        background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%) !important;
        color: #00796b !important;
        border-color: #e0f2f1 !important;
    }

    .icon-warning[b-yw03dl1wx7], .air-countries-icon[b-yw03dl1wx7], .weight-icon[b-yw03dl1wx7] {
        background: linear-gradient(135deg, #fff3e0 0%, #ffcc02 100%) !important;
        color: #f57c00 !important;
        border-color: #fff3e0 !important;
    }

    .icon-danger[b-yw03dl1wx7] {
        background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%) !important;
        color: #d32f2f !important;
        border-color: #ffebee !important;
    }

    .icon-secondary[b-yw03dl1wx7] {
        background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%) !important;
        color: #7b1fa2 !important;
        border-color: #f3e5f5 !important;
    }
}

/* 打印时始终展开 */
@media print {
    .stats-container[b-yw03dl1wx7] {
        max-height: none !important;
        opacity: 1 !important;
        padding: 0.75rem !important;
    }

    .toggle-btn[b-yw03dl1wx7] {
        display: none;
    }

    .refresh-indicator[b-yw03dl1wx7] {
        display: none !important;
    }

    /* 打印时的统一色彩 */
    .icon-primary[b-yw03dl1wx7], .seaport-icon[b-yw03dl1wx7], .vessels-icon[b-yw03dl1wx7] {
        background: #e3f2fd !important;
        color: #1976d2 !important;
        border: 1px solid #bbdefb !important;
    }

    .icon-success[b-yw03dl1wx7], .airport-icon[b-yw03dl1wx7], .types-icon[b-yw03dl1wx7] {
        background: #e8f5e8 !important;
        color: #388e3c !important;
        border: 1px solid #c8e6c9 !important;
    }

    .icon-info[b-yw03dl1wx7], .countries-icon[b-yw03dl1wx7], .flags-icon[b-yw03dl1wx7] {
        background: #e0f2f1 !important;
        color: #00796b !important;
        border: 1px solid #b2dfdb !important;
    }

    .icon-warning[b-yw03dl1wx7], .air-countries-icon[b-yw03dl1wx7], .weight-icon[b-yw03dl1wx7] {
        background: #fff3e0 !important;
        color: #f57c00 !important;
        border: 1px solid #ffcc02 !important;
    }

    .icon-danger[b-yw03dl1wx7] {
        background: #ffebee !important;
        color: #d32f2f !important;
        border: 1px solid #ffcdd2 !important;
    }

    .icon-secondary[b-yw03dl1wx7] {
        background: #f3e5f5 !important;
        color: #7b1fa2 !important;
        border: 1px solid #e1bee7 !important;
    }
}
/* /Components/Common/StockInTypeSelector.razor.rz.scp.css */
/* 入库单类型选择器样式 - Select 下拉版本 */
.stock-in-type-selector[b-e9emc47a05] {
    margin-bottom: 1rem;
}

/* 下拉框样式增强 */
.stock-in-type-selector[b-e9emc47a05]  .select {
    width: 100%;
}

/* 选项模板样式 */
.stock-in-type-selector[b-e9emc47a05]  .select-dropdown-item {
    padding: 0.5rem 1rem;
    transition: all 0.2s ease;
}

.stock-in-type-selector[b-e9emc47a05]  .select-dropdown-item:hover {
    background-color: #f8f9fa;
}

.stock-in-type-selector[b-e9emc47a05]  .select-dropdown-item.active {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

/* Badge 样式 */
.stock-in-type-selector .badge[b-e9emc47a05] {
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    border-radius: 0.25rem;
}

/* 说明文字样式 */
.stock-in-type-selector .form-text[b-e9emc47a05] {
    padding: 0.5rem;
    background: #f8f9fa;
    border-left: 3px solid #17a2b8;
    border-radius: 0.25rem;
}

/* 警告提示样式 */
.stock-in-type-selector .alert[b-e9emc47a05] {
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
}

/* 加载状态样式 */
.stock-in-type-selector .spinner-border-sm[b-e9emc47a05] {
    width: 1rem;
    height: 1rem;
}

/* 错误消息样式 */
.stock-in-type-selector .text-danger[b-e9emc47a05] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
/* /Components/Common/TableColumnImportConfigDialog.razor.rz.scp.css */
/* 表列导入配置对话框样式 */

.import-config-section[b-v436gvu6hk] {
    max-height: 600px;
    overflow-y: auto;
}

.section-header[b-v436gvu6hk] {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 2px solid #e9ecef;
    margin-bottom: 15px;
}

.section-header i[b-v436gvu6hk] {
    color: #0d6efd;
}

.section-header h6[b-v436gvu6hk] {
    margin: 0;
    font-weight: 600;
    color: #495057;
}

.form-text[b-v436gvu6hk] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-top: 0.25rem;
}

/* 预览区域 */
.preview-section[b-v436gvu6hk] {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    background-color: #f8f9fa;
}

.preview-header[b-v436gvu6hk] {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    background-color: #e9ecef;
    border-bottom: 1px solid #dee2e6;
    border-radius: 0.375rem 0.375rem 0 0;
}

.preview-header i[b-v436gvu6hk] {
    color: #0d6efd;
}

.preview-header h6[b-v436gvu6hk] {
    margin: 0;
    font-weight: 600;
    color: #495057;
}

.preview-content[b-v436gvu6hk] {
    padding: 15px;
}

.preview-content table[b-v436gvu6hk] {
    margin: 0;
}

.preview-label[b-v436gvu6hk] {
    font-weight: 600;
    color: #495057;
    width: 120px;
}

.preview-content code[b-v436gvu6hk] {
    background-color: #e9ecef;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.875rem;
}

/* Alert样式优化 */
.alert-info[b-v436gvu6hk] {
    background-color: #cfe2ff;
    border-color: #b6d4fe;
    color: #084298;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .import-config-section[b-v436gvu6hk] {
        max-height: 500px;
    }

    .preview-label[b-v436gvu6hk] {
        width: 100px;
        font-size: 0.875rem;
    }
}
/* /Components/Common/UserTableColumnConfigComponent.razor.rz.scp.css */
/* ==========================================================================
   用户表格列配置组件样式 - 轻量浅色主题
   与系统整体风格保持一致的现代化设计
   ========================================================================== */

/* 主容器 */
.table-column-config-wrapper[b-91zl0j0ea2] {
  display: inline-block;
  position: relative;
}

/* 配置面板容器 - 确保在最顶层 */
.config-panel-container[b-91zl0j0ea2] {
  background: #ffffff !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  max-height: 500px !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25) !important;
  border: 2px solid #d1d5db !important;
  position: relative !important;
  z-index: 1000000 !important; /* 确保面板容器也在最顶层 */
  /* 增强可见性的样式 */
  contain: layout style paint !important;
  isolation: isolate !important;
}

/* =========================================================================
   下拉菜单位置控制
   ========================================================================== */

/* 默认右对齐 */
[b-91zl0j0ea2] .column-config-dropdown .dropdown-menu.dropdown-menu-start {
  right: 0 !important;
  left: auto !important;
}

/* 左对齐（空间不足时） */
[b-91zl0j0ea2] .column-config-dropdown .dropdown-menu.dropdown-menu-end {
  right: auto !important;
  left: 0 !important;
}

/* 向上显示（垂直空间不足时） */
[b-91zl0j0ea2] .column-config-dropdown .dropdown-menu.dropdown-menu-above {
  top: auto !important;
  bottom: calc(100% + 4px) !important;
}

/* =========================================================================
   配置触发按钮 - 使用 BootstrapBlazor Button 组件，仅需微调样式
   ========================================================================== */

.column-config-trigger-btn[b-91zl0j0ea2] {
  /* 确保与其他工具栏按钮对齐 */
  vertical-align: middle !important;
}

  /* 按钮文字 - 确保字体样式一致 */
  .column-config-trigger-btn .btn-text[b-91zl0j0ea2] {
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin-left: 0.25rem !important;
  }

  /* Badge 样式 - 确保与按钮高度协调 */
  .column-config-trigger-btn .badge[b-91zl0j0ea2] {
    font-size: 0.75rem !important;
    padding: 0.125rem 0.375rem !important;
    border-radius: 0.25rem !important;
    line-height: 1.2 !important;
    vertical-align: middle !important;
  }



  /* 显示徽章样式 */
  .column-config-trigger-btn .badge[b-91zl0j0ea2] {
    font-size: 0.65rem !important;
    padding: 0.2rem 0.35rem !important;
    border-radius: 0.25rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    min-width: auto !important;
    white-space: nowrap !important;
  }

  .column-config-trigger-btn:hover .badge[b-91zl0j0ea2] {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #6c757d !important;
  }

/* 响应式按钮文字 */
@media (max-width: 768px) {
  .column-config-trigger-btn .btn-text[b-91zl0j0ea2] {
    display: none !important;
  }

  .column-config-trigger-btn[b-91zl0j0ea2] {
    padding: 0.375rem 0.5rem !important;
    min-width: 40px !important;
    justify-content: center !important;
  }

    .column-config-trigger-btn .badge[b-91zl0j0ea2] {
      display: none !important;
    }
}

@media (max-width: 576px) {
  .column-config-trigger-btn[b-91zl0j0ea2] {
    padding: 0.5rem !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
  }

    .column-config-trigger-btn[b-91zl0j0ea2]::before {
      border-radius: 50% !important;
    }
}


/* 配置下拉菜单 - 使用 fixed 定位避免被父容器裁剪 */
.column-config-dropdown[b-91zl0j0ea2] {
  position: relative;
  display: inline-block;
}

  /* 下拉菜单基础样式 - 位置由 JS 动态设置 */
  .column-config-dropdown .dropdown-menu[b-91zl0j0ea2] {
    /* 尺寸 */
    min-width: 380px !important;
    max-width: 450px !important;
    /* 视觉样式 */
    border: 2px solid #cbd5e1 !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 10px 20px rgba(0, 0, 0, 0.2) !important;
    border-radius: 8px !important;
    padding: 0 !important;
    background: #ffffff !important;
    /* 初始状态：渲染但不可见（允许测量尺寸） */
    display: block !important;
    visibility: hidden !important;
    opacity: 0 !important;
    /* 不设置 position, left, top - 完全由 JS 控制 */
    /* 确保内容可见 */
    contain: none !important;
    overflow: visible !important;
    /* 只对透明度和可见性使用过渡，不对位置使用过渡 */
    transition: opacity 0.15s ease-out, visibility 0.15s ease-out !important;
  }

    /* 显示状态 - 通过 JS 添加 show 类 */
    .column-config-dropdown .dropdown-menu.show[b-91zl0j0ea2] {
      visibility: visible !important;
      opacity: 1 !important;
    }

/* 位置辅助类（不控制实际位置，仅用于标识） */
.column-config-dropdown .dropdown-menu.dropdown-menu-end[b-91zl0j0ea2] {
  /* 左对齐标记 */
}

.column-config-dropdown .dropdown-menu.dropdown-menu-above[b-91zl0j0ea2] {
  /* 向上显示标记 */
}

/* 防止超出视口 */
.column-config-dropdown .dropdown-menu[b-91zl0j0ea2] {
  max-width: min(450px, calc(100vw - 40px)) !important;
  max-height: calc(100vh - 40px) !important;
}




/* ==========================================================================
   配置面板头部 - 加深颜色主题
   ========================================================================== */

.config-panel-header[b-91zl0j0ea2] {
  background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%) !important; /* 更深的渐变 */
  color: #1e293b !important; /* 更深的文字颜色 */
  padding: 12px 16px !important;
  border-bottom: 1px solid #cbd5e1 !important; /* 更深的边框 */
  flex-shrink: 0 !important;
}

.header-content[b-91zl0j0ea2] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 8px !important;
}

.header-title-section[b-91zl0j0ea2] {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

  .header-title-section i[b-91zl0j0ea2] {
    font-size: 1rem !important;
    color: #475569 !important; /* 更深的图标颜色 */
  }

.panel-title[b-91zl0j0ea2] {
  margin: 0 !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  color: #1e293b !important; /* 更深的标题颜色 */
}

/* 头部操作按钮 - 加深主题 */
.header-actions[b-91zl0j0ea2] {
  display: flex !important;
  gap: 4px !important;
}

.header-action-btn[b-91zl0j0ea2] {
  background: #f8fafc !important; /* 稍深的按钮背景 */
  border: 1px solid #cbd5e1 !important; /* 更深的边框 */
  color: #475569 !important; /* 更深的文字颜色 */
  border-radius: 4px !important;
  padding: 4px 8px !important;
  min-width: 28px !important;
  height: 28px !important;
  font-size: 0.75rem !important;
  transition: all 0.2s ease !important;
}

  .header-action-btn:hover[b-91zl0j0ea2] {
    background: #e2e8f0 !important; /* 更深的悬停背景 */
    border-color: #94a3b8 !important;
    color: #334155 !important;
  }

  .header-action-btn:focus[b-91zl0j0ea2] {
    box-shadow: 0 0 0 0.125rem rgba(59, 130, 246, 0.2) !important;
  }

/* 配置摘要 */
.config-summary[b-91zl0j0ea2] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #cbd5e1 !important; /* 更深的摘要背景 */
  border-radius: 6px !important;
  padding: 6px 10px !important;
  margin-top: 8px !important;
}

.summary-text[b-91zl0j0ea2] {
  font-size: 0.8rem !important;
  color: #475569 !important; /* 更深的文字颜色 */
}

.visible-count[b-91zl0j0ea2] {
  font-weight: 600 !important;
  font-size: 0.85rem !important;
}

  .visible-count.text-success[b-91zl0j0ea2] {
    color: #059669 !important;
  }

  .visible-count.text-danger[b-91zl0j0ea2] {
    color: #dc2626 !important;
  }

.warning-notice[b-91zl0j0ea2] {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 0.7rem !important;
  color: #f59e0b !important;
  font-weight: 500 !important;
}

/* ==========================================================================
   配置面板主体 - 增加对比度
   ========================================================================== */

.config-panel-body[b-91zl0j0ea2] {
  padding: 0 !important;
  overflow-y: auto !important;
  flex: 1 !important;
  min-height: 180px !important;
  max-height: 280px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #94a3b8 #f1f5f9 !important; /* 更深的滚动条颜色 */
  background: #f8fafc !important; /* 添加浅灰背景 */
}

  .config-panel-body[b-91zl0j0ea2]::-webkit-scrollbar {
    width: 6px !important;
  }

  .config-panel-body[b-91zl0j0ea2]::-webkit-scrollbar-track {
    background: #f1f5f9 !important;
  }

  .config-panel-body[b-91zl0j0ea2]::-webkit-scrollbar-thumb {
    background: #94a3b8 !important; /* 更深的滚动条 */
    border-radius: 3px !important;
  }

    .config-panel-body[b-91zl0j0ea2]::-webkit-scrollbar-thumb:hover {
      background: #64748b !important; /* 更深的悬停颜色 */
    }

/* 列配置列表 */
.columns-list[b-91zl0j0ea2] {
  padding: 8px 0 !important;
}

/* 列配置行 */
.column-config-row[b-91zl0j0ea2] {
  display: flex !important;
  align-items: center !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid #e2e8f0 !important; /* 更深的分割线 */
  transition: all 0.15s ease !important;
  cursor: grab !important;
  position: relative !important;
  min-height: 48px !important;
  background: #ffffff !important; /* 确保白色背景 */
}

  .column-config-row:hover[b-91zl0j0ea2] {
    background: #f1f5f9 !important; /* 更明显的悬停效果 */
  }

  .column-config-row.column-visible[b-91zl0j0ea2] {
    background: #ffffff !important;
    border-left: 3px solid #10b981 !important; /* 添加绿色左边框表示可见 */
  }

  .column-config-row.column-hidden[b-91zl0j0ea2] {
    background: #f1f5f9 !important; /* 更深的隐藏背景 */
    opacity: 0.8 !important;
    border-left: 3px solid #e5e7eb !important; /* 添加灰色左边框表示隐藏 */
  }

  .column-config-row.dragging[b-91zl0j0ea2] {
    opacity: 0.8 !important;
    background: #dbeafe !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25) !important;
    z-index: 1000 !important;
    cursor: grabbing !important;
    transform: rotate(2deg) !important;
    border-radius: 4px !important;
  }

  .column-config-row.drag-over[b-91zl0j0ea2] {
    background: #fef3cd !important;
    border-top: 2px solid #f59e0b !important;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.15) !important;
  }

  .column-config-row:last-child[b-91zl0j0ea2] {
    border-bottom: none !important;
  }

/* 拖拽手柄 */
.column-drag-grip[b-91zl0j0ea2] {
  cursor: grab !important;
  color: #cbd5e1 !important;
  margin-right: 10px !important;
  opacity: 0.5 !important;
  transition: all 0.2s ease !important;
  font-size: 0.8rem !important;
  width: 14px !important;
  text-align: center !important;
  flex-shrink: 0 !important;
  padding: 2px !important;
  border-radius: 2px !important;
}

.column-config-row:hover .column-drag-grip[b-91zl0j0ea2] {
  opacity: 0.8 !important;
  color: #94a3b8 !important;
  background: #f1f5f9 !important;
}

.column-config-row.dragging .column-drag-grip[b-91zl0j0ea2] {
  opacity: 1 !important;
  color: #3b82f6 !important;
  background: #dbeafe !important;
  cursor: grabbing !important;
}

/* 拖拽时的排序指示器 */
.columns-list[b-91zl0j0ea2] {
  padding: 8px 0 !important;
  position: relative !important;
}

  .columns-list[b-91zl0j0ea2]::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 12px !important;
    right: 12px !important;
    height: 2px !important;
    background: transparent !important;
    border-radius: 1px !important;
    transition: all 0.2s ease !important;
    z-index: 999 !important;
  }

  .columns-list.drag-active[b-91zl0j0ea2]::before {
    background: #3b82f6 !important;
    box-shadow: 0 0 8px rgba(59, 130, 246, 0.4) !important;
  }

/* 拖拽预览和动画效果 */
@keyframes dragPulse-b-91zl0j0ea2 {
  0% {
    transform: scale(1) rotate(0deg);
  }

  50% {
    transform: scale(1.02) rotate(1deg);
  }

  100% {
    transform: scale(1) rotate(0deg);
  }
}

.column-config-row.dragging[b-91zl0j0ea2] {
  animation: dragPulse-b-91zl0j0ea2 0.8s ease-in-out infinite !important;
}

/* 改进的拖拽反馈 */
.column-config-row[draggable="true"]:active[b-91zl0j0ea2] {
  cursor: grabbing !important;
}

/* 拖拽时隐藏其他交互元素的焦点 */
.column-config-row.dragging .column-visibility-toggle[b-91zl0j0ea2],
.column-config-row.dragging .column-width-editor[b-91zl0j0ea2] {
  pointer-events: none !important;
  opacity: 0.6 !important;
}

/* 拖拽目标指示 */
.column-config-row.drag-target-before[b-91zl0j0ea2]::before {
  content: '' !important;
  position: absolute !important;
  top: -1px !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: #10b981 !important;
  z-index: 10 !important;
  box-shadow: 0 0 4px rgba(16, 185, 129, 0.5) !important;
}

.column-config-row.drag-target-after[b-91zl0j0ea2]::after {
  content: '' !important;
  position: absolute !important;
  bottom: -1px !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: #10b981 !important;
  z-index: 10 !important;
  box-shadow: 0 0 4px rgba(16, 185, 129, 0.5) !important;
}

/* ==========================================================================
   空状态
   ========================================================================== */

.empty-config-state[b-91zl0j0ea2] {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 40px 16px !important;
  text-align: center !important;
}

.empty-icon[b-91zl0j0ea2] {
  margin-bottom: 12px !important;
  opacity: 0.4 !important;
}

  .empty-icon i[b-91zl0j0ea2] {
    color: #cbd5e1 !important;
    font-size: 2rem !important;
  }

.empty-message[b-91zl0j0ea2] {
  max-width: 200px !important;
}

.empty-title[b-91zl0j0ea2] {
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  color: #64748b !important;
  margin-bottom: 6px !important;
}

.empty-description[b-91zl0j0ea2] {
  font-size: 0.8rem !important;
  color: #94a3b8 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* ==========================================================================
   配置面板底部 - 加深颜色
   ========================================================================== */

.config-panel-footer[b-91zl0j0ea2] {
  background: #e2e8f0 !important; /* 更深的底部背景 */
  border-top: 1px solid #cbd5e1 !important; /* 更深的边框 */
  padding: 12px 16px !important;
  flex-shrink: 0 !important;
}

/* 底部操作按钮 */
.footer-actions[b-91zl0j0ea2] {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
}

.save-config-btn[b-91zl0j0ea2] {
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  padding: 6px 16px !important;
  transition: all 0.2s ease !important;
  min-width: 80px !important;
  background: #3b82f6 !important;
  border-color: #3b82f6 !important;
  color: white !important;
}

  .save-config-btn:hover[b-91zl0j0ea2] {
    background: #2563eb !important;
    border-color: #2563eb !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2) !important;
  }

  .save-config-btn:disabled[b-91zl0j0ea2] {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    transform: none !important;
    background: #9ca3af !important;
    border-color: #9ca3af !important;
  }

.cancel-config-btn[b-91zl0j0ea2] {
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  padding: 6px 16px !important;
  transition: all 0.2s ease !important;
  min-width: 80px !important;
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  color: #6b7280 !important;
}

  .cancel-config-btn:hover[b-91zl0j0ea2] {
    background: #f9fafb !important;
    border-color: #9ca3af !important;
    color: #374151 !important;
    transform: translateY(-1px) !important;
  }

/* 底部提示 */
.footer-tips[b-91zl0j0ea2] {
  text-align: center !important;
}

.config-tips[b-91zl0j0ea2] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: #64748b !important;
  font-size: 0.7rem !important;
}

  .config-tips i[b-91zl0j0ea2] {
    color: #f59e0b !important;
    font-size: 0.65rem !important;
  }

/* ==========================================================================
   响应式设计
   ========================================================================== */

@media (max-width: 480px) {
  .column-config-dropdown .dropdown-menu[b-91zl0j0ea2] {
    min-width: 320px !important;
    max-width: 95vw !important;
  }

  .config-panel-body[b-91zl0j0ea2] {
    max-height: 250px !important;
  }

  .column-config-row[b-91zl0j0ea2] {
    padding: 6px 10px !important;
    min-height: 44px !important;
  }

  .footer-actions[b-91zl0j0ea2] {
    flex-direction: column !important;
    gap: 6px !important;
  }

  .save-config-btn[b-91zl0j0ea2],
  .cancel-config-btn[b-91zl0j0ea2] {
    width: 100% !important;
    min-width: unset !important;
  }
}

/* ==========================================================================
   组件作用域内的样式修复（避免全局污染）
   ========================================================================== */

/* 确保BootstrapBlazor组件样式不被覆盖 */
.table-column-config-wrapper .btn[b-91zl0j0ea2] {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.375rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.table-column-config-wrapper .btn-outline-primary[b-91zl0j0ea2] {
  color: #0d6efd;
  border-color: #0d6efd;
}

  .table-column-config-wrapper .btn-outline-primary:hover[b-91zl0j0ea2] {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
  }

/* 确保开关组件正常显示 */
.table-column-config-wrapper .form-switch .form-check-input[b-91zl0j0ea2] {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2855,90,127,0.75%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position .15s ease-in-out;
}

  .table-column-config-wrapper .form-switch .form-check-input:checked[b-91zl0j0ea2] {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255,255,255,1.0%29'/%3e%3c/svg%3e");
  }

/* 可见性切换开关 */
.column-visibility-toggle[b-91zl0j0ea2] {
  margin-right: 12px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
}

  .column-visibility-toggle .switch[b-91zl0j0ea2] {
    margin-bottom: 0 !important;
  }

/* 列信息 */
.column-info[b-91zl0j0ea2] {
  flex: 1 !important;
  min-width: 0 !important;
  margin-right: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.column-name-active[b-91zl0j0ea2] {
  font-weight: 500 !important;
  color: #374151 !important;
  font-size: 0.85rem !important;
  line-height: 1.3 !important;
  margin-bottom: 2px !important;
  word-break: break-all !important;
}

.column-name-inactive[b-91zl0j0ea2] {
  font-weight: 400 !important;
  color: #9ca3af !important;
  font-size: 0.85rem !important;
  line-height: 1.3 !important;
  text-decoration: line-through !important;
  margin-bottom: 2px !important;
  word-break: break-all !important;
}

.column-field[b-91zl0j0ea2] {
  font-size: 0.7rem !important;
  color: #64748b !important;
  font-family: 'Monaco', 'Cascadia Code', Consolas, monospace !important;
  background: #f1f5f9 !important;
  padding: 1px 4px !important;
  border-radius: 3px !important;
  display: inline-block !important;
  max-width: 120px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* 列宽编辑器 */
.column-width-editor[b-91zl0j0ea2] {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  min-width: 100px !important;
}

.width-input-group[b-91zl0j0ea2] {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 4px !important;
  padding: 4px 8px !important;
  width: 100% !important;
  min-width: 95px !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

  .width-input-group:hover[b-91zl0j0ea2] {
    border-color: #cbd5e1 !important;
  }

  .width-input-group:focus-within[b-91zl0j0ea2] {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.15) !important;
  }

.width-number-input[b-91zl0j0ea2] {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  font-size: 0.75rem !important;
  width: 65px !important;
  text-align: center !important;
  color: #374151 !important;
  outline: none !important;
  box-shadow: none !important;
}

  .width-number-input[b-91zl0j0ea2]::placeholder {
    color: #9ca3af !important;
  }

.width-unit-label[b-91zl0j0ea2] {
  font-size: 0.7rem !important;
  color: #64748b !important;
  font-weight: 500 !important;
  flex-shrink: 0 !important;
}

/* 隐藏列的宽度编辑器样式 */
.column-hidden .width-input-group[b-91zl0j0ea2] {
  background: #f3f4f6 !important;
  opacity: 0.6 !important;
}

.column-hidden .width-number-input[b-91zl0j0ea2] {
  color: #9ca3af !important;
}

/* 修复BootstrapBlazor输入组件的样式覆盖 */
.table-column-config-wrapper .width-number-input.form-control[b-91zl0j0ea2] {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  font-size: 0.75rem !important;
  width: 65px !important;
  text-align: center !important;
  color: #374151 !important;
  outline: none !important;
  box-shadow: none !important;
  min-height: auto !important;
  height: auto !important;
}

/* 确保Switch组件在列配置中正确显示 */
.table-column-config-wrapper .column-visibility-toggle .switch[b-91zl0j0ea2] {
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}

  .table-column-config-wrapper .column-visibility-toggle .switch .form-check[b-91zl0j0ea2] {
    margin: 0 !important;
    padding: 0 !important;
  }

  .table-column-config-wrapper .column-visibility-toggle .switch .form-check-input[b-91zl0j0ea2] {
    margin: 0 !important;
    position: relative !important;
    width: 2.5em !important;
    height: 1.25em !important;
  }

  /* 修复开关组件的标签样式 */
  .table-column-config-wrapper .column-visibility-toggle .switch .form-check-label[b-91zl0j0ea2] {
    display: none !important;
  }

/* ==========================================================================
   BootstrapBlazor 组件样式冲突修复
   ========================================================================== */

/* 强制修复Switch组件的布局问题 */
.table-column-config-wrapper .column-visibility-toggle[b-91zl0j0ea2] {
  margin-right: 12px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: auto !important;
}

  .table-column-config-wrapper .column-visibility-toggle > *[b-91zl0j0ea2] {
    margin: 0 !important;
  }

  .table-column-config-wrapper .column-visibility-toggle .switch[b-91zl0j0ea2] {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-height: auto !important;
  }

  .table-column-config-wrapper .column-visibility-toggle .form-check[b-91zl0j0ea2] {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: auto !important;
  }

  .table-column-config-wrapper .column-visibility-toggle .form-check-input[b-91zl0j0ea2] {
    margin: 0 !important;
    position: relative !important;
    width: 2.25em !important;
    height: 1.125em !important;
    flex-shrink: 0 !important;
  }

  .table-column-config-wrapper .column-visibility-toggle .form-check-label[b-91zl0j0ea2] {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

/* 强制修复InputNumber组件的布局问题 */
.table-column-config-wrapper .column-width-editor[b-91zl0j0ea2] {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  min-width: 100px !important;
  width: 100px !important;
}

.table-column-config-wrapper .width-input-group[b-91zl0j0ea2] {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 4px !important;
  padding: 4px 8px !important;
  width: 100% !important;
  min-width: 95px !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

  .table-column-config-wrapper .width-input-group:hover[b-91zl0j0ea2] {
    border-color: #cbd5e1 !important;
  }

  .table-column-config-wrapper .width-input-group:focus-within[b-91zl0j0ea2] {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.15) !important;
  }

  /* 修复BootstrapInputNumber的所有可能的类名 */
  .table-column-config-wrapper .width-number-input[b-91zl0j0ea2],
  .table-column-config-wrapper .width-number-input.form-control[b-91zl0j0ea2],
  .table-column-config-wrapper .width-number-input.form-control-sm[b-91zl0j0ea2],
  .table-column-config-wrapper .width-input-group input[b-91zl0j0ea2],
  .table-column-config-wrapper .width-input-group .form-control[b-91zl0j0ea2] {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0.75rem !important;
    width: 65px !important;
    max-width: 65px !important;
    min-width: 65px !important;
    text-align: center !important;
    color: #374151 !important;
    outline: none !important;
    box-shadow: none !important;
    min-height: auto !important;
    height: auto !important;
    line-height: 1.2 !important;
    flex-shrink: 0 !important;
  }

    .table-column-config-wrapper .width-number-input:focus[b-91zl0j0ea2],
    .table-column-config-wrapper .width-number-input.form-control:focus[b-91zl0j0ea2],
    .table-column-config-wrapper .width-input-group input:focus[b-91zl0j0ea2],
    .table-column-config-wrapper .width-input-group .form-control:focus[b-91zl0j0ea2] {
      border: none !important;
      box-shadow: none !important;
      background: transparent !important;
      outline: none !important;
    }

.table-column-config-wrapper .width-unit-label[b-91zl0j0ea2] {
  font-size: 0.7rem !important;
  color: #64748b !important;
  font-weight: 500 !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

/* 隐藏InputNumber的上下箭头按钮 */
.table-column-config-wrapper .width-input-group .input-group-append[b-91zl0j0ea2],
.table-column-config-wrapper .width-input-group .btn-group-vertical[b-91zl0j0ea2],
.table-column-config-wrapper .width-input-group .btn-group[b-91zl0j0ea2] {
  display: none !important;
}

/* 修复列信息区域的布局 */
.table-column-config-wrapper .column-info[b-91zl0j0ea2] {
  flex: 1 !important;
  min-width: 0 !important;
  margin-right: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.table-column-config-wrapper .column-name-active[b-91zl0j0ea2],
.table-column-config-wrapper .column-name-inactive[b-91zl0j0ea2] {
  font-weight: 500 !important;
  font-size: 0.85rem !important;
  line-height: 1.3 !important;
  margin-bottom: 2px !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  hyphens: auto !important;
}

.table-column-config-wrapper .column-name-active[b-91zl0j0ea2] {
  color: #374151 !important;
}

.table-column-config-wrapper .column-name-inactive[b-91zl0j0ea2] {
  color: #9ca3af !important;
  text-decoration: line-through !important;
}

.table-column-config-wrapper .column-field[b-91zl0j0ea2] {
  font-size: 0.7rem !important;
  color: #64748b !important;
  font-family: 'Monaco', 'Cascadia Code', Consolas, monospace !important;
  background: #f1f5f9 !important;
  padding: 1px 4px !important;
  border-radius: 3px !important;
  display: inline-block !important;
  max-width: 150px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* 确保拖拽手柄正确对齐 */
.table-column-config-wrapper .column-drag-grip[b-91zl0j0ea2] {
  cursor: grab !important;
  color: #cbd5e1 !important;
  margin-right: 10px !important;
  opacity: 0.5 !important;
  transition: all 0.2s ease !important;
  font-size: 0.8rem !important;
  width: 14px !important;
  text-align: center !important;
  flex-shrink: 0 !important;
  padding: 2px !important;
  border-radius: 2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 确保列配置行有正确的间距和对齐 */
.table-column-config-wrapper .column-config-row[b-91zl0j0ea2] {
  display: flex !important;
  align-items: center !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  transition: all 0.15s ease !important;
  cursor: grab !important;
  position: relative !important;
  min-height: 52px !important;
  gap: 0 !important;
}

/* 调试用：强制显示下拉菜单 */
.debug-force-show .dropdown-menu[b-91zl0j0ea2] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 999999 !important;
  background: #ffffff !important;
  border: 2px solid red !important; /* 红色边框便于调试 */
  min-width: 300px !important;
  padding: 10px !important;
}
/* /Components/FirstRunRedirect.razor.rz.scp.css */
/* 
 * 首次运行重定向组件样式
 * 该组件无可见UI，所有检测在后台进行
 * 此文件保留用于将来可能的加载指示器或过渡效果
 */

/* 
 * 如果将来需要显示加载状态，可以使用以下样式:
 */

/* .first-run-redirect-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9998;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}

.first-run-redirect-container.active {
    opacity: 1;
    pointer-events: all;
}

.first-run-redirect-message {
    background: white;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    text-align: center;
}

.first-run-redirect-spinner {
    margin: 1rem auto;
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--bs-primary);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
} */
/* /Components/Pages/Account/Login.razor.rz.scp.css */
.login-shell[b-owwwy04vft] {
    position: relative;
    min-height: calc(100vh - 4rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    overflow: hidden;
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.16), transparent 32%),
        radial-gradient(circle at bottom right, rgba(14, 165, 233, 0.16), transparent 28%),
        linear-gradient(135deg, #0f172a 0%, #1e293b 45%, #1d4ed8 100%);
}

.login-shell__decor[b-owwwy04vft] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(12px);
    opacity: 0.5;
}

.login-shell__decor--one[b-owwwy04vft] {
    width: 220px;
    height: 220px;
    top: 6%;
    left: 8%;
    background: rgba(255, 255, 255, 0.08);
}

.login-shell__decor--two[b-owwwy04vft] {
    width: 260px;
    height: 260px;
    right: 6%;
    bottom: 8%;
    background: rgba(255, 255, 255, 0.06);
}

.login-layout[b-owwwy04vft] {
    position: relative;
    z-index: 1;
    width: min(1120px, 100%);
    display: grid;
    grid-template-columns: minmax(320px, 1fr) minmax(360px, 440px);
    gap: 1.5rem;
    align-items: stretch;
}

.login-brand-panel[b-owwwy04vft],
.login-card[b-owwwy04vft] {
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(14px);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.28);
}

.login-brand-panel[b-owwwy04vft] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    padding: 2rem;
    color: #e2e8f0;
    background: rgba(15, 23, 42, 0.36);
}

.login-brand-panel__badge[b-owwwy04vft] {
    width: fit-content;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #bfdbfe;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.login-brand-panel__logo[b-owwwy04vft] {
    width: 88px;
    height: 88px;
    object-fit: contain;
}

.login-brand-panel__title[b-owwwy04vft] {
    margin: 0;
    font-size: clamp(2rem, 3vw, 2.7rem);
    font-weight: 800;
    line-height: 1.1;
}

.login-brand-panel__subtitle[b-owwwy04vft] {
    margin: 0;
    color: rgba(226, 232, 240, 0.85);
    font-size: 1rem;
    line-height: 1.7;
}

.login-brand-panel__feature-list[b-owwwy04vft] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.login-feature-item[b-owwwy04vft] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.08);
    color: #f8fafc;
    font-size: 0.88rem;
}

.login-feature-item i[b-owwwy04vft] {
    color: #93c5fd;
}

.login-brand-panel__hint[b-owwwy04vft] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    padding: 0.7rem 0.95rem;
    border-radius: 0.9rem;
    background: rgba(15, 23, 42, 0.32);
    color: #f8fafc;
    font-size: 0.9rem;
}

.login-form-panel[b-owwwy04vft] {
    display: flex;
    align-items: center;
}

.login-card[b-owwwy04vft] {
    width: 100%;
    padding: 2rem;
    background: rgba(255, 255, 255, 0.94);
    color: #0f172a;
}

.login-card__header[b-owwwy04vft] {
    margin-bottom: 1.5rem;
}

.login-card__title[b-owwwy04vft] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 800;
}

.login-card__subtitle[b-owwwy04vft] {
    margin: 0.45rem 0 0;
    color: #64748b;
    font-size: 0.95rem;
}

.login-form[b-owwwy04vft] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.login-form__field[b-owwwy04vft] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.login-form__label[b-owwwy04vft] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #334155;
}

.login-form__assistive[b-owwwy04vft] {
    color: #64748b;
    font-size: 0.84rem;
}

.login-validation-summary[b-owwwy04vft] {
    margin: 0;
    padding: 0.85rem 1rem;
    border-radius: 0.9rem;
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #b91c1c;
    font-size: 0.88rem;
}

.login-submit-button[b-owwwy04vft] {
    width: 100%;
    min-height: 44px;
    margin-top: 0.25rem;
}

.login-card__footer[b-owwwy04vft] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
    color: #94a3b8;
    font-size: 0.82rem;
    text-align: center;
}

.login-captcha-card[b-owwwy04vft] {
    min-width: 350px;
}

.login-captcha-card__header[b-owwwy04vft] {
    padding: 1.1rem 1.25rem 0.25rem;
}

.login-captcha-card__body[b-owwwy04vft] {
    padding: 1rem 1.25rem 1.25rem;
}

[b-owwwy04vft] .login-popup-body {
    padding: 0;
}

[b-owwwy04vft] .dxbl-popup .login-captcha-card {
    box-shadow: none;
    border: 0;
}

[b-owwwy04vft] .login-form__editor .dxbl-text-edit,
[b-owwwy04vft] .login-form__editor .dxbl-combobox,
[b-owwwy04vft] .login-form__editor.dxbl-text-edit,
[b-owwwy04vft] .login-form__editor.dxbl-combobox {
    width: 100%;
}

[b-owwwy04vft] .login-form__editor .dxbl-input,
[b-owwwy04vft] .login-form__editor input,
[b-owwwy04vft] .login-form__editor .dxbl-edit-btn,
[b-owwwy04vft] .login-submit-button {
    font-size: 0.95rem;
}

[b-owwwy04vft] .login-form__editor .dxbl-input:focus,
[b-owwwy04vft] .login-form__editor input:focus,
[b-owwwy04vft] .login-submit-button:focus,
[b-owwwy04vft] .dxbl-btn:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

@media (max-width: 991.98px) {
    .login-shell[b-owwwy04vft] {
        padding: 1rem;
    }

    .login-layout[b-owwwy04vft] {
        grid-template-columns: 1fr;
    }

    .login-brand-panel[b-owwwy04vft] {
        padding: 1.5rem;
    }

    .login-brand-panel__feature-list[b-owwwy04vft] {
        grid-template-columns: 1fr;
    }

    .login-card[b-owwwy04vft] {
        padding: 1.5rem;
    }
}

@media (max-width: 575.98px) {
    .login-shell[b-owwwy04vft] {
        min-height: 100vh;
        padding: 0.75rem;
    }

    .login-brand-panel[b-owwwy04vft],
    .login-card[b-owwwy04vft] {
        border-radius: 1rem;
    }

    .login-captcha-card[b-owwwy04vft] {
        min-width: auto;
    }
}
/* /Components/Pages/Admin/BusinessTagCategoryManager.razor.rz.scp.css */
.business-tag-category-manager .color-preview[b-hztd1w829e] {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  display: inline-block;
}

.business-tag-category-manager .btn-group-sm .btn[b-hztd1w829e] {
  padding: .25rem .5rem;
  font-size: .85rem;
}

/* small responsive tweak */
@media (max-width: 576px) {
  .business-tag-category-manager table[b-hztd1w829e] {
    font-size: .9rem;
  }
}
/* /Components/Pages/Admin/BusinessTagManager.razor.rz.scp.css */
.business-tag-manager[b-ljaavcmhv8] {
    padding: 16px;
}

.category-list[b-ljaavcmhv8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.category-item[b-ljaavcmhv8] {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
}

.category-item:hover[b-ljaavcmhv8] {
    background-color: #f0f0f0;
}

.category-item.active[b-ljaavcmhv8] {
    background-color: #e6f7ff;
    border-left: 3px solid #1890ff;
}

.category-name[b-ljaavcmhv8] {
    flex: 1;
    font-weight: 500;
}

.tags-grid[b-ljaavcmhv8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
}

.tag-card[b-ljaavcmhv8] {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 12px;
    transition: all 0.2s;
}

.tag-card:hover[b-ljaavcmhv8] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.tag-card-header[b-ljaavcmhv8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.tag-info[b-ljaavcmhv8] {
    display: flex;
    align-items: center;
}

.tag-actions[b-ljaavcmhv8] {
    display: flex;
    gap: 4px;
}

.tag-card-body[b-ljaavcmhv8] {
    font-size: 0.9rem;
}

.tag-meta[b-ljaavcmhv8] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.sub-tags[b-ljaavcmhv8] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 8px;
    border-top: 1px dashed #e8e8e8;
}

.sub-tags .badge[b-ljaavcmhv8] {
    font-size: 0.75rem;
}
/* /Components/Pages/Admin/ChineseCitiesInitializationPage.razor.rz.scp.css */
.cities-initialization-page[b-64im6knrhu] {
    /* 页面整体样式 */
    background-color: #f8f9fa;
    min-height: 100vh;
    padding: 1rem;
}

.cities-initialization-page .card[b-64im6knrhu] {
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
    border: 1px solid #e6e9ef;
}

.cities-initialization-page .card-header[b-64im6knrhu] {
    background: linear-gradient(135deg, #f8f9fa 0%, #eef2f6 100%);
    border-bottom: 1px solid #eef2f7;
    border-radius: 10px 10px 0 0;
}

.cities-initialization-page .card-body[b-64im6knrhu] {
    padding: 1.5rem;
}

/* 统计卡片样式 */
.stat-card[b-64im6knrhu] {
    padding: 1rem;
    border-radius: 8px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e5e7eb;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.stat-card:hover[b-64im6knrhu] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1);
}

.stat-number[b-64im6knrhu] {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    line-height: 1;
}

.stat-label[b-64im6knrhu] {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

/* 进度条样式 */
.progress[b-64im6knrhu] {
    height: 8px;
    border-radius: 4px;
    background-color: #e5e7eb;
}

.progress-bar[b-64im6knrhu] {
    border-radius: 4px;
    background: linear-gradient(90deg, #3b82f6 0%, #1d4ed8 100%);
    transition: width 0.3s ease;
}

/* 按钮样式 */
.btn[b-64im6knrhu] {
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s ease;
    border: 1px solid transparent;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
}

.btn:hover[b-64im6knrhu] {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(2, 6, 23, 0.06);
}

.btn:disabled[b-64im6knrhu] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.btn-primary[b-64im6knrhu] {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    border-color: #3b82f6;
    color: #ffffff;
}

.btn-primary:hover:not(:disabled)[b-64im6knrhu] {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
    border-color: #1d4ed8;
}

.btn-info[b-64im6knrhu] {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    border-color: #06b6d4;
    color: #ffffff;
}

.btn-info:hover:not(:disabled)[b-64im6knrhu] {
    background: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);
    border-color: #0891b2;
}

.btn-warning[b-64im6knrhu] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    border-color: #f59e0b;
    color: #ffffff;
}

.btn-warning:hover:not(:disabled)[b-64im6knrhu] {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
    border-color: #d97706;
}

.btn-success[b-64im6knrhu] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border-color: #10b981;
    color: #ffffff;
}

.btn-success:hover:not(:disabled)[b-64im6knrhu] {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    border-color: #059669;
}

.btn-secondary[b-64im6knrhu] {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
    border-color: #6b7280;
    color: #ffffff;
}

.btn-secondary:hover:not(:disabled)[b-64im6knrhu] {
    background: linear-gradient(135deg, #4b5563 0%, #374151 100%);
    border-color: #4b5563;
}

/* 日志容器样式 */
.log-container[b-64im6knrhu] {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background-color: #fafafa;
    padding: 1rem;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.875rem;
    line-height: 1.4;
}

.log-entry[b-64im6knrhu] {
    margin-bottom: 0.5rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    word-wrap: break-word;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.log-time[b-64im6knrhu] {
    color: #6b7280;
    font-weight: 500;
    min-width: 70px;
}

.log-level[b-64im6knrhu] {
    font-weight: 600;
    min-width: 60px;
    text-align: center;
    border-radius: 3px;
    padding: 0.1rem 0.3rem;
    font-size: 0.75rem;
}

.log-message[b-64im6knrhu] {
    flex: 1;
}

/* 日志级别样式 */
.log-info[b-64im6knrhu] {
    background-color: #f0f9ff;
    border-left: 3px solid #3b82f6;
}

.log-info .log-level[b-64im6knrhu] {
    background-color: #3b82f6;
    color: #ffffff;
}

.log-success[b-64im6knrhu] {
    background-color: #f0fdf4;
    border-left: 3px solid #10b981;
}

.log-success .log-level[b-64im6knrhu] {
    background-color: #10b981;
    color: #ffffff;
}

.log-warning[b-64im6knrhu] {
    background-color: #fffbeb;
    border-left: 3px solid #f59e0b;
}

.log-warning .log-level[b-64im6knrhu] {
    background-color: #f59e0b;
    color: #ffffff;
}

.log-error[b-64im6knrhu] {
    background-color: #fef2f2;
    border-left: 3px solid #ef4444;
}

.log-error .log-level[b-64im6knrhu] {
    background-color: #ef4444;
    color: #ffffff;
}

/* 警告框样式 */
.alert[b-64im6knrhu] {
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
}

.alert-info[b-64im6knrhu] {
    background-color: #f0f9ff;
    border-color: #b3d4fc;
    color: #1e40af;
}

.alert-info h6[b-64im6knrhu] {
    color: #1e40af;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.alert-info ul[b-64im6knrhu] {
    margin-bottom: 0;
    padding-left: 1.5rem;
}

.alert-info li[b-64im6knrhu] {
    margin-bottom: 0.25rem;
}

/* 徽章样式 */
.badge[b-64im6knrhu] {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
    border-radius: 4px;
    font-weight: 500;
}

.badge.bg-info[b-64im6knrhu] {
    background-color: #06b6d4 !important;
    color: #ffffff;
}

/* 图标样式 */
.fas[b-64im6knrhu], .fa-solid[b-64im6knrhu] {
    margin-right: 0.5rem;
}

/* 加载动画 */
.fa-spinner.fa-spin[b-64im6knrhu] {
    animation: fa-spin-b-64im6knrhu 1s infinite linear;
}

@keyframes fa-spin-b-64im6knrhu {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* 响应式设计 */
@media (max-width: 768px) {
    .cities-initialization-page[b-64im6knrhu] {
        padding: 0.5rem;
    }

    .cities-initialization-page .card-body[b-64im6knrhu] {
        padding: 1rem;
    }

    .stat-card[b-64im6knrhu] {
        margin-bottom: 1rem;
    }

    .stat-number[b-64im6knrhu] {
        font-size: 1.5rem;
    }

    .d-flex.gap-3[b-64im6knrhu] {
        flex-direction: column;
        gap: 0.5rem !important;
    }

    .btn[b-64im6knrhu] {
        width: 100%;
        justify-content: center;
    }

    .log-container[b-64im6knrhu] {
        max-height: 300px;
        font-size: 0.8rem;
    }

    .log-entry[b-64im6knrhu] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .log-time[b-64im6knrhu],
    .log-level[b-64im6knrhu] {
        min-width: auto;
    }
}

@media (max-width: 576px) {
    .cities-initialization-page .card-body[b-64im6knrhu] {
        padding: 0.75rem;
    }

    .stat-number[b-64im6knrhu] {
        font-size: 1.25rem;
    }

    .stat-label[b-64im6knrhu] {
        font-size: 0.8rem;
    }

    .log-container[b-64im6knrhu] {
        max-height: 250px;
        padding: 0.75rem;
        font-size: 0.75rem;
    }
}

/* 滚动条样式 */
.log-container[b-64im6knrhu]::-webkit-scrollbar {
    width: 6px;
}

.log-container[b-64im6knrhu]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.log-container[b-64im6knrhu]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.log-container[b-64im6knrhu]::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

/* 文本颜色 */
.text-primary[b-64im6knrhu] {
    color: #3b82f6 !important;
}

.text-success[b-64im6knrhu] {
    color: #10b981 !important;
}

.text-info[b-64im6knrhu] {
    color: #06b6d4 !important;
}

.text-muted[b-64im6knrhu] {
    color: #6b7280 !important;
}

/* 边距调整 */
.mb-0[b-64im6knrhu] { margin-bottom: 0 !important; }
.mb-1[b-64im6knrhu] { margin-bottom: 0.25rem !important; }
.mb-2[b-64im6knrhu] { margin-bottom: 0.5rem !important; }
.mb-3[b-64im6knrhu] { margin-bottom: 1rem !important; }
.mb-4[b-64im6knrhu] { margin-bottom: 1.5rem !important; }

.mt-3[b-64im6knrhu] { margin-top: 1rem !important; }

.py-3[b-64im6knrhu] { 
    padding-top: 1rem !important; 
    padding-bottom: 1rem !important; 
}

/* 宽度控制 */
.w-100[b-64im6knrhu] { width: 100% !important; }

/* 对齐 */
.text-center[b-64im6knrhu] { text-align: center !important; }
.text-end[b-64im6knrhu] { text-align: end !important; }

.d-flex[b-64im6knrhu] { display: flex !important; }
.align-items-center[b-64im6knrhu] { align-items: center !important; }
.justify-content-between[b-64im6knrhu] { justify-content: space-between !important; }
.flex-wrap[b-64im6knrhu] { flex-wrap: wrap !important; }
/* /Components/Pages/Admin/ChineseProvincesInitializationPage.razor.rz.scp.css */
.chinese-provinces-initialization[b-lcd2wfenx7] {
    /* 主容器样式 */
    .card {
        background-color: #ffffff;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
        border: 1px solid #e6e9ef;
        border-radius: 10px;
        overflow: hidden;
    }

    .card-header[b-lcd2wfenx7] {
        background: linear-gradient(135deg, #f8f9fa 0%, #eef2f6 100%);
        color: #0f172a;
        border-bottom: 1px solid #eef2f7;
        padding: 0.75rem 1rem;
    }

    .card-header h5[b-lcd2wfenx7],
    .card-header h6[b-lcd2wfenx7] {
        font-weight: 600;
        margin-bottom: 0;
        color: #0b1220;
    }

    .card-header i[b-lcd2wfenx7] {
        color: #2563eb;
        margin-right: 8px;
        font-size: 1.1rem;
    }

    /* 初始化信息区域 */
    .initialization-info[b-lcd2wfenx7] {
        .lead {
            color: #374151;
            font-size: 1.125rem;
            margin-bottom: 1.5rem;
        }

        .feature-list[b-lcd2wfenx7] {
            h6 {
                color: #1f2937;
                font-weight: 600;
                margin-top: 1.5rem;
                margin-bottom: 0.5rem;
            }

            ul[b-lcd2wfenx7] {
                padding-left: 1.25rem;
                margin-bottom: 1rem;

                li {
                    color: #4b5563;
                    margin-bottom: 0.5rem;
                    line-height: 1.6;

                    strong {
                        color: #1f2937;
                        font-weight: 600;
                    }
                }
            }
        }
    }

    /* 状态面板 */
    .status-panel[b-lcd2wfenx7] {
        background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        padding: 1.5rem;

        h6 {
            color: #1e293b;
            font-weight: 600;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #e2e8f0;
        }

        .status-item[b-lcd2wfenx7] {
            margin-bottom: 0.75rem;
            padding: 0.5rem 0;

            span {
                font-size: 0.875rem;
            }

            span:first-child[b-lcd2wfenx7] {
                color: #64748b;
                font-weight: 500;
            }
        }

        .d-grid[b-lcd2wfenx7] {
            gap: 0.5rem;

            .btn {
                border-radius: 6px;
                font-weight: 500;
                transition: all 0.2s ease;
                padding: 0.5rem 1rem;
                font-size: 0.875rem;
            }

            .btn:hover:not(:disabled)[b-lcd2wfenx7] {
                transform: translateY(-1px);
                box-shadow: 0 4px 10px rgba(2, 6, 23, 0.1);
            }

            .btn:disabled[b-lcd2wfenx7] {
                opacity: 0.6;
                cursor: not-allowed;
                transform: none;
            }
        }
    }

    /* 徽章样式 */
    .badge[b-lcd2wfenx7] {
        font-size: 0.75rem;
        padding: 0.375rem 0.75rem;
        border-radius: 4px;
        font-weight: 500;
    }

    .badge.bg-success[b-lcd2wfenx7] {
        background-color: #10b981 !important;
        color: #ffffff;
    }

    .badge.bg-warning[b-lcd2wfenx7] {
        background-color: #f59e0b !important;
        color: #ffffff;
    }

    .badge.bg-info[b-lcd2wfenx7] {
        background-color: #06b6d4 !important;
        color: #ffffff;
    }

    .badge.bg-primary[b-lcd2wfenx7] {
        background-color: #3b82f6 !important;
        color: #ffffff;
    }

    .badge.bg-secondary[b-lcd2wfenx7] {
        background-color: #6b7280 !important;
        color: #ffffff;
    }

    .badge.bg-light[b-lcd2wfenx7] {
        background-color: #f8fafc !important;
        color: #374151 !important;
        border: 1px solid #e5e7eb;
    }

    /* 操作结果样式 */
    .alert[b-lcd2wfenx7] {
        border-radius: 8px;
        border: none;
        font-size: 0.875rem;
        line-height: 1.6;
    }

    .alert-success[b-lcd2wfenx7] {
        background-color: #d1fae5;
        color: #065f46;
    }

    .alert-danger[b-lcd2wfenx7] {
        background-color: #fee2e2;
        color: #991b1b;
    }

    .alert-warning[b-lcd2wfenx7] {
        background-color: #fef3c7;
        color: #92400e;
    }

    /* 表格样式 */
    .table[b-lcd2wfenx7] {
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid #e6e9ef;
        background: #ffffff;
    }

    .table thead th[b-lcd2wfenx7] {
        background-color: #f8fafc;
        border-bottom: 2px solid #eef2f7;
        font-weight: 600;
        color: #374151;
        font-size: 0.875rem;
        text-align: center;
    }

    .table tbody tr[b-lcd2wfenx7] {
        background: #ffffff;
    }

    .table tbody tr:hover[b-lcd2wfenx7] {
        background-color: #f8fafc;
    }

    .table tbody td[b-lcd2wfenx7] {
        vertical-align: middle;
        font-size: 0.875rem;
        border-color: #e9ecef;
        background: #ffffff;
        text-align: center;
    }

    /* 模态框样式 */
    .modal-dialog[b-lcd2wfenx7] {
        border-radius: 10px;
        box-shadow: 0 12px 40px rgba(2, 6, 23, 0.12);
    }

    .modal-body[b-lcd2wfenx7] {
        padding: 1.5rem;
        background: #ffffff;

        .text-center {
            p {
                color: #4b5563;
                font-size: 1rem;
                margin-bottom: 1rem;
            }

            .fa-exclamation-triangle[b-lcd2wfenx7] {
                color: #f59e0b;
            }
        }
    }

    .modal-footer[b-lcd2wfenx7] {
        padding: 0.75rem 1.5rem;
        background-color: #f8fafc;
        border-top: 1px solid #eef2f7;
    }

    /* 按钮样式 */
    .btn[b-lcd2wfenx7] {
        border-radius: 6px;
        font-weight: 500;
        transition: all 0.2s ease;
        border: 1px solid transparent;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
    }

    .btn:hover:not(:disabled)[b-lcd2wfenx7] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(2, 6, 23, 0.06);
    }

    .btn:disabled[b-lcd2wfenx7] {
        opacity: 0.6;
        cursor: not-allowed;
        transform: none;
    }

    .btn-primary[b-lcd2wfenx7] {
        background-color: #3b82f6;
        border-color: #3b82f6;
        color: #ffffff;
    }

    .btn-primary:hover:not(:disabled)[b-lcd2wfenx7] {
        background-color: #2563eb;
        border-color: #2563eb;
    }

    .btn-success[b-lcd2wfenx7] {
        background-color: #10b981;
        border-color: #10b981;
        color: #ffffff;
    }

    .btn-success:hover:not(:disabled)[b-lcd2wfenx7] {
        background-color: #059669;
        border-color: #059669;
    }

    .btn-warning[b-lcd2wfenx7] {
        background-color: #f59e0b;
        border-color: #f59e0b;
        color: #ffffff;
    }

    .btn-warning:hover:not(:disabled)[b-lcd2wfenx7] {
        background-color: #d97706;
        border-color: #d97706;
    }

    .btn-info[b-lcd2wfenx7] {
        background-color: #06b6d4;
        border-color: #06b6d4;
        color: #ffffff;
    }

    .btn-info:hover:not(:disabled)[b-lcd2wfenx7] {
        background-color: #0891b2;
        border-color: #0891b2;
    }

    .btn-danger[b-lcd2wfenx7] {
        background-color: #ef4444;
        border-color: #ef4444;
        color: #ffffff;
    }

    .btn-danger:hover:not(:disabled)[b-lcd2wfenx7] {
        background-color: #dc2626;
        border-color: #dc2626;
    }

    .btn-secondary[b-lcd2wfenx7] {
        background-color: #6b7280;
        border-color: #6b7280;
        color: #ffffff;
    }

    .btn-secondary:hover:not(:disabled)[b-lcd2wfenx7] {
        background-color: #4b5563;
        border-color: #4b5563;
    }

    /* 加载动画 */
    .fa-spinner.fa-spin[b-lcd2wfenx7] {
        animation: fa-spin-b-lcd2wfenx7 1s infinite linear;
    }

    @keyframes fa-spin-b-lcd2wfenx7 {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }

    /* 响应式设计 */
    @media (max-width: 768px) {
        .status-panel[b-lcd2wfenx7] {
            margin-top: 1rem;
        }

        .d-grid .btn[b-lcd2wfenx7] {
            font-size: 0.8rem;
            padding: 0.4rem 0.8rem;
        }

        .initialization-info .feature-list ul[b-lcd2wfenx7] {
            font-size: 0.875rem;
        }
    }

    @media (max-width: 576px) {
        .card-body[b-lcd2wfenx7] {
            padding: 1rem;
        }

        .status-panel[b-lcd2wfenx7] {
            padding: 1rem;
        }

        .modal-body[b-lcd2wfenx7] {
            padding: 1rem;
        }

        .table[b-lcd2wfenx7] {
            font-size: 0.8rem;
        }
    }
}

/* 全局表格分页样式 */
.pagination[b-lcd2wfenx7] {
    margin-bottom: 0;

    .page-link {
        border-radius: 6px;
        margin: 0 2px;
        border: 1px solid #e6e9ef;
        color: #0f172a;
        font-size: 0.875rem;
        background: #ffffff;
    }

    .page-link:hover[b-lcd2wfenx7] {
        background-color: #f8fafc;
        border-color: #3b82f6;
        color: #3b82f6;
    }

    .page-item.active .page-link[b-lcd2wfenx7] {
        background-color: #3b82f6;
        border-color: #3b82f6;
        color: #ffffff;
    }
}
/* /Components/Pages/Admin/Components/FieldConfigEditDialog.razor.rz.scp.css */
/* 字段配置编辑对话框 - 现代化样式 */

/* 对话框容器 */
.field-config-modal .modal-dialog[b-io3nlme01h] {
    max-width: 900px;
}

/* 卡片样式 */
.field-config-modal .card[b-io3nlme01h] {
    border: 1px solid #e3e6f0;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}

.field-config-modal .card:hover[b-io3nlme01h] {
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1) !important;
}

.field-config-modal .card-header[b-io3nlme01h] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 2px solid #dee2e6;
    padding: 0.75rem 1rem;
}

.field-config-modal .card-body[b-io3nlme01h] {
    padding: 1.25rem;
}

/* 表单组样式 */
.field-config-modal .form-group[b-io3nlme01h] {
    margin-bottom: 0;
}

.field-config-modal .form-label[b-io3nlme01h] {
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
}

.field-config-modal .form-label.required[b-io3nlme01h]::after {
    content: "*";
    color: #dc3545;
    margin-left: 0.25rem;
}

.field-config-modal .form-text[b-io3nlme01h] {
    font-size: 0.75rem;
    margin-top: 0.25rem;
    display: block;
}

/* 只读输入框 */
.field-config-modal .bg-light[b-io3nlme01h] {
    background-color: #f8f9fa !important;
    cursor: not-allowed;
}

/* 开关项样式 - 网格布局优化 */
.switch-item[b-io3nlme01h] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.875rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border: 1px solid #e3e6f0;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
    gap: 0.75rem;
    height: 100%;
    min-height: 90px;
    margin-bottom: 0;
}

.switch-item:hover[b-io3nlme01h] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-color: #adb5bd;
    transform: translateY(-2px);
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
}

.switch-icon[b-io3nlme01h] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 0.5rem;
    font-size: 1.25rem;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.switch-content[b-io3nlme01h] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.switch-label[b-io3nlme01h] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.3;
}

.switch-content small[b-io3nlme01h] {
    display: block;
    color: #6c757d;
    font-size: 0.75rem;
    line-height: 1.4;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}

/* 提示框样式 */
.field-config-modal .alert[b-io3nlme01h] {
    border-radius: 0.5rem;
    border: 1px solid;
}

.field-config-modal .alert-info[b-io3nlme01h] {
    background-color: #e7f3ff;
    border-color: #b8daff;
    color: #004085;
}

.field-config-modal .alert ul[b-io3nlme01h] {
    font-size: 0.8125rem;
}

/* 页脚样式 */
.field-config-modal .modal-footer[b-io3nlme01h] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-top: 2px solid #dee2e6;
    padding: 1rem 1.25rem;
}

/* 按钮组样式 */
.field-config-modal .btn-group-sm .btn[b-io3nlme01h] {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
}

/* 输入框焦点效果 */
.field-config-modal .form-control:focus[b-io3nlme01h],
.field-config-modal .form-select:focus[b-io3nlme01h] {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* 响应式调整 - 优化网格布局 */
@media (max-width: 768px) {
    .field-config-modal .modal-dialog[b-io3nlme01h] {
        max-width: 95%;
        margin: 0.5rem auto;
    }

    /* 小屏幕下调整开关项布局 */
    .switch-item[b-io3nlme01h] {
        padding: 0.75rem;
        gap: 0.625rem;
        min-height: 80px;
    }

    .switch-icon[b-io3nlme01h] {
        width: 36px;
        height: 36px;
        min-width: 36px;
        font-size: 1.125rem;
    }

    .switch-label[b-io3nlme01h] {
        font-size: 0.8125rem;
    }

    .switch-content small[b-io3nlme01h] {
        font-size: 0.6875rem;
    }

    .field-config-modal .card-body[b-io3nlme01h] {
        padding: 1rem;
    }
}

/* 确保网格列之间的间距一致 */
.field-config-modal .row.g-2[b-io3nlme01h] {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.field-config-modal .row.g-2 > [class*="col-"][b-io3nlme01h] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-bottom: 0.5rem;
}

/* 确保每一行的卡片高度一致 */
.field-config-modal .row.g-2 > [class*="col-"][b-io3nlme01h] {
    display: flex;
}

.field-config-modal .row.g-2 > [class*="col-"] .switch-item[b-io3nlme01h] {
    width: 100%;
}

/* 动画效果 */
@keyframes slideInUp-b-io3nlme01h {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.field-config-modal .card[b-io3nlme01h] {
    animation: slideInUp-b-io3nlme01h 0.3s ease-out;
}

.field-config-modal .card:nth-child(1)[b-io3nlme01h] {
    animation-delay: 0.05s;
}

.field-config-modal .card:nth-child(2)[b-io3nlme01h] {
    animation-delay: 0.1s;
}

.field-config-modal .card:nth-child(3)[b-io3nlme01h] {
    animation-delay: 0.15s;
}

/* 滚动条样式 */
.field-config-modal .modal-body[b-io3nlme01h]::-webkit-scrollbar {
    width: 8px;
}

.field-config-modal .modal-body[b-io3nlme01h]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.field-config-modal .modal-body[b-io3nlme01h]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.field-config-modal .modal-body[b-io3nlme01h]::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* /Components/Pages/Admin/Components/TableFieldImportConfigDialog.razor.rz.scp.css */
/* 表字段导入配置对话框样式 */

.import-config-section[b-7vpi9opqsz] {
    max-height: 600px;
    overflow-y: auto;
}

.section-header[b-7vpi9opqsz] {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 2px solid #e9ecef;
    margin-bottom: 15px;
}

.section-header i[b-7vpi9opqsz] {
    color: #0d6efd;
}

.section-header h6[b-7vpi9opqsz] {
    margin: 0;
    font-weight: 600;
    color: #495057;
}

.form-text[b-7vpi9opqsz] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-top: 0.25rem;
}

/* 预览区域 */
.preview-section[b-7vpi9opqsz] {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    background-color: #f8f9fa;
}

.preview-header[b-7vpi9opqsz] {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    background-color: #e9ecef;
    border-bottom: 1px solid #dee2e6;
    border-radius: 0.375rem 0.375rem 0 0;
}

.preview-header i[b-7vpi9opqsz] {
    color: #0d6efd;
}

.preview-header h6[b-7vpi9opqsz] {
    margin: 0;
    font-weight: 600;
    color: #495057;
}

.preview-content[b-7vpi9opqsz] {
    padding: 15px;
}

.preview-content table[b-7vpi9opqsz] {
    margin: 0;
}

.preview-label[b-7vpi9opqsz] {
    font-weight: 600;
    color: #495057;
    width: 120px;
}

.preview-content code[b-7vpi9opqsz] {
    background-color: #e9ecef;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.875rem;
}

/* Alert样式优化 */
.alert-info[b-7vpi9opqsz] {
    background-color: #cfe2ff;
    border-color: #b6d4fe;
    color: #084298;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .import-config-section[b-7vpi9opqsz] {
        max-height: 500px;
    }

    .preview-label[b-7vpi9opqsz] {
        width: 100px;
        font-size: 0.875rem;
    }
}
/* /Components/Pages/Admin/DatabaseInitializationPage.razor.rz.scp.css */
/* 数据库初始化页面样式 */

.database-init-container[b-87zsyngdx1] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* 页面头部 */
.page-header[b-87zsyngdx1] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    padding: 24px;
    color: white;
    margin-bottom: 24px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.header-content[b-87zsyngdx1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-87zsyngdx1] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-icon[b-87zsyngdx1] {
    font-size: 2.5rem;
    opacity: 0.9;
}

.page-header h3[b-87zsyngdx1] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.header-subtitle[b-87zsyngdx1] {
    margin: 4px 0 0 0;
    opacity: 0.9;
    font-size: 0.9rem;
}

/* 状态卡片 */
.status-card[b-87zsyngdx1] {
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.status-grid[b-87zsyngdx1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.status-item[b-87zsyngdx1] {
    padding: 12px;
    border-radius: 8px;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.status-label[b-87zsyngdx1] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    color: #6c757d;
    margin-bottom: 8px;
}

.status-value[b-87zsyngdx1] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2c3e50;
}

/* 向导卡片 */
.wizard-card[b-87zsyngdx1] {
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* 内容卡片 */
.content-card[b-87zsyngdx1] {
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    min-height: 400px;
}

.step-content[b-87zsyngdx1] {
    padding: 24px;
}

.step-title[b-87zsyngdx1] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 8px;
}

.step-description[b-87zsyngdx1] {
    color: #6c757d;
    margin-bottom: 24px;
}

/* 数据库选项 */
.database-options[b-87zsyngdx1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 24px;
}

.db-option[b-87zsyngdx1] {
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.db-option:hover[b-87zsyngdx1] {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.db-option.selected[b-87zsyngdx1] {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}

.db-icon[b-87zsyngdx1] {
    text-align: center;
    font-size: 3rem;
    margin-bottom: 12px;
}

.db-option h6[b-87zsyngdx1] {
    text-align: center;
    font-weight: 600;
    margin-bottom: 4px;
}

.db-option p[b-87zsyngdx1] {
    text-align: center;
    font-size: 0.85rem;
    margin-bottom: 16px;
}

.features[b-87zsyngdx1] {
    border-top: 1px solid #e9ecef;
    padding-top: 12px;
}

.feature-item[b-87zsyngdx1] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    margin-bottom: 6px;
}

/* 连接配置 */
.connection-string-preview[b-87zsyngdx1] {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 16px;
}

.preview-box[b-87zsyngdx1] {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 12px;
    font-family: 'Courier New', monospace;
    font-size: 0.85rem;
    overflow-x: auto;
}

/* 初始化选项 */
.init-options[b-87zsyngdx1] {
    margin-top: 24px;
}

.option-item[b-87zsyngdx1] {
    padding: 16px;
    border-bottom: 1px solid #e9ecef;
}

.option-item:last-child[b-87zsyngdx1] {
    border-bottom: none;
}

.option-desc[b-87zsyngdx1] {
    margin: 4px 0 0 28px;
    font-size: 0.85rem;
    color: #6c757d;
}

/* 执行状态 */
.processing-indicator[b-87zsyngdx1],
.ready-indicator[b-87zsyngdx1],
.completion-indicator[b-87zsyngdx1] {
    padding: 40px 20px;
}

.summary-box[b-87zsyngdx1] {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    text-align: left;
    max-width: 500px;
    margin: 0 auto;
}

.summary-box h6[b-87zsyngdx1] {
    margin-bottom: 16px;
    font-weight: 600;
}

.summary-box ul li[b-87zsyngdx1] {
    padding: 8px 0;
    border-bottom: 1px solid #dee2e6;
}

.summary-box ul li:last-child[b-87zsyngdx1] {
    border-bottom: none;
}

/* 完成状态 */
.completion-stats[b-87zsyngdx1] {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin: 24px 0;
}

.stat-item[b-87zsyngdx1] {
    text-align: center;
}

.stat-value[b-87zsyngdx1] {
    font-size: 2rem;
    font-weight: 700;
    color: #28a745;
}

.stat-label[b-87zsyngdx1] {
    font-size: 0.85rem;
    color: #6c757d;
    margin-top: 4px;
}

.next-steps[b-87zsyngdx1] {
    margin-top: 32px;
}

.next-steps h6[b-87zsyngdx1] {
    margin-bottom: 16px;
}

/* 操作按钮 */
.action-buttons[b-87zsyngdx1] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

/* 日志面板 */
.log-panel[b-87zsyngdx1] {
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.log-content[b-87zsyngdx1] {
    max-height: 300px;
    overflow-y: auto;
    font-family: 'Courier New', monospace;
    font-size: 0.85rem;
    background: #1e1e1e;
    color: #d4d4d4;
    padding: 12px;
    border-radius: 4px;
}

.log-entry[b-87zsyngdx1] {
    padding: 4px 0;
    line-height: 1.6;
}

.log-time[b-87zsyngdx1] {
    color: #858585;
    margin-right: 8px;
}

.log-entry.info .log-message[b-87zsyngdx1] {
    color: #4fc3f7;
}

.log-entry.success .log-message[b-87zsyngdx1] {
    color: #66bb6a;
}

.log-entry.warning .log-message[b-87zsyngdx1] {
    color: #ffca28;
}

.log-entry.error .log-message[b-87zsyngdx1] {
    color: #ef5350;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .database-options[b-87zsyngdx1] {
        grid-template-columns: 1fr;
    }

    .status-grid[b-87zsyngdx1] {
        grid-template-columns: 1fr;
    }

    .completion-stats[b-87zsyngdx1] {
        flex-direction: column;
        gap: 20px;
    }

    .action-buttons[b-87zsyngdx1] {
        flex-direction: column;
    }

    .header-content[b-87zsyngdx1] {
        flex-direction: column;
        gap: 16px;
        text-align: center;
    }

    .header-left[b-87zsyngdx1] {
        flex-direction: column;
    }
}

/* 动画效果 */
@keyframes pulse-b-87zsyngdx1 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.processing-indicator .spinner-border[b-87zsyngdx1] {
    animation: pulse-b-87zsyngdx1 1.5s ease-in-out infinite;
}

/* 滚动条美化 */
.log-content[b-87zsyngdx1]::-webkit-scrollbar {
    width: 8px;
}

.log-content[b-87zsyngdx1]::-webkit-scrollbar-track {
    background: #2d2d2d;
}

.log-content[b-87zsyngdx1]::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 4px;
}

.log-content[b-87zsyngdx1]::-webkit-scrollbar-thumb:hover {
    background: #777;
}
/* /Components/Pages/Admin/FieldPermissionMgrPage.razor.rz.scp.css */
.field-permission-page[b-x48ayhafpe] {
    padding: 1rem;
}

.field-permission-page .search-area[b-x48ayhafpe] {
    border: 1px solid #e9ecef;
}

.field-permission-page .card-header[b-x48ayhafpe] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

.field-permission-page .card-header h5[b-x48ayhafpe] {
    color: #495057;
    font-weight: 600;
}

/* 权限标签样式 */
.field-permission-page .badge-permission[b-x48ayhafpe] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.field-permission-page .badge-permission-edit[b-x48ayhafpe] {
    background-color: #28a745;
    color: #fff;
}

.field-permission-page .badge-permission-view[b-x48ayhafpe] {
    background-color: #007bff;
    color: #fff;
}

.field-permission-page .badge-permission-masked[b-x48ayhafpe] {
    background-color: #ffc107;
    color: #212529;
}

.field-permission-page .badge-permission-none[b-x48ayhafpe] {
    background-color: #6c757d;
    color: #fff;
}

/* 敏感字段标记 */
.field-permission-page .sensitive-badge[b-x48ayhafpe] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.125rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 0.25rem;
    background-color: #dc3545;
    color: #fff;
}

/* 表格行状态 */
.field-permission-page .table tbody tr.disabled-row[b-x48ayhafpe] {
    opacity: 0.6;
    background-color: #f8f9fa;
}

/* 角色权限配置对话框 */
.role-permission-dialog .permission-select[b-x48ayhafpe] {
    min-width: 150px;
}

.permission-description[b-x48ayhafpe] {
    font-size: 0.85rem;
    color: #6c757d;
    line-height: 1.4;
}

/* 字段分类标签 */
.field-category-tag[b-x48ayhafpe] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 0.25rem;
    background-color: #e9ecef;
    color: #495057;
}

/* 表单提示文本 */
.text-muted.small[b-x48ayhafpe] {
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

.text-muted.small i[b-x48ayhafpe] {
    margin-right: 0.25rem;
}

/* 编辑对话框 */
.modal-body .form-group[b-x48ayhafpe] {
    margin-bottom: 1rem;
}

.modal-body .validate-form[b-x48ayhafpe] {
    padding: 0;
}

/* 表单验证错误 */
.is-invalid[b-x48ayhafpe] {
    border-color: #dc3545 !important;
}

.invalid-feedback[b-x48ayhafpe] {
    display: block;
    color: #dc3545;
    font-size: 0.875em;
    margin-top: 0.25rem;
}

/* 搜索区域响应式 */
@media (max-width: 768px) {
    .field-permission-page .search-area .row > div[b-x48ayhafpe] {
        margin-bottom: 0.5rem;
    }
}

/* 表格操作按钮组 */
.field-permission-page .btn-group-actions[b-x48ayhafpe] {
    display: flex;
    gap: 0.25rem;
    flex-wrap: nowrap;
}

/* 工具提示样式 */
.field-permission-page [title][b-x48ayhafpe] {
    cursor: help;
}

/* 加载状态 */
.field-permission-page .loading-overlay[b-x48ayhafpe] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

/* 空数据提示 */
.field-permission-page .empty-data[b-x48ayhafpe] {
    text-align: center;
    padding: 3rem;
    color: #6c757d;
}

.field-permission-page .empty-data i[b-x48ayhafpe] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

/* 字段权限包装器样式 */
.field-masked[b-x48ayhafpe] {
    color: #6c757d;
    font-family: monospace;
}

.field-denied[b-x48ayhafpe] {
    font-style: italic;
}

.field-loading[b-x48ayhafpe] {
    display: inline-block;
    min-width: 3rem;
}

/* Modal改进 */
.modal-lg[b-x48ayhafpe] {
    max-width: 900px;
}

.modal-xl[b-x48ayhafpe] {
    max-width: 1200px;
}

/* 选择器样式优化 */
.select-editable[b-x48ayhafpe] {
    position: relative;
}

.select-editable .form-control[b-x48ayhafpe] {
    padding-right: 2.5rem;
}

/* 保存按钮加载状态 */
.btn .fa-spinner[b-x48ayhafpe] {
    margin-right: 0.5rem;
}

/* Switch组件说明文本 */
.switch-label-container[b-x48ayhafpe] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* 角色权限表格 */
.role-permission-table[b-x48ayhafpe] {
    margin-top: 1rem;
}

.role-permission-table .table th[b-x48ayhafpe] {
    background-color: #f8f9fa;
    font-weight: 600;
    border-bottom: 2px solid #dee2e6;
}

/* 权限类型徽章 */
.permission-badge[b-x48ayhafpe] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.permission-badge-edit[b-x48ayhafpe] {
    color: #fff;
    background-color: #28a745;
}

.permission-badge-view[b-x48ayhafpe] {
    color: #fff;
    background-color: #007bff;
}

.permission-badge-masked[b-x48ayhafpe] {
    color: #212529;
    background-color: #ffc107;
}

.permission-badge-none[b-x48ayhafpe] {
    color: #fff;
    background-color: #6c757d;
}

/* 表单帮助文本 */
.form-text[b-x48ayhafpe] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #6c757d;
}

/* 必填字段标记 */
.required-field[b-x48ayhafpe]::after {
    content: " *";
    color: #dc3545;
}

/* 对话框内容区域 */
.modal-body[b-x48ayhafpe] {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

/* 确认删除对话框 */
.swal2-popup .swal2-html-container[b-x48ayhafpe] {
    white-space: pre-line;
}
/* /Components/Pages/Admin/HSCodeJPScraperDebugPage.razor.rz.scp.css */
.hscode-jp-scraper-debug[b-5x18wl1fcz] {
    padding-bottom: 2rem;
}

/* 日誌容器 */
.scraping-log-container[b-5x18wl1fcz] {
    margin-top: 1rem;
}

.scraping-log[b-5x18wl1fcz] {
    max-height: 300px;
    overflow-y: auto;
    background-color: #1a1a2e;
    color: #eaeaea;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.75rem;
    padding: 0.75rem;
    border-radius: 4px;
    border: 1px solid #16213e;
}

.log-entry[b-5x18wl1fcz] {
    padding: 2px 0;
    border-bottom: 1px solid #16213e;
}

.log-entry:last-child[b-5x18wl1fcz] {
    border-bottom: none;
}

.log-error[b-5x18wl1fcz] {
    color: #ff6b6b;
}

.log-success[b-5x18wl1fcz] {
    color: #51cf66;
}

.log-warning[b-5x18wl1fcz] {
    color: #fcc419;
}

/* 章節編碼列表 */
.chapter-codes-container[b-5x18wl1fcz] {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.chapter-codes-container table[b-5x18wl1fcz] {
    margin-bottom: 0;
}

.chapter-codes-container thead[b-5x18wl1fcz] {
    position: sticky;
    top: 0;
    background: #f8f9fa;
    z-index: 1;
}

/* 詳情區塊 */
.detail-section[b-5x18wl1fcz] {
    background: linear-gradient(135deg, #fff5f5 0%, #fff 100%);
    padding: 1rem;
    border-radius: 6px;
    height: 100%;
    border-left: 3px solid #e03131;
}

.detail-section h6[b-5x18wl1fcz] {
    color: #c92a2a;
    border-bottom: 1px solid #ffc9c9;
    padding-bottom: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
}

.detail-section .table[b-5x18wl1fcz] {
    font-size: 0.85rem;
    margin-bottom: 0;
}

.detail-section .table-label[b-5x18wl1fcz] {
    width: 130px;
    background: #ffe3e3;
    font-weight: 500;
    color: #862e2e;
}

/* EPA稅率容器 */
.epa-rates-container[b-5x18wl1fcz] {
    max-height: 200px;
    overflow-y: auto;
}

/* 原始HTML預覽 */
.raw-html-preview[b-5x18wl1fcz] {
    max-height: 400px;
    overflow: auto;
    background: #f5f5f5;
    padding: 1rem;
    border-radius: 4px;
    font-size: 0.7rem;
    white-space: pre-wrap;
    word-break: break-all;
}

/* 日本主題色調 */
.alert-info[b-5x18wl1fcz] {
    background: linear-gradient(135deg, #fff5f5 0%, #ffe8e8 100%);
    border-color: #e03131;
    color: #862e2e;
}

.alert-info h4[b-5x18wl1fcz] {
    color: #c92a2a;
}

/* 響應式調整 */
@media (max-width: 768px) {
    .scraping-log[b-5x18wl1fcz] {
        max-height: 200px;
    }

    .chapter-codes-container[b-5x18wl1fcz] {
        max-height: 300px;
    }

    .detail-section .table-label[b-5x18wl1fcz] {
        width: 100px;
    }
}

/* 統計信息樣式 */
.alert h6[b-5x18wl1fcz] {
    margin-bottom: 0.5rem;
}

.alert .row .col-6 > div[b-5x18wl1fcz] {
    padding: 2px 0;
}

/* 輸入組樣式增強 */
.input-group .form-control[b-5x18wl1fcz] {
    border-right: none;
}

.input-group .btn[b-5x18wl1fcz] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* 表格內按鈕樣式 */
.table .btn-link[b-5x18wl1fcz] {
    padding: 0 0.25rem;
}

/* 代碼高亮 */
code[b-5x18wl1fcz] {
    color: #e03131;
    background-color: #fff5f5;
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    font-size: 0.85em;
}

/* 卡片標題徽章 */
.card-header .badge[b-5x18wl1fcz] {
    font-size: 0.7rem;
    animation: pulse-b-5x18wl1fcz 1.5s infinite;
}

@keyframes pulse-b-5x18wl1fcz {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
}

/* 日本國旗風格徽章 */
.badge.bg-danger[b-5x18wl1fcz] {
    background: linear-gradient(135deg, #e03131 0%, #c92a2a 100%) !important;
}
/* /Components/Pages/Admin/HSCodeScraperDebugPage.razor.rz.scp.css */
.hscode-scraper-debug[b-lk077hb465] {
    padding-bottom: 2rem;
}

/* 日志容器 */
.scraping-log-container[b-lk077hb465] {
    margin-top: 1rem;
}

.scraping-log[b-lk077hb465] {
    max-height: 300px;
    overflow-y: auto;
    background-color: #1e1e1e;
    color: #d4d4d4;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.75rem;
    padding: 0.75rem;
    border-radius: 4px;
    border: 1px solid #333;
}

.log-entry[b-lk077hb465] {
    padding: 2px 0;
    border-bottom: 1px solid #333;
}

.log-entry:last-child[b-lk077hb465] {
    border-bottom: none;
}

.log-error[b-lk077hb465] {
    color: #f48771;
}

.log-success[b-lk077hb465] {
    color: #89d185;
}

.log-warning[b-lk077hb465] {
    color: #cca700;
}

/* 章节编码列表 */
.chapter-codes-container[b-lk077hb465] {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.chapter-codes-container table[b-lk077hb465] {
    margin-bottom: 0;
}

.chapter-codes-container thead[b-lk077hb465] {
    position: sticky;
    top: 0;
    background: #f8f9fa;
    z-index: 1;
}

/* 详情区块 */
.detail-section[b-lk077hb465] {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: 6px;
    height: 100%;
}

.detail-section h6[b-lk077hb465] {
    color: #495057;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
}

.detail-section .table[b-lk077hb465] {
    font-size: 0.85rem;
    margin-bottom: 0;
}

.detail-section .table-label[b-lk077hb465] {
    width: 120px;
    background: #e9ecef;
    font-weight: 500;
}

/* 协定税率容器 */
.agreement-rates-container[b-lk077hb465] {
    max-height: 150px;
    overflow-y: auto;
}

/* 原始HTML预览 */
.raw-html-preview[b-lk077hb465] {
    max-height: 400px;
    overflow: auto;
    background: #f5f5f5;
    padding: 1rem;
    border-radius: 4px;
    font-size: 0.7rem;
    white-space: pre-wrap;
    word-break: break-all;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .scraping-log[b-lk077hb465] {
        max-height: 200px;
    }

    .chapter-codes-container[b-lk077hb465] {
        max-height: 300px;
    }

    .detail-section .table-label[b-lk077hb465] {
        width: 100px;
    }
}

/* 统计信息样式 */
.alert h6[b-lk077hb465] {
    margin-bottom: 0.5rem;
}

.alert .row .col-6 > div[b-lk077hb465] {
    padding: 2px 0;
}

/* 输入组样式增强 */
.input-group .form-control[b-lk077hb465] {
    border-right: none;
}

.input-group .btn[b-lk077hb465] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* 表格内按钮样式 */
.table .btn-link[b-lk077hb465] {
    padding: 0 0.25rem;
}

/* 代码高亮 */
code[b-lk077hb465] {
    color: #0d6efd;
    background-color: #f8f9fa;
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    font-size: 0.85em;
}

/* 卡片标题徽章 */
.card-header .badge[b-lk077hb465] {
    font-size: 0.7rem;
    animation: pulse-b-lk077hb465 1.5s infinite;
}

@keyframes pulse-b-lk077hb465 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
}
/* /Components/Pages/Admin/HSCodeUSScraperDebugPage.razor.rz.scp.css */
.hscode-us-scraper-debug[b-3rkc5qj6p3] {
    padding-bottom: 2rem;
}

/* Log Container */
.scraping-log-container[b-3rkc5qj6p3] {
    margin-top: 1rem;
}

.scraping-log[b-3rkc5qj6p3] {
    max-height: 300px;
    overflow-y: auto;
    background-color: #0a1628;
    color: #e8e8e8;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.75rem;
    padding: 0.75rem;
    border-radius: 4px;
    border: 1px solid #1a3a5c;
}

.log-entry[b-3rkc5qj6p3] {
    padding: 2px 0;
    border-bottom: 1px solid #1a3a5c;
}

.log-entry:last-child[b-3rkc5qj6p3] {
    border-bottom: none;
}

.log-error[b-3rkc5qj6p3] {
    color: #ff6b6b;
}

.log-success[b-3rkc5qj6p3] {
    color: #51cf66;
}

.log-warning[b-3rkc5qj6p3] {
    color: #fcc419;
}

/* Chapter Codes List */
.chapter-codes-container[b-3rkc5qj6p3] {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.chapter-codes-container table[b-3rkc5qj6p3] {
    margin-bottom: 0;
}

.chapter-codes-container thead[b-3rkc5qj6p3] {
    position: sticky;
    top: 0;
    background: #f8f9fa;
    z-index: 1;
}

/* Detail Section */
.detail-section[b-3rkc5qj6p3] {
    background: linear-gradient(135deg, #f0f4ff 0%, #fff 100%);
    padding: 1rem;
    border-radius: 6px;
    height: 100%;
    border-left: 3px solid #3b5998;
}

.detail-section h6[b-3rkc5qj6p3] {
    color: #3b5998;
    border-bottom: 1px solid #c4d4f4;
    padding-bottom: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
}

.detail-section .table[b-3rkc5qj6p3] {
    font-size: 0.85rem;
    margin-bottom: 0;
}

.detail-section .table-label[b-3rkc5qj6p3] {
    width: 140px;
    background: #e3ecfa;
    font-weight: 500;
    color: #2d4373;
}

/* Raw HTML Preview */
.raw-html-preview[b-3rkc5qj6p3] {
    max-height: 400px;
    overflow: auto;
    background: #f5f5f5;
    padding: 1rem;
    border-radius: 4px;
    font-size: 0.7rem;
    white-space: pre-wrap;
    word-break: break-all;
}

/* US Theme Colors */
.alert-info[b-3rkc5qj6p3] {
    background: linear-gradient(135deg, #f0f4ff 0%, #e3ecfa 100%);
    border-color: #3b5998;
    color: #2d4373;
}

.alert-info h4[b-3rkc5qj6p3] {
    color: #3b5998;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .scraping-log[b-3rkc5qj6p3] {
        max-height: 200px;
    }

    .chapter-codes-container[b-3rkc5qj6p3] {
        max-height: 300px;
    }

    .detail-section .table-label[b-3rkc5qj6p3] {
        width: 100px;
    }
}

/* Statistics Alert Styles */
.alert h6[b-3rkc5qj6p3] {
    margin-bottom: 0.5rem;
}

.alert .row .col-6 > div[b-3rkc5qj6p3] {
    padding: 2px 0;
}

/* Input Group Enhancement */
.input-group .form-control[b-3rkc5qj6p3] {
    border-right: none;
}

.input-group .btn[b-3rkc5qj6p3] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Table Button Styles */
.table .btn-link[b-3rkc5qj6p3] {
    padding: 0 0.25rem;
}

/* Code Highlight */
code[b-3rkc5qj6p3] {
    color: #3b5998;
    background-color: #f0f4ff;
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    font-size: 0.85em;
}

/* Card Header Badge */
.card-header .badge[b-3rkc5qj6p3] {
    font-size: 0.7rem;
    animation: pulse-b-3rkc5qj6p3 1.5s infinite;
}

@keyframes pulse-b-3rkc5qj6p3 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
}

/* US Flag Style Badge */
.badge.bg-primary[b-3rkc5qj6p3] {
    background: linear-gradient(135deg, #3b5998 0%, #2d4373 100%) !important;
}

/* Stars decoration for US theme */
.alert-info h4[b-3rkc5qj6p3]::before {
    content: "★ ";
    color: #bf0a30;
}

.alert-info h4[b-3rkc5qj6p3]::after {
    content: " ★";
    color: #bf0a30;
}
/* /Components/Pages/Admin/QuickFixPage.razor.rz.scp.css */
/* QuickFixPage 样式 */

/* 页面容器 */
.container-fluid[b-hrq0z0cgvj] {
    max-width: 1400px;
}

/* 信息提示框 */
.alert-info h4[b-hrq0z0cgvj] {
    margin-bottom: 0.5rem;
}

/* 卡片样式 */
.card[b-hrq0z0cgvj] {
    margin-bottom: 1rem;
}

/* 结果显示区域 */
.alert pre[b-hrq0z0cgvj] {
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: 0.875rem;
    line-height: 1.5;
}

/* 列表样式 */
ol li[b-hrq0z0cgvj] {
    margin-bottom: 0.5rem;
}

ul.text-muted li[b-hrq0z0cgvj] {
    margin-bottom: 0.25rem;
}

/* 按钮组 */
.d-flex.gap-2[b-hrq0z0cgvj] {
    flex-wrap: wrap;
}

/* 相关链接 */
.text-muted a[b-hrq0z0cgvj] {
    color: #0d6efd;
    text-decoration: none;
}

.text-muted a:hover[b-hrq0z0cgvj] {
    text-decoration: underline;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .col-md-8[b-hrq0z0cgvj],
    .col-md-4[b-hrq0z0cgvj] {
        margin-bottom: 1rem;
    }
}
/* /Components/Pages/Admin/TableFieldConfigMgrPage.razor.rz.scp.css */
/* 样式：TableFieldConfigMgrPage */

.table-field-config-page .btn-group[b-x18vodsiu3] {
    gap: 0.5rem;
}

.table-field-config-page .selection-info[b-x18vodsiu3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.table-field-config-page .table-actions[b-x18vodsiu3] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}
/* /Components/Pages/BaseData/AirlineEditDialog.razor.rz.scp.css */
/* AirlineEditDialog component scoped styles */
.contact-list[b-kcny6u2v0l] { max-height: 420px; overflow-y: auto; }
.contact-card[b-kcny6u2v0l] { background: #fafbfc; border:1px solid #e2e8f0; transition:all 0.15s; }
.contact-card:hover[b-kcny6u2v0l] { border-color:#cbd5e0; box-shadow:0 2px 6px rgba(0,0,0,0.04); }
.contact-card.contact-default[b-kcny6u2v0l] { background:linear-gradient(135deg,#f0fff4 0%,#e6fffa 100%); border-color:#9ae6b4; }
.invalid-feedback[b-kcny6u2v0l] { display:block; color:#dc3545; font-size:12px; margin-top:4px; }
.has-validation-error .form-control[b-kcny6u2v0l] { border-color:#dc3545 !important; background-color:#fff5f5 !important; }
.modal-dialog[b-kcny6u2v0l] { max-width:1100px; }
/* /Components/Pages/BaseData/AirlineMgr.razor.rz.scp.css */
/* 航空公司管理页面样式 */
.airline-management-container[b-hle3gqa1ch] {
  padding: 0;
}

/* 页面头部紧凑样式 */
.page-header-compact[b-hle3gqa1ch] {
  background: #fff;
  border-radius: 8px;
  padding: 1rem 1.5rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.page-icon[b-hle3gqa1ch] {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

  .page-icon i[b-hle3gqa1ch] {
    font-size: 24px;
    color: #fff;
  }

.page-title[b-hle3gqa1ch] {
  font-size: 1.25rem;
  font-weight: 600;
  color: #2c3e50;
  margin: 0;
}

/* 统计信息预览 */
.stats-preview[b-hle3gqa1ch] {
  padding: 0.5rem 1rem;
  background: #f8f9fa;
  border-radius: 8px;
}

.stat-preview-item[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1rem;
  border-right: 1px solid #dee2e6;
}

  .stat-preview-item:last-child[b-hle3gqa1ch] {
    border-right: none;
  }

.stat-preview-label[b-hle3gqa1ch] {
  font-size: 0.75rem;
  color: #6c757d;
  margin-bottom: 0.25rem;
}

.stat-preview-value[b-hle3gqa1ch] {
  font-size: 1.25rem;
  font-weight: 600;
}

/* 搜索卡片样式 */
.search-card[b-hle3gqa1ch] {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.search-container[b-hle3gqa1ch] {
  padding: 0.5rem 0;
}

.search-row[b-hle3gqa1ch] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.search-item[b-hle3gqa1ch] {
  flex: 1;
  min-width: 200px;
}

.search-item-large[b-hle3gqa1ch] {
  flex: 2;
  min-width: 300px;
}

.search-item .form-label[b-hle3gqa1ch] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #495057;
  margin-bottom: 0.5rem;
}

/* 输入框样式优化 */
.input-group-text[b-hle3gqa1ch] {
  background-color: #fff;
  border-color: #ced4da;
}

.form-control:focus[b-hle3gqa1ch] {
  border-color: #667eea;
  box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

/* 表格样式 */
.table[b-hle3gqa1ch] {
  margin-bottom: 0;
}

/* 代码单元格样式 */
.code-cell[b-hle3gqa1ch] {
  display: flex;
  align-items: center;
}

/* 标签样式 */
.tag[b-hle3gqa1ch] {
  font-size: 0.875rem;
  padding: 0.25rem 0.75rem;
  border-radius: 4px;
}

/* 电话链接样式 */
.phone-link[b-hle3gqa1ch] {
  color: #667eea;
  text-decoration: none;
}

  .phone-link:hover[b-hle3gqa1ch] {
    color: #764ba2;
    text-decoration: underline;
  }

/* 按钮工具栏样式 */
.btn-toolbar[b-hle3gqa1ch] {
  display: flex;
  gap: 0.5rem;
}

/* 选择状态标记 */
.badge[b-hle3gqa1ch] {
  font-weight: 500;
}

/* 响应式设计 */
@media (max-width: 992px) {
  .stats-preview[b-hle3gqa1ch] {
    display: none !important;
  }

  .search-row[b-hle3gqa1ch] {
    flex-direction: column;
  }

  .search-item[b-hle3gqa1ch],
  .search-item-large[b-hle3gqa1ch] {
    width: 100%;
    min-width: auto;
  }

  .btn-toolbar[b-hle3gqa1ch] {
    flex-direction: column;
    width: 100%;
  }

  .btn-group[b-hle3gqa1ch] {
    width: 100%;
    flex-direction: column;
  }

    .btn-group .btn[b-hle3gqa1ch] {
      width: 100%;
    }
}

/* 对话框标签页样式 */
.tab-content[b-hle3gqa1ch] {
  padding: 1rem 0;
}

/* 信息提示框样式 */
.alert[b-hle3gqa1ch] {
  border-radius: 6px;
}

  .alert i[b-hle3gqa1ch] {
    margin-right: 0.5rem;
  }

/* 表单辅助文本 */
small.text-muted[b-hle3gqa1ch] {
  font-size: 0.75rem;
  display: block;
  margin-top: 0.25rem;
}

/* 卡片悬停效果 */
.card[b-hle3gqa1ch] {
  transition: all 0.3s ease;
}

  .card:hover[b-hle3gqa1ch] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

/* 动画效果 */
@keyframes fadeIn-b-hle3gqa1ch {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

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

.page-header-compact[b-hle3gqa1ch],
.search-card[b-hle3gqa1ch] {
  animation: fadeIn-b-hle3gqa1ch 0.3s ease-out;
}

/* 表格行悬停效果 */
.table tbody tr[b-hle3gqa1ch] {
  transition: background-color 0.2s ease;
}

  .table tbody tr:hover[b-hle3gqa1ch] {
    background-color: #f8f9fa;
  }

/* 按钮状态优化 */
.btn[b-hle3gqa1ch] {
  transition: all 0.2s ease;
}

  .btn:hover[b-hle3gqa1ch] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }

  .btn:active[b-hle3gqa1ch] {
    transform: translateY(0);
  }

/* 空状态提示 */
.text-muted[b-hle3gqa1ch] {
  color: #6c757d !important;
}

/* 分隔线样式 */
hr[b-hle3gqa1ch] {
  border-top: 1px solid #dee2e6;
  opacity: 1;
}

/* 表单标题样式 */
h6[b-hle3gqa1ch] {
  font-size: 1rem;
  font-weight: 600;
  color: #495057;
}

  h6 i[b-hle3gqa1ch] {
    color: #667eea;
  }
/* ===================================
   航空公司管理 - 紧凑化布局样式
   =================================== */

/* 容器 */
.airline-management-container.compact-layout[b-hle3gqa1ch] {
  padding: 12px;
  background: #f8f9fa;
}

/* ===================================
   紧凑型页面标题
   =================================== */
.compact-header[b-hle3gqa1ch] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

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

.page-icon-compact[b-hle3gqa1ch] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 8px;
  color: white;
  font-size: 18px;
}

.header-info[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
}

.page-title-compact[b-hle3gqa1ch] {
  font-size: 18px;
  font-weight: 600;
  color: #2d3748;
  margin: 0;
}

.page-subtitle[b-hle3gqa1ch] {
  font-size: 12px;
  color: #718096;
  margin-top: 2px;
}

/* 统计数据 - 紧凑显示 */
.stats-compact[b-hle3gqa1ch] {
  display: flex;
  gap: 24px;
  align-items: center;
}

.stat-item[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 60px;
}

.stat-label[b-hle3gqa1ch] {
  font-size: 11px;
  color: #718096;
  margin-bottom: 4px;
}

.stat-value[b-hle3gqa1ch] {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

/* ===================================
   表格容器
   =================================== */
.table-container-compact[b-hle3gqa1ch] {
  background: white;
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* 表格紧凑样式 */
.table-compact[b-hle3gqa1ch] {
  font-size: 13px;
}

  .table-compact th[b-hle3gqa1ch] {
    padding: 8px 12px !important;
    font-size: 12px;
    font-weight: 600;
    background: #f7fafc;
    color: #4a5568;
  }

  .table-compact td[b-hle3gqa1ch] {
    padding: 8px 12px !important;
    vertical-align: middle;
  }

/* ===================================
   集成工具栏（搜索+按钮）
   =================================== */
.toolbar-integrated[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 0;
}

/* 内联搜索栏 */
.search-bar-inline[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.search-input-group[b-hle3gqa1ch] {
  position: relative;
  width: 100%;
}

.search-icon-inline[b-hle3gqa1ch] {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #a0aec0;
  font-size: 14px;
  z-index: 1;
  pointer-events: none;
}

.search-input-inline[b-hle3gqa1ch] {
  width: 100%;
  padding: 8px 36px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 13px;
  transition: all 0.2s;
  background: #f8f9fa;
}

  .search-input-inline:focus[b-hle3gqa1ch] {
    border-color: #667eea;
    background: white;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    outline: none;
  }

.btn-clear-inline[b-hle3gqa1ch] {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  color: #a0aec0;
  padding: 4px 8px;
  cursor: pointer;
  transition: color 0.2s;
  z-index: 1;
}

  .btn-clear-inline:hover[b-hle3gqa1ch] {
    color: #e53e3e;
  }

.search-hint-inline[b-hle3gqa1ch] {
  font-size: 11px;
  color: #a0aec0;
  padding-left: 2px;
}

  .search-hint-inline i[b-hle3gqa1ch] {
    margin-right: 4px;
  }

/* 工具栏操作区域 */
.toolbar-actions[b-hle3gqa1ch] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  border-top: 1px solid #e2e8f0;
}

.toolbar-left[b-hle3gqa1ch] {
  display: flex;
  gap: 8px;
}

.btn-group-compact[b-hle3gqa1ch] {
  display: flex;
  gap: 6px;
}

  .btn-group-compact .btn[b-hle3gqa1ch] {
    padding: 4px 12px;
    font-size: 12px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

.toolbar-right[b-hle3gqa1ch] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.selection-badge[b-hle3gqa1ch] {
  font-size: 11px;
  padding: 4px 10px;
  font-weight: 500;
}

.btn-clear-selection[b-hle3gqa1ch] {
  font-size: 11px;
  padding: 2px 8px;
}

/* ===================================
   紧凑型代码徽章
   =================================== */
.code-badge[b-hle3gqa1ch] {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  font-family: 'Consolas', monospace;
}

.code-iata[b-hle3gqa1ch] {
  background: #e6f7ff;
  color: #1890ff;
}

.code-icao[b-hle3gqa1ch] {
  background: #e8f4fd;
  color: #0284c7;
}

/* ===================================
   紧凑型航空公司名称
   =================================== */
.airline-name-compact[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

  .airline-name-compact strong[b-hle3gqa1ch] {
    font-size: 13px;
    color: #2d3748;
  }

  .airline-name-compact small[b-hle3gqa1ch] {
    font-size: 11px;
    color: #718096;
  }

/* ===================================
   紧凑型国家显示
   =================================== */
.country-compact[b-hle3gqa1ch] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
}

  .country-compact i[b-hle3gqa1ch] {
    color: #3182ce;
    font-size: 11px;
  }

/* ===================================
   紧凑型联系方式
   =================================== */
.contact-compact[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.contact-link[b-hle3gqa1ch] {
  font-size: 11px;
  color: #4299e1;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: color 0.2s;
}

  .contact-link:hover[b-hle3gqa1ch] {
    color: #2b6cb0;
  }

  .contact-link i[b-hle3gqa1ch] {
    font-size: 10px;
  }

/* ===================================
   紧凑型时间显示
   =================================== */
.datetime-compact[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 12px;
}

  .datetime-compact small[b-hle3gqa1ch] {
    font-size: 10px;
    color: #a0aec0;
  }

/* ===================================
   紧凑型操作按钮
   =================================== */
.action-buttons-compact[b-hle3gqa1ch] {
  display: flex;
  gap: 4px;
  justify-content: center;
}

  .action-buttons-compact .btn[b-hle3gqa1ch] {
    width: 28px;
    height: 28px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
  }

/* ===================================
   航空公司管理 - 现代化 UI 样式
   =================================== */

/* 容器 */
.airline-management-container.compact-layout[b-hle3gqa1ch] {
  padding: 16px;
  background: #f5f7fa;
  min-height: 100vh;
}

/* ===================================
   紧凑型页面标题
   =================================== */
.compact-header[b-hle3gqa1ch] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
  padding: 16px 20px;
  border-radius: 12px;
  margin-bottom: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.header-left[b-hle3gqa1ch] {
  display: flex;
  align-items: center;
  gap: 16px;
}

.page-icon-compact[b-hle3gqa1ch] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 12px;
  color: white;
  font-size: 24px;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.header-info[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
}

.page-title-compact[b-hle3gqa1ch] {
  font-size: 20px;
  font-weight: 600;
  color: #1a202c;
  margin: 0;
  letter-spacing: -0.5px;
}

.page-subtitle[b-hle3gqa1ch] {
  font-size: 13px;
  color: #718096;
  margin-top: 4px;
}

/* 统计数据 */
.stats-compact[b-hle3gqa1ch] {
  display: flex;
  gap: 32px;
  align-items: center;
}

.stat-item[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 70px;
}

.stat-label[b-hle3gqa1ch] {
  font-size: 12px;
  color: #718096;
  margin-bottom: 6px;
  font-weight: 500;
}

.stat-value[b-hle3gqa1ch] {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

/* ===================================
   表格 Card 容器
   =================================== */
.table-card-container[b-hle3gqa1ch] {
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border: none;
  overflow: hidden;
}

/* ===================================
   搜索和工具栏区域
   =================================== */
.search-toolbar-wrapper[b-hle3gqa1ch] {
  padding: 20px;
  background: #fafbfc;
  border-bottom: 1px solid #e2e8f0;
}

/* 现代化搜索栏 */
.search-bar-modern[b-hle3gqa1ch] {
  margin-bottom: 16px;
}

.search-input-wrapper[b-hle3gqa1ch] {
  position: relative;
}

.search-icon-modern[b-hle3gqa1ch] {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #a0aec0;
  font-size: 16px;
  z-index: 1;
}

.search-input-modern[b-hle3gqa1ch] {
  width: 100%;
  padding: 12px 48px 12px 48px;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  font-size: 14px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: white;
}

  .search-input-modern:focus[b-hle3gqa1ch] {
    border-color: #667eea;
    background: white;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
    outline: none;
  }

  .search-input-modern[b-hle3gqa1ch]::placeholder {
    color: #a0aec0;
  }

.btn-clear-modern[b-hle3gqa1ch] {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: #f7fafc;
  border: none;
  color: #718096;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
  z-index: 1;
}

  .btn-clear-modern:hover[b-hle3gqa1ch] {
    background: #fee;
    color: #e53e3e;
  }

.search-hint-modern[b-hle3gqa1ch] {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  color: #a0aec0;
  padding-left: 4px;
}

  .search-hint-modern i[b-hle3gqa1ch] {
    margin-right: 6px;
  }

/* ===================================
   现代化工具栏按钮
   =================================== */
.toolbar-buttons-modern[b-hle3gqa1ch] {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.btn-modern[b-hle3gqa1ch] {
  padding: 8px 16px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: all 0.2s !important;
  border: none !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

  .btn-modern:hover[b-hle3gqa1ch] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
  }

  .btn-modern:active[b-hle3gqa1ch] {
    transform: translateY(0);
  }

.btn-primary-modern[b-hle3gqa1ch] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.btn-success-modern[b-hle3gqa1ch] {
  background: linear-gradient(135deg, #48bb78 0%, #38a169 100%) !important;
}

.btn-danger-modern[b-hle3gqa1ch] {
  background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%) !important;
}

.btn-info-modern[b-hle3gqa1ch] {
  background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%) !important;
}

.btn-warning-modern[b-hle3gqa1ch] {
  background: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%) !important;
}

/* 选择信息 */
.selection-info-modern[b-hle3gqa1ch] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

.selection-badge-modern[b-hle3gqa1ch] {
  padding: 6px 14px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  background: #667eea !important;
}

.btn-clear-selection-modern[b-hle3gqa1ch] {
  font-size: 12px !important;
  padding: 4px 10px !important;
  color: #718096 !important;
  transition: color 0.2s !important;
}

  .btn-clear-selection-modern:hover[b-hle3gqa1ch] {
    color: #e53e3e !important;
  }

/* ===================================
   现代化表格
   =================================== */
.table-wrapper-modern[b-hle3gqa1ch] {
  padding: 0;
}

.table-modern[b-hle3gqa1ch] {
  font-size: 13px;
}

  .table-modern th[b-hle3gqa1ch] {
    padding: 14px 16px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    background: #f7fafc !important;
    color: #4a5568 !important;
    border-bottom: 2px solid #e2e8f0 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .table-modern td[b-hle3gqa1ch] {
    padding: 12px 16px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #f1f5f9 !important;
  }

  .table-modern tbody tr[b-hle3gqa1ch] {
    transition: all 0.2s;
  }

    .table-modern tbody tr:hover[b-hle3gqa1ch] {
      background: #f8fafc !important;
    }

/* ===================================
   现代化代码徽章
   =================================== */
.code-badge-modern[b-hle3gqa1ch] {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  font-family: 'Consolas', 'Monaco', monospace;
  letter-spacing: 0.5px;
}

.code-iata-modern[b-hle3gqa1ch] {
  background: linear-gradient(135deg, #e6f7ff 0%, #d6f0ff 100%);
  color: #0077cc;
  border: 1px solid #91d5ff;
}

.code-icao-modern[b-hle3gqa1ch] {
  background: linear-gradient(135deg, #e8f4fd 0%, #d4ebf8 100%);
  color: #0284c7;
  border: 1px solid #7dd3fc;
}

/* ===================================
   现代化航空公司名称
   =================================== */
.airline-name-modern[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.name-primary[b-hle3gqa1ch] {
  font-size: 14px;
  font-weight: 600;
  color: #1a202c;
}

.name-secondary[b-hle3gqa1ch] {
  font-size: 12px;
  color: #718096;
}

/* ===================================
   现代化国家显示
   =================================== */
.country-modern[b-hle3gqa1ch] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #2d3748;
}

.country-icon[b-hle3gqa1ch] {
  color: #3182ce;
  font-size: 14px;
}

/* ===================================
   现代化联系方式
   =================================== */
.contact-modern[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.contact-link-modern[b-hle3gqa1ch] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  text-decoration: none;
  transition: all 0.2s;
  padding: 4px 8px;
  border-radius: 6px;
  max-width: fit-content;
}

.contact-phone[b-hle3gqa1ch] {
  color: #38a169;
  background: #f0fff4;
}

  .contact-phone:hover[b-hle3gqa1ch] {
    background: #c6f6d5;
    color: #2f855a;
  }

.contact-website[b-hle3gqa1ch] {
  color: #3182ce;
  background: #ebf8ff;
}

  .contact-website:hover[b-hle3gqa1ch] {
    background: #bee3f8;
    color: #2c5282;
  }

.contact-link-modern i[b-hle3gqa1ch] {
  font-size: 11px;
}

/* ===================================
   现代化时间显示
=================================== */
.datetime-modern[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
}

.date-part[b-hle3gqa1ch] {
  font-size: 13px;
  color: #2d3748;
  font-weight: 500;
}

.time-part[b-hle3gqa1ch] {
  font-size: 11px;
  color: #a0aec0;
}

/* ===================================
   超紧凑化样式
   =================================== */

/* 容器 */
.airline-management-container.ultra-compact[b-hle3gqa1ch] {
  padding: 8px;
  background: #f7f9fc;
  min-height: 100vh;
}

/* ===================================
   超紧凑型页面标题
   =================================== */
.ultra-compact-header[b-hle3gqa1ch] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
  padding: 8px 12px;
  border-radius: 8px;
  margin-bottom: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

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

.page-icon-ultra[b-hle3gqa1ch] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 8px;
  color: white;
  font-size: 18px;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

.header-info[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
}

.page-title-ultra[b-hle3gqa1ch] {
  font-size: 16px;
  font-weight: 600;
  color: #1a202c;
  margin: 0;
  line-height: 1.2;
}

.page-subtitle-ultra[b-hle3gqa1ch] {
  font-size: 11px;
  color: #718096;
  margin-top: 2px;
}

/* 统计数据 - 超紧凑 */
.stats-ultra[b-hle3gqa1ch] {
  display: flex;
  gap: 16px;
  align-items: center;
}

.stat-item-ultra[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 50px;
}

.stat-label-ultra[b-hle3gqa1ch] {
  font-size: 10px;
  color: #718096;
  margin-bottom: 2px;
  font-weight: 500;
}

.stat-value-ultra[b-hle3gqa1ch] {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

/* ===================================
   表格 Card
   =================================== */
.table-card-ultra[b-hle3gqa1ch] {
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  border: none;
  overflow: hidden;
}

/* ===================================
   超紧凑搜索和工具栏
   =================================== */
.search-toolbar-ultra[b-hle3gqa1ch] {
  padding: 10px 12px;
  background: #fafbfc;
  border-bottom: 1px solid #e8ecef;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* 超紧凑搜索栏 */
.search-bar-ultra[b-hle3gqa1ch] {
  position: relative;
  flex: 1;
  max-width: 400px;
}

.search-icon-ultra[b-hle3gqa1ch] {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #a0aec0;
  font-size: 13px;
  z-index: 1;
}

.search-input-ultra[b-hle3gqa1ch] {
  width: 100%;
  padding: 6px 30px 6px 32px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 12px;
  transition: all 0.2s;
  background: white;
  height: 28px;
}

  .search-input-ultra:focus[b-hle3gqa1ch] {
    border-color: #667eea;
    box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);
    outline: none;
  }

  .search-input-ultra[b-hle3gqa1ch]::placeholder {
    color: #cbd5e0;
    font-size: 11px;
  }

.btn-clear-ultra[b-hle3gqa1ch] {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  color: #a0aec0;
  padding: 4px 6px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 11px;
  z-index: 1;
}

  .btn-clear-ultra:hover[b-hle3gqa1ch] {
    background: #fee;
    color: #e53e3e;
  }

/* ===================================
   超紧凑工具栏按钮
   =================================== */
.toolbar-buttons-ultra[b-hle3gqa1ch] {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}

.btn-ultra[b-hle3gqa1ch] {
  padding: 5px 10px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  transition: all 0.2s !important;
  border: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12) !important;
  height: 26px !important;
  line-height: 1 !important;
}

  .btn-ultra:hover[b-hle3gqa1ch] {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  }

.btn-primary-ultra[b-hle3gqa1ch] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.btn-success-ultra[b-hle3gqa1ch] {
  background: linear-gradient(135deg, #48bb78 0%, #38a169 100%) !important;
}

.btn-danger-ultra[b-hle3gqa1ch] {
  background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%) !important;
}

.btn-info-ultra[b-hle3gqa1ch] {
  background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%) !important;
}

.btn-warning-ultra[b-hle3gqa1ch] {
  background: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%) !important;
}

/* 选择信息 - 超紧凑 */
.selection-info-ultra[b-hle3gqa1ch] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}

.selection-badge-ultra[b-hle3gqa1ch] {
  padding: 4px 8px !important;
  border-radius: 12px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  background: #667eea !important;
  line-height: 1 !important;
}

.btn-clear-selection-ultra[b-hle3gqa1ch] {
  background: transparent;
  border: none;
  color: #a0aec0;
  padding: 4px 6px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 12px;
}

  .btn-clear-selection-ultra:hover[b-hle3gqa1ch] {
    background: #fee;
    color: #e53e3e;
  }

/* ===================================
   超紧凑表格
   =================================== */
.table-wrapper-ultra[b-hle3gqa1ch] {
  padding: 0;
}

.table-ultra[b-hle3gqa1ch] {
  font-size: 12px;
}

  .table-ultra th[b-hle3gqa1ch] {
    padding: 8px 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    background: #f7fafc !important;
    color: #4a5568 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1.2;
  }

  .table-ultra td[b-hle3gqa1ch] {
    padding: 6px 10px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #f4f6f8 !important;
    line-height: 1.3;
  }

  .table-ultra tbody tr[b-hle3gqa1ch] {
    transition: background 0.2s;
  }

    .table-ultra tbody tr:hover[b-hle3gqa1ch] {
      background: #f9fafb !important;
    }

/* ===================================
   超紧凑代码徽章
   =================================== */
.code-badge-ultra[b-hle3gqa1ch] {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  font-family: 'Consolas', 'Monaco', monospace;
  letter-spacing: 0.3px;
}

.code-iata-ultra[b-hle3gqa1ch] {
  background: linear-gradient(135deg, #e6f7ff 0%, #d6f0ff 100%);
  color: #0077cc;
  border: 1px solid #b3e0ff;
}

.code-icao-ultra[b-hle3gqa1ch] {
  background: linear-gradient(135deg, #e8f4fd 0%, #dae9f5 100%);
  color: #0284c7;
  border: 1px solid #a7d8f0;
}

/* ===================================
   超紧凑承运商名称
   =================================== */
.airline-name-ultra[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.name-primary-ultra[b-hle3gqa1ch] {
  font-size: 12px;
  font-weight: 600;
  color: #1a202c;
  line-height: 1.2;
}

.name-secondary-ultra[b-hle3gqa1ch] {
  font-size: 10px;
  color: #718096;
  line-height: 1.2;
}

/* ===================================
   超紧凑国家显示
   =================================== */
.country-ultra[b-hle3gqa1ch] {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: #2d3748;
}

  .country-ultra i[b-hle3gqa1ch] {
    color: #3182ce;
    font-size: 11px;
  }

/* ===================================
   超紧凑联系方式
   =================================== */
.contact-ultra[b-hle3gqa1ch] {
  display: flex;
  gap: 6px;
  justify-content: center;
}

.contact-link-ultra[b-hle3gqa1ch] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.2s;
  font-size: 11px;
}

  .contact-link-ultra:hover[b-hle3gqa1ch] {
    transform: scale(1.1);
  }

  .contact-link-ultra.contact-phone[b-hle3gqa1ch] {
    background: #f0fff4;
    color: #38a169;
  }

    .contact-link-ultra.contact-phone:hover[b-hle3gqa1ch] {
      background: #c6f6d5;
      color: #2f855a;
    }

  .contact-link-ultra.contact-website[b-hle3gqa1ch] {
    background: #ebf8ff;
    color: #3182ce;
  }

    .contact-link-ultra.contact-website:hover[b-hle3gqa1ch] {
      background: #bee3f8;
      color: #2c5282;
    }

/* ===================================
   超紧凑时间显示
   =================================== */
.datetime-ultra[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
  gap: 1px;
  align-items: center;
  font-size: 11px;
}

  .datetime-ultra > div:first-child[b-hle3gqa1ch] {
    color: #2d3748;
    font-weight: 500;
  }

  .datetime-ultra > div:last-child[b-hle3gqa1ch] {
    font-size: 10px;
    color: #a0aec0;
  }

/* ===================================
   超紧凑操作按钮
=================================== */
.action-buttons-ultra[b-hle3gqa1ch] {
  display: flex;
  gap: 4px;
  justify-content: center;
  align-items: center;
}

/* BootstrapBlazor Button 组件样式覆盖 */
.btn-action-ultra[b-hle3gqa1ch] {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  border-radius: 5px !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  font-size: 12px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

  .btn-action-ultra .btn-icon[b-hle3gqa1ch] {
    margin: 0 !important;
  }

  .btn-action-ultra:hover[b-hle3gqa1ch] {
    transform: scale(1.08) !important;
  }

.btn-action-view-ultra[b-hle3gqa1ch] {
  background: #ebf8ff !important;
  color: #3182ce !important;
}

  .btn-action-view-ultra:hover[b-hle3gqa1ch] {
    background: #bee3f8 !important;
    color: #2c5282 !important;
  }

.btn-action-edit-ultra[b-hle3gqa1ch] {
  background: #f0fff4 !important;
  color: #38a169 !important;
}

  .btn-action-edit-ultra:hover[b-hle3gqa1ch] {
    background: #c6f6d5 !important;
    color: #2f855a !important;
  }

.btn-action-delete-ultra[b-hle3gqa1ch] {
  background: #fff5f5 !important;
  color: #e53e3e !important;
}

  .btn-action-delete-ultra:hover[b-hle3gqa1ch] {
    background: #fed7d7 !important;
    color: #c53030 !important;
  }

  /* PopConfirmButton 特殊样式 */
  .btn-action-delete-ultra.popconfirm-confirm-btn[b-hle3gqa1ch] {
    width: 26px !important;
    height: 26px !important;
  }

/* 移除 Button 组件默认的盒阴影 */
.btn-action-ultra:focus[b-hle3gqa1ch],
.btn-action-ultra:active[b-hle3gqa1ch] {
  box-shadow: none !important;
}

/* 移除禁用状态的样式（操作按钮不需要禁用） */
.btn-action-ultra[disabled][b-hle3gqa1ch] {
  opacity: 1 !important;
  cursor: not-allowed !important;
}

/* ===================================
   联系方式管理样式
   =================================== */
.contact-list[b-hle3gqa1ch] {
  max-height: 500px;
  overflow-y: auto;
}

.contact-card[b-hle3gqa1ch] {
  background: #fafbfc;
  border: 1px solid #e2e8f0 !important;
  transition: all 0.2s;
}

  .contact-card:hover[b-hle3gqa1ch] {
    border-color: #cbd5e0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  }

  .contact-card.contact-default[b-hle3gqa1ch] {
    background: linear-gradient(135deg, #f0fff4 0%, #e6fffa 100%);
    border-color: #9ae6b4 !important;
  }

    .contact-card.contact-default:hover[b-hle3gqa1ch] {
      border-color: #68d391 !important;
    }

  /* 联系方式卡片内的表单元素紧凑化 */
  .contact-card .form-control[b-hle3gqa1ch],
  .contact-card .form-select[b-hle3gqa1ch] {
    height: 32px;
    font-size: 12px;
    padding: 4px 10px;
  }

  .contact-card .form-label[b-hle3gqa1ch] {
    font-size: 11px;
    margin-bottom: 2px;
    color: #718096;
  }

  /* 联系方式按钮组 */
  .contact-card .btn-group .btn[b-hle3gqa1ch] {
    padding: 4px 8px;
  }

/* 空状态样式 */
.contact-list + .text-center.text-muted[b-hle3gqa1ch] {
  padding: 2rem;
}

  .contact-list + .text-center.text-muted i[b-hle3gqa1ch] {
    opacity: 0.3;
  }

/* 联系人头部徽章 */
.contact-card .badge[b-hle3gqa1ch] {
  font-size: 10px;
  padding: 3px 8px;
  font-weight: 600;
}

  /* 默认联系人星标 */
  .contact-card .badge.bg-success[b-hle3gqa1ch] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%) !important;
  }

/* 主表格中的联系方式显示 */
.contact-ultra[b-hle3gqa1ch] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #4a5568;
}

  .contact-ultra .text-truncate[b-hle3gqa1ch] {
    max-width: 140px;
  }

/* ===================================
   响应式调整
   =================================== */
@media (max-width: 768px) {
  .contact-card .row > div[b-hle3gqa1ch] {
    margin-bottom: 8px;
  }

  .contact-card .btn-group[b-hle3gqa1ch] {
    flex-wrap: wrap;
    gap: 4px;
  }

    .contact-card .btn-group .btn[b-hle3gqa1ch] {
      flex: 1 1 auto;
    }
}

/* ===================================
   验证错误样式
   =================================== */

/* 验证错误容器 */
.has-validation-error .form-control[b-hle3gqa1ch],
.has-validation-error .form-select[b-hle3gqa1ch],
.has-validation-error input.form-control[b-hle3gqa1ch] {
  border-color: #dc3545 !important;
  background-color: #fff5f5 !important;
}

  .has-validation-error .form-control:focus[b-hle3gqa1ch],
  .has-validation-error .form-select:focus[b-hle3gqa1ch],
  .has-validation-error input.form-control:focus[b-hle3gqa1ch] {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
  }

/* 内联验证错误提示 */
.invalid-feedback[b-hle3gqa1ch] {
  display: block;
  color: #dc3545;
  font-size: 12px;
  margin-top: 4px;
  font-weight: 500;
}

  .invalid-feedback i[b-hle3gqa1ch] {
    margin-right: 4px;
  }

/* ===================================
   响应式调整
=================================== */

/* ===================================
   紧凑型页面标题 (更新版 - 2025)
   =================================== */
.compact-page-header[b-hle3gqa1ch] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
  padding: 10px 16px;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.header-title-section[b-hle3gqa1ch] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.page-icon-badge[b-hle3gqa1ch] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 10px;
  color: white;
  font-size: 20px;
  box-shadow: 0 3px 10px rgba(102, 126, 234, 0.25);
}

.title-content[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.page-title-text[b-hle3gqa1ch] {
  font-size: 17px;
  font-weight: 600;
  color: #1a202c;
  margin: 0;
  line-height: 1.2;
}

.page-subtitle-text[b-hle3gqa1ch] {
  font-size: 12px;
  color: #718096;
  line-height: 1;
}

/* 统计数据 - 紧凑显示 */
.header-stats-compact[b-hle3gqa1ch] {
  display: flex;
  gap: 20px;
  align-items: center;
}

.stat-compact[b-hle3gqa1ch] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 55px;
}

  .stat-compact .stat-label[b-hle3gqa1ch] {
    font-size: 11px;
    color: #718096;
    margin-bottom: 3px;
    font-weight: 500;
  }

  .stat-compact .stat-value[b-hle3gqa1ch] {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
  }

/* ===================================
   承运商类型切换标签栏 (重新优化)
   =================================== */
.carrier-type-tabs[b-hle3gqa1ch] {
  display: flex;
  gap: 8px;
  background: white;
  padding: 0 16px 12px 16px;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  margin-bottom: 12px;
}

.type-tab[b-hle3gqa1ch] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  background: white;
  color: #4a5568;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

  .type-tab i[b-hle3gqa1ch] {
    font-size: 16px;
    transition: transform 0.3s;
  }

  .type-tab span[b-hle3gqa1ch] {
    font-weight: 600;
  }

.tab-count[b-hle3gqa1ch] {
  background: #f7fafc;
  color: #718096;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  min-width: 28px;
  text-align: center;
  transition: all 0.3s;
}

/* 悬停效果 */
.type-tab:hover[b-hle3gqa1ch] {
  border-color: #cbd5e0;
  background: #f8fafe;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

  .type-tab:hover i[b-hle3gqa1ch] {
    transform: scale(1.1);
  }

/* 激活状态 - 全部 */
.type-tab.active[b-hle3gqa1ch] {
  border-color: #667eea;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  box-shadow: 0 4px 16px rgba(102, 126, 234, 0.35);
}

  .type-tab.active .tab-count[b-hle3gqa1ch] {
    background: rgba(255, 255, 255, 0.25);
    color: white;
  }

/* 激活状态 - 航空公司 */
.airline-tab.active[b-hle3gqa1ch] {
  border-color: #4299e1;
  background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);
  color: white;
  box-shadow: 0 4px 16px rgba(66, 153, 225, 0.35);
}

  .airline-tab.active .tab-count[b-hle3gqa1ch] {
    background: rgba(255, 255, 255, 0.25);
    color: white;
  }

/* 激活状态 - 船公司 */
.shipping-tab.active[b-hle3gqa1ch] {
  border-color: #48bb78;
  background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
  color: white;
  box-shadow: 0 4px 16px rgba(72, 187, 120, 0.35);
}

  .shipping-tab.active .tab-count[b-hle3gqa1ch] {
    background: rgba(255, 255, 255, 0.25);
    color: white;
  }

/* 激活状态 - 铁路公司 */
.railway-tab.active[b-hle3gqa1ch] {
  border-color: #ed8936;
  background: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%);
  color: white;
  box-shadow: 0 4px 16px rgba(237, 137, 54, 0.35);
}

  .railway-tab.active .tab-count[b-hle3gqa1ch] {
    background: rgba(255, 255, 255, 0.25);
    color: white;
  }

/* 激活状态 - 公路运输 */
.trucking-tab.active[b-hle3gqa1ch] {
  border-color: #718096;
  background: linear-gradient(135deg, #718096 0%, #4a5568 100%);
  color: white;
  box-shadow: 0 4px 16px rgba(113, 128, 150, 0.35);
}

  .trucking-tab.active .tab-count[b-hle3gqa1ch] {
    background: rgba(255, 255, 255, 0.25);
    color: white;
  }

/* 点击动画 */
.type-tab:active[b-hle3gqa1ch] {
  transform: translateY(0);
}

/* ===================================
   SCAC 和 BIC 代码样式（船公司专用）
   =================================== */
.code-scac-ultra[b-hle3gqa1ch] {
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  color: #16a34a;
  border: 1px solid #bbf7d0;
}

.code-bic-ultra[b-hle3gqa1ch] {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  color: #059669;
  border: 1px solid #a7f3d0;
}

/* ===================================
   表格类型徽章优化
   =================================== */
.badge-compact[b-hle3gqa1ch] {
  font-size: 11px !important;
  padding: 4px 8px !important;
  font-weight: 600 !important;
}

/* ===================================
   响应式设计优化
   =================================== */
@media (max-width: 992px) {
  .header-stats-compact[b-hle3gqa1ch] {
    display: none;
  }

  .carrier-type-tabs[b-hle3gqa1ch] {
    flex-direction: column;
    gap: 6px;
  }

  .type-tab[b-hle3gqa1ch] {
    width: 100%;
  }

  .search-toolbar-ultra[b-hle3gqa1ch] {
    flex-direction: column;
    align-items: stretch;
  }

  .search-bar-ultra[b-hle3gqa1ch] {
    max-width: 100%;
  }

  .toolbar-buttons-ultra[b-hle3gqa1ch] {
    justify-content: flex-start;
  }
}

@media (max-width: 768px) {
  .compact-page-header[b-hle3gqa1ch] {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }

  .header-title-section[b-hle3gqa1ch] {
    width: 100%;
  }

  .page-title-text[b-hle3gqa1ch] {
    font-size: 16px;
  }

  .toolbar-buttons-ultra[b-hle3gqa1ch] {
    flex-wrap: wrap;
    gap: 6px;
  }

  .btn-ultra[b-hle3gqa1ch] {
    flex: 0 1 auto;
  }
}
/* /Components/Pages/BaseData/AirlineSearchToolbar.razor.rz.scp.css */
/* AirlineSearchToolbar - Simple & Clean (BootstrapBlazor standard) */

/* 主容器：简洁单行布局 */
.search-toolbar-wrapper[b-kg2svhs5kc] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #fff;
  border-bottom: 1px solid #dee2e6;
}

.search-toolbar-row[b-kg2svhs5kc] {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

/* 搜索区：标准样式 */
.search-bar-ultra[b-kg2svhs5kc] {
  flex: 0 1 350px;
  min-width: 250px;
}

.search-input-wrapper[b-kg2svhs5kc] {
  position: relative;
  display: flex;
  align-items: center;
}

.search-icon-ultra[b-kg2svhs5kc] {
  position: absolute;
  left: 12px;
  color: #6c757d;
  font-size: 14px;
  pointer-events: none;
}

.search-input-ultra[b-kg2svhs5kc] {
  width: 100%;
  padding: 6px 32px 6px 38px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 13px;
  color: #495057;
  background: #fff;
  outline: none;
  transition: border-color 0.15s;
}

.search-input-ultra:focus[b-kg2svhs5kc] {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.search-input-ultra[b-kg2svhs5kc]::placeholder {
  color: #6c757d;
}

.btn-clear-ultra[b-kg2svhs5kc] {
  position: absolute;
  right: 8px;
  background: transparent;
  border: none;
  color: #6c757d;
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 12px;
  cursor: pointer;
}

.btn-clear-ultra:hover[b-kg2svhs5kc] {
  color: #dc3545;
}

/* 工具按钮组：标准 Bootstrap 样式 */
.toolbar-buttons-ultra[b-kg2svhs5kc] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  justify-content: flex-end;
}

.btn-group-compact[b-kg2svhs5kc] {
  display: flex;
  gap: 6px;
}

/* 移除所有自定义按钮样式，使用框架默认 */
.btn-ultra[b-kg2svhs5kc] {
  /* 让 BootstrapBlazor 的 Button 组件自己控制样式 */
}

/* 选择计数：简单徽章 */
.selection-info-ultra[b-kg2svhs5kc] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  background: #e7f1ff;
  border: 1px solid #b3d7ff;
  border-radius: 4px;
}

.selection-badge-ultra[b-kg2svhs5kc] {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #004085 !important;
  background: transparent !important;
  padding: 0 !important;
}

.btn-clear-selection-ultra[b-kg2svhs5kc] {
  background: transparent;
  border: none;
  color: #6c757d;
  padding: 2px 6px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
}

.btn-clear-selection-ultra:hover[b-kg2svhs5kc] {
  color: #dc3545;
}

/* 响应式 */
@media (max-width: 992px) {
  .search-toolbar-row[b-kg2svhs5kc] {
    flex-direction: column;
    align-items: stretch;
  }

  .search-bar-ultra[b-kg2svhs5kc] {
    flex: 1;
    max-width: 100%;
  }

  .toolbar-buttons-ultra[b-kg2svhs5kc] {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
/* /Components/Pages/BaseData/AirportsEditComponent.razor.rz.scp.css */
/* AirportsEditComponent styles */
.edit-modal .modal-dialog[b-90dcn8wnoi] {
    max-width: 900px;
}

.edit-header .edit-icon[b-90dcn8wnoi] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
}

.edit-header .edit-icon.bg-success[b-90dcn8wnoi] {
    background: linear-gradient(135deg, #48bb78, #2f855a);
}

.tab-content-padding[b-90dcn8wnoi] {
    padding: 12px 0;
}

.modal-footer-actions[b-90dcn8wnoi] {
    padding: 12px 16px;
    border-top: 1px solid #e9ecef;
}

.footer-tips small[b-90dcn8wnoi] {
    color: #6c757d;
}

.footer-buttons .btn[b-90dcn8wnoi] {
    min-width: 84px;
}

/* 机场属性区域样式 */
.attribute-section[b-90dcn8wnoi] {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border: 1px solid #e3e6ea;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.attribute-header[b-90dcn8wnoi] {
    padding: 12px 16px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
}

.attribute-header i[b-90dcn8wnoi] {
    color: white !important;
}

.attribute-title[b-90dcn8wnoi] {
    font-size: 0.95rem;
    font-weight: 600;
    color: white;
    letter-spacing: 0.3px;
}

.attribute-body[b-90dcn8wnoi] {
    padding: 20px 16px;
}

/* 属性切换卡片 */
.property-toggle-card[b-90dcn8wnoi] {
    background: white;
    border: 1px solid #e8eaf0;
    border-radius: 10px;
    padding: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.property-toggle-card:hover[b-90dcn8wnoi] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    border-color: #c7cfdc;
    transform: translateY(-1px);
}

.property-toggle-item[b-90dcn8wnoi] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.property-icon[b-90dcn8wnoi] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: white;
    box-shadow: 0 4px 10px rgba(102, 126, 234, 0.25);
}

.property-content[b-90dcn8wnoi] {
    flex: 1;
    min-width: 0;
}

.property-label[b-90dcn8wnoi] {
    display: block;
    font-size: 0.95rem;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 2px;
}

.property-desc[b-90dcn8wnoi] {
    display: block;
    font-size: 0.8rem;
    color: #718096;
    line-height: 1.3;
}

.property-switch[b-90dcn8wnoi] {
    margin-left: auto;
}

/* 扩展信息区域微调 */
.edit-modal .alert-info[b-90dcn8wnoi] {
    background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
    border: 1px solid #7dd3fc;
    border-radius: 8px;
}

/* 表单输入框图标前缀 */
.edit-modal .input-group-text i[b-90dcn8wnoi] {
    color: #94a3b8;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .property-toggle-item[b-90dcn8wnoi] {
        gap: 10px;
    }
    
    .property-icon[b-90dcn8wnoi] {
        width: 38px;
        height: 38px;
        min-width: 38px;
        font-size: 1rem;
    }
    
    .property-label[b-90dcn8wnoi] {
        font-size: 0.9rem;
    }
    
    .property-desc[b-90dcn8wnoi] {
        font-size: 0.75rem;
    }
}
/* /Components/Pages/BaseData/AirportsQueryComponent.razor.rz.scp.css */
.airports-query-container .table-container[b-ga40q7slhi] { 
  /* keep responsive spacing */
}

.airports-search-toolbar[b-ga40q7slhi] {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 10px 12px;
}

.airports-search-group[b-ga40q7slhi] {
  width: min(720px, 100%);
}

.airports-search-group .dxbl-text-edit[b-ga40q7slhi] {
  min-width: 320px;
}

.airports-search-actions .dxbl-btn[b-ga40q7slhi] {
  min-width: 88px;
  white-space: nowrap;
}

.airports-query-container .entity-icon[b-ga40q7slhi] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(0,0,0,0.03);
}

.airports-query-container .fw-medium[b-ga40q7slhi] { font-weight: 600; }

.airports-query-container .text-truncate[b-ga40q7slhi] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* /Components/Pages/BaseData/CityManagement.razor.rz.scp.css */
.city-management-container[b-l1r8it7bfl] {
    padding: 20px;
    min-height: calc(100vh - 120px);
}

/* 页面级别的响应式设计 */
@media (max-width: 768px) {
    .city-management-container[b-l1r8it7bfl] {
        padding: 10px;
    }
}

/* 确保组件在页面中正确显示 */
.city-management-container > *[b-l1r8it7bfl] {
    width: 100%;
}
/* /Components/Pages/BaseData/CityManagementComponent.razor.rz.scp.css */
.city-management[b-nufv491egn] {
    /* 使用与主框架一致的浅色背景 */
    .card {
        background-color: #ffffff;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
        border: 1px solid #e6e9ef;
        border-radius: 10px;
        overflow: hidden;
        /*min-height: 600px;*/
    }

    /* 头部样式与主框架保持一致 */
    .card-header[b-nufv491egn] {
        background: linear-gradient(135deg, #f8f9fa 0%, #eef2f6 100%);
        color: #0f172a;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom: 1px solid #eef2f7;
        padding: 0.75rem 1rem;
    }

    .card-header h5[b-nufv491egn] {
        font-weight: 600;
        margin-bottom: 0;
        color: #0b1220;
    }

    .card-header i[b-nufv491egn] {
        color: #2563eb;
        margin-right: 8px;
        font-size: 1.1rem;
    }

    .card-body[b-nufv491egn] {
        padding: 1.5rem;
        background: #ffffff;
    }

    /* 区域选择面板 - 浅色主题 */
    .region-selection-panel[b-nufv491egn] {
        border: 1px solid #e6e9ef;
        border-radius: 8px;
        background: #f8f9fa;
        height: 100%;
    }

    .region-selection-panel .panel-header[b-nufv491egn] {
        padding: 0.75rem 1rem;
        border-bottom: 1px solid #eef2f7;
        background: #ffffff;
        border-radius: 8px 8px 0 0;
    }

    .region-selection-panel .panel-header h6[b-nufv491egn] {
        color: #0f172a;
        font-weight: 600;
        margin: 0;
    }

    .region-selection-panel .panel-header i[b-nufv491egn] {
        color: #2563eb;
        margin-right: 6px;
    }

    .region-selection-panel .panel-body[b-nufv491egn] {
        padding: 1rem;
    }

    .region-selector[b-nufv491egn] {
        .form-label {
            font-weight: 500;
            color: #374151;
            margin-bottom: 0.5rem;
            font-size: 0.875rem;
        }
    }

    /* 选择状态显示 */
    .selection-status[b-nufv491egn] {
        margin-top: 1rem;
        padding: 1rem;
        background: #ffffff;
        border-radius: 6px;
        border: 1px solid #e5e7eb;
    }

    .status-item[b-nufv491egn] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0.5rem;
        font-size: 0.875rem;
        color: #4b5563;
    }

    .status-item:last-child[b-nufv491egn] {
        margin-bottom: 0;
    }

    .status-item i[b-nufv491egn] {
        width: 16px;
        text-align: center;
    }

    /* 城市管理面板 - 浅色主题 */
    .city-management-panel[b-nufv491egn] {
        border: 1px solid #e6e9ef;
        border-radius: 8px;
        background: #ffffff;
        padding: 1.5rem;
        height: unset;
    }

    .operations-toolbar[b-nufv491egn] {
        padding-bottom: 1rem;
        border-bottom: 1px solid #f3f4f6;
    }

    .search-filters[b-nufv491egn] {
        align-items: center;
    }

    .status-info[b-nufv491egn] {
        font-size: 0.875rem;
        color: #6b7280;
    }

    /* 按钮样式 - 与主框架一致 */
    .btn[b-nufv491egn] {
        border-radius: 6px;
        font-weight: 500;
        transition: all 0.2s ease;
        font-size: 0.875rem;
        border: 1px solid transparent;
        min-height: 38px;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
    }

    .btn:hover[b-nufv491egn] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(2, 6, 23, 0.06);
    }

    .btn-group .btn[b-nufv491egn] {
        border-radius: 6px;
        margin-right: 0.5rem;
    }

    .btn-group .btn:last-child[b-nufv491egn] {
        margin-right: 0;
    }

    .btn:disabled[b-nufv491egn] {
        opacity: 0.6;
        cursor: not-allowed;
        transform: none;
    }

    /* 表单控件 - 浅色主题 */
    .form-select[b-nufv491egn],
    .form-control[b-nufv491egn] {
        border-radius: 6px;
        border: 1px solid #d1d5db;
        transition: border-color 0.2s ease;
        font-size: 0.875rem;
        background-color: #ffffff;
        color: #0f172a;
    }

    .form-select:focus[b-nufv491egn],
    .form-control:focus[b-nufv491egn] {
        border-color: #3b82f6;
        box-shadow: 0 0 0 0.12rem rgba(59, 130, 246, 0.08);
        outline: none;
    }

    .input-group-text[b-nufv491egn] {
        background-color: #f1f5f9;
        border: 1px solid #d1d5db;
        border-right: none;
        color: #64748b;
        font-size: 0.875rem;
    }

    /* 徽章样式 */
    .badge[b-nufv491egn] {
        font-size: 0.75rem;
        padding: 0.375rem 0.75rem;
        border-radius: 4px;
        font-weight: 500;
    }

    .badge.bg-info[b-nufv491egn] {
        background-color: #06b6d4 !important;
        color: #ffffff;
    }

    .badge.bg-primary[b-nufv491egn] {
        background-color: #3b82f6 !important;
        color: #ffffff;
    }

    .badge.bg-warning[b-nufv491egn] {
        background-color: #f59e0b !important;
        color: #ffffff;
    }

    .badge.bg-secondary[b-nufv491egn] {
        background-color: #6b7280 !important;
        color: #ffffff;
    }

    .badge.bg-success[b-nufv491egn] {
        background-color: #10b981 !important;
        color: #ffffff;
    }

    .badge.bg-light[b-nufv491egn] {
        background-color: #f8fafc !important;
        color: #374151 !important;
        border: 1px solid #e5e7eb;
    }

    /* 空状态 */
    .empty-state-large[b-nufv491egn] {
        text-align: center;
        padding: 3rem 2rem;
        color: #6b7280;
    }

    .empty-state-large i[b-nufv491egn] {
        color: #d1d5db;
        margin-bottom: 1rem;
    }

    .empty-state-large h6[b-nufv491egn] {
        color: #4b5563;
        margin-bottom: 0.5rem;
    }

    .empty-state-large p[b-nufv491egn] {
        font-size: 0.875rem;
        color: #6b7280;
    }

    /* 模态框样式 - 与主框架一致 */
    .modal-dialog[b-nufv491egn] {
        border-radius: 10px;
        box-shadow: 0 12px 40px rgba(2, 6, 23, 0.12);
    }

    .modal-body[b-nufv491egn] {
        padding: 1rem 1.25rem;
        background: #ffffff;
    }

    .modal-footer[b-nufv491egn] {
        padding: 0.75rem 1rem;
        background-color: #f8fafc;
        border-top: 1px solid #eef2f7;
    }

    .row.g-3 > *[b-nufv491egn] {
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-top: var(--bs-gutter-y);
    }

    .form-label[b-nufv491egn] {
        font-weight: 500;
        color: #0f172a;
        margin-bottom: 0.5rem;
        font-size: 0.875rem;
    }

    .text-danger[b-nufv491egn] {
        color: #ef4444 !important;
    }

    .form-check[b-nufv491egn] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .d-flex.gap-3[b-nufv491egn] {
        gap: 1rem !important;
    }

    .mt-2[b-nufv491egn] {
        margin-top: 0.5rem !important;
    }

    /* 加载动画 */
    .fa-spinner.fa-spin[b-nufv491egn] {
        animation: fa-spin-b-nufv491egn 1s infinite linear;
    }

    @keyframes fa-spin-b-nufv491egn {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }

    /* 表格样式增强 - 浅色主题 */
    .table[b-nufv491egn] {
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid #e6e9ef;
        background: #ffffff;
    }

    .table thead th[b-nufv491egn] {
        background-color: #ffffff;
        border-bottom: 2px solid #eef2f7;
        font-weight: 600;
        color: #495057;
        font-size: 0.875rem;
    }

    .table tbody tr[b-nufv491egn] {
        background: #ffffff;
    }

    .table tbody tr:hover[b-nufv491egn] {
        background-color: #f8fafc;
    }

    .table tbody td[b-nufv491egn] {
        vertical-align: middle;
        font-size: 0.875rem;
        border-color: #e9ecef;
        background: #ffffff;
    }

    /* 城市类型徽章特殊颜色 */
    .badge.bg-municipality[b-nufv491egn] {
        background-color: #f59e0b !important;
        color: #ffffff;
    }

    .badge.bg-capital[b-nufv491egn] {
        background-color: #10b981 !important;
        color: #ffffff;
    }

    .badge.bg-prefecture[b-nufv491egn] {
        background-color: #3b82f6 !important;
        color: #ffffff;
    }

    .badge.bg-county[b-nufv491egn] {
        background-color: #6b7280 !important;
        color: #ffffff;
    }

    /* 坐标显示样式 */
    .coordinates-text[b-nufv491egn] {
        font-family: 'Courier New', monospace;
        font-size: 0.75rem;
        color: #6b7280;
        background-color: #f3f4f6;
        padding: 0.25rem 0.5rem;
        border-radius: 4px;
        display: inline-block;
    }

    /* 响应式设计 */
    @media (max-width: 768px) {
        .city-management[b-nufv491egn] {
            .card-body {
                padding: 1rem;
            }

            .region-selection-panel[b-nufv491egn],
            .city-management-panel[b-nufv491egn] {
                margin-bottom: 1rem;
            }

            .btn-toolbar .btn-group[b-nufv491egn] {
                flex-direction: column;
                width: 100%;
            }

            .btn-toolbar .btn-group .btn[b-nufv491egn] {
                width: 100%;
                margin-bottom: 0.5rem;
                margin-right: 0;
            }

            .operations-toolbar .row[b-nufv491egn] {
                flex-direction: column;
            }

            .search-filters[b-nufv491egn] {
                flex-direction: column;
                gap: 0.5rem !important;
            }

            .search-filters > *[b-nufv491egn] {
                width: 100%;
            }

            .status-info[b-nufv491egn] {
                text-align: center !important;
                margin-top: 0.5rem;
            }
        }
    }

    @media (max-width: 576px) {
        .city-management[b-nufv491egn] {
            .card-body {
                padding: 0.75rem;
            }

            .region-selection-panel .panel-body[b-nufv491egn],
            .city-management-panel[b-nufv491egn] {
                padding: 0.75rem;
            }

            .selection-status[b-nufv491egn] {
                padding: 0.75rem;
            }

            .status-item[b-nufv491egn] {
                font-size: 0.8rem;
            }
        }
    }

    /* 确保在深色模式下也显示浅色 */
    @media (prefers-color-scheme: dark) {
        .city-management[b-nufv491egn] {
            .card {
                background-color: #ffffff !important;
                color: #0f172a !important;
                border-color: #e6e9ef !important;
            }

            .card-header[b-nufv491egn] {
                background: linear-gradient(135deg, #f8f9fa 0%, #eef2f6 100%) !important;
                color: #0f172a !important;
            }

            .card-header h5[b-nufv491egn] {
                color: #0b1220 !important;
            }

            .card-header i[b-nufv491egn] {
                color: #2563eb !important;
            }

            .region-selection-panel[b-nufv491egn] {
                background: #f8f9fa !important;
                border-color: #e6e9ef !important;
            }

            .region-selection-panel .panel-header[b-nufv491egn] {
                background: #ffffff !important;
                border-color: #eef2f7 !important;
            }

            .region-selection-panel .panel-header h6[b-nufv491egn] {
                color: #0f172a !important;
            }

            .region-selection-panel .panel-header i[b-nufv491egn] {
                color: #2563eb !important;
            }

            .selection-status[b-nufv491egn] {
                background: #ffffff !important;
                border-color: #e5e7eb !important;
            }

            .status-item[b-nufv491egn] {
                color: #4b5563 !important;
            }

            .city-management-panel[b-nufv491egn] {
                background: #ffffff !important;
                border-color: #e6e9ef !important;
            }

            .form-select[b-nufv491egn],
            .form-control[b-nufv491egn] {
                background-color: #ffffff !important;
                border-color: #d1d5db !important;
                color: #0f172a !important;
            }

            .form-select:focus[b-nufv491egn],
            .form-control:focus[b-nufv491egn] {
                background-color: #ffffff !important;
                border-color: #3b82f6 !important;
                color: #0f172a !important;
            }

            .input-group-text[b-nufv491egn] {
                background-color: #f1f5f9 !important;
                border-color: #d1d5db !important;
                color: #64748b !important;
            }

            .modal-body[b-nufv491egn] {
                background-color: #ffffff !important;
                color: #0f172a !important;
            }

            .modal-footer[b-nufv491egn] {
                background-color: #f8fafc !important;
                border-color: #eef2f7 !important;
            }

            .form-label[b-nufv491egn] {
                color: #0f172a !important;
            }

            .table[b-nufv491egn] {
                background: #ffffff !important;
                border-color: #e6e9ef !important;
            }

            .table thead th[b-nufv491egn] {
                background-color: #ffffff !important;
                color: #495057 !important;
                border-color: #eef2f7 !important;
            }

            .table tbody tr[b-nufv491egn] {
                background: #ffffff !important;
            }

            .table tbody tr:hover[b-nufv491egn] {
                background-color: #f8fafc !important;
            }

            .table tbody td[b-nufv491egn] {
                background: #ffffff !important;
                color: #0f172a !important;
                border-color: #e9ecef !important;
            }

            .status-info[b-nufv491egn] {
                color: #6b7280 !important;
            }

            .empty-state-large[b-nufv491egn] {
                color: #6b7280 !important;
            }

            .empty-state-large h6[b-nufv491egn] {
                color: #4b5563 !important;
            }

            .empty-state-large p[b-nufv491egn] {
                color: #6b7280 !important;
            }

            .region-selector .form-label[b-nufv491egn] {
                color: #374151 !important;
            }
        }
    }
}

/* 全局表格优化 - 浅色主题 */
.table-responsive[b-nufv491egn] {
    border-radius: 8px;
    border: 1px solid #e6e9ef;
    background: #ffffff;
}

/* 分页组件样式 - 浅色主题 */
.pagination[b-nufv491egn] {
    margin-bottom: 0;
}

.page-link[b-nufv491egn] {
    border-radius: 6px;
    margin: 0 2px;
    border: 1px solid #e6e9ef;
    color: #0f172a;
    font-size: 0.875rem;
    background: #ffffff;
}

.page-link:hover[b-nufv491egn] {
    background-color: #f8fafc;
    border-color: #3b82f6;
    color: #3b82f6;
}

.page-item.active .page-link[b-nufv491egn] {
    background-color: #3b82f6;
    border-color: #3b82f6;
    color: #ffffff;
}

/* 表格行按钮优化 */
.table .btn-group .btn[b-nufv491egn] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    margin-right: 0.25rem;
}

/* Modal improvements specific to city management */
.city-management[b-nufv491egn] {
  /* Edit modal specific styles */
  .city-edit-container {
    padding: 0;
  }

  .edit-card[b-nufv491egn] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 1rem;
    overflow: hidden;
  }

  .edit-card:last-child[b-nufv491egn] {
    margin-bottom: 0;
  }

  .card-header-mini[b-nufv491egn] {
    background: linear-gradient(135deg, #f8f9fa 0%, #eef2f6 100%);
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: #374151;
    font-size: 0.9rem;
  }

  .card-header-mini i[b-nufv491egn] {
    font-size: 0.95rem;
  }

  .card-body-grid[b-nufv491egn] {
    padding: 1.25rem;
  }

  /* form-check-item layout for switches */
  .form-check-item[b-nufv491egn] {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    transition: all 0.2s ease;
  }

  .form-check-item:hover[b-nufv491egn] {
    background: #f1f5f9;
    border-color: #cbd5e1;
  }

  .form-check-item .form-label[b-nufv491egn] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
    display: block;
  }

  /* larger, centered modal for edit/view */
  .modal-dialog[b-nufv491egn] {
    max-width: 920px;
    width: 100%;
    margin: 1.75rem auto;
  }

  /* make modal body form fields more compact and aligned */
  .modal-body[b-nufv491egn] {
    padding: 1.5rem;
    background: #f9fafb;
  }

  .modal-body .form-label[b-nufv491egn] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.35rem;
  }

  .modal-body .form-control[b-nufv491egn],
  .modal-body .form-select[b-nufv491egn] {
    height: 38px;
    padding: 0.45rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 6px;
    border: 1px solid #d1d5db;
    transition: all 0.2s ease;
  }

  .modal-body .form-control:focus[b-nufv491egn],
  .modal-body .form-select:focus[b-nufv491egn] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
  }

  /* fix for readonly inputs */
  .modal-body input[readonly][b-nufv491egn],
  .modal-body textarea[readonly][b-nufv491egn] {
    background-color: #f8fafc;
    border-color: #e6e9ef;
    cursor: not-allowed;
  }

  /* footer action alignment */
  .modal-actions[b-nufv491egn] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    width: 100%;
  }

  .modal-actions .btn[b-nufv491egn] {
    min-width: 100px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-weight: 500;
  }

  .modal-footer[b-nufv491egn] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    background: #ffffff;
    border-top: 1px solid #e5e7eb;
  }

  /* compact row spacing */
  .modal-body .row.g-2 > [class*="col-"][b-nufv491egn],
  .modal-body .row.g-3 > [class*="col-"][b-nufv491egn] {
    margin-bottom: 0;
  }

  /* improve textarea appearance */
  .modal-body textarea.form-control[b-nufv491egn] {
    min-height: 90px;
    resize: vertical;
    padding: 0.75rem;
    line-height: 1.5;
  }

  /* subtle border and elevation for the modal content */
  .modal-content[b-nufv491egn] {
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(230, 233, 239, 0.8);
  }

  /* Modal header styling */
  .modal-header[b-nufv491egn] {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-bottom: 1px solid #e5e7eb;
    padding: 1.25rem 1.5rem;
  }

  .modal-title[b-nufv491egn] {
    font-weight: 600;
    color: #111827;
    font-size: 1.125rem;
  }

  /* responsive adjustments */
  @media (max-width: 992px) {
    .modal-dialog[b-nufv491egn] {
      max-width: 720px;
      margin: 1rem auto;
    }
  }

  @media (max-width: 640px) {
    .modal-dialog[b-nufv491egn] {
      max-width: 95%;
      margin: 0.5rem auto;
    }

    .modal-body[b-nufv491egn] {
      padding: 1rem;
    }

    .card-body-grid[b-nufv491egn] {
      padding: 1rem;
    }

    .modal-actions[b-nufv491egn] {
      flex-direction: column-reverse;
      align-items: stretch;
    }

    .modal-actions .btn[b-nufv491egn] {
      width: 100%;
    }
  }
}

/* View modal specific improvements (shared with province) */
.country-detail-view[b-nufv491egn] {
  .detail-section {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1rem;
  }

  .detail-section:last-child[b-nufv491egn] {
    margin-bottom: 0;
  }

  .section-header[b-nufv491egn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #f3f4f6;
  }

  .section-header h6[b-nufv491egn] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #374151;
  }

  .section-header i[b-nufv491egn] {
    font-size: 1rem;
  }

  .label[b-nufv491egn] {
    font-size: 0.8125rem;
    color: #6b7280;
    font-weight: 500;
    margin-bottom: 0.375rem;
    display: block;
  }

  .value[b-nufv491egn] {
    margin-bottom: 0;
  }

  .value input.form-control[b-nufv491egn] {
    background-color: #f8fafc;
    border-color: #e5e7eb;
    color: #374151;
    font-size: 0.875rem;
    cursor: default;
  }

  .remarks.content[b-nufv491egn] {
    background: #f8fafc;
    border-left: 3px solid #3b82f6;
    border-radius: 6px;
    padding: 1rem;
  }

  .remarks.content p[b-nufv491egn] {
    margin: 0;
    color: #374151;
    line-height: 1.6;
  }
}
/* /Components/Pages/BaseData/CountryManagement.razor.rz.scp.css */
.country-management-container[b-83mwf6ibuq] {
    /* Use same spacing as other management pages */
    padding: 0.75rem 1rem;
    min-height: calc(100vh - 120px);
    background: transparent;
}

/* keep child component full width */
.country-management-container > *[b-83mwf6ibuq] {
    width: 100%;
}

/* reduce padding on small screens to match unified layout */
@media (max-width: 768px) {
    .country-management-container[b-83mwf6ibuq] {
        padding: 0.5rem 0.75rem;
    }
}
/* /Components/Pages/BaseData/CountryManagementComponent.razor.rz.scp.css */
/* 国家管理主容器样式 */
.country-management[b-aawwgokxl9] {
  .card {
    background-color: #ffffff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
    border: 1px solid #e6e9ef;
    border-radius: 10px;
    overflow: hidden;
  }

  .card-header[b-aawwgokxl9], HeaderTemplate[b-aawwgokxl9] {
    background: linear-gradient(135deg, #f8f9fa 0%, #eef2f6 100%);
    color: #0f172a;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #eef2f7;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

    .card-header h5[b-aawwgokxl9], h5[b-aawwgokxl9] {
      font-weight: 600;
      margin: 0;
      color: #0b1220;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .card-header i[b-aawwgokxl9], .card-header .fa-flag[b-aawwgokxl9] {
      color: #2563eb;
      font-size: 1.1rem;
    }

  .btn[b-aawwgokxl9] {
    border-radius: 6px;
    font-weight: 500;
  }

    .btn:hover[b-aawwgokxl9] {
      transform: translateY(-1px);
      box-shadow: 0 4px 10px rgba(2,6,23,0.06);
    }

  .btn-toolbar .btn-group .btn[b-aawwgokxl9] {
    border-radius: 6px;
    font-weight: 500;
    border: 1px solid transparent;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
  }

  .btn-group .btn:not(:first-child)[b-aawwgokxl9] {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
  }

  .btn-group .btn:not(:last-child)[b-aawwgokxl9] {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }

  .btn:disabled[b-aawwgokxl9] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
  }

  .form-select[b-aawwgokxl9],
  .form-control[b-aawwgokxl9],
  .bootstrap-input[b-aawwgokxl9],
  .input-group .form-control[b-aawwgokxl9] {
    border-radius: 6px;
    border: 1px solid #d1d5db;
    background-color: #fff;
    color: #0f172a;
  }

    .form-select:focus[b-aawwgokxl9],
    .form-control:focus[b-aawwgokxl9] {
      border-color: #3b82f6;
      box-shadow: 0 0 0 0.12rem rgba(59,130,246,0.08);
      outline: none;
    }

  .input-group-text[b-aawwgokxl9] {
    background-color: #f1f5f9;
    border: 1px solid #d1d5db;
    color: #64748b;
  }

  .table[b-aawwgokxl9] {
    background: transparent;
  }

    .table thead th[b-aawwgokxl9] {
      background: #ffffff;
      border-bottom: 2px solid #eef2f7;
      color: #495057;
      font-weight: 600;
    }

    .table tbody td[b-aawwgokxl9] {
      background: #ffffff;
      border-color: #e9ecef;
    }

  .badge[b-aawwgokxl9] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
  }

    .badge.bg-primary[b-aawwgokxl9] {
      background-color: #3b82f6 !important;
      color: #fff;
    }

    .badge.bg-success[b-aawwgokxl9] {
      background-color: #10b981 !important;
      color: #fff;
    }

    .badge.bg-secondary[b-aawwgokxl9] {
      background-color: #6b7280 !important;
      color: #fff;
    }

  .modal-dialog[b-aawwgokxl9] {
    border-radius: 10px;
    box-shadow: 0 12px 40px rgba(2,6,23,0.12);
  }

  .modal-body[b-aawwgokxl9] {
    padding: 1rem 1.25rem;
    background: #fff;
  }

  .modal-footer[b-aawwgokxl9] {
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-top: 1px solid #eef2f7;
  }

  @media (max-width: 768px) {
    .btn-toolbar .btn-group[b-aawwgokxl9] {
      flex-direction: column;
      width: 100%;
    }

      .btn-toolbar .btn-group .btn[b-aawwgokxl9] {
        width: 100%;
        margin-bottom: 0.5rem;
      }

    .row.mb-3 .col-md-4[b-aawwgokxl9], .row.mb-3 .col-md-2[b-aawwgokxl9] {
      margin-bottom: 1rem;
    }
  }
}

/* 国家详情查看模态框样式 - 清晰简洁的卡片式布局 */
.country-detail-view[b-aawwgokxl9] {
  font-size: 0.95rem;
  padding: 0;
}

  /* 分区样式 */
  .country-detail-view .detail-section[b-aawwgokxl9] {
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e5e7eb;
  }

    .country-detail-view .detail-section:last-child[b-aawwgokxl9] {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none;
    }

  /* 区块标题 */
  .country-detail-view .section-header[b-aawwgokxl9] {
    display: flex;
    align-items: center;
    margin-bottom: 0.875rem;
  }

    .country-detail-view .section-header h6[b-aawwgokxl9] {
      font-size: 1rem;
      font-weight: 600;
      margin: 0;
      color: #111827;
    }

    .country-detail-view .section-header i[b-aawwgokxl9] {
      font-size: 1rem;
      color: #3b82f6;
      margin-right: 0.5rem;
    }

  /* 标签样式 - 灰色中等字号 */
  .country-detail-view .label[b-aawwgokxl9] {
    color: #6b7280;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.3rem;
    display: block;
  }

  /* 值样式 - 深色大字号 */
  .country-detail-view .value[b-aawwgokxl9] {
    color: #111827;
    font-size: 0.9375rem;
    font-weight: 500;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 0.375rem;
  }

  /* Badge样式 */
  .country-detail-view .badge[b-aawwgokxl9] {
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0.35rem 0.7rem;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
  }

    .country-detail-view .badge i[b-aawwgokxl9] {
      font-size: 0.75rem;
    }

    .country-detail-view .badge.bg-purple[b-aawwgokxl9] {
      background-color: #7c3aed !important;
      color: #fff;
    }

    .country-detail-view .badge.bg-primary[b-aawwgokxl9] {
      background-color: #3b82f6 !important;
      color: #fff;
    }

    .country-detail-view .badge.bg-info[b-aawwgokxl9] {
      background-color: #06b6d4 !important;
      color: #000;
    }

    .country-detail-view .badge.bg-warning[b-aawwgokxl9] {
      background-color: #f59e0b !important;
      color: #000;
    }

    .country-detail-view .badge.bg-success[b-aawwgokxl9] {
      background-color: #10b981 !important;
      color: #fff;
    }

    .country-detail-view .badge.bg-secondary[b-aawwgokxl9] {
      background-color: #6b7280 !important;
      color: #fff;
    }

  /* 强调文本样式 */
  .country-detail-view .text-primary[b-aawwgokxl9] {
    color: #3b82f6 !important;
    font-weight: 600;
  }

  .country-detail-view .text-muted[b-aawwgokxl9] {
    color: #9ca3af !important;
  }

  .country-detail-view .fw-bold[b-aawwgokxl9] {
    font-weight: 700 !important;
  }

  /* 小文本 */
  .country-detail-view small[b-aawwgokxl9] {
    font-size: 0.875rem;
  }

  /* 备注区域 */
  .country-detail-view .remarks.content[b-aawwgokxl9] {
    background: #f9fafb;
    padding: 0.875rem 1rem;
    border-radius: 6px;
    border-left: 3px solid #3b82f6;
    margin: 0;
  }

    .country-detail-view .remarks.content p[b-aawwgokxl9] {
      margin: 0;
      color: #374151;
      line-height: 1.6;
      font-size: 0.9375rem;
    }

  /* 网格间距优化 */
  .country-detail-view .row[b-aawwgokxl9] {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .country-detail-view [class*="col-"][b-aawwgokxl9] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-bottom: 0.75rem;
  }

  /* 响应式调整 */
  @media (max-width: 768px) {
    .country-detail-view .row > [class*="col-"][b-aawwgokxl9] {
      margin-bottom: 1rem;
      padding-left: 0;
      padding-right: 0;
    }

    .country-detail-view .label[b-aawwgokxl9] {
      font-size: 0.8125rem;
    }

    .country-detail-view .value[b-aawwgokxl9] {
      font-size: 0.875rem;
    }

    .country-detail-view .section-header h6[b-aawwgokxl9] {
      font-size: 0.95rem;
    }
  }
/* /Components/Pages/BaseData/CustomsDistrictManagement.razor.rz.scp.css */
.customs-district-container[b-v04xg6r0h8] {
    padding: 0.75rem 1rem;
    min-height: calc(100vh - 120px);
    background: transparent;
}

.customs-district-container > *[b-v04xg6r0h8] {
    width: 100%;
}

/* Badge styles for customs level */
.badge.bg-danger[b-v04xg6r0h8] {
    font-weight: 600;
}

.badge.bg-warning[b-v04xg6r0h8] {
    font-weight: 600;
}

.badge.bg-info[b-v04xg6r0h8] {
    font-weight: 600;
}

/* Sync button animation */
.fa-sync[b-v04xg6r0h8] {
    transition: transform 0.3s ease;
}

.fa-sync:hover[b-v04xg6r0h8] {
    transform: rotate(180deg);
}

/* Reduce padding on small screens */
@media (max-width: 768px) {
    .customs-district-container[b-v04xg6r0h8] {
        padding: 0.5rem 0.75rem;
    }
}
/* /Components/Pages/BaseData/GoodsAttributeTemplateMgr.razor.rz.scp.css */
/* 货物扩展属性模板管理页面样式 */

.template-management-page[b-1gl23c33kw] {
    padding: 1.5rem;
    background: #f5f7fa;
    min-height: 100vh;
}

/* 页面头部 */
.page-header[b-1gl23c33kw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.page-title[b-1gl23c33kw] {
    margin: 0;
    color: #2c3e50;
    font-weight: 600;
}

.page-description[b-1gl23c33kw] {
    margin: 0.5rem 0 0;
    font-size: 0.9rem;
}

.header-right[b-1gl23c33kw] {
    display: flex;
    gap: 0.75rem;
}

/* 统计卡片 */
.stats-cards[b-1gl23c33kw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card[b-1gl23c33kw] {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: transform 0.2s, box-shadow 0.2s;
}

.stat-card:hover[b-1gl23c33kw] {
    transform: translateY(-4px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

.stat-icon[b-1gl23c33kw] {
    font-size: 2.5rem;
    color: #3498db;
}

.stat-content[b-1gl23c33kw] {
    flex: 1;
}

.stat-label[b-1gl23c33kw] {
    font-size: 0.875rem;
    color: #7f8c8d;
    margin-bottom: 0.25rem;
}

.stat-value[b-1gl23c33kw] {
    font-size: 2rem;
    font-weight: 700;
    color: #2c3e50;
}

/* 模板网格 */
.templates-grid[b-1gl23c33kw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1.5rem;
}

.template-card[b-1gl23c33kw] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
}

.template-card:hover[b-1gl23c33kw] {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

.template-card.disabled[b-1gl23c33kw] {
    opacity: 0.6;
}

/* 卡片头部 */
.template-card .card-header[b-1gl23c33kw] {
    padding: 1.25rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.template-name[b-1gl23c33kw] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.category-tag[b-1gl23c33kw] {
    display: inline-flex;
    align-items: center;
    background: rgba(255,255,255,0.2);
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

/* 属性列表 */
.attributes-list[b-1gl23c33kw] {
    padding: 1.25rem;
    min-height: 150px;
}

.attributes-grid[b-1gl23c33kw] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

.attribute-badge[b-1gl23c33kw] {
    background: #ecf0f1;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: background 0.2s;
}

.attribute-badge:hover[b-1gl23c33kw] {
    background: #d5dbdb;
}

.attribute-badge.more[b-1gl23c33kw] {
    background: #3498db;
    color: white;
    justify-content: center;
    font-weight: 600;
}

.attr-label[b-1gl23c33kw] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 卡片底部 */
.template-card .card-footer[b-1gl23c33kw] {
    padding: 1rem 1.25rem;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-right[b-1gl23c33kw] {
    display: flex;
    gap: 0.5rem;
}

/* 加载状态 */
.loading-container[b-1gl23c33kw] {
    grid-column: 1 / -1;
    text-align: center;
    padding: 4rem 0;
}

/* 空状态 */
.empty-state[b-1gl23c33kw] {
    grid-column: 1 / -1;
    text-align: center;
    padding: 4rem 0;
    color: #95a5a6;
}

.empty-state i[b-1gl23c33kw] {
    font-size: 5rem;
    margin-bottom: 1rem;
}

/* 编辑对话框 */
.form-section[b-1gl23c33kw] {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 8px;
}

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

.section-header[b-1gl23c33kw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

/* 属性编辑器 */
.attributes-editor[b-1gl23c33kw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.attribute-editor-card[b-1gl23c33kw] {
    background: white;
    padding: 1.5rem;
    border-radius: 8px;
    border: 2px solid #dee2e6;
    position: relative;
    transition: border-color 0.2s;
}

.attribute-editor-card:hover[b-1gl23c33kw] {
    border-color: #3498db;
}

.card-number[b-1gl23c33kw] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: #3498db;
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.875rem;
}

/* 响应式 */
@media (max-width: 768px) {
    .templates-grid[b-1gl23c33kw] {
        grid-template-columns: 1fr;
    }

    .stats-cards[b-1gl23c33kw] {
        grid-template-columns: repeat(2, 1fr);
    }

    .attributes-grid[b-1gl23c33kw] {
        grid-template-columns: 1fr;
    }

    .page-header[b-1gl23c33kw] {
        flex-direction: column;
        gap: 1rem;
    }

    .header-right[b-1gl23c33kw] {
        width: 100%;
        flex-direction: column;
    }
}
/* /Components/Pages/BaseData/GoodsEditDialog.razor.rz.scp.css */
.goods-edit-dialog .modal-dialog[b-54tubg5h5s] { max-width: 900px; }
.goods-edit-dialog .section-title[b-54tubg5h5s] { font-weight: 600; margin-bottom: 8px; }
.goods-edit-dialog .form-section[b-54tubg5h5s] { margin-bottom: 16px; }
.goods-edit-dialog .hs-code-autofill[b-54tubg5h5s] { width: 100%; }
.goods-edit-dialog .create-hs-hint .btn[b-54tubg5h5s] { white-space: normal; }
/* /Components/Pages/BaseData/GoodsEditForm.razor.rz.scp.css */
/* 货品编辑表单样式 */

/* ===== 全局表单分区样式 ===== */

/* 通用分区容器（用于所有标签页） - 紧凑版 */
.form-section[b-oy227fh2mq],
.customs-section[b-oy227fh2mq] {
    background: #ffffff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 1rem;  /* 从 1.25rem 减少到 1rem */
    transition: all 0.3s ease;
}

.form-section:hover[b-oy227fh2mq],
.customs-section:hover[b-oy227fh2mq] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-color: #dee2e6;
}

/* 分区标题（统一样式） - 紧凑版 */
.section-title[b-oy227fh2mq] {
    color: #495057;
    font-weight: 600;
    font-size: 0.95rem;  /* 从 1rem 减少到 0.95rem */
    margin-bottom: 0.75rem;  /* 从 1rem 减少到 0.75rem */
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e9ecef;
    display: flex;
    align-items: center;
}

.section-title i[b-oy227fh2mq] {
    color: #0d6efd;
    font-size: 1rem;  /* 从 1.1rem 减少到 1rem */
}

/* ===== 标签与标签文本样式 ===== */

/* 加粗的表单标签 - 紧凑版 */
.form-label.fw-bold[b-oy227fh2mq] {
    color: #212529;
    margin-bottom: 0.375rem;  /* 从 0.5rem 减少到 0.375rem */
    font-size: 0.9rem;  /* 从 0.95rem 减少到 0.9rem */
}

.form-label.fw-bold i[b-oy227fh2mq] {
    color: #6c757d;
    font-size: 0.85rem;  /* 从 0.9rem 减少到 0.85rem */
}

/* 必填标识 */
.form-label .text-danger[b-oy227fh2mq] {
    font-size: 0.875rem;
    margin-left: 0.25rem;
}

/* ===== 表单提示文本样式 ===== */

.form-text[b-oy227fh2mq] {
    display: block;
    margin-top: 0.25rem;  /* 从 0.375rem 减少到 0.25rem */
    font-size: 0.8rem;  /* 从 0.875rem 减少到 0.8rem */
    color: #6c757d;
    line-height: 1.3;  /* 从 1.4 减少到 1.3 */
}

.form-text i[b-oy227fh2mq] {
    font-size: 0.8rem;  /* 从 0.875rem 减少到 0.8rem */
    margin-right: 0.25rem;
}

/* ===== Switch 开关容器样式 ===== */

.status-switch-container[b-oy227fh2mq],
.feature-switch-container[b-oy227fh2mq] {
    display: flex;
    align-items: center;
    padding: 0.4rem;  /* 从 0.5rem 减少到 0.4rem */
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e9ecef;
}

.status-switch-container .form-text[b-oy227fh2mq],
.feature-switch-container .form-text[b-oy227fh2mq] {
    margin-top: 0;
    margin-left: 0.75rem;  /* 从 1rem 减少到 0.75rem */
}

/* ===== 条件显示区域样式 ===== */

.conditional-section[b-oy227fh2mq] {
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    border-left: 3px solid #ffc107;
    padding: 0.75rem;  /* 从 1rem 减少到 0.75rem */
    border-radius: 6px;
    animation: fadeIn-b-oy227fh2mq 0.3s ease-in;
}

@keyframes fadeIn-b-oy227fh2mq {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 条件区域内的警告提示 - 紧凑版 */
.conditional-section .alert-warning[b-oy227fh2mq] {
    background-color: #fff3cd;
    border-color: #ffc107;
    color: #856404;
    padding: 0.5rem 0.75rem;  /* 从 0.75rem 1rem 减少 */
    margin-bottom: 0;
}

.conditional-section .alert-warning i[b-oy227fh2mq] {
    color: #f59f00;
}

/* ===== 信息提示框样式 ===== */

/* 浅色信息框 - 紧凑版 */
.alert-light[b-oy227fh2mq] {
    background-color: #f8f9fa;
    border-color: #e9ecef;
    color: #495057;
    padding: 0.5rem 0.75rem;  /* 从 0.75rem 1rem 减少 */
    border-radius: 6px;
}

.alert-light i[b-oy227fh2mq] {
    color: #0d6efd;
}

/* 蓝色信息框（已选择HS编码） */
.alert-info[b-oy227fh2mq] {
    background-color: #e7f3ff;
    border-color: #b3d9ff;
    color: #004085;
    border-radius: 6px;
    padding: 0.75rem;  /* 添加统一内边距 */
}

.alert-info i.fa-check-circle[b-oy227fh2mq] {
    font-size: 1.1rem;
    color: #28a745;
}

.alert-info strong[b-oy227fh2mq] {
    color: #004085;
}

/* ===== 行间距优化 ===== */

.row.g-3[b-oy227fh2mq] {
    margin-top: 0;
}

.row.g-3.mt-2[b-oy227fh2mq] {
    margin-top: 0.75rem !important;  /* 从 1rem 减少到 0.75rem */
}

.row.g-3.mt-3[b-oy227fh2mq] {
    margin-top: 0.75rem !important;  /* 统一为 0.75rem */
}

/* 标签页间距调整 */
.form-section + .form-section[b-oy227fh2mq],
.customs-section + .customs-section[b-oy227fh2mq] {
    margin-top: 0.75rem;  /* 从之前可能的更大值减少 */
}
/* /Components/Pages/BaseData/GoodsManagement.razor.rz.scp.css */
.goods-management-container[b-the7wskhmc] {
    padding: 0.75rem;
    animation: fadeIn-b-the7wskhmc 0.3s ease-in-out;
}

/* 紧凑页面头部样式 */
.page-header-compact[b-the7wskhmc] {
    padding: 0.5rem 0;
}

.page-header-compact h4[b-the7wskhmc] {
    font-weight: 700;
    color: #262626;
    font-size: 1.25rem;
    line-height: 1.4;
}
.table-toolbar[b-the7wskhmc] {
    background: #fafafa;
}

.page-header-compact .text-primary[b-the7wskhmc] {
    color: #667eea !important;
}

/* 紧凑统计卡片样式 */
.stat-card-compact[b-the7wskhmc] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: white;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    min-width: 120px;
    transition: all 0.3s ease;
}

.stat-card-compact:hover[b-the7wskhmc] {
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.stat-card-compact .stat-icon[b-the7wskhmc] {
    font-size: 1.5rem;
    opacity: 0.25;
    transition: opacity 0.3s ease;
}

.stat-card-compact:hover .stat-icon[b-the7wskhmc] {
    opacity: 0.5;
}

.stat-card-compact .stat-content[b-the7wskhmc] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.stat-card-compact .stat-label[b-the7wskhmc] {
    font-size: 0.7rem;
    color: #8c8c8c;
    font-weight: 400;
    white-space: nowrap;
    line-height: 1.2;
}

.stat-card-compact .stat-value[b-the7wskhmc] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
}

/* 统计卡片颜色变体 */
.stat-card-primary .stat-icon[b-the7wskhmc] {
    color: #667eea;
}

.stat-card-primary .stat-value[b-the7wskhmc] {
    color: #667eea;
}

.stat-card-success .stat-icon[b-the7wskhmc] {
    color: #52c41a;
}

.stat-card-success .stat-value[b-the7wskhmc] {
    color: #52c41a;
}

.stat-card-danger .stat-icon[b-the7wskhmc] {
    color: #ff4d4f;
}

.stat-card-danger .stat-value[b-the7wskhmc] {
    color: #ff4d4f;
}

.stat-card-warning .stat-icon[b-the7wskhmc] {
    color: #faad14;
}

.stat-card-warning .stat-value[b-the7wskhmc] {
    color: #faad14;
}

/* 紧凑搜索工具栏 */
.search-toolbar-compact[b-the7wskhmc]  .card-body {
    padding: 0.75rem;
}

.search-toolbar-compact[b-the7wskhmc] {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    border: 1px solid #f0f0f0;
}

/* 高级搜索面板 */
.advanced-search-panel[b-the7wskhmc] {
    border-top: 1px dashed #d9d9d9;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    animation: slideDown-b-the7wskhmc 0.3s ease-out;
}

/* 高级搜索头部 */
.advanced-search-header[b-the7wskhmc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #f0f0f0;
}

.advanced-search-title[b-the7wskhmc] {
    font-size: 0.813rem;
    font-weight: 600;
    color: #595959;
    display: flex;
    align-items: center;
}

.advanced-search-title i[b-the7wskhmc] {
    color: #667eea;
    font-size: 0.875rem;
}

.clear-advanced-btn[b-the7wskhmc] {
    font-size: 0.75rem;
    color: #8c8c8c;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s;
}

.clear-advanced-btn:hover[b-the7wskhmc] {
    color: #ff4d4f;
    background-color: #fff1f0;
    border-radius: 3px;
}

.clear-advanced-btn i[b-the7wskhmc] {
    color: inherit;
}

/* 高级搜索面板动画 */
@keyframes slideDownExpand-b-the7wskhmc {
    from {
        opacity: 0;
        max-height: 0;
        margin-top: 0;
        padding-top: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        max-height: 300px;
        margin-top: 0.75rem;
        padding-top: 0.75rem;
        transform: translateY(0);
    }
}

.advanced-search-panel[b-the7wskhmc] {
    animation: slideDownExpand-b-the7wskhmc 0.3s ease-out;
}

/* 高级搜索输入框样式 */
.advanced-search-panel[b-the7wskhmc]  .form-control {
    font-size: 0.813rem;
}

.advanced-search-panel[b-the7wskhmc]  .form-select {
    font-size: 0.813rem;
}

/* 紧凑表单标签 */
.form-label-sm[b-the7wskhmc] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #595959;
    margin-bottom: 0.25rem;
    line-height: 1.2;
}

.form-label-sm i[b-the7wskhmc] {
    color: #8c8c8c;
    font-size: 0.7rem;
}

/* 紧凑表格卡片 */
.table-card-compact[b-the7wskhmc] {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    border: 1px solid #f0f0f0;
}

.table-card-compact[b-the7wskhmc]  .card-body {
    padding: 0;
    width: 100%;
}

/* 表格整体样式优化 */
[b-the7wskhmc] .table {
    margin-bottom: 0;
    font-size: 0.875rem;
}

/* 表格头部统一样式 */
[b-the7wskhmc] .table thead th {
    background-color: #fafafa;
    color: #262626;
    font-weight: 600;
    font-size: 0.875rem;
    padding: 0.75rem 0.5rem;
    border-bottom: 2px solid #e8e8e8;
    vertical-align: middle;
    line-height: 1.4;
    white-space: nowrap;
}

/* 表格主体单元格统一样式 */
[b-the7wskhmc] .table tbody td {
    padding: 0.65rem 0.5rem;
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #262626;
    border-bottom: 1px solid #f0f0f0;
}

/* 表格行悬停效果 */
[b-the7wskhmc] .table tbody tr:hover {
    background-color: #f5f7fa;
    transition: background-color 0.2s ease;
}

/* 表格行选中效果 */
[b-the7wskhmc] .table tbody tr.selected {
    background-color: #e6f7ff;
}

/* 表格内的徽章统一样式 */
[b-the7wskhmc] .table .badge {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.25em 0.5em;
    line-height: 1.2;
    vertical-align: middle;
}

/* 表格内的code元素统一样式 */
[b-the7wskhmc] .table code {
    font-size: 0.813rem;
    padding: 0.2em 0.4em;
    line-height: 1.2;
}

/* 表格内的图标统一样式 */
[b-the7wskhmc] .table i {
    font-size: 0.875rem;
    vertical-align: middle;
}

/* 表格内的按钮组统一样式 */
[b-the7wskhmc] .table .btn-group .btn {
    font-size: 0.75rem;
    padding: 0.3rem 0.5rem;
    line-height: 1.3;
}

/* 表格内的强调文本 */
[b-the7wskhmc] .table strong {
    font-weight: 600;
    font-size: inherit;
}

/* 表格内的小文本 */
[b-the7wskhmc] .table small {
    font-size: 0.813rem;
    line-height: 1.3;
}

/* 表格空状态优化 */
[b-the7wskhmc] .table tbody tr.empty-row td {
    text-align: center;
    padding: 2rem 1rem;
    color: #8c8c8c;
    font-size: 0.875rem;
}

/* 动画效果 */
@keyframes fadeIn-b-the7wskhmc {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 工具栏动画效果 */
@keyframes slideDown-b-the7wskhmc {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.table-toolbar-optimized[b-the7wskhmc] {
    animation: slideDown-b-the7wskhmc 0.3s ease-out;
}



.selection-info[b-the7wskhmc] {
    animation: slideDown-b-the7wskhmc 0.2s ease-out;
}

/* 批量操作按钮入场动画 */
.toolbar-left .toolbar-btn[b-the7wskhmc] {
    animation: fadeIn-b-the7wskhmc 0.3s ease-out;
}

.toolbar-left .toolbar-btn:nth-child(1)[b-the7wskhmc] {
    animation-delay: 0.05s;
}

.toolbar-left .toolbar-btn:nth-child(2)[b-the7wskhmc] {
    animation-delay: 0.1s;
}

.toolbar-left .toolbar-btn:nth-child(3)[b-the7wskhmc] {
    animation-delay: 0.15s;
}

/* 脉冲动画用于强调 */
@keyframes pulse-b-the7wskhmc {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

.selection-info[b-the7wskhmc] {
    animation: pulse-b-the7wskhmc 2s infinite;
}

/* 悬停时停止脉冲 */
.selection-info:hover[b-the7wskhmc] {
    animation: none;
}

/* 工具栏整体优化 */
.table-toolbar-optimized[b-the7wskhmc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 1rem;
    background: linear-gradient(to bottom, #fafafa 0%, #f5f5f5 100%);
    border-bottom: 1px solid #e8e8e8;
    min-height: 48px;
    width: 100%;
    box-sizing: border-box;
}

/* 工具栏左侧 */
.toolbar-left[b-the7wskhmc] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    flex: 1;
}

/* 工具栏右侧 */
.toolbar-right[b-the7wskhmc] {
    display: flex;
    gap: 0.25rem;
    align-items: center;
    flex-wrap: wrap;
}

/* 选择信息优化 */
.selection-info[b-the7wskhmc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.75rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 6px;
    font-size: 0.813rem;
    font-weight: 500;
    line-height: 1.4;
    box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
}

.selection-info i[b-the7wskhmc] {
    font-size: 1rem;
}

.selection-info strong[b-the7wskhmc] {
    font-weight: 700;
    font-size: 0.938rem;
}

/* 工具栏分隔线 */
.toolbar-divider[b-the7wskhmc] {
    width: 1px;
    height: 24px;
    background: linear-gradient(to bottom, transparent, #d9d9d9, transparent);
    margin: 0 0.375rem;
}

/* 工具栏提示优化 */
.toolbar-hint[b-the7wskhmc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #8c8c8c;
    font-size: 0.813rem;
    padding: 0.4rem 0.75rem;
    background: white;
    border-radius: 6px;
    border: 1px dashed #d9d9d9;
}

.toolbar-hint i[b-the7wskhmc] {
    color: #13c2c2;
    font-size: 1rem;
}

/* 工具栏按钮统一优化 */
[b-the7wskhmc] .toolbar-right .btn {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem !important;
    font-size: 0.813rem !important;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.25s ease;
    white-space: nowrap;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    min-height: 34px;
    line-height: 1.4;
}

[b-the7wskhmc] .toolbar-right .btn i {
    font-size: 0.875rem;
}

/* 批量操作按钮优化 */
[b-the7wskhmc] .toolbar-left .btn {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.4rem 0.875rem !important;
    font-size: 0.813rem !important;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.25s ease;
    white-space: nowrap;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    min-height: 32px;
    line-height: 1.4;
}

[b-the7wskhmc] .toolbar-left .btn i {
    font-size: 0.875rem;
}

/* 工具栏按钮悬停效果优化 */
[b-the7wskhmc] .toolbar-right .btn:hover,
[b-the7wskhmc] .toolbar-left .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

[b-the7wskhmc] .toolbar-right .btn:active,
[b-the7wskhmc] .toolbar-left .btn:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* 按钮颜色优化 */
/*::deep .btn-success {
    background: linear-gradient(135deg, #52c41a 0%, #73d13d 100%);
    color: white;
}

::deep .btn-success:hover {
    background: linear-gradient(135deg, #49aa17 0%, #5bb318 100%);
}

::deep .btn-warning {
    background: linear-gradient(135deg, #faad14 0%, #ffc53d 100%);
    color: #000;
}

::deep .btn-warning:hover {
    background: linear-gradient(135deg, #e09812 0%, #f0a000 100%);
}

::deep .btn-danger {
    background: linear-gradient(135deg, #ff4d4f 0%, #ff7875 100%);
    color: white;
}

::deep .btn-danger:hover {
    background: linear-gradient(135deg, #e63e40 0%, #f5222d 100%);
}

::deep .btn-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

::deep .btn-primary:hover {
    background: linear-gradient(135deg, #5568d3 0%, #65408b 100%);
}

::deep .btn-info {
    background: linear-gradient(135deg, #13c2c2 0%, #36cfc9 100%);
    color: white;
}

::deep .btn-info:hover {
    background: linear-gradient(135deg, #11a8a8 0%, #2ab7b0 100%);
}

::deep .btn-light {
    background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);
    color: #262626;
    border: 1px solid #d9d9d9;
}

::deep .btn-light:hover {
    background: linear-gradient(135deg, #fafafa 0%, #e8e8e8 100%);
    border-color: #bfbfbf;
}

::deep .btn-secondary {
    background: linear-gradient(135deg, #8c8c8c 0%, #bfbfbf 100%);
    color: white;
}

::deep .btn-secondary:hover {
    background: linear-gradient(135deg, #737373 0%, #a6a6a6 100%);
}*/

/* 响应式设计 */
@media (max-width: 1400px) {
    .stat-card-compact[b-the7wskhmc] {
        min-width: 100px;
        padding: 6px 10px;
    }
    
    .stat-card-compact .stat-icon[b-the7wskhmc] {
        font-size: 1.25rem;
    }
    
    .stat-card-compact .stat-value[b-the7wskhmc] {
        font-size: 1.125rem;
    }
    
    .toolbar-btn[b-the7wskhmc] {
        padding: 0.3rem 0.5rem !important;
        font-size: 0.7rem !important;
    }
    
    .toolbar-right[b-the7wskhmc] {
        gap: 0.25rem;
    }
}

@media (max-width: 1200px) {
    .goods-management-container[b-the7wskhmc] {
        padding: 0.5rem;
    }
    
    .page-header-compact .d-flex[b-the7wskhmc] {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 0.5rem;
    }
    
    .stat-card-compact[b-the7wskhmc] {
        min-width: 90px;
    }
    
    .table-toolbar-optimized[b-the7wskhmc] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    
    .toolbar-left[b-the7wskhmc],
    .toolbar-right[b-the7wskhmc] {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .goods-management-container[b-the7wskhmc] {
        padding: 0.5rem;
    }

    .page-header-compact h4[b-the7wskhmc] {
        font-size: 1.125rem;
    }

    [b-the7wskhmc] .table {
        font-size: 0.7rem;
    }

    .btn-group.btn-group-sm > .btn[b-the7wskhmc] {
        padding: 0.15rem 0.3rem;
        font-size: 0.65rem;
    }

    .badge[b-the7wskhmc] {
        font-size: 0.65rem;
        padding: 0.25em 0.4em;
    }
    
    .table-toolbar-optimized[b-the7wskhmc] {
        padding: 0.375rem 0.5rem;
        flex-direction: column;
        align-items: stretch;
        gap: 0.375rem;
    }
    
    .toolbar-left[b-the7wskhmc],
    .toolbar-right[b-the7wskhmc] {
        justify-content: center;
    }
    
    .toolbar-btn[b-the7wskhmc] {
        flex: 1;
        justify-content: center;
        min-width: auto;
    }
    
    .selection-info[b-the7wskhmc] {
        font-size: 0.7rem;
    }
    
    .toolbar-hint[b-the7wskhmc] {
        font-size: 0.7rem;
        justify-content: center;
    }
    
    /* 高级搜索面板响应式 */
    .advanced-search-header[b-the7wskhmc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .advanced-search-panel .row > div[b-the7wskhmc] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .goods-management-container[b-the7wskhmc] {
        padding: 0.25rem;
    }

    [b-the7wskhmc] .modal-dialog {
        max-width: 95%;
        margin: 0.25rem auto;
    }
    
    .toolbar-right[b-the7wskhmc] {
        width: 100%;
    }
    
    .toolbar-btn[b-the7wskhmc] {
        font-size: 0.65rem !important;
    }
    
    .advanced-search-title[b-the7wskhmc] {
        font-size: 0.75rem;
    }
    
    .clear-advanced-btn[b-the7wskhmc] {
        font-size: 0.7rem;
    }
}

/* 打印样式 */
@media print {
    .goods-management-container[b-the7wskhmc] {
        padding: 0;
    }

    .page-header-compact[b-the7wskhmc],
    .search-toolbar-compact[b-the7wskhmc],
    [b-the7wskhmc] .table-toolbar,
    [b-the7wskhmc] .modal-footer,
    .btn-group[b-the7wskhmc] {
        display: none !important;
    }

    [b-the7wskhmc] .table {
        font-size: 10pt;
    }

    [b-the7wskhmc] .table thead th {
        background: white !important;
    }
}

/* 客户选择弹窗样式 */
.customer-selection-container[b-the7wskhmc] {
    padding: 0.5rem 0;
}

.customer-selection-container .form-label[b-the7wskhmc] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #262626;
    margin-bottom: 0.5rem;
}

.customer-selection-container .form-label.required[b-the7wskhmc]::after {
    content: "*";
    color: #ff4d4f;
    margin-left: 4px;
}

.customer-selection-container .form-label i[b-the7wskhmc] {
    color: #667eea;
    font-size: 0.875rem;
}

.customer-selection-container .alert[b-the7wskhmc] {
    font-size: 0.813rem;
    padding: 0.75rem;
    border-radius: 6px;
}

.customer-selection-container .alert i[b-the7wskhmc] {
    font-size: 1rem;
}

/* 客户选择弹窗中的下拉框 */
.customer-selection-container[b-the7wskhmc]  .form-select {
    font-size: 0.875rem;
    padding: 0.625rem 2.5rem 0.625rem 0.875rem;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    transition: all 0.3s ease;
}

.customer-selection-container[b-the7wskhmc]  .form-select:hover {
    border-color: #667eea;
}

.customer-selection-container[b-the7wskhmc]  .form-select:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);
}

.customer-selection-container[b-the7wskhmc]  .form-select:disabled {
    background-color: #f5f5f5;
    cursor: not-allowed;
}

/* 紧凑型工具栏右侧操作区 */
.toolbar-right[b-the7wskhmc] {
    display: flex;
    gap: 0.25rem;
    align-items: center;
    flex-wrap: wrap;
}

.toolbar-right .btn[b-the7wskhmc] {
    white-space: nowrap;
}

/* 🆕 客户关联预览样式 */
.customers-preview[b-the7wskhmc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    align-items: center;
}

.customers-preview .badge[b-the7wskhmc] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    font-weight: normal;
}

.cursor-pointer[b-the7wskhmc] {
    cursor: pointer;
}

/* 响应式优化 */
@media (max-width: 768px) {
    .customers-preview[b-the7wskhmc] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* 导入配置弹窗样式 */
.goods-management-container .customer-selection-container[b-the7wskhmc] {
    padding: 1rem;
}

.goods-management-container .customer-selection-container .alert[b-the7wskhmc] {
    border-radius: 8px;
}

/* 🆕 导入配置容器样式 */
.import-config-container[b-the7wskhmc] {
    padding: 1rem;
}

.import-config-container .form-check-input:checked[b-the7wskhmc] {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.import-config-container .update-mode-config[b-the7wskhmc],
.import-config-container .default-mode-info[b-the7wskhmc] {
    animation: fadeIn-b-the7wskhmc 0.3s ease-in;
}

@keyframes fadeIn-b-the7wskhmc {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.import-config-container .card[b-the7wskhmc] {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.import-config-container .card:hover[b-the7wskhmc] {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}
/* /Components/Pages/BaseData/HSCodeAdvancedFilter.razor.rz.scp.css */
/* 高级筛选面板样式 */
.advanced-filter-card[b-xgx5uy2rww] {
    margin-bottom: 1rem;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    background: #fff;
    transition: all 0.3s ease;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
}

.advanced-filter-card.show[b-xgx5uy2rww] {
    max-height: 1000px;
    opacity: 1;
    margin-bottom: 1rem;
}

.advanced-filter-content[b-xgx5uy2rww] {
    padding: 1rem;
}

/* 筛选头部样式 */
.filter-header[b-xgx5uy2rww] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
}

.filter-header h6[b-xgx5uy2rww] {
    color: #495057;
    font-weight: 600;
}

.filter-header i[b-xgx5uy2rww] {
    font-size: 1.1rem;
}

/* 筛选主体样式 */
.filter-body .form-label[b-xgx5uy2rww] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.25rem;
}

.filter-body .form-control[b-xgx5uy2rww],
.filter-body .form-select[b-xgx5uy2rww] {
    font-size: 0.875rem;
    border-radius: 6px;
    border: 1px solid #ced4da;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.filter-body .form-control:focus[b-xgx5uy2rww],
.filter-body .form-select:focus[b-xgx5uy2rww] {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

/* 日期范围输入样式 */
.filter-body .date-range-inputs[b-xgx5uy2rww] {
    display: flex;
    gap: 0.25rem;
    align-items: center;
}

.filter-body .date-range-inputs .form-control[b-xgx5uy2rww] {
    flex: 1;
}

.filter-body .date-range-inputs .text-muted[b-xgx5uy2rww] {
    font-size: 0.875rem;
    padding: 0 0.25rem;
}

/* 数值范围输入样式 */
.filter-body .d-flex.gap-1 .form-control[b-xgx5uy2rww] {
    min-width: 80px;
}

.filter-body .d-flex.gap-1 .text-muted[b-xgx5uy2rww] {
    padding: 0 0.25rem;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
}

/* 筛选条件摘要样式 */
.filter-summary[b-xgx5uy2rww] {
    background: rgba(13, 110, 253, 0.05);
    border: 1px solid rgba(13, 110, 253, 0.15);
    border-radius: 6px;
    padding: 0.75rem;
}

.filter-summary .badge[b-xgx5uy2rww] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}

.filter-summary .badge.bg-primary[b-xgx5uy2rww] {
    background: linear-gradient(135deg, #0d6efd 0%, #0056b3 100%) !important;
}

.filter-summary .badge.bg-info[b-xgx5uy2rww] {
    background: linear-gradient(135deg, #17a2b8 0%, #138496 100%) !important;
}

.filter-summary .badge.bg-success[b-xgx5uy2rww] {
    background: linear-gradient(135deg, #198754 0%, #146c43 100%) !important;
}

.filter-summary .badge.bg-warning[b-xgx5uy2rww] {
    background: linear-gradient(135deg, #ffc107 0%, #ffb700 100%) !important;
    color: #212529 !important;
}

.filter-summary .badge.bg-secondary[b-xgx5uy2rww] {
    background: linear-gradient(135deg, #6c757d 0%, #5a6268 100%) !important;
}

/* 筛选尾部样式 */
.filter-footer[b-xgx5uy2rww] {
    border-top: 1px solid #e9ecef;
    padding-top: 0.75rem;
    margin-top: 1rem;
}

.filter-help[b-xgx5uy2rww] {
    font-size: 0.8rem;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.filter-help i[b-xgx5uy2rww] {
    color: #ffc107;
}

.filter-actions .btn[b-xgx5uy2rww] {
    border-radius: 6px;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

.filter-actions .btn:hover[b-xgx5uy2rww] {
    transform: translateY(-1px);
}

.filter-actions .btn-primary[b-xgx5uy2rww] {
    background: linear-gradient(135deg, #0d6efd 0%, #0056b3 100%);
    border: none;
    box-shadow: 0 2px 4px rgba(13, 110, 253, 0.25);
}

.filter-actions .btn-primary:hover[b-xgx5uy2rww] {
    background: linear-gradient(135deg, #0056b3 0%, #004085 100%);
    box-shadow: 0 4px 8px rgba(13, 110, 253, 0.35);
}

.filter-actions .btn-secondary[b-xgx5uy2rww] {
    background: #6c757d;
    border: 1px solid #6c757d;
    color: #fff;
}

.filter-actions .btn-secondary:hover[b-xgx5uy2rww] {
    background: #5a6268;
    border-color: #545b62;
}

/* 输入组样式增强 */
.filter-body .input-group[b-xgx5uy2rww] {
    border-radius: 6px;
    overflow: hidden;
}

.filter-body .input-group .input-group-text[b-xgx5uy2rww] {
    background: rgba(13, 110, 253, 0.05);
    border-color: #ced4da;
    color: #6c757d;
    font-size: 0.875rem;
}

.filter-body .input-group .form-control[b-xgx5uy2rww] {
    border-left: none;
}

.filter-body .input-group .form-control:focus[b-xgx5uy2rww] {
    border-color: #0d6efd;
    box-shadow: none;
}

.filter-body .input-group:focus-within .input-group-text[b-xgx5uy2rww] {
    border-color: #0d6efd;
    background: rgba(13, 110, 253, 0.1);
    color: #0d6efd;
}

/* Select 组件样式 */
[b-xgx5uy2rww] .dropdown-menu {
    border-radius: 6px;
    border: 1px solid #ced4da;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    font-size: 0.875rem;
}

[b-xgx5uy2rww] .dropdown-item {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    transition: background-color 0.15s ease;
}

[b-xgx5uy2rww] .dropdown-item:hover {
    background-color: rgba(13, 110, 253, 0.1);
    color: #0d6efd;
}

[b-xgx5uy2rww] .dropdown-item.active {
    background: linear-gradient(135deg, #0d6efd 0%, #0056b3 100%);
    color: #fff;
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .advanced-filter-content[b-xgx5uy2rww] {
        padding: 0.75rem;
    }
    
    .filter-body .col-md-3[b-xgx5uy2rww] {
        margin-bottom: 0.75rem;
    }
    
    .filter-body .form-label[b-xgx5uy2rww] {
        font-size: 0.8rem;
    }
    
    .filter-body .form-control[b-xgx5uy2rww],
    .filter-body .form-select[b-xgx5uy2rww] {
        font-size: 0.8rem;
    }
}

@media (max-width: 768px) {
    .advanced-filter-card.show[b-xgx5uy2rww] {
        max-height: 1500px;
    }
    
    .filter-header[b-xgx5uy2rww] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .filter-footer[b-xgx5uy2rww] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .filter-actions[b-xgx5uy2rww] {
        align-self: stretch;
    }
    
    .filter-actions .btn[b-xgx5uy2rww] {
        flex: 1;
    }
    
    .filter-body .d-flex.gap-1[b-xgx5uy2rww] {
        flex-direction: column;
        gap: 0.25rem !important;
    }
    
    .filter-body .d-flex.gap-1 .text-muted[b-xgx5uy2rww] {
        display: none;
    }
    
    .filter-summary .d-flex.flex-wrap[b-xgx5uy2rww] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 576px) {
    .advanced-filter-content[b-xgx5uy2rww] {
        padding: 0.5rem;
    }
    
    .filter-body .row[b-xgx5uy2rww] {
        margin: 0;
    }
    
    .filter-body .col-md-3[b-xgx5uy2rww],
    .filter-body .col-md-4[b-xgx5uy2rww] {
        padding: 0 0.25rem;
        margin-bottom: 0.5rem;
    }
    
    .filter-body .form-control[b-xgx5uy2rww],
    .filter-body .form-select[b-xgx5uy2rww] {
        font-size: 0.75rem;
        padding: 0.375rem 0.5rem;
    }
    
    .filter-body .form-label[b-xgx5uy2rww] {
        font-size: 0.75rem;
        margin-bottom: 0.15rem;
    }
    
    .filter-summary .badge[b-xgx5uy2rww] {
        font-size: 0.7rem;
        padding: 0.2rem 0.4rem;
    }
    
    .filter-actions .btn[b-xgx5uy2rww] {
        font-size: 0.8rem;
        padding: 0.375rem 0.75rem;
    }
}

/* 动画效果 */
@keyframes slideDown-b-xgx5uy2rww {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideUp-b-xgx5uy2rww {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-10px);
    }
}

.advanced-filter-card.show .advanced-filter-content[b-xgx5uy2rww] {
    animation: slideDown-b-xgx5uy2rww 0.3s ease;
}

/* 特殊输入类型样式 */
.filter-body input[type="number"][b-xgx5uy2rww] {
    text-align: right;
}

.filter-body .form-control[b-xgx5uy2rww]::placeholder,
.filter-body .form-select option:first-child[b-xgx5uy2rww] {
    color: #adb5bd;
    font-style: italic;
}

/* 聚焦状态增强 */
.filter-body .form-control:focus[b-xgx5uy2rww],
.filter-body .form-select:focus[b-xgx5uy2rww] {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
    outline: none;
}

/* 禁用状态样式 */
.filter-body .form-control:disabled[b-xgx5uy2rww],
.filter-body .form-select:disabled[b-xgx5uy2rww] {
    background-color: #f8f9fa;
    color: #6c757d;
    border-color: #e9ecef;
}

/* 验证状态样式 */
.filter-body .is-valid[b-xgx5uy2rww] {
    border-color: #198754;
}

.filter-body .is-invalid[b-xgx5uy2rww] {
    border-color: #dc3545;
}

/* 加载状态 */
.filter-loading[b-xgx5uy2rww] {
    position: relative;
    pointer-events: none;
    opacity: 0.6;
}

.filter-loading[b-xgx5uy2rww]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #0d6efd;
    border-radius: 50%;
    animation: spin-b-xgx5uy2rww 1s linear infinite;
}

@keyframes spin-b-xgx5uy2rww {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* /Components/Pages/BaseData/HSCodeEditComponent.razor.rz.scp.css */
/* HSCodeEditComponent 样式 - HS编码编辑组件专用样式 */
/* 与其他管理页面保持统一的浅色风格 */

/* 页面头部样式 */
.hscode-edit-header[b-we9n80609c] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    border: 1px solid #dee2e6;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.hscode-edit-header[b-we9n80609c]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #0d6efd 0%, #0056b3 100%);
}

.edit-header-info[b-we9n80609c] {
    flex-grow: 1;
}

.edit-header-title[b-we9n80609c] {
    color: #212529;
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.edit-header-subtitle[b-we9n80609c] {
    color: #6c757d;
    font-size: 0.9rem;
    margin-top: 0.25rem;
}

.edit-header-actions[b-we9n80609c] {
    flex-shrink: 0;
}

.edit-header-actions .btn[b-we9n80609c] {
    min-width: 80px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.edit-header-actions .btn:hover[b-we9n80609c] {
    transform: translateY(-1px);
}

/* 编辑表单容器 - 使用浅色背景 */
.hscode-edit-form[b-we9n80609c] {
    background: white;
    padding: 1.5rem;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    max-width: 100%;
    margin: 0 auto;
}

/* 精简版 HS编码编辑组件样式 - 减少嵌套和间距 */
.hscode-edit-form.compact[b-we9n80609c] {
    padding: 0.75rem;
}

/* 字段分组样式 - 采用浅色风格 */
.field-group[b-we9n80609c] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease;
}

.field-group.compact-group[b-we9n80609c] {
    padding: 0.75rem;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    margin-bottom: 0.1rem;
    box-shadow: none;
    background: #fff;
}

.field-group:hover[b-we9n80609c] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.field-group-title[b-we9n80609c] {
    font-size: 1rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.field-group-title[b-we9n80609c] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.field-group-title i[b-we9n80609c] {
    color: #0d6efd;
    font-size: 1.1rem;
    width: 18px;
    text-align: center;
}

/* 表单字段样式 */
.form-field-container[b-we9n80609c] {
    margin-bottom: 1rem;
    position: relative;
}

.form-field-container .form-label[b-we9n80609c] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
    display: block;
    font-size: 0.875rem;
}

/* 必填字段标识 */
.required-field .form-label[b-we9n80609c]::after {
    content: " *";
    color: #dc3545;
    font-weight: 700;
}

/* 输入框样式增强 */
.form-control[b-we9n80609c],
.bootstrap-input[b-we9n80609c],
.bootstrap-input-number[b-we9n80609c],
.bootstrap-select[b-we9n80609c],
.form-select[b-we9n80609c] {
    border-radius: 6px;
    border: 1px solid #dee2e6;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 0.875rem;
}

.form-control:focus[b-we9n80609c],
.bootstrap-input:focus[b-we9n80609c],
.bootstrap-input-number:focus[b-we9n80609c],
.bootstrap-select:focus[b-we9n80609c],
.form-select:focus[b-we9n80609c] {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-control.form-control-sm[b-we9n80609c],
.form-select.form-select-sm[b-we9n80609c] {
    height: calc(1.5rem + 0.5rem);
    padding: 0.25rem 0.5rem;
    font-size: 0.85rem;
}

/* 字段图标样式 */
.field-with-icon[b-we9n80609c] {
    position: relative;
}

.field-icon[b-we9n80609c] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    z-index: 10;
    pointer-events: none;
    font-size: 0.875rem;
}

.field-with-icon .form-control[b-we9n80609c],
.field-with-icon .bootstrap-input input[b-we9n80609c] {
    padding-left: 2.5rem;
}

/* HS编码输入框特殊样式 */
.hscode-input-container .field-icon[b-we9n80609c] {
    color: #0d6efd;
}

/* 中文名称输入框样式 */
.name-input-container .field-icon[b-we9n80609c] {
    color: #198754;
}

/* 选择框样式 */
.select-container .bootstrap-select[b-we9n80609c],
.select-container .form-select[b-we9n80609c] {
    min-height: 38px;
    background: white;
    border: 1px solid #dee2e6;
}

.select-container .dropdown-menu[b-we9n80609c] {
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: 1px solid #dee2e6;
    background: white;
}

.select-container .dropdown-item:hover[b-we9n80609c] {
    background-color: #f8f9fa;
}

/* 税率输入框组 - 使用浅色背景 */
.tax-rate-group[b-we9n80609c] {
    background: #f8f9fa;
    padding: 1.25rem;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    margin: 1rem 0;
}

.tax-rate-field[b-we9n80609c] {
    position: relative;
}

.tax-rate-field[b-we9n80609c]::after {
    content: '%';
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    font-weight: 600;
    pointer-events: none;
    z-index: 10;
    font-size: 0.875rem;
}

.tax-rate-field .form-control[b-we9n80609c],
.tax-rate-field .bootstrap-input-number input[b-we9n80609c] {
    padding-right: 2rem;
    background: white;
}

/* 精简版税率字段样式 */
.field-group.compact-group .tax-rate-field[b-we9n80609c]::after {
    right: 0.5rem;
    font-size: 0.8rem;
}

.tax-rate-field .form-control.form-control-sm[b-we9n80609c] {
    padding-right: 1.5rem;
}

/* 税率标签颜色 */
.tax-rate-label-normal .form-label[b-we9n80609c] { color: #0d6efd; font-weight: 600; }
.tax-rate-label-preferential .form-label[b-we9n80609c] { color: #198754; font-weight: 600; }
.tax-rate-label-export .form-label[b-we9n80609c] { color: #17a2b8; font-weight: 600; }
.tax-rate-label-consumption .form-label[b-we9n80609c] { color: #ffc107; font-weight: 600; }
.tax-rate-label-vat .form-label[b-we9n80609c] { color: #6c757d; font-weight: 600; }

/* 文本域样式 */
.textarea-container textarea[b-we9n80609c] {
    border-radius: 6px;
    resize: vertical;
    min-height: 80px;
    font-family: inherit;
    font-size: 0.875rem;
    background: white;
    border: 1px solid #dee2e6;
}

.textarea-container textarea:focus[b-we9n80609c] {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* 验证消息样式 */
.validation-message[b-we9n80609c] {
    color: #dc3545;
    font-size: 0.8rem;
    margin-top: 0.25rem;
    display: block;
    font-weight: 500;
}

.validation-summary[b-we9n80609c] {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1.5rem;
    color: #721c24;
}

.validation-summary ul[b-we9n80609c] {
    margin: 0;
    padding-left: 1.5rem;
}

.validation-summary li[b-we9n80609c] {
    margin-bottom: 0.25rem;
}

/* 按钮组样式 */
.button-group[b-we9n80609c] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    align-items: center;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e9ecef;
}

.button-group[b-we9n80609c] {
    margin-top: 1rem;
}

.button-group .btn[b-we9n80609c] {
    min-width: 100px;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s ease;
    padding: 0.5rem 1.25rem;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.button-group .btn:hover[b-we9n80609c] {
    transform: translateY(-1px);
}

.button-group .btn-primary[b-we9n80609c] {
    background: linear-gradient(135deg, #0d6efd 0%, #0056b3 100%);
    border: none;
    box-shadow: 0 2px 4px rgba(13, 110, 253, 0.25);
}

.button-group .btn-primary:hover[b-we9n80609c] {
    background: linear-gradient(135deg, #0056b3 0%, #004085 100%);
    box-shadow: 0 4px 8px rgba(13, 110, 253, 0.35);
}

.button-group .btn-secondary[b-we9n80609c] {
    background: #6c757d;
    border: 1px solid #6c757d;
    color: white;
    box-shadow: 0 2px 4px rgba(108, 117, 125, 0.25);
}

.button-group .btn-secondary:hover[b-we9n80609c] {
    background: #5a6268;
    border-color: #5a6268;
    box-shadow: 0 4px 8px rgba(108, 117, 125, 0.35);
}

/* 表单布局优化 */
.form-row-compact[b-we9n80609c] {
    margin-bottom: 1rem;
}

.form-row-compact .col-md-6[b-we9n80609c],
.form-row-compact .col-md-3[b-we9n80609c],
.form-row-compact .col-md-4[b-we9n80609c] {
    margin-bottom: 0.75rem;
}

/* 提示信息样式 */
.field-hint[b-we9n80609c] {
    font-size: 0.8rem;
    color: #6c757d;
    margin-top: 0.25rem;
    font-style: italic;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.field-hint[b-we9n80609c] {
    font-size: 0.75rem;
    color: #6c757d;
    margin-top: 0.25rem;
}

.field-hint i[b-we9n80609c] {
    color: #17a2b8;
    font-size: 0.75rem;
}

/* 加载状态 */
.form-loading[b-we9n80609c] {
    position: relative;
    pointer-events: none;
    opacity: 0.6;
}

.form-loading[b-we9n80609c]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #0d6efd;
    border-radius: 50%;
    animation: spin-b-we9n80609c 1s linear infinite;
    z-index: 1000;
    background: white;
}

@keyframes spin-b-we9n80609c {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 表单状态样式 */
.form-success .form-control[b-we9n80609c],
.form-success .bootstrap-input[b-we9n80609c],
.form-success .bootstrap-select[b-we9n80609c] {
    border-color: #198754;
    background-color: rgba(25, 135, 84, 0.05);
}

.form-success .form-control:focus[b-we9n80609c],
.form-success .bootstrap-input:focus[b-we9n80609c],
.form-success .bootstrap-select:focus[b-we9n80609c] {
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.form-error .form-control[b-we9n80609c],
.form-error .bootstrap-input[b-we9n80609c],
.form-error .bootstrap-select[b-we9n80609c] {
    border-color: #dc3545;
    background-color: rgba(220, 53, 69, 0.05);
}

.form-error .form-control:focus[b-we9n80609c],
.form-error .bootstrap-input:focus[b-we9n80609c],
.form-error .bootstrap-select:focus[b-we9n80609c] {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

/* 焦点可访问性 */
.form-control:focus[b-we9n80609c],
.bootstrap-input:focus[b-we9n80609c],
.bootstrap-select:focus[b-we9n80609c],
.btn:focus[b-we9n80609c] {
    outline: none;
}

/* 响应式设计 */
@media (max-width: 992px) {
    .hscode-edit-form[b-we9n80609c] {
        padding: 1.25rem;
    }
    
    .field-group[b-we9n80609c] {
        padding: 1rem;
        margin-bottom: 1.25rem;
    }
    
    .tax-rate-group[b-we9n80609c] {
        padding: 1rem;
    }
    
    .button-group .btn[b-we9n80609c] {
        min-width: 80px;
        padding: 0.45rem 1rem;
    }
    
    .hscode-edit-header[b-we9n80609c] {
        padding: 0.875rem 1rem;
        margin-bottom: 1.25rem;
    }
    
    .edit-header-title[b-we9n80609c] {
        font-size: 1rem;
    }
    
    .edit-header-actions .btn[b-we9n80609c] {
        min-width: 70px;
        padding: 0.375rem 0.75rem;
    }
}

@media (max-width: 768px) {
    .hscode-edit-form[b-we9n80609c] {
        padding: 1rem;
        margin: 0.5rem;
        border-radius: 6px;
    }
    
    .field-group[b-we9n80609c] {
        padding: 0.75rem;
        margin-bottom: 1rem;
    }
    
    .field-group-title[b-we9n80609c] {
        font-size: 0.95rem;
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
        text-align: left;
    }
    
    .tax-rate-group[b-we9n80609c] {
        padding: 0.75rem;
    }
    
    .button-group[b-we9n80609c] {
        flex-direction: column-reverse;
        gap: 0.5rem;
    }
    
    .button-group .btn[b-we9n80609c] {
        width: 100%;
        min-width: unset;
    }
    
    .form-row-compact .col-md-3[b-we9n80609c],
    .form-row-compact .col-md-6[b-we9n80609c] {
        margin-bottom: 1rem;
    }
    
    /* 移动端税率字段特殊布局 */
    .tax-rate-group .row .col-md-3[b-we9n80609c] {
        margin-bottom: 1rem;
    }
    
    /* 移动端头部样式 */
    .hscode-edit-header[b-we9n80609c] {
        padding: 0.75rem;
        margin-bottom: 1rem;
    }
    
    .hscode-edit-header .d-flex[b-we9n80609c] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .edit-header-actions[b-we9n80609c] {
        width: 100%;
        justify-content: flex-end;
    }
    
    .edit-header-actions .btn[b-we9n80609c] {
        min-width: 80px;
    }
}

@media (max-width: 576px) {
    .hscode-edit-form[b-we9n80609c] {
        padding: 0.75rem;
        border-radius: 4px;
        margin: 0.25rem;
    }
    
    .field-group[b-we9n80609c] {
        padding: 0.5rem;
        margin-bottom: 0.75rem;
    }
    
    .field-group-title[b-we9n80609c] {
        font-size: 0.9rem;
        margin-bottom: 0.75rem;
    }
    
    .field-group-title i[b-we9n80609c] {
        font-size: 1rem;
    }
    
    .tax-rate-group[b-we9n80609c] {
        padding: 0.5rem;
    }
    
    .button-group[b-we9n80609c] {
        margin-top: 1.5rem;
        padding-top: 1rem;
    }
    
    .field-hint[b-we9n80609c] {
        font-size: 0.75rem;
    }
    
    .validation-message[b-we9n80609c] {
        font-size: 0.75rem;
    }
    
    /* 小屏幕头部样式 */
    .hscode-edit-header[b-we9n80609c] {
        padding: 0.5rem;
        margin-bottom: 0.75rem;
    }
    
    .edit-header-title[b-we9n80609c] {
        font-size: 0.95rem;
    }
    
    .edit-header-subtitle[b-we9n80609c] {
        font-size: 0.8rem;
    }
    
    .edit-header-actions[b-we9n80609c] {
        gap: 0.5rem;
    }
    
    .edit-header-actions .btn[b-we9n80609c] {
        min-width: 70px;
        padding: 0.375rem 0.75rem;
        font-size: 0.8rem;
    }
}

/* 打印样式 */
@media print {
    .hscode-edit-form[b-we9n80609c] {
        box-shadow: none;
        border: 1px solid #000;
        padding: 1rem;
        background: white;
    }
    
    .button-group[b-we9n80609c] {
        display: none;
    }
    
    .field-group[b-we9n80609c] {
        box-shadow: none;
        border: 1px solid #ccc;
        break-inside: avoid;
        background: white;
    }
    
    .field-group-title[b-we9n80609c] {
        color: #000;
    }
    
    .field-group-title i[b-we9n80609c] {
        display: none;
    }
    
    .tax-rate-group[b-we9n80609c] {
        background: #f5f5f5;
    }
}

/* 预览复选框组样式优化 */
.preview-checkboxes[b-we9n80609c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.preview-checkboxes .form-check[b-we9n80609c] {
    margin-right: 0.5rem;
}

@media (max-width: 767px) {
    .preview-checkboxes .form-check[b-we9n80609c] {
        flex: 0 0 50%;
    }
}

/* Tabs 内容微调 */
.card .nav-tabs[b-we9n80609c] {
    margin-bottom: 0.5rem;
}

.card .tab-pane[b-we9n80609c] {
    padding-top: 0.5rem;
}

/* 新增样式：精简字段间距 */
.compact-field[b-we9n80609c] {
    padding-bottom: 0.25rem;
}

/* 新增样式：小标签样式 */
.small-label[b-we9n80609c] {
    font-size: 0.85rem;
    margin-bottom: 0.2rem;
}

/* 新增样式：来源提示信息样式 */
.source-hint[b-we9n80609c] {
    display: block;
    font-size: 0.75rem;
    color: #6c757d;
    margin-top: 0.15rem;
}
/* /Components/Pages/BaseData/HSCodeMgrPage.razor.rz.scp.css */
/* HSCodeMgrPage 样式优化 - 参考统一港口页面和船舶管理页面风格 */

/* 主容器样式 */
.hscode-manager-container[b-yjb37rx66z] {
    padding: 0.75rem 1rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

/* 页面头部 - 与港口页面保持一致 */
.page-header-light[b-yjb37rx66z] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,0.05);
    padding: 0.75rem 1rem !important;
    margin-bottom: 0.5rem;
    overflow: hidden;
}

.page-header-light[b-yjb37rx66z]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #0d6efd 0%, #0056b3 100%);
}

.page-header-light .d-flex[b-yjb37rx66z] {
    min-height: 56px;
    align-items: center;
}

.page-icon-lg[b-yjb37rx66z] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(13, 110, 253, 0.1);
    border-radius: 12px;
    font-size: 20px;
}

.page-title[b-yjb37rx66z] {
    color: #212529;
    margin: 0;
}

/* 统计预览 - 与港口页面保持一致的紧凑样式 */
.stats-preview[b-yjb37rx66z] {
    display: flex;
    align-items: center;
}

.stat-preview-item[b-yjb37rx66z] {
    margin: 0 1rem;
}

.stat-preview-value[b-yjb37rx66z] {
    font-size: 1.25rem;
    font-weight: bold;
    color: #343a40;
}

.stat-preview-label[b-yjb37rx66z] {
    font-size: 0.875rem;
    color: #6c757d;
}

/* 主内容卡片 - 使用更专业的设计 */
.main-content-card[b-yjb37rx66z] {
    border-radius: 16px;
    overflow: hidden;
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.main-content-card .card-header[b-yjb37rx66z] {
    display: none;
}

.table-container[b-yjb37rx66z] {
    padding: 1.5rem;
}

/* 权限控制相关样式 */
.permission-loading[b-yjb37rx66z] {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.permission-denied[b-yjb37rx66z] {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

/* 详情模态框样式 */
.hscode-detail-view[b-yjb37rx66z] {
    max-height: 70vh;
    overflow-y: auto;
    padding-right: 0.5rem;
}

.highlight-code[b-yjb37rx66z] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-weight: bold;
    background: linear-gradient(45deg, #e3f2fd, #f3e5f5);
    color: #1565c0;
}

/* 编辑模态框样式 */
.edit-form-container[b-yjb37rx66z] {
    padding: 1rem;
}

/*.modal-footer-enhanced {
    padding: 1.5rem 2rem;
    background: #f8f9fa;
    border-top: 1px solid #e9ecef;
}*/

.footer-info[b-yjb37rx66z] {
    flex-grow: 1;
}

.btn-cancel[b-yjb37rx66z] {
    min-width: 80px;
}

.btn-save[b-yjb37rx66z] {
    min-width: 100px;
    position: relative;
}

.btn-save.loading .btn-text[b-yjb37rx66z] {
    opacity: 0;
}

.btn-save.loading .spinner-border[b-yjb37rx66z] {
    display: inline-block !important;
}

/* 表格样式 - 企业级设计 */
.data-table .table[b-yjb37rx66z] {
    margin-bottom: 0;
}

.data-table .table th[b-yjb37rx66z] {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    font-weight: 600;
    color: #495057;
    font-size: 0.875rem;
    padding: 0.75rem 0.5rem;
}

.data-table .table td[b-yjb37rx66z] {
    vertical-align: middle;
    border-color: #e9ecef;
    font-size: 0.875rem;
    padding: 0.75rem 0.5rem;
}

.data-table .table-striped tbody tr:nth-of-type(odd)[b-yjb37rx66z] {
    background-color: rgba(0, 0, 0, 0.02);
}

/* HS编码单元格 */
.hscode-cell .hscode-icon[b-yjb37rx66z] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(13, 110, 253, 0.1);
    border-radius: 6px;
    font-size: 12px;
}

.hscode-cell .fw-medium[b-yjb37rx66z] {
    font-size: 0.9rem;
    color: #212529;
}

/* 名称单元格 */
.name-cell .fw-medium[b-yjb37rx66z] {
    font-size: 0.9rem;
    color: #212529;
}

/* 税率单元格 */
.tax-rate-cell .badge-sm[b-yjb37rx66z] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* 模态框样式优化 - 统一风格 */
.view-modal .modal-dialog[b-yjb37rx66z],
.edit-modal .modal-dialog[b-yjb37rx66z] {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    overflow: hidden;
    border: none;
}

/* 编辑/查看状态头部 - 参考船舶管理页面 */
.edit-header[b-yjb37rx66z] {
    padding: 1.5rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 12px;
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 1.5rem;
    position: relative;
    overflow: hidden;
}

.edit-header[b-yjb37rx66z]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #17a2b8 0%, #5bc0de 100%);
    border-radius: 12px 12px 0 0;
}

.edit-icon[b-yjb37rx66z],
.view-icon[b-yjb37rx66z] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.edit-icon.bg-primary[b-yjb37rx66z] {
    background: linear-gradient(135deg, #0d6efd 0%, #0056b3 100%);
    color: white;
}

.view-icon.bg-info[b-yjb37rx66z] {
    background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
    color: white;
}

.edit-badges .badge-sm[b-yjb37rx66z] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* 企业详情内容 */
.enterprise-detail-content[b-yjb37rx66z] {
    padding: 0;
}

.detail-section[b-yjb37rx66z] {
    margin-bottom: 2rem;
}

.section-title[b-yjb37rx66z] {
    font-size: 1rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e9ecef;
}



.detail-label[b-yjb37rx66z] {
    font-weight: 600;
    color: #495057;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    display: block;
}

.detail-value[b-yjb37rx66z] {
    font-size: 0.8rem !important;
    color: #212529;
    padding: 0.07rem 1rem;
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    min-height: 40px;
    display: flex;
    align-items: center;
}

/* 税率详情项目 */
.tax-rate-detail-item[b-yjb37rx66z] {
    text-align: center;
    padding: 1rem;
    background: white;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tax-rate-detail-item:hover[b-yjb37rx66z] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.tax-rate-detail-label[b-yjb37rx66z] {
    font-size: 0.75rem;
    color: #6c757d;
    margin-bottom: 0.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.tax-rate-detail-value[b-yjb37rx66z] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

/* 筛选面板 - 紧凑设计 */
.filter-panel-compact[b-yjb37rx66z] {
    background: #f8fcff;
    border: 1px solid #e3f2fd;
    border-radius: 8px;
    padding: 1rem;
}

.filter-panel-compact .form-label[b-yjb37rx66z] {
    color: #495057;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

/* 系统信息水平平铺样式 - HSCode专用 */
.system-info-horizontal-hscode[b-yjb37rx66z] {
    border-top: 1px solid #e9ecef;
    padding-top: 12px;
}

.system-info-grid-hscode[b-yjb37rx66z] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    background: #f8f9fa;
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid #e9ecef;
}

/* 新增：跨两列的宽版系统信息网格 */
.system-info-grid-hscode-wide[b-yjb37rx66z] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    background: #f8f9fa;
    padding: 12px 16px;
    border-radius: 6px;
    border: 1px solid #e9ecef;
}

.system-info-item-hscode[b-yjb37rx66z] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.system-info-label-hscode[b-yjb37rx66z] {
    font-size: 0.7rem;
    color: #6c757d;
    font-weight: 500;
    margin: 0;
}

.system-info-value-hscode[b-yjb37rx66z] {
    font-size: 0.75rem;
    color: #495057;
    font-weight: 400;
    padding: 3px 6px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    min-height: 24px;
    display: flex;
    align-items: center;
}

/* 模态框底部 - 企业风格 */
.modal-footer-enterprise[b-yjb37rx66z] {
    /* unified background tone matching header */
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 0.5rem 0.75rem;
    border-top: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

/* make info pill subtler to blend with unified footer tone */
.footer-tips small[b-yjb37rx66z] {
    background: rgba(227, 242, 253, 0.55); /* lighter blue, semi-transparent */
    padding: 0.25rem 0.6rem; /* smaller pill */
    border-radius: 999px;
    color: #155e9b;
    border: 1px solid rgba(187, 222, 251, 0.6);
    font-size: 0.78rem;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

/* compact variant keep consistent */
.compact-modal .modal-footer-enterprise[b-yjb37rx66z] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}
.compact-modal .footer-tips small[b-yjb37rx66z] {
    background: rgba(227, 242, 253, 0.45);
}

/* tighten table container while modal is open */
.compact-modal .table-container[b-yjb37rx66z] {
    padding: 0.6rem;
}

/* ensure when modal framework wraps our enterprise footer the layout stays: tip left, actions right */
.modal-footer > .modal-footer-enterprise[b-yjb37rx66z] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 0.5rem !important;
}

/* ensure inner tip takes available space and stays left-aligned */
.modal-footer > .modal-footer-enterprise .footer-tips[b-yjb37rx66z] {
    flex: 1 1 auto !important;
    text-align: left !important;
}

/* keep actions to the right */
.modal-footer > .modal-footer-enterprise .footer-actions[b-yjb37rx66z] {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
}

/* fallback: if framework adds display:flex on .modal-footer itself, force it to allow child to layout properly */
.modal-footer[b-yjb37rx66z] {
    display: block !important;
}

/* 查看模态框中头部操作按钮样式 */
.header-actions[b-yjb37rx66z] {
    flex-shrink: 0;
    margin-left: auto;
}

.header-actions .btn[b-yjb37rx66z] {
    min-width: 80px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.header-actions .btn:hover[b-yjb37rx66z] {
    transform: translateY(-1px);
}

/* 响应式样式 - 移动端系统信息 */
@media (max-width: 992px) {
    .system-info-grid-hscode[b-yjb37rx66z] {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 10px;
    }
    
    .system-info-grid-hscode-wide[b-yjb37rx66z] {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    
    .header-actions .btn[b-yjb37rx66z] {
        min-width: 70px;
        padding: 0.375rem 0.75rem;
        font-size: 0.85rem;
    }
}

@media (max-width: 768px) {
    .system-info-grid-hscode[b-yjb37rx66z] {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    
    .system-info-grid-hscode-wide[b-yjb37rx66z] {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    /* 移动端头部按钮样式 */
    .card .d-flex .flex-grow-1 .d-flex[b-yjb37rx66z] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .header-actions[b-yjb37rx66z] {
        width: 100%;
        justify-content: flex-end;
    }
    
    .header-actions .btn[b-yjb37rx66z] {
        min-width: 80px;
    }
}

@media (max-width: 576px) {
    .system-info-grid-hscode[b-yjb37rx66z] {
        grid-template-columns: 1fr;
        gap: 6px;
        padding: 8px 10px;
    }
    
    .system-info-grid-hscode-wide[b-yjb37rx66z] {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 10px 12px;
    }

    .system-info-label-hscode[b-yjb37rx66z] {
        font-size: 0.65rem;
    }

    .system-info-value-hscode[b-yjb37rx66z] {
        font-size: 0.7rem;
        padding: 2px 4px;
        min-height: 20px;
    }
    
    /* 小屏幕头部按钮样式 */
    .header-actions .btn[b-yjb37rx66z] {
        min-width: 70px;
        padding: 0.375rem 0.75rem;
        font-size: 0.8rem;
    }
}

/* 打印样式 - 系统信息 */
@media print {
    .system-info-grid-hscode[b-yjb37rx66z],
    .system-info-grid-hscode-wide[b-yjb37rx66z] {
        background: #f5f5f5;
        border: 1px solid #ccc;
    }
}
/* /Components/Pages/BaseData/HSCodeQueryComponent.razor.rz.scp.css */
.hscode-query-container[b-itzd5iuok8] {
    padding: 0;
}

/* 搜索容器 */
.hscode-search-container[b-itzd5iuok8] {
    background: #fff;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    margin-bottom: 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

/* 搜索输入框容器 */
.hscode-search-input[b-itzd5iuok8] {
    flex: 1;
    max-width: 600px;
}

/* 操作按钮容器 */
.action-buttons[b-itzd5iuok8] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

/* 表格容器 */
.table-container[b-itzd5iuok8] {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

/* HS编码单元格样式 */
.hscode-cell[b-itzd5iuok8] {
    font-family: 'Courier New', monospace;
}

.hscode-icon[b-itzd5iuok8] {
    color: #8c8c8c;
}

/* 权限提示样式 */
.permission-hint[b-itzd5iuok8] {
    color: #ff4d4f;
    font-size: 0.813rem;
}

/* 表格操作按钮 */
.table-actions[b-itzd5iuok8] {
    display: flex;
    gap: 0.25rem;
    align-items: center;
}

/* 🆕 高级筛选面板样式 - 参考货品管理 */
.advanced-search-panel[b-itzd5iuok8] {
    background: #fff;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    margin-bottom: 0.75rem;
    border-top: 1px dashed #d9d9d9;
    animation: slideDownExpand-b-itzd5iuok8 0.3s ease-out;
}

/* 高级搜索头部 */
.advanced-search-header[b-itzd5iuok8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #f0f0f0;
}

.advanced-search-title[b-itzd5iuok8] {
    font-size: 0.813rem;
    font-weight: 600;
    color: #595959;
    display: flex;
    align-items: center;
}

.advanced-search-title i[b-itzd5iuok8] {
    color: #667eea;
    font-size: 0.875rem;
}

/* 清空高级筛选按钮 */
.clear-advanced-btn[b-itzd5iuok8] {
    font-size: 0.75rem;
    color: #8c8c8c;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s;
}

.clear-advanced-btn:hover[b-itzd5iuok8] {
    color: #ff4d4f;
    background-color: #fff1f0;
    border-radius: 3px;
}

.clear-advanced-btn i[b-itzd5iuok8] {
    color: inherit;
}

/* 高级搜索面板动画 */
@keyframes slideDownExpand-b-itzd5iuok8 {
    from {
        opacity: 0;
        max-height: 0;
        margin-top: 0;
        padding-top: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        max-height: 500px;
        margin-top: 0;
        padding-top: 0.75rem;
        transform: translateY(0);
    }
}

/* 紧凑表单标签 */
.form-label-sm[b-itzd5iuok8] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #595959;
    margin-bottom: 0.25rem;
    line-height: 1.2;
}

.form-label-sm i[b-itzd5iuok8] {
    color: #8c8c8c;
    font-size: 0.7rem;
}

/* 高级筛选按钮 */
.btn-advanced-filter[b-itzd5iuok8] {
    position: relative;
}

.btn-advanced-filter .badge[b-itzd5iuok8] {
    position: absolute;
    top: -4px;
    right: -4px;
}

/* 分隔线样式（高级筛选顶部） */
.advanced-separator[b-itzd5iuok8] {
    width: 100%;
    height: 3px; /* 线条高度，可调整 */
    background: linear-gradient(90deg, rgba(255,77,79,1) 0%, rgba(255,120,120,1) 50%, rgba(255,77,79,1) 100%);
    border-radius: 2px;
    margin-bottom: 0.5rem;
}

/* 备用：如果需要更低调的分隔线，使用下面的样式替换上面 */
 .advanced-separator[b-itzd5iuok8] { height: 1px; background: #f0f0f0; margin-bottom: 0.5rem; }
/* 响应式布局 */
@media (max-width: 1200px) {
    .hscode-search-container[b-itzd5iuok8] {
        flex-direction: column;
        align-items: stretch;
    }

    .hscode-search-input[b-itzd5iuok8] {
        max-width: 100%;
    }

    .action-buttons[b-itzd5iuok8] {
        justify-content: flex-end;
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .hscode-search-container[b-itzd5iuok8] {
        padding: 0.5rem;
    }

    .action-buttons[b-itzd5iuok8] {
        gap: 0.25rem;
    }

    /* 高级搜索面板响应式 */
    .advanced-search-panel[b-itzd5iuok8] {
        padding: 0.5rem;
    }

    .advanced-search-header[b-itzd5iuok8] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
}
/* /Components/Pages/BaseData/HSCodeScraperPage.razor.rz.scp.css */
.status-log[b-db8vvhs95x] {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 10px;
}

.status-message[b-db8vvhs95x] {
    padding: 2px 0;
    border-bottom: 1px solid #e9ecef;
}

.status-message:last-child[b-db8vvhs95x] {
    border-bottom: none;
}

.error-log[b-db8vvhs95x] {
    background-color: #fff5f5;
    border: 1px solid #feb2b2;
    border-radius: 4px;
    padding: 10px;
}

.declaration-elements[b-db8vvhs95x] {
    max-height: 150px;
    overflow-y: auto;
}

.sticky-top[b-db8vvhs95x] {
    position: sticky;
    top: 0;
    z-index: 1;
}
/* /Components/Pages/BaseData/InspectionCodeMgrPage.razor.rz.scp.css */
.page-header-light[b-rqun760hf5] {
  background: #ffffff;
  padding: 12px 16px;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(16,24,40,0.03);
}

.page-header-light .page-icon-lg[b-rqun760hf5] {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #f6f8fa;
  font-size: 20px;
}

.page-title[b-rqun760hf5] {
  margin: 0;
  font-weight: 600;
}

.main-content-card[b-rqun760hf5] {
  padding: 12px;
  border-radius: 8px;
}

.compact-modal .modal-content[b-rqun760hf5] {
  padding: 12px;
}

.hscode-table td[b-rqun760hf5], .hscode-table th[b-rqun760hf5] {
  vertical-align: middle;
}

.btn-group .btn[b-rqun760hf5] {
  margin-right: 4px;
}

/* 检验检疫Header - 超紧凑样式 */
.inspection-header-compact[b-rqun760hf5] {
  padding: 6px 12px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border: 1px solid #dee2e6;
  border-radius: 6px;
  position: relative;
  min-height: 32px;
  max-height: 42px;
}

.inspection-icon-compact[b-rqun760hf5] {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 12px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  flex-shrink: 0;
}

.main-info[b-rqun760hf5] {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
}

.hs-code[b-rqun760hf5] {
  color: #2c3e50;
  font-size: 0.9rem;
  line-height: 1.1;
  white-space: nowrap;
}

.product-name[b-rqun760hf5] {
  font-size: 0.75rem;
  line-height: 1.1;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.create-info[b-rqun760hf5] {
  text-align: right;
  min-width: 110px;
  max-width: 130px;
}

.creator-name[b-rqun760hf5] {
  font-size: 0.75rem;
  font-weight: 500;
  color: #495057;
  line-height: 1.0;
  margin-bottom: 1px;
}

.create-time[b-rqun760hf5] {
  font-size: 0.7rem;
  color: #6c757d;
  line-height: 1.0;
}

.secondary-info[b-rqun760hf5] {
  border-top: 1px solid #e9ecef;
  padding-top: 2px;
  margin-top: 2px;
}

.secondary-info small[b-rqun760hf5] {
  font-size: 0.65rem;
  color: #6c757d;
}

/* 系统信息水平平铺样式 */
.system-info-horizontal[b-rqun760hf5] {
  border-top: 1px solid #e9ecef;
  padding-top: 16px;
}

.system-info-header[b-rqun760hf5] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-size: 0.85rem;
  font-weight: 500;
}

.system-info-grid[b-rqun760hf5] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  background: #f8f9fa;
  padding: 12px 16px;
  border-radius: 6px;
  border: 1px solid #e9ecef;
}

.system-info-item[b-rqun760hf5] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.system-info-label[b-rqun760hf5] {
  font-size: 0.75rem;
  color: #6c757d;
  font-weight: 500;
  margin: 0;
}

.system-info-value[b-rqun760hf5] {
  font-size: 0.8rem;
  color: #495057;
  font-weight: 400;
  padding: 4px 8px;
  background: white;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  min-height: 28px;
  display: flex;
  align-items: center;
}

/* 新增检验检疫编码页面样式 */
.inspection-page[b-rqun760hf5] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.inspection-page__panel[b-rqun760hf5],
.inspection-page__grid-card[b-rqun760hf5] {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
  padding: 1rem;
}

.inspection-page__toolbar[b-rqun760hf5] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: center;
}

.inspection-page__actions[b-rqun760hf5] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.inspection-page__selection[b-rqun760hf5] {
  color: #64748b;
  font-size: 0.875rem;
}

.inspection-page__pager[b-rqun760hf5] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1rem;
}

.inspection-page__pager-controls[b-rqun760hf5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.inspection-page__detail-summary[b-rqun760hf5] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);
  border: 1px solid #dbeafe;
  border-radius: 12px;
  padding: 1rem;
  margin-bottom: 1rem;
}

.inspection-page__detail-title[b-rqun760hf5] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #0f172a;
}

.inspection-page__detail-status[b-rqun760hf5] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.inspection-page__form-actions[b-rqun760hf5] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1rem;
}

.inspection-page__check-group[b-rqun760hf5] {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding-top: 0.375rem;
}

/* 响应式样式 */
@media (max-width: 768px) {
  .inspection-header-compact[b-rqun760hf5] {
    padding: 6px 8px;
  }
  
  .main-info[b-rqun760hf5] {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
  
  .product-name[b-rqun760hf5] {
    max-width: 200px;
  }
  
  .create-info[b-rqun760hf5] {
    min-width: 100px;
  }
  
  .creator-name[b-rqun760hf5],
  .create-time[b-rqun760hf5] {
    font-size: 0.7rem;
  }

  .system-info-grid[b-rqun760hf5] {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .inspection-page__toolbar[b-rqun760hf5],
  .inspection-page__pager[b-rqun760hf5],
  .inspection-page__detail-summary[b-rqun760hf5] {
    flex-direction: column;
    align-items: stretch;
  }

  .inspection-page__form-actions[b-rqun760hf5] {
    justify-content: stretch;
  }
}
/* /Components/Pages/BaseData/PortsInfoMgrPage.Razor.rz.scp.css */
/* 港口管理页面样式增强 - 轻量化优化版本 */

/* ==================== 轻量化页面头部 ==================== */
.page-header-light[b-78pd1d6x8i] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    border: 1px solid #dee2e6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.page-icon-sm[b-78pd1d6x8i] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);
    color: white;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

.page-title-sm[b-78pd1d6x8i] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #495057;
    margin: 0;
}

/* ==================== 紧凑统计卡片 ==================== */
.stat-card-compact[b-78pd1d6x8i] {
    border-radius: 8px;
    padding: 1rem;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease;
    min-height: 80px;
}

.stat-card-compact:hover[b-78pd1d6x8i] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.stat-card-compact .stat-content[b-78pd1d6x8i] {
    flex: 1;
}

.stat-card-compact .stat-number[b-78pd1d6x8i] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.stat-card-compact .stat-text[b-78pd1d6x8i] {
    font-size: 0.75rem;
    opacity: 0.9;
}

.stat-card-compact .stat-icon[b-78pd1d6x8i] {
    font-size: 2rem;
    opacity: 0.3;
    margin-left: 0.75rem;
}

/* 统计卡片颜色变体 */
.stat-primary[b-78pd1d6x8i] {
    background: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);
}

.stat-success[b-78pd1d6x8i] {
    background: linear-gradient(135deg, #198754 0%, #20c997 100%);
}

.stat-info[b-78pd1d6x8i] {
    background: linear-gradient(135deg, #0dcaf0 0%, #6f42c1 100%);
}

.stat-warning[b-78pd1d6x8i] {
    background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%);
}

/* ==================== 主卡片样式 ==================== */
.main-card[b-78pd1d6x8i] {
    border: none;
    border-radius: 8px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

.main-card .card-header[b-78pd1d6x8i] {
    background: #fff;
    border-bottom: 1px solid #e9ecef;
    border-radius: 8px 8px 0 0;
    padding: 1rem 1.5rem;
}

/* ==================== Header 布局优化 ==================== */
.main-card .card-header .vr[b-78pd1d6x8i] {
    height: 30px;
    width: 1px;
    background-color: #dee2e6;
}

.ports-search-toolbar[b-78pd1d6x8i] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: nowrap;
    min-width: 0;
}

.ports-search-box[b-78pd1d6x8i] {
    width: 300px;
    max-width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.75rem;
    background: #fff;
    border: 1px solid #d8dde6;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.ports-search-icon[b-78pd1d6x8i] {
    color: #6c757d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ports-search-box[b-78pd1d6x8i]  .ports-search-input,
.ports-search-box[b-78pd1d6x8i]  .form-control,
.ports-search-box[b-78pd1d6x8i]  input {
    flex: 1 1 0;
    min-width: 0;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding-left: 0 !important;
}

/* 响应式Header布局 */
@media (max-width: 1200px) {
    .ports-search-box[b-78pd1d6x8i] {
        width: 260px;
    }
}

@media (max-width: 992px) {
    .main-card .card-header > div[b-78pd1d6x8i] {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 1rem;
    }
    
    .ports-search-box[b-78pd1d6x8i] {
        width: 100%;
        max-width: 400px;
    }
    
    .main-card .card-header .vr[b-78pd1d6x8i] {
        display: none;
    }
}

@media (max-width: 768px) {
    .main-card .card-header .d-flex:last-child[b-78pd1d6x8i] {
        flex-direction: column;
        width: 100%;
        gap: 0.75rem;
    }
    
    .main-card .card-header .d-flex:last-child > div[b-78pd1d6x8i] {
        width: 100%;
        justify-content: center;
    }
}

/* ==================== 紧凑筛选面板 ==================== */
.filter-panel-compact[b-78pd1d6x8i] {
    background: #f8f9fa;
    border-radius: 6px;
    padding: 0.75rem;
    border: 1px solid #e9ecef;
}

.filter-panel-compact .btn.active[b-78pd1d6x8i] {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: white !important;
}

/* ==================== 数据表格优化 ==================== */
.data-table[b-78pd1d6x8i] {
    border-radius: 6px;
    overflow: hidden;
}

.data-table th[b-78pd1d6x8i] {
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    font-weight: 600;
    color: #495057;
    font-size: 0.875rem;
    padding: 0.75rem 0.5rem;
}

.data-table td[b-78pd1d6x8i] {
    padding: 0.75rem 0.5rem;
    vertical-align: middle;
}

.data-table tbody tr:hover[b-78pd1d6x8i] {
    background-color: rgba(13, 110, 253, 0.05);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

/* ==================== 港口特定样式 ==================== */
.port-name-cell .port-icon[b-78pd1d6x8i] {
    width: 28px;
    height: 28px;
    background: rgba(13, 110, 253, 0.1);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.port-name-cell .port-icon i[b-78pd1d6x8i] {
    transition: transform 0.2s ease;
}

.port-name-cell:hover .port-icon i[b-78pd1d6x8i] {
    transform: scale(1.1);
}

.country-cell[b-78pd1d6x8i], .coordinate-cell[b-78pd1d6x8i], .extension-cell[b-78pd1d6x8i] {
    font-size: 0.875rem;
    line-height: 1.2;
}

.country-cell .small[b-78pd1d6x8i] {
    line-height: 1.3;
}

.country-cell i[b-78pd1d6x8i] {
    width: 12px;
    text-align: center;
}

/* ==================== 操作按钮增强 ==================== */
.action-buttons .btn[b-78pd1d6x8i] {
    opacity: 0.8;
    transition: all 0.2s ease;
    border-radius: 4px;
}

.action-buttons .btn:hover[b-78pd1d6x8i] {
    opacity: 1;
    transform: scale(1.05);
}

/* ==================== 模态框动画 ==================== */
.enterprise-modal .modal-dialog[b-78pd1d6x8i] {
    transition: all 0.3s ease;
}

.enterprise-modal.show .modal-dialog[b-78pd1d6x8i] {
    animation: modalSlideIn-b-78pd1d6x8i 0.3s ease-out;
}

@keyframes modalSlideIn-b-78pd1d6x8i {
    from {
        opacity: 0;
        transform: translateY(-50px) scale(0.8);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* ==================== Tab选项卡增强 ==================== */
.enterprise-edit-tabs .nav-link[b-78pd1d6x8i] {
    position: relative;
    overflow: hidden;
    border: none;
    border-radius: 6px 6px 0 0;
    font-weight: 500;
    color: #6c757d;
    padding: 0.75rem 1rem;
}

.enterprise-edit-tabs .nav-link[b-78pd1d6x8i]::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #0d6efd, #6610f2);
    transition: width 0.3s ease;
}

.enterprise-edit-tabs .nav-link.active[b-78pd1d6x8i] {
    background: #fff;
    color: #495057;
    border-bottom: 2px solid #0d6efd;
}

.enterprise-edit-tabs .nav-link.active[b-78pd1d6x8i]::before,
.enterprise-edit-tabs .nav-link:hover[b-78pd1d6x8i]::before {
    width: 100%;
}

.enterprise-edit-tabs .nav-tabs[b-78pd1d6x8i] {
    border-bottom: 1px solid #e9ecef;
}

.tab-content-padding[b-78pd1d6x8i] {
    padding: 1.25rem;
}

/* ==================== 详情页面优化 ==================== */
.enterprise-edit-header[b-78pd1d6x8i], .enterprise-detail-header[b-78pd1d6x8i] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 8px;
    padding: 1.25rem;
    color: white;
}

.edit-icon[b-78pd1d6x8i], .detail-icon[b-78pd1d6x8i] {
    width: 45px;
    height: 45px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: white;
    background: rgba(255, 255, 255, 0.2);
}

.edit-badges .badge-sm[b-78pd1d6x8i], .enterprise-detail-header .badge[b-78pd1d6x8i] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.detail-section[b-78pd1d6x8i] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1.25rem;
}

.section-title[b-78pd1d6x8i] {
    color: #495057;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
    font-size: 1rem;
}

.detail-item[b-78pd1d6x8i] {
    padding: 0.5rem 0;
}

.detail-label[b-78pd1d6x8i] {
    font-weight: 600;
    color: #6c757d;
    font-size: 0.8rem;
    margin-bottom: 0.375rem;
    display: block;
}

.detail-value[b-78pd1d6x8i] {
    font-size: 0.95rem;
    color: #495057;
}

/* ==================== 页脚样式 ==================== */
.modal-footer-enterprise[b-78pd1d6x8i] {
    background: #f8f9fa;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #e9ecef;
    padding: 1rem 1.25rem;
}

.footer-tips[b-78pd1d6x8i] {
    flex: 1;
}

/* ==================== 徽章样式增强 ==================== */
.badge-sm[b-78pd1d6x8i] {
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    white-space: nowrap;
}

/* ==================== 响应式优化 ==================== */
@media (max-width: 576px) {
    .page-header-light[b-78pd1d6x8i] {
        padding: 0.75rem 1rem;
    }
    
    .page-title-sm[b-78pd1d6x8i] {
        font-size: 1.1rem;
    }
    
    .stat-card-compact[b-78pd1d6x8i] {
        padding: 0.75rem;
        min-height: 70px;
    }
    
    .stat-card-compact .stat-number[b-78pd1d6x8i] {
        font-size: 1.25rem;
    }
    
    .stat-card-compact .stat-icon[b-78pd1d6x8i] {
        font-size: 1.5rem;
        margin-left: 0.5rem;
    }
    
    .main-card .card-header[b-78pd1d6x8i] {
        padding: 0.75rem 1rem;
    }
    
    .filter-panel-compact .col-6[b-78pd1d6x8i],
    .filter-panel-compact .col-md-3[b-78pd1d6x8i] {
        width: 100% !important;
        margin-bottom: 0.5rem;
    }
    
    .action-buttons[b-78pd1d6x8i] {
        flex-direction: column;
        gap: 0.25rem;
    }
    
    .action-buttons .btn[b-78pd1d6x8i] {
        width: 100%;
        font-size: 0.75rem;
    }
}

/* 平板设备优化 */
@media (max-width: 768px) and (min-width: 577px) {
    .filter-panel-compact .col-md-3[b-78pd1d6x8i] {
        width: 50% !important;
        margin-bottom: 0.5rem;
    }
    
    .main-card .card-header .input-group[b-78pd1d6x8i] {
        width: 240px !important;
    }
}

/* ==================== 加载状态 ==================== */
.data-table .table-loading[b-78pd1d6x8i] {
    position: relative;
}

.data-table .table-loading[b-78pd1d6x8i]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(2px);
    z-index: 10;
}

/* ==================== 详情页面滚动 ==================== */
.enterprise-detail-content[b-78pd1d6x8i] {
    max-height: 70vh;
    overflow-y: auto;
    padding-right: 0.5rem;
}

.enterprise-detail-content[b-78pd1d6x8i]::-webkit-scrollbar {
    width: 4px;
}

.enterprise-detail-content[b-78pd1d6x8i]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}

.enterprise-detail-content[b-78pd1d6x8i]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 2px;
}

.enterprise-detail-content[b-78pd1d6x8i]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* ==================== 动画效果 ==================== */
.stat-card-compact .stat-number[b-78pd1d6x8i] {
    animation: countUp-b-78pd1d6x8i 0.6s ease-out;
}

@keyframes countUp-b-78pd1d6x8i {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==================== 表单验证状态 ==================== */
.is-invalid[b-78pd1d6x8i] {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.1rem rgba(220, 53, 69, 0.25);
}

.is-valid[b-78pd1d6x8i] {
    border-color: #198754;
    box-shadow: 0 0 0 0.1rem rgba(25, 135, 84, 0.25);
}

/* ==================== 地理坐标数据样式优化 ==================== */
.coordinate-cell[b-78pd1d6x8i] {
    font-family: 'Courier New', monospace;
    font-size: 0.8rem;
    line-height: 1.2;
}

/* ==================== 详情页坐标参数高亮 ==================== */
.detail-section .text-success[b-78pd1d6x8i] {
    font-family: 'Courier New', monospace;
    letter-spacing: 0.3px;
    font-size: 0.95rem;
}
/* /Components/Pages/BaseData/PortsQueryComponent.razor.rz.scp.css */
/* PortsQueryComponent styles */
.ports-query-container[b-z0gn982lao] {
    padding: 10px;
}

.ports-search-toolbar[b-z0gn982lao] {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 10px 12px;
}

.ports-search-group[b-z0gn982lao] {
    width: min(680px, 100%);
}

.ports-search-group .dxbl-text-edit[b-z0gn982lao] {
    min-width: 280px;
}

.ports-search-actions .dxbl-btn[b-z0gn982lao] {
    min-width: 88px;
    white-space: nowrap;
}

.ports-query-container .input-group .form-control[b-z0gn982lao],
.ports-query-container .input-group .bootstrap-input[b-z0gn982lao] {
    height: 34px;
}

.advanced-filter-panel .card-body[b-z0gn982lao] {
    padding: 10px;
}

.table-container[b-z0gn982lao] {
    overflow: auto;
}

.data-table .btn-group .btn[b-z0gn982lao] {
    margin-right: 6px;
}

/* Compact row spacing */
.data-table table td[b-z0gn982lao],
.data-table table th[b-z0gn982lao] {
    padding: 8px 10px;
}

/* Reduce icon sizes a bit */
.data-table .fa-anchor[b-z0gn982lao],
.data-table .fa-flag[b-z0gn982lao],
.data-table .fa-map-marker-alt[b-z0gn982lao] {
    font-size: 14px;
}

/* Muted small text for location code */
.data-table .text-muted[b-z0gn982lao] {
    font-size: 0.85em;
}

/* Center alignment for coordinates and actions */
.data-table td.text-center[b-z0gn982lao],
.data-table th.text-center[b-z0gn982lao] {
    text-align: center;
}
/* /Components/Pages/BaseData/ProvinceManagement.razor.rz.scp.css */
.province-management-container[b-pjlqzwc7w8] {
    padding: 20px;
    min-height: calc(100vh - 120px);
}

/* 页面级别的响应式设计 */
@media (max-width: 768px) {
    .province-management-container[b-pjlqzwc7w8] {
        padding: 10px;
    }
}

/* 确保组件在页面中正确显示 */
.province-management-container > *[b-pjlqzwc7w8] {
    width: 100%;
}
/* /Components/Pages/BaseData/ProvinceManagementComponent.razor.rz.scp.css */
.province-management[b-kjw14g8rd4] {
  /* 使用与主框架一致的浅色背景 */
  /* 只为最外层的主 Card 设置最小高度，避免影响嵌套的查询面板 Card */
  > .card {
    background-color: #ffffff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
    border: 1px solid #e6e9ef;
    border-radius: 10px;
    overflow: hidden;
    /* min-height: 600px;*/
  }
    /* 头部样式与主框架保持一致 - 只应用到主 Card */
    > .card > .card-header[b-kjw14g8rd4] {
      background: linear-gradient(135deg, #f8f9fa 0%, #eef2f6 100%);
      color: #0f172a;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      border-bottom: 1px solid #eef2f7;
      padding: 0.75rem 1rem;
    }

      > .card > .card-header h5[b-kjw14g8rd4] {
        font-weight: 600;
        margin-bottom: 0;
        color: #0b1220;
      }

      > .card > .card-header i[b-kjw14g8rd4] {
        color: #2563eb;
        margin-right: 8px;
        font-size: 1.1rem;
      }

    > .card > .card-body[b-kjw14g8rd4] {
      padding: 1.5rem;
      background: #ffffff;
    }
  /* 国家选择面板 - 浅色主题 */
  .country-selection-panel[b-kjw14g8rd4] {
    border: 1px solid #e6e9ef;
    border-radius: 8px;
    background: #f8f9fa;
    height: 100%;
  }

    .country-selection-panel .panel-header[b-kjw14g8rd4] {
      padding: 0.75rem 1rem;
      border-bottom: 1px solid #eef2f7;
      background: #ffffff;
      border-radius: 8px 8px 0 0;
    }

      .country-selection-panel .panel-header h6[b-kjw14g8rd4] {
        color: #0f172a;
        font-weight: 600;
        margin: 0;
      }

      .country-selection-panel .panel-header i[b-kjw14g8rd4] {
        color: #2563eb;
        margin-right: 6px;
      }

    .country-selection-panel .panel-body[b-kjw14g8rd4] {
      padding: 1rem;
    }

  .search-box .input-group-text[b-kjw14g8rd4] {
    background-color: #f1f5f9;
    border: 1px solid #d1d5db;
    border-right: none;
    color: #64748b;
  }
  /* 国家列表 - 浅色主题 */
  .country-list[b-kjw14g8rd4] {
    border: 1px solid #e6e9ef;
    border-radius: 6px;
    background: #ffffff;
    overflow: hidden;
  }

  .country-item[b-kjw14g8rd4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f3f4f6;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #ffffff;
  }

    .country-item:hover[b-kjw14g8rd4] {
      background: #f8fafc;
      border-left: 3px solid #3b82f6;
    }

    .country-item.active[b-kjw14g8rd4] {
      background: #eff6ff;
      border-left: 3px solid #2563eb;
      color: #1e40af;
    }

    .country-item:last-child[b-kjw14g8rd4] {
      border-bottom: none;
    }

  .country-info .country-name[b-kjw14g8rd4] {
    font-weight: 500;
    color: #111827;
    font-size: 0.875rem;
  }

  .country-info .country-code[b-kjw14g8rd4] {
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 2px;
  }

  .country-item.active .country-info .country-name[b-kjw14g8rd4] {
    color: #1e40af;
    font-weight: 600;
  }

  .country-meta[b-kjw14g8rd4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

    .country-meta .phone-code[b-kjw14g8rd4] {
      font-size: 0.75rem;
      background: #f3f4f6;
      color: #4b5563;
      padding: 0.25rem 0.5rem;
      border-radius: 4px;
      font-weight: 500;
    }

  .country-item.active .country-meta .phone-code[b-kjw14g8rd4] {
    background: #dbeafe;
    color: #1e40af;
  }
  /* 省份管理面板 - 浅色主题 */
  .province-management-panel[b-kjw14g8rd4] {
    border: 1px solid #e6e9ef;
    border-radius: 8px;
    background: #ffffff;
    padding: 1.5rem;
    /*height: 100%;*/
  }

  .operations-toolbar[b-kjw14g8rd4] {
    padding-bottom: 1rem;
    border-bottom: 1px solid #f3f4f6;
  }

  .search-filters[b-kjw14g8rd4] {
    align-items: center;
  }

  .status-info[b-kjw14g8rd4] {
    font-size: 0.875rem;
    color: #6b7280;
  }
  /* 按钮样式 - 与主框架一致 */
  .btn[b-kjw14g8rd4] {
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s ease;
    font-size: 0.875rem;
    border: 1px solid transparent;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
  }

    .btn:hover[b-kjw14g8rd4] {
      transform: translateY(-1px);
      box-shadow: 0 4px 10px rgba(2, 6, 23, 0.06);
    }

  .btn-group .btn[b-kjw14g8rd4] {
    border-radius: 6px;
    margin-right: 0.5rem;
  }

    .btn-group .btn:last-child[b-kjw14g8rd4] {
      margin-right: 0;
    }

  .btn:disabled[b-kjw14g8rd4] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
  }
  /* 表单控件 - 浅色主题 */
  .form-select[b-kjw14g8rd4],
  .form-control[b-kjw14g8rd4] {
    border-radius: 6px;
    border: 1px solid #d1d5db;
    transition: border-color 0.2s ease;
    font-size: 0.875rem;
    background-color: #ffffff;
    color: #0f172a;
  }

    .form-select:focus[b-kjw14g8rd4],
    .form-control:focus[b-kjw14g8rd4] {
      border-color: #3b82f6;
      box-shadow: 0 0 0 0.12rem rgba(59, 130, 246, 0.08);
      outline: none;
    }

  .input-group-text[b-kjw14g8rd4] {
    background-color: #f1f5f9;
    border: 1px solid #d1d5db;
    border-right: none;
    color: #64748b;
    font-size: 0.875rem;
  }
  /* 徽章样式 */
  .badge[b-kjw14g8rd4] {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
    border-radius: 4px;
    font-weight: 500;
  }

    .badge.bg-info[b-kjw14g8rd4] {
      background-color: #06b6d4 !important;
      color: #ffffff;
    }

    .badge.bg-primary[b-kjw14g8rd4] {
      background-color: #3b82f6 !important;
      color: #ffffff;
    }

    .badge.bg-warning[b-kjw14g8rd4] {
      background-color: #f59e0b !important;
      color: #ffffff;
    }

    .badge.bg-secondary[b-kjw14g8rd4] {
      background-color: #6b7280 !important;
      color: #ffffff;
    }

    .badge.bg-success[b-kjw14g8rd4] {
      background-color: #10b981 !important;
      color: #ffffff;
    }

    .badge.bg-light[b-kjw14g8rd4] {
      background-color: #f8fafc !important;
      color: #374151 !important;
      border: 1px solid #e5e7eb;
    }
  /* 空状态 */
  .empty-state[b-kjw14g8rd4] {
    text-align: center;
    padding: 2rem 1rem;
    color: #6b7280;
  }

    .empty-state i[b-kjw14g8rd4] {
      font-size: 2rem;
      color: #d1d5db;
      margin-bottom: 0.5rem;
    }

    .empty-state p[b-kjw14g8rd4] {
      margin: 0;
      font-size: 0.875rem;
    }

  .empty-state-large[b-kjw14g8rd4] {
    text-align: center;
    padding: 3rem 2rem;
    color: #6b7280;
  }

    .empty-state-large i[b-kjw14g8rd4] {
      color: #d1d5db;
      margin-bottom: 1rem;
    }

    .empty-state-large h6[b-kjw14g8rd4] {
      color: #4b5563;
      margin-bottom: 0.5rem;
    }

    .empty-state-large p[b-kjw14g8rd4] {
      font-size: 0.875rem;
      color: #6b7280;
    }
  /* 模态框样式 - 与主框架一致 */
  .modal-dialog[b-kjw14g8rd4] {
    border-radius: 10px;
    box-shadow: 0 12px 40px rgba(2, 6, 23, 0.12);
  }

  .modal-body[b-kjw14g8rd4] {
    padding: 1rem 1.25rem;
    background: #ffffff;
  }

  .modal-footer[b-kjw14g8rd4] {
    padding: 0.75rem 1rem;
    background-color: #f8fafc;
    border-top: 1px solid #eef2f7;
  }

  .row.g-3 > *[b-kjw14g8rd4] {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
  }

  .form-label[b-kjw14g8rd4] {
    font-weight: 500;
    color: #0f172a;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
  }

  .text-danger[b-kjw14g8rd4] {
    color: #ef4444 !important;
  }

  .form-check[b-kjw14g8rd4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .d-flex.gap-3[b-kjw14g8rd4] {
    gap: 1rem !important;
  }

  .mt-2[b-kjw14g8rd4] {
    margin-top: 0.5rem !important;
  }
  /* 加载动画 */
  .fa-spinner.fa-spin[b-kjw14g8rd4] {
    animation: fa-spin-b-kjw14g8rd4 1s infinite linear;
  }

  @keyframes fa-spin-b-kjw14g8rd4 {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }
  /* 表格样式增强 - 浅色主题 */
  .table[b-kjw14g8rd4] {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e6e9ef;
    background: #ffffff;
  }

    .table thead th[b-kjw14g8rd4] {
      background-color: #ffffff;
      border-bottom: 2px solid #eef2f7;
      font-weight: 600;
      color: #495057;
      font-size: 0.875rem;
    }

    .table tbody tr[b-kjw14g8rd4] {
      background: #ffffff;
    }

      .table tbody tr:hover[b-kjw14g8rd4] {
        background-color: #f8fafc;
      }

    .table tbody td[b-kjw14g8rd4] {
      vertical-align: middle;
      font-size: 0.875rem;
      border-color: #e9ecef;
      background: #ffffff;
    }
  /* Modal improvements specific to province management */
  .modal-dialog[b-kjw14g8rd4] {
    max-width: 880px;
    width: 100%;
    margin: 1.75rem auto;
  }
  /* make modal body form fields more compact and aligned */
  .modal-body[b-kjw14g8rd4] {
    padding: 1.25rem 1.5rem;
  }

    .modal-body .form-label[b-kjw14g8rd4] {
      font-size: 0.875rem;
      font-weight: 600;
      color: #374151;
      margin-bottom: 0.25rem;
    }

    .modal-body .form-control[b-kjw14g8rd4] {
      height: 38px;
      padding: 0.45rem 0.6rem;
      font-size: 0.9rem;
    }
    /* fix for invalid CSS token if any older browsers — use standard sizes */
    .modal-body input[readonly][b-kjw14g8rd4],
    .modal-body textarea[readonly][b-kjw14g8rd4] {
      background-color: #f8fafc;
      border-color: #e6e9ef;
    }
    /* group switches on a single row with labels underneath for clarity */
    .modal-body .form-check[b-kjw14g8rd4] {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      margin-right: 1rem;
    }
  /* footer action alignment */
  .modal-footer[b-kjw14g8rd4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
  }

    .modal-footer .btn[b-kjw14g8rd4] {
      min-width: 88px;
    }
  /* compact two-column layout for form rows */
  .modal-body .row.g-3 > [class*="col-"][b-kjw14g8rd4] {
    margin-bottom: 0.5rem;
  }
  /* improve textarea appearance */
  .modal-body textarea.form-control[b-kjw14g8rd4] {
    min-height: 100px;
    resize: vertical;
    padding: 0.5rem;
  }
  /* subtle border and elevation for the modal content */
  .modal-content[b-kjw14g8rd4] {
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(2, 6, 23, 0.08);
    border: 1px solid rgba(230, 233, 239, 0.9);
  }
  /* Edit modal specific styles */
  .province-edit-container[b-kjw14g8rd4] {
    padding: 0;
  }

  .edit-card[b-kjw14g8rd4] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 1rem;
    overflow: hidden;
  }

    .edit-card:last-child[b-kjw14g8rd4] {
      margin-bottom: 0;
    }

  .card-header-mini[b-kjw14g8rd4] {
    background: linear-gradient(135deg, #f8f9fa 0%, #eef2f6 100%);
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: #374151;
    font-size: 0.9rem;
  }

    .card-header-mini i[b-kjw14g8rd4] {
      font-size: 0.95rem;
    }

  .card-body-grid[b-kjw14g8rd4] {
    padding: 1.25rem;
  }
  /* New form-check-item layout */
  .form-check-item[b-kjw14g8rd4] {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    transition: all 0.2s ease;
  }

    .form-check-item:hover[b-kjw14g8rd4] {
      background: #f1f5f9;
      border-color: #cbd5e1;
    }

    .form-check-item .form-label[b-kjw14g8rd4] {
      font-size: 0.875rem;
      font-weight: 500;
      color: #374151;
      margin-bottom: 0.5rem;
      display: block;
    }
  /* Remove old switch-group-container styles */
  .switch-group-container[b-kjw14g8rd4],
  .switch-item[b-kjw14g8rd4] {
    /* Deprecated - using form-check-item instead */
  }
  /* larger, centered modal for edit/view */
  .modal-dialog[b-kjw14g8rd4] {
    max-width: 920px;
    width: 100%;
    margin: 1.75rem auto;
  }
  /* make modal body form fields more compact and aligned */
  .modal-body[b-kjw14g8rd4] {
    padding: 1.5rem;
    background: #f9fafb;
  }

    .modal-body .form-label[b-kjw14g8rd4] {
      font-size: 0.875rem;
      font-weight: 600;
      color: #374151;
      margin-bottom: 0.35rem;
    }

    .modal-body .form-control[b-kjw14g8rd4],
    .modal-body .form-select[b-kjw14g8rd4] {
      height: 38px;
      padding: 0.45rem 0.75rem;
      font-size: 0.875rem;
      border-radius: 6px;
      border: 1px solid #d1d5db;
      transition: all 0.2s ease;
    }

      .modal-body .form-control:focus[b-kjw14g8rd4],
      .modal-body .form-select:focus[b-kjw14g8rd4] {
        border-color: #3b82f6;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
      }
    /* fix for readonly inputs */
    .modal-body input[readonly][b-kjw14g8rd4],
    .modal-body textarea[readonly][b-kjw14g8rd4] {
      background-color: #f8fafc;
      border-color: #e6e9ef;
      cursor: not-allowed;
    }
  /* footer action alignment */
  .modal-actions[b-kjw14g8rd4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    width: 100%;
  }

    .modal-actions .btn[b-kjw14g8rd4] {
      min-width: 100px;
      height: 38px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      font-weight: 500;
    }

  .modal-footer[b-kjw14g8rd4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    background: #ffffff;
    border-top: 1px solid #e5e7eb;
  }
  /* compact row spacing */
  .modal-body .row.g-2 > [class*="col-"][b-kjw14g8rd4],
  .modal-body .row.g-3 > [class*="col-"][b-kjw14g8rd4] {
    margin-bottom: 0;
  }
  /* improve textarea appearance */
  .modal-body textarea.form-control[b-kjw14g8rd4] {
    min-height: 90px;
    resize: vertical;
    padding: 0.75rem;
    line-height: 1.5;
  }
  /* subtle border and elevation for the modal content */
  .modal-content[b-kjw14g8rd4] {
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(230, 233, 239, 0.8);
  }
  /* Modal header styling */
  .modal-header[b-kjw14g8rd4] {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-bottom: 1px solid #e5e7eb;
    padding: 1.25rem 1.5rem;
  }

  .modal-title[b-kjw14g8rd4] {
    font-weight: 600;
    color: #111827;
    font-size: 1.125rem;
  }
  /* View modal specific improvements */
  .country-detail-view[b-kjw14g8rd4] {
    .detail-section {
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 8px;
      padding: 1.25rem;
      margin-bottom: 1rem;
    }

      .detail-section:last-child[b-kjw14g8rd4] {
        margin-bottom: 0;
      }

    .section-header[b-kjw14g8rd4] {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      margin-bottom: 1rem;
      padding-bottom: 0.75rem;
      border-bottom: 2px solid #f3f4f6;
    }

      .section-header h6[b-kjw14g8rd4] {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 600;
        color: #374151;
      }

      .section-header i[b-kjw14g8rd4] {
        font-size: 1rem;
      }

    .label[b-kjw14g8rd4] {
      font-size: 0.8125rem;
      color: #6b7280;
      font-weight: 500;
      margin-bottom: 0.375rem;
      display: block;
    }

    .value[b-kjw14g8rd4] {
      margin-bottom: 0;
    }

      .value input.form-control[b-kjw14g8rd4] {
        background-color: #f8fafc;
        border-color: #e5e7eb;
        color: #374151;
        font-size: 0.875rem;
        cursor: default;
      }

    .remarks.content[b-kjw14g8rd4] {
      background: #f8fafc;
      border-left: 3px solid #3b82f6;
      border-radius: 6px;
      padding: 1rem;
    }

      .remarks.content p[b-kjw14g8rd4] {
        margin: 0;
        color: #374151;
        line-height: 1.6;
      }
  }
  /* 响应式设计 */
  @media (max-width: 768px) {
    .province-management[b-kjw14g8rd4] {
      .card-body {
        padding: 1rem;
      }

      .country-selection-panel[b-kjw14g8rd4],
      .province-management-panel[b-kjw14g8rd4] {
        margin-bottom: 1rem;
      }

      .btn-toolbar .btn-group[b-kjw14g8rd4] {
        flex-direction: column;
        width: 100%;
      }

        .btn-toolbar .btn-group .btn[b-kjw14g8rd4] {
          width: 100%;
          margin-bottom: 0.5rem;
          margin-right: 0;
        }

      .operations-toolbar .row[b-kjw14g8rd4] {
        flex-direction: column;
      }

      .search-filters[b-kjw14g8rd4] {
        flex-direction: column;
        gap: 0.5rem !important;
      }

        .search-filters > *[b-kjw14g8rd4] {
          width: 100%;
        }

      .status-info[b-kjw14g8rd4] {
        text-align: center !important;
        margin-top: 0.5rem;
      }
    }
  }

  @media (max-width: 576px) {
    .province-management[b-kjw14g8rd4] {
      .card-body {
        padding: 0.75rem;
      }

      .country-selection-panel .panel-body[b-kjw14g8rd4],
      .province-management-panel[b-kjw14g8rd4] {
        padding: 0.75rem;
      }

      .country-item[b-kjw14g8rd4] {
        padding: 0.5rem 0.75rem;
      }

      .country-info .country-name[b-kjw14g8rd4] {
        font-size: 0.8rem;
      }

      .country-info .country-code[b-kjw14g8rd4] {
        font-size: 0.7rem;
      }
    }
  }
  /* 移除深色主题支持，只保留浅色主题 */
  /* 确保即使在深色模式下也显示浅色 */
  @media (prefers-color-scheme: dark) {
    .province-management[b-kjw14g8rd4] {
      .card {
        background-color: #ffffff !important;
        color: #0f172a !important;
        border-color: #e6e9ef !important;
      }

      .card-header[b-kjw14g8rd4] {
        background: linear-gradient(135deg, #f8f9fa 0%, #eef2f6 100%) !important;
        color: #0f172a !important;
      }

        .card-header h5[b-kjw14g8rd4] {
          color: #0b1220 !important;
        }

        .card-header i[b-kjw14g8rd4] {
          color: #2563eb !important;
        }

      .country-selection-panel[b-kjw14g8rd4] {
        background: #f8f9fa !important;
        border-color: #e6e9ef !important;
      }

        .country-selection-panel .panel-header[b-kjw14g8rd4] {
          background: #ffffff !important;
          border-color: #eef2f7 !important;
        }

          .country-selection-panel .panel-header h6[b-kjw14g8rd4] {
            color: #0f172a !important;
          }

          .country-selection-panel .panel-header i[b-kjw14g8rd4] {
            color: #2563eb !important;
          }

      .country-list[b-kjw14g8rd4] {
        background: #ffffff !important;
        border-color: #e6e9ef !important;
      }

      .country-item[b-kjw14g8rd4] {
        background: #ffffff !important;
        border-color: #f3f4f6 !important;
        color: #111827 !important;
      }

        .country-item:hover[b-kjw14g8rd4] {
          background: #f8fafc !important;
        }

        .country-item.active[b-kjw14g8rd4] {
          background: #eff6ff !important;
          color: #1e40af !important;
        }

      .country-info .country-name[b-kjw14g8rd4] {
        color: #111827 !important;
      }

      .country-info .country-code[b-kjw14g8rd4] {
        color: #6b7280 !important;
      }

      .country-item.active .country-info .country-name[b-kjw14g8rd4] {
        color: #1e40af !important;
      }

      .province-management-panel[b-kjw14g8rd4] {
        background: #ffffff !important;
        border-color: #e6e9ef !important;
      }

      .form-select[b-kjw14g8rd4],
      .form-control[b-kjw14g8rd4] {
        background-color: #ffffff !important;
        border-color: #d1d5db !important;
        color: #0f172a !important;
      }

        .form-select:focus[b-kjw14g8rd4],
        .form-control:focus[b-kjw14g8rd4] {
          background-color: #ffffff !important;
          border-color: #3b82f6 !important;
          color: #0f172a !important;
        }

      .input-group-text[b-kjw14g8rd4] {
        background-color: #f1f5f9 !important;
        border-color: #d1d5db !important;
        color: #64748b !important;
      }

      .modal-body[b-kjw14g8rd4] {
        background-color: #ffffff !important;
        color: #0f172a !important;
      }

      .modal-footer[b-kjw14g8rd4] {
        background-color: #f8fafc !important;
        border-color: #eef2f7 !important;
      }

      .form-label[b-kjw14g8rd4] {
        color: #0f172a !important;
      }

      .table[b-kjw14g8rd4] {
        background: #ffffff !important;
        border-color: #e6e9ef !important;
      }

        .table thead th[b-kjw14g8rd4] {
          background-color: #ffffff !important;
          color: #495057 !important;
          border-color: #eef2f7 !important;
        }

        .table tbody tr[b-kjw14g8rd4] {
          background: #ffffff !important;
        }

          .table tbody tr:hover[b-kjw14g8rd4] {
            background-color: #f8fafc !important;
          }

        .table tbody td[b-kjw14g8rd4] {
          background: #ffffff !important;
          color: #0f172a !important;
          border-color: #e9ecef !important;
        }

      .status-info[b-kjw14g8rd4] {
        color: #6b7280 !important;
      }

      .empty-state[b-kjw14g8rd4],
      .empty-state-large[b-kjw14g8rd4] {
        color: #6b7280 !important;
      }

        .empty-state h6[b-kjw14g8rd4],
        .empty-state-large h6[b-kjw14g8rd4] {
          color: #4b5563 !important;
        }

        .empty-state p[b-kjw14g8rd4],
        .empty-state-large p[b-kjw14g8rd4] {
          color: #6b7280 !important;
        }
    }
  }
}

/* 全局表格优化 - 浅色主题 */
.table-responsive[b-kjw14g8rd4] {
  border-radius: 8px;
  border: 1px solid #e6e9ef;
  background: #ffffff;
}

/* 分页组件样式 - 浅色主题 */
.pagination[b-kjw14g8rd4] {
  margin-bottom: 0;
}

.page-link[b-kjw14g8rd4] {
  border-radius: 6px;
  margin: 0 2px;
  border: 1px solid #e6e9ef;
  color: #0f172a;
  font-size: 0.875rem;
  background: #ffffff;
}

  .page-link:hover[b-kjw14g8rd4] {
    background-color: #f8fafc;
    border-color: #3b82f6;
    color: #3b82f6;
  }

.page-item.active .page-link[b-kjw14g8rd4] {
  background-color: #3b82f6;
  border-color: #3b82f6;
  color: #ffffff;
}

/* 表格行按钮优化 */
.table .btn-group .btn[b-kjw14g8rd4] {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  margin-right: 0.25rem;
}
/* /Components/Pages/BaseData/RegionManagement.razor.rz.scp.css */
/* 区域管理页面样式 */
.region-management-container[b-bi1nzmsdsf] {
    padding: 20px;
    background-color: var(--bs-body-bg);
    min-height: calc(100vh - 100px);
}

.page-header[b-bi1nzmsdsf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    padding: 20px;
    background: var(--bs-white);
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.header-title h3[b-bi1nzmsdsf] {
    margin: 0 0 8px 0;
    color: var(--bs-dark);
    font-weight: 600;
}

.header-title h3 i[b-bi1nzmsdsf] {
    color: var(--bs-primary);
    margin-right: 8px;
}

.header-title .text-muted[b-bi1nzmsdsf] {
    margin: 0;
    font-size: 0.9rem;
}

.header-actions .btn[b-bi1nzmsdsf] {
    margin-left: 8px;
}

.region-tabs[b-bi1nzmsdsf] {
    background: var(--bs-white);
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    overflow: hidden;
}

.region-tabs .nav-tabs[b-bi1nzmsdsf] {
    border-bottom: 1px solid var(--bs-border-color);
    margin: 0;
    padding: 0 20px;
    background: var(--bs-light);
}

.region-tabs .nav-tabs .nav-link[b-bi1nzmsdsf] {
    border: none;
    color: var(--bs-dark);
    font-weight: 500;
    padding: 12px 20px;
    margin-right: 8px;
    border-radius: 0;
    position: relative;
    transition: all 0.3s ease;
}

.region-tabs .nav-tabs .nav-link:hover[b-bi1nzmsdsf] {
    background-color: var(--bs-gray-100);
    color: var(--bs-primary);
}

.region-tabs .nav-tabs .nav-link.active[b-bi1nzmsdsf] {
    background-color: var(--bs-white);
    color: var(--bs-primary);
    border-bottom: 3px solid var(--bs-primary);
}

.region-tabs .nav-tabs .nav-link i[b-bi1nzmsdsf] {
    margin-right: 6px;
}

.region-tabs .tab-content[b-bi1nzmsdsf] {
    padding: 0;
}

.region-tabs .tab-pane[b-bi1nzmsdsf] {
    min-height: 500px;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .region-management-container[b-bi1nzmsdsf] {
        padding: 10px;
    }
    
    .page-header[b-bi1nzmsdsf] {
        flex-direction: column;
        gap: 15px;
        padding: 15px;
    }
    
    .header-actions[b-bi1nzmsdsf] {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    
    .region-tabs .nav-tabs[b-bi1nzmsdsf] {
        padding: 0 10px;
        flex-wrap: wrap;
    }
    
    .region-tabs .nav-tabs .nav-link[b-bi1nzmsdsf] {
        padding: 10px 15px;
        font-size: 0.9rem;
    }
}

/* 深色主题支持 */
[data-bs-theme="dark"] .region-management-container[b-bi1nzmsdsf] {
    background-color: var(--bs-dark);
}

[data-bs-theme="dark"] .page-header[b-bi1nzmsdsf],
[data-bs-theme="dark"] .region-tabs[b-bi1nzmsdsf] {
    background: var(--bs-gray-900);
    border-color: var(--bs-gray-700);
}

[data-bs-theme="dark"] .header-title h3[b-bi1nzmsdsf] {
    color: var(--bs-light);
}

[data-bs-theme="dark"] .region-tabs .nav-tabs[b-bi1nzmsdsf] {
    background: var(--bs-gray-800);
    border-color: var(--bs-gray-700);
}

[data-bs-theme="dark"] .region-tabs .nav-tabs .nav-link[b-bi1nzmsdsf] {
    color: var(--bs-light);
}

[data-bs-theme="dark"] .region-tabs .nav-tabs .nav-link:hover[b-bi1nzmsdsf] {
    background-color: var(--bs-gray-700);
}

[data-bs-theme="dark"] .region-tabs .nav-tabs .nav-link.active[b-bi1nzmsdsf] {
    background-color: var(--bs-gray-900);
    color: var(--bs-primary);
}
/* /Components/Pages/BaseData/RouteKeysInfoMgrPage.razor.rz.scp.css */
/* ====================================================================
   航线管理页面 - 与客户管理页面统一风格样式
   设计理念: 与客户管理页面保持一致的UI风格
   ==================================================================== */

/* 航线管理页面样式 */
[data-page="routekeys-mgr"][b-iffnrunqo8] {
    /* 继承基础样式 */
}

/* ===== Select 下拉框 z-index 修复 ===== */
[data-page="routekeys-mgr"] .dropdown-menu[b-iffnrunqo8],
[data-page="routekeys-mgr"] .select .dropdown-menu[b-iffnrunqo8],
[data-page="routekeys-mgr"] .bb-select .dropdown-menu[b-iffnrunqo8] {
    z-index: 9999 !important;
    position: absolute !important;
}

/* 确保下拉框父容器也有适当的层级 */
[data-page="routekeys-mgr"] .dropdown[b-iffnrunqo8],
[data-page="routekeys-mgr"] .select[b-iffnrunqo8],
[data-page="routekeys-mgr"] .bb-select[b-iffnrunqo8] {
    position: relative !important;
    z-index: 1000 !important;
}

/* 模态框中的 Select 组件 z-index 修复 */
.modal .dropdown-menu[b-iffnrunqo8],
.modal .select .dropdown-menu[b-iffnrunqo8],
.modal .bb-select .dropdown-menu[b-iffnrunqo8] {
    z-index: 99999 !important;
    position: absolute !important;
}

.modal .dropdown[b-iffnrunqo8],
.modal .select[b-iffnrunqo8],
.modal .bb-select[b-iffnrunqo8] {
    position: relative !important;
    z-index: 10000 !important;
}

/* 筛选面板中的 Select 组件 z-index */
.filter-panel-compact .dropdown-menu[b-iffnrunqo8],
.filter-panel-compact .select .dropdown-menu[b-iffnrunqo8],
.filter-panel-compact .bb-select .dropdown-menu[b-iffnrunqo8] {
    z-index: 9999 !important;
    position: absolute !important;
}

.filter-panel-compact .dropdown[b-iffnrunqo8],
.filter-panel-compact .select[b-iffnrunqo8],
.filter-panel-compact .bb-select[b-iffnrunqo8] {
    position: relative !important;
    z-index: 1000 !important;
}

/* ===== 页面头部样式 - 与客户管理保持一致 ===== */
.page-header-light[b-iffnrunqo8] {
    background: #f8f9fa !important;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    margin-bottom: 0.5rem;
    overflow: hidden;
    padding: 0.75rem 1rem !important; /* 统一间距 */
}

.page-icon-lg[b-iffnrunqo8] {
    width: 48px; 
    height: 48px;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border: 2px solid #e9ecef;
    border-radius: 12px; 
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem; 
    flex-shrink: 0;
}

.page-title[b-iffnrunqo8] {
    color: #343a40 !important;
    margin: 0;
    font-weight: 600;
    font-size: 1.25rem !important; 
    line-height: 1.2;
}

/* 页面头部增强样式 */
.header-actions[b-iffnrunqo8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* ===== 统计预览样式 - 与客户管理保持一致 ===== */
.stats-preview[b-iffnrunqo8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 1rem;
    background: white;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-right: 0.75rem;
}

.stat-preview-item[b-iffnrunqo8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 60px;
}

.stat-preview-label[b-iffnrunqo8] {
    font-size: 0.75rem;
    color: #6c757d;
    margin-bottom: 2px;
    font-weight: 500;
    line-height: 1;
}

.stat-preview-value[b-iffnrunqo8] {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
}

/* ===== 航线管理特定图标样式 ===== */
.route-total-icon[b-iffnrunqo8] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    color: #1976d2 !important;
    border: 1px solid #e3f2fd;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.route-service-icon[b-iffnrunqo8] {
    background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%) !important;
    color: #388e3c !important;
    border: 1px solid #e8f5e8;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.route-port-icon[b-iffnrunqo8] {
    background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%) !important;
    color: #00796b !important;
    border: 1px solid #e0f2f1;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.route-direct-icon[b-iffnrunqo8] {
    background: linear-gradient(135deg, #fff3e0 0%, #ffcc02 100%) !important;
    color: #f57c00 !important;
    border: 1px solid #fff3e0;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

/* ===== 通用图标样式 ===== */
.icon-primary[b-iffnrunqo8] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    color: #1976d2 !important;
    border: 1px solid #e3f2fd;
}

.icon-success[b-iffnrunqo8] {
    background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%) !important;
    color: #388e3c !important;
    border: 1px solid #e8f5e8;
}

.icon-info[b-iffnrunqo8] {
    background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%) !important;
    color: #00796b !important;
    border: 1px solid #e0f2f1;
}

.icon-warning[b-iffnrunqo8] {
    background: linear-gradient(135deg, #fff3e0 0%, #ffcc02 100%) !important;
    color: #f57c00 !important;
    border: 1px solid #fff3e0;
}

.icon-danger[b-iffnrunqo8] {
    background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%) !important;
    color: #d32f2f !important;
    border: 1px solid #ffebee;
}

.icon-secondary[b-iffnrunqo8] {
    background: linear-gradient(135deg, #f5f5f5 0%, #eeeeee 100%) !important;
    color: #757575 !important;
    border: 1px solid #f5f5f5;
}

/* ===== 服务商名称单元格 ===== */
.service-name-cell[b-iffnrunqo8] {
    min-height: 48px;
    display: flex;
    align-items: center;
}

.service-icon[b-iffnrunqo8] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--bs-primary), var(--bs-info));
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 14px;
}

/* ===== 港口ID信息单元格 ===== */
.port-ids-cell[b-iffnrunqo8] {
    line-height: 1.3;
}

/* ===== 航线类型徽章样式 ===== */
.badge-route-type[b-iffnrunqo8] {
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.5px;
}

/* ===== 编辑模态框特定样式 ===== */
.enterprise-modal .modal-dialog[b-iffnrunqo8] {
    max-width: 800px;
}

/* ===== 航线详情查看模态框 ===== */
.view-modal .modal-dialog[b-iffnrunqo8] {
    max-width: 900px;
}

/* ===== 主内容卡片样式 ===== */
.main-content-card[b-iffnrunqo8] {
    border: none;
    border-radius: 8px;
}

/* ===== 筛选面板样式 ===== */
[data-page="routekeys-mgr"] .filter-panel-compact[b-iffnrunqo8] {
    background: var(--bs-light);
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    padding: 16px;
}

/* ===== 航线信息卡片样式 ===== */
.route-info-card[b-iffnrunqo8] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
}

/* ===== 查看模态框样式 ===== */
.view-modal .edit-header[b-iffnrunqo8] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 1rem;
}

.view-icon[b-iffnrunqo8] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.25rem;
}

.edit-badges .badge-sm[b-iffnrunqo8] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* ===== 响应式头部设计 - 与客户管理保持一致 ===== */
@media (max-width: 1200px) {
    .stats-preview[b-iffnrunqo8] {
        gap: 0.75rem;
        padding: 0.375rem 0.75rem;
    }
    
    .stat-preview-item[b-iffnrunqo8] {
        min-width: 50px;
    }
    
    .stat-preview-label[b-iffnrunqo8] {
        font-size: 0.7rem;
    }
    
    .stat-preview-value[b-iffnrunqo8] {
        font-size: 1rem;
    }
}

@media (max-width: 992px) {
    .stats-preview[b-iffnrunqo8] {
        display: none !important; /* 在中等屏幕隐藏统计预览 */
    }
    
    .header-actions[b-iffnrunqo8] {
        gap: 0.5rem;
    }
}

@media (max-width: 768px) {
    .page-header-light[b-iffnrunqo8] {
        padding: 0.5rem 0.75rem !important;
        margin-bottom: 0.375rem;
    }

    .page-icon-lg[b-iffnrunqo8] {
        width: 40px; 
        height: 40px;
        font-size: 1.25rem; 
        border-radius: 10px;
    }

    .page-title[b-iffnrunqo8] {
        font-size: 1.125rem !important; 
    }
    
    .header-actions[b-iffnrunqo8] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.375rem;
    }
    
    .header-actions .btn[b-iffnrunqo8] {
        width: 100%;
        text-align: center;
    }

    .service-name-cell[b-iffnrunqo8] {
        min-height: 40px;
    }
    
    .service-icon[b-iffnrunqo8] {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }
    
    .stat-preview-item .stat-preview-value[b-iffnrunqo8] {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .page-header-light[b-iffnrunqo8] {
        padding: 0.375rem 0.5rem !important;
        margin-bottom: 0.25rem;
    }

    .page-icon-lg[b-iffnrunqo8] {
        width: 36px;
        height: 36px;
        font-size: 1.125rem;
        border-radius: 8px;
    }

    .page-title[b-iffnrunqo8] {
        font-size: 1rem !important;
    }
    
    .header-actions .btn[b-iffnrunqo8] {
        font-size: 0.875rem;
        padding: 0.375rem 0.5rem;
    }
}

/* ===== 确保头部在不同屏幕尺寸下的布局稳定性 ===== */
.page-header-light .d-flex[b-iffnrunqo8] {
    min-height: 56px; /* 确保最小高度 */
    align-items: center;
}

@media (max-width: 768px) {
    .page-header-light .d-flex[b-iffnrunqo8] {
        min-height: 48px;
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }
    
    .page-header-light .d-flex > div:first-child[b-iffnrunqo8] {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* ===== 数据表格中的操作按钮间距 ===== */
[data-page="routekeys-mgr"] .table td .d-flex.gap-1[b-iffnrunqo8] {
    min-height: 40px;
    align-items: center;
}

/* ===== 统计按钮样式 ===== */
.btn-outline-primary[b-iffnrunqo8] {
    border-color: #007bff;
    color: #007bff;
    transition: all 0.2s ease;
}

.btn-outline-primary:hover[b-iffnrunqo8],
.btn-outline-primary:focus[b-iffnrunqo8],
.btn-outline-primary:active[b-iffnrunqo8] {
    background-color: #007bff;
    border-color: #007bff;
    color: white;
}

.btn-primary.text-white[b-iffnrunqo8] {
    background-color: #007bff;
    border-color: #007bff;
    color: white !important;
}

.btn-primary.text-white:hover[b-iffnrunqo8],
.btn-primary.text-white:focus[b-iffnrunqo8],
.btn-primary.text-white:active[b-iffnrunqo8] {
    background-color: #0056b3;
    border-color: #0056b3;
    color: white !important;
}

/* ===== 打印样式 ===== */
@media print {
    .page-header-light[b-iffnrunqo8] {
        background: #f8f9fa !important;
        border: 1px solid #e9ecef !important;
    }

    .stats-preview[b-iffnrunqo8] {
        background: #ffffff !important;
        border: 1px solid #e9ecef !important;
        break-inside: avoid;
    }

    [data-page="routekeys-mgr"] .filter-panel-compact[b-iffnrunqo8] {
        overflow: visible !important;
        padding-bottom: 0 !important;
    }

    .modal[b-iffnrunqo8] {
        display: none !important;
    }
}
/* /Components/Pages/BaseData/UnifiedPortsInfoMgrPage.razor.rz.scp.css */
/* 统一港口管理页面样式 */
/* 调整：使 Header 高度和统计小窗与 CustomerMgrPage 保持一致 */
.page-header-light[b-ztwhy58xh9] {
    /* 原有渐变保留视觉效果，但统一内边距与间距 */
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 0.75rem 1rem !important; /* 与 CustomerMgrPage 一致 */
    margin-bottom: 0.5rem;
    overflow: hidden;
}

/* 保证最小高度一致 */
.page-header-light .d-flex[b-ztwhy58xh9] {
    min-height: 56px; /* 与 CustomerMgrPage 保持一致 */
    align-items: center;
}

.page-icon-lg[b-ztwhy58xh9] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(13, 110, 253, 0.1);
    border-radius: 12px;
    font-size: 20px;
}

.page-title[b-ztwhy58xh9] {
    color: #212529;
    margin: 0;
}

/* 统计预览：与 CustomerMgrPage 保持一致的紧凑样式 */
.stats-preview[b-ztwhy58xh9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 1rem;
    background: white;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-right: 0.75rem;
}

.stat-preview-item[b-ztwhy58xh9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 60px;
}

.stat-preview-label[b-ztwhy58xh9] {
    font-size: 0.75rem;
    color: #6c757d;
    margin-bottom: 2px;
    font-weight: 500;
    line-height: 1;
}

.stat-preview-value[b-ztwhy58xh9] {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
}

/* 保持原有统计卡片变体供其他位置使用 */
.stat-card[b-ztwhy58xh9] {
    background: #fff;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    height: 100%;
}

.stat-card:hover[b-ztwhy58xh9] {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.stat-card-body[b-ztwhy58xh9] {
    padding: 1.25rem;
}

.stat-icon[b-ztwhy58xh9] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
}

.stat-number[b-ztwhy58xh9] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #212529;
    line-height: 1.2;
}

.stat-label[b-ztwhy58xh9] {
    font-size: 0.875rem;
    color: #6c757d;
    font-weight: 500;
}

/* 主内容卡片 */
.main-content-card[b-ztwhy58xh9] {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
}

/* Tab 样式增强 */
.ports-tabs[b-ztwhy58xh9] {
    margin-top: 1rem;
}

.ports-tabs .nav-tabs[b-ztwhy58xh9] {
    border-bottom: 2px solid #e9ecef;
}

.ports-tabs .nav-link[b-ztwhy58xh9] {
    border: none;
    color: #6c757d;
    font-weight: 500;
    padding: 0.75rem 1.25rem;
    transition: all 0.3s ease;
}

.ports-tabs .nav-link:hover[b-ztwhy58xh9] {
    color: #0d6efd;
    background-color: rgba(13, 110, 253, 0.05);
}

.ports-tabs .nav-link.active[b-ztwhy58xh9] {
    color: #0d6efd;
    background-color: transparent;
    border-bottom: 2px solid #0d6efd;
}

/* 高级筛选面板 */
.advanced-filter-panel .card[b-ztwhy58xh9] {
    border: 1px solid #e3f2fd;
    background-color: #f8fcff;
}

.advanced-filter-panel .form-label[b-ztwhy58xh9] {
    color: #495057;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

/* 表格容器 */
.table-container[b-ztwhy58xh9] {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

/* 表格单元格样式 */
.name-cell .entity-icon[b-ztwhy58xh9] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(13, 110, 253, 0.1);
    border-radius: 6px;
    font-size: 12px;
}

.country-cell .fw-medium[b-ztwhy58xh9],
.location-cell .fw-medium[b-ztwhy58xh9],
.name-cell .fw-medium[b-ztwhy58xh9] {
    font-size: 0.9rem;
    color: #212529;
}

.coordinate-cell small[b-ztwhy58xh9] {
    font-size: 0.75rem;
}

.type-cell .badge-sm[b-ztwhy58xh9] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.action-buttons .btn[b-ztwhy58xh9] {
    border-radius: 6px;
}

/* =========================== */
/* 模态框Header样式修复 - 专门针对港口详情 */
/* =========================== */

/* 港口详情模态框Header背景修复 - 使用最高特殊性 */
.view-modal .edit-header[b-ztwhy58xh9],
.modal.view-modal .edit-header[b-ztwhy58xh9],
[data-page="unified-ports-mgr"] .view-modal .edit-header[b-ztwhy58xh9],
[data-page="unified-ports-mgr"] .modal .edit-header[b-ztwhy58xh9] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-radius: 12px !important;
    padding: 1.5rem !important;
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 1.5rem !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 添加Header顶部装饰条 */
.view-modal .edit-header[b-ztwhy58xh9]::before,
.modal.view-modal .edit-header[b-ztwhy58xh9]::before,
[data-page="unified-ports-mgr"] .view-modal .edit-header[b-ztwhy58xh9]::before,
[data-page="unified-ports-mgr"] .modal .edit-header[b-ztwhy58xh9]::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #17a2b8 0%, #5bc0de 100%) !important;
    border-radius: 12px 12px 0 0 !important;
}

/* 编辑模态框样式 */
.edit-modal .modal-dialog[b-ztwhy58xh9] {
    max-width: 800px;
}

.edit-header[b-ztwhy58xh9] {
    padding: 1.5rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-radius: 12px !important;
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 1.5rem !important;
    position: relative !important;
    overflow: hidden !important;
}

/* 港口详情页面特有的edit-header背景强制设置 */
[data-page="unified-ports-mgr"] .edit-header[b-ztwhy58xh9] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-radius: 12px !important;
    padding: 1.5rem !important;
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 1.5rem !important;
    position: relative !important;
    overflow: hidden !important;
}

.edit-icon[b-ztwhy58xh9] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
}

.edit-icon.bg-primary[b-ztwhy58xh9] {
    background: linear-gradient(135deg, #0d6efd 0%, #0056b3 100%);
}

.edit-icon.bg-success[b-ztwhy58xh9] {
    background: linear-gradient(135deg, #198754 0%, #146c43 100%);
}

.edit-badges .badge-sm[b-ztwhy58xh9] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* 查看图标样式修复 */
.view-icon[b-ztwhy58xh9] {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

.view-icon.bg-primary[b-ztwhy58xh9] {
    background: linear-gradient(135deg, #0d6efd 0%, #0056b3 100%) !important;
    color: white !important;
}

.view-icon.bg-success[b-ztwhy58xh9] {
    background: linear-gradient(135deg, #198754 0%, #146c43 100%) !important;
    color: white !important;
}

.view-icon.bg-info[b-ztwhy58xh9] {
    background: linear-gradient(135deg, #17a2b8 0%, #138496 100%) !important;
    color: white !important;
}

/* 编辑Tab样式 */
.edit-tabs[b-ztwhy58xh9] {
    margin-top: 1rem;
}

.edit-tabs .nav-tabs[b-ztwhy58xh9] {
    border-bottom: 1px solid #dee2e6;
}

.edit-tabs .nav-link[b-ztwhy58xh9] {
    border: none;
    color: #6c757d;
    font-weight: 500;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
}

.edit-tabs .nav-link.active[b-ztwhy58xh9] {
    color: #0d6efd;
    background-color: transparent;
    border-bottom: 2px solid #0d6efd;
}

.tab-content-padding[b-ztwhy58xh9] {
    padding: 1.5rem;
}

/* 模态框底部 */
.modal-footer-actions[b-ztwhy58xh9] {
    padding: 1rem 1.5rem;
    background-color: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

.footer-tips[b-ztwhy58xh9] {
    flex: 1;
}

.footer-buttons[b-ztwhy58xh9] {
    flex-shrink: 0;
}

/* 响应式优化 - 与 CustomerMgrPage 保持一致 */
@media (max-width: 1200px) {
    .stats-preview[b-ztwhy58xh9] {
        gap: 0.75rem;
        padding: 0.375rem 0.75rem;
    }
    
    .stat-preview-item[b-ztwhy58xh9] {
        min-width: 50px;
    }
    
    .stat-preview-label[b-ztwhy58xh9] {
        font-size: 0.7rem;
    }
    
    .stat-preview-value[b-ztwhy58xh9] {
        font-size: 1rem;
    }
}

@media (max-width: 992px) {
    .stats-preview[b-ztwhy58xh9] {
        display: none !important; /* 在中等屏幕隐藏统计预览 */
    }
    
    .page-header-light .d-flex[b-ztwhy58xh9] {
        gap: 0.5rem;
    }
}

@media (max-width: 768px) {
    .page-header-light[b-ztwhy58xh9] {
        padding: 0.5rem 0.75rem !important;
        margin-bottom: 0.375rem;
    }
    
    .page-icon-lg[b-ztwhy58xh9] {
        width: 40px; 
        height: 40px;
        font-size: 1.25rem; 
        border-radius: 10px;
    }
    
    .page-title[b-ztwhy58xh9] {
        font-size: 1.125rem !important; 
    }
    
    .page-header-light .d-flex[b-ztwhy58xh9] {
        min-height: 48px;
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }
    
    /* 移动端模态框Header样式调整 */
    .edit-header[b-ztwhy58xh9],
    .view-modal .edit-header[b-ztwhy58xh9],
    [data-page="unified-ports-mgr"] .edit-header[b-ztwhy58xh9] {
        padding: 1rem !important;
    }
    
    .edit-icon[b-ztwhy58xh9],
    .view-icon[b-ztwhy58xh9] {
        width: 40px !important;
        height: 40px !important;
        font-size: 1.125rem !important;
    }
}

@media (max-width: 576px) {
    .page-header-light[b-ztwhy58xh9] {
        padding: 0.375rem 0.5rem !important;
        margin-bottom: 0.25rem;
    }

    .page-icon-lg[b-ztwhy58xh9] {
        width: 36px;
        height: 36px;
        font-size: 1.125rem;
        border-radius: 8px;
    }

    .page-title[b-ztwhy58xh9] {
        font-size: 1rem !important;
    }
    
    /* 小屏幕模态框Header样式调整 */
    .edit-header[b-ztwhy58xh9],
    .view-modal .edit-header[b-ztwhy58xh9],
    [data-page="unified-ports-mgr"] .edit-header[b-ztwhy58xh9] {
        padding: 0.75rem !important;
        margin-bottom: 1rem !important;
    }
    
    .edit-icon[b-ztwhy58xh9],
    .view-icon[b-ztwhy58xh9] {
        width: 36px !important;
        height: 36px !important;
        font-size: 1rem !important;
    }
}

/* 其余原有样式保持不变 */
/* 表格优化 */
.data-table .table[b-ztwhy58xh9] {
    margin-bottom: 0;
}

.data-table .table th[b-ztwhy58xh9] {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    font-weight: 600;
    color: #495057;
    font-size: 0.875rem;
}

.data-table .table td[b-ztwhy58xh9] {
    vertical-align: middle;
    border-color: #e9ecef;
    font-size: 0.875rem;
}

.data-table .table-striped tbody tr:nth-of-type(odd)[b-ztwhy58xh9] {
    background-color: rgba(0, 0, 0, 0.02);
}

/* 输入组样式优化 */
.input-group .input-group-text[b-ztwhy58xh9] {
    border-color: #ced4da;
}

.input-group .form-control[b-ztwhy58xh9] {
    border-color: #ced4da;
}

.input-group .form-control:focus[b-ztwhy58xh9] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* 按钮样式优化 */
.btn.active[b-ztwhy58xh9] {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}

/* 页面动画 */
.stat-card[b-ztwhy58xh9],
.main-content-card[b-ztwhy58xh9] {
    animation: fadeInUp-b-ztwhy58xh9 0.5s ease-out;
}

@keyframes fadeInUp-b-ztwhy58xh9 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 加载状态 */
.table-loading[b-ztwhy58xh9] {
    position: relative;
    min-height: 200px;
}

.table-loading[b-ztwhy58xh9]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 空状态样式 */
.empty-state[b-ztwhy58xh9] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6c757d;
}

.empty-state i[b-ztwhy58xh9] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state h5[b-ztwhy58xh9] {
    margin-bottom: 0.5rem;
    color: #495057;
}

.empty-state p[b-ztwhy58xh9] {
    margin-bottom: 0;
    font-size: 0.875rem;
}
/* /Components/Pages/BaseData/UnifiedPortsStatisticsComponent.razor.rz.scp.css */
/* ====================================================================
   统一港口管理 - 统一背景色统计界面样式（左右布局）
   设计理念: 极简、专注、可隐藏、统一背景、左右结构
   ==================================================================== */

/* 主容器 - 统一背景色 */
.ports-dashboard[b-c9u2d2x57e] {
    background: #f8f9fa !important;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    margin-bottom: 1rem;
    overflow: hidden;
}

/* 标题区域 - 稍深背景 */
.dashboard-header[b-c9u2d2x57e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    border-bottom: 1px solid #e9ecef;
    background: #f1f3f4 !important;
}

.header-content h2[b-c9u2d2x57e] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #343a40 !important;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header-content h2 i[b-c9u2d2x57e] {
    color: #6c757d !important;
    font-size: 1rem;
}

.header-actions[b-c9u2d2x57e] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* 隐藏实时指示器 */
.refresh-indicator[b-c9u2d2x57e] {
    display: none !important;
}

.indicator-dot[b-c9u2d2x57e] {
    display: none !important;
}

@keyframes pulse-b-c9u2d2x57e {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* 折叠按钮 - 统一背景色 */
.toggle-btn[b-c9u2d2x57e] {
    width: 28px;
    height: 28px;
    border: 1px solid #dee2e6;
    background: #ffffff !important;
    border-radius: 4px;
    color: #6c757d !important;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
}

.toggle-btn:hover[b-c9u2d2x57e] {
    background: #f8f9fa !important;
    border-color: #adb5bd;
    color: #495057 !important;
}

.toggle-btn:active[b-c9u2d2x57e] {
    transform: scale(0.95);
}

/* 统计容器 */
.stats-container[b-c9u2d2x57e] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.stats-container.expanded[b-c9u2d2x57e] {
    max-height: 120px;
    opacity: 1;
    padding: 0.75rem;
}

.stats-container.collapsed[b-c9u2d2x57e] {
    max-height: 0;
    opacity: 0;
    padding: 0 0.75rem;
}

/* 统计网格 */
.stats-grid[b-c9u2d2x57e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

/* 统计卡片 - 统一背景色 */
.stat-tile[b-c9u2d2x57e] {
    background: #ffffff !important;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 0.75rem;
    transition: all 0.2s ease;
    min-height: 70px;
}

.stat-tile:hover[b-c9u2d2x57e] {
    border-color: #dee2e6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}

/* 卡片内容 - 左右布局 */
.tile-content[b-c9u2d2x57e] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    height: 100%;
}

.tile-icon[b-c9u2d2x57e] {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

/* 图标颜色 - 适中色彩方案 */
.seaport-icon[b-c9u2d2x57e] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    color: #1976d2 !important;
    border: 1px solid #e3f2fd;
}

.airport-icon[b-c9u2d2x57e] {
    background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%) !important;
    color: #388e3c !important;
    border: 1px solid #e8f5e8;
}

.countries-icon[b-c9u2d2x57e] {
    background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%) !important;
    color: #00796b !important;
    border: 1px solid #e0f2f1;
}

.air-countries-icon[b-c9u2d2x57e] {
    background: linear-gradient(135deg, #fff3e0 0%, #ffcc02 100%) !important;
    color: #f57c00 !important;
    border: 1px solid #fff3e0;
}

/* 指标信息区域 */
.metric-info[b-c9u2d2x57e] {
    flex: 1;
    min-width: 0;
}

.metric-value[b-c9u2d2x57e] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #495057 !important;
    line-height: 1.2;
    margin-bottom: 0.125rem;
}

.metric-label[b-c9u2d2x57e] {
    font-size: 0.75rem;
    color: #6c757d !important;
    font-weight: 500;
    line-height: 1;
}

/* 折叠状态下的动画 */
.stats-container.collapsed .stat-tile[b-c9u2d2x57e] {
    transform: translateY(-10px);
    opacity: 0;
}

.stats-container.expanded .stat-tile[b-c9u2d2x57e] {
    transform: translateY(0);
    opacity: 1;
    transition: all 0.3s ease;
}

.stats-container.expanded .stat-tile:nth-child(1)[b-c9u2d2x57e] { transition-delay: 0.1s; }
.stats-container.expanded .stat-tile:nth-child(2)[b-c9u2d2x57e] { transition-delay: 0.15s; }
.stats-container.expanded .stat-tile:nth-child(3)[b-c9u2d2x57e] { transition-delay: 0.2s; }
.stats-container.expanded .stat-tile:nth-child(4)[b-c9u2d2x57e] { transition-delay: 0.25s; }

/* 响应式设计 */
@media (max-width: 640px) {
    .dashboard-header[b-c9u2d2x57e] {
        padding: 0.5rem;
    }

    .header-content h2[b-c9u2d2x57e] {
        font-size: 1rem;
    }

    .header-actions[b-c9u2d2x57e] {
        gap: 0.5rem;
    }

    .toggle-btn[b-c9u2d2x57e] {
        width: 24px;
        height: 24px;
        font-size: 0.625rem;
    }

    .stats-container.expanded[b-c9u2d2x57e] {
        padding: 0.5rem;
        max-height: 160px;
    }

    .stats-grid[b-c9u2d2x57e] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .stat-tile[b-c9u2d2x57e] {
        padding: 0.5rem;
        min-height: 60px;
    }

    .tile-content[b-c9u2d2x57e] {
        gap: 0.5rem;
    }

    .tile-icon[b-c9u2d2x57e] {
        width: 32px;
        height: 32px;
        font-size: 0.9rem;
    }

    .metric-value[b-c9u2d2x57e] {
        font-size: 1.25rem;
    }

    .metric-label[b-c9u2d2x57e] {
        font-size: 0.625rem;
    }
}

@media (min-width: 768px) {
    .stats-grid[b-c9u2d2x57e] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1024px) {
    .stats-grid[b-c9u2d2x57e] {
        grid-template-columns: repeat(4, 1fr);
    }

    .tile-content[b-c9u2d2x57e] {
        gap: 1rem;
    }

    .tile-icon[b-c9u2d2x57e] {
        width: 44px;
        height: 44px;
        font-size: 1.2rem;
    }

    .metric-value[b-c9u2d2x57e] {
        font-size: 1.6rem;
    }

    .metric-label[b-c9u2d2x57e] {
        font-size: 0.8rem;
    }
}

/* 深色模式强制覆盖 */
@media (prefers-color-scheme: dark) {
    /* 保持统一浅色覆盖深色模式 */
    .ports-dashboard[b-c9u2d2x57e] {
        background: #f8f9fa !important;
        border-color: #e9ecef !important;
    }

    .dashboard-header[b-c9u2d2x57e] {
        background: #f1f3f4 !important;
        border-color: #e9ecef !important;
    }

    .header-content h2[b-c9u2d2x57e] {
        color: #343a40 !important;
    }

    .header-content h2 i[b-c9u2d2x57e] {
        color: #6c757d !important;
    }

    /* 确保深色模式下也隐藏实时指示器 */
    .refresh-indicator[b-c9u2d2x57e] {
        display: none !important;
    }

    .indicator-dot[b-c9u2d2x57e] {
        display: none !important;
    }

    .toggle-btn[b-c9u2d2x57e] {
        background: #ffffff !important;
        border-color: #dee2e6 !important;
        color: #6c757d !important;
    }

    .toggle-btn:hover[b-c9u2d2x57e] {
        background: #f8f9fa !important;
        border-color: #adb5bd !important;
        color: #495057 !important;
    }

    .stat-tile[b-c9u2d2x57e] {
        background: #ffffff !important;
        border-color: #e9ecef !important;
    }

    .stat-tile:hover[b-c9u2d2x57e] {
        border-color: #dee2e6 !important;
    }

    .metric-value[b-c9u2d2x57e] {
        color: #495057 !important;
    }

    .metric-label[b-c9u2d2x57e] {
        color: #6c757d !important;
    }

    /* 强制覆盖深色模式下的图标颜色 */
    .seaport-icon[b-c9u2d2x57e] {
        background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
        color: #1976d2 !important;
        border-color: #e3f2fd !important;
    }

    .airport-icon[b-c9u2d2x57e] {
        background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%) !important;
        color: #388e3c !important;
        border-color: #e8f5e8 !important;
    }

    .countries-icon[b-c9u2d2x57e] {
        background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%) !important;
        color: #00796b !important;
        border-color: #e0f2f1 !important;
    }

    .air-countries-icon[b-c9u2d2x57e] {
        background: linear-gradient(135deg, #fff3e0 0%, #ffcc02 100%) !important;
        color: #f57c00 !important;
        border-color: #fff3e0 !important;
    }
}

/* 打印时始终展开 */
@media print {
    .stats-container[b-c9u2d2x57e] {
        max-height: none !important;
        opacity: 1 !important;
        padding: 0.75rem !important;
    }

    .toggle-btn[b-c9u2d2x57e] {
        display: none;
    }

    /* 打印时也隐藏实时指示器 */
    .refresh-indicator[b-c9u2d2x57e] {
        display: none !important;
    }

    /* 打印时的统一色彩 */
    .seaport-icon[b-c9u2d2x57e] {
        background: #e3f2fd !important;
        color: #1976d2 !important;
        border: 1px solid #bbdefb !important;
    }

    .airport-icon[b-c9u2d2x57e] {
        background: #e8f5e8 !important;
        color: #388e3c !important;
        border: 1px solid #c8e6c9 !important;
    }

    .countries-icon[b-c9u2d2x57e] {
        background: #e0f2f1 !important;
        color: #00796b !important;
        border: 1px solid #b2dfdb !important;
    }

    .air-countries-icon[b-c9u2d2x57e] {
        background: #fff3e0 !important;
        color: #f57c00 !important;
        border: 1px solid #ffcc02 !important;
    }
}
/* /Components/Pages/BaseData/VesselsInfoMgrPage.razor.rz.scp.css */
/* 船舶管理页面样式增强 - 轻量化优化版本 */

/* ==================== 页面头部增强样式 - 与CustomerMgrPage保持一致 ==================== */
.page-header-light[b-hn9p33hzou] {
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    /* 统一为 CustomerMgrPage 的头部内边距和间距 */
    padding: 0.75rem 1rem !important;
    margin-bottom: 0.5rem;
    overflow: hidden;
}

.header-actions[b-hn9p33hzou] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* 统计预览样式 - 与CustomerMgrPage保持一致 */
.stats-preview[b-hn9p33hzou] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 1rem;
    background: white;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-right: 0.75rem;
}

.stat-preview-item[b-hn9p33hzou] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 60px;
}

.stat-preview-label[b-hn9p33hzou] {
    font-size: 0.75rem;
    color: #6c757d;
    margin-bottom: 2px;
    font-weight: 500;
    text-align: center;
}

.stat-preview-value[b-hn9p33hzou] {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
}

.page-icon-lg[b-hn9p33hzou] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border: 2px solid #e9ecef;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.page-title[b-hn9p33hzou] {
    color: #343a40;
    margin: 0;
}

/* 确保头部在不同屏幕尺寸下的布局稳定性 - 与CustomerMgrPage一致 */
.page-header-light .d-flex[b-hn9p33hzou] {
    min-height: 56px; /* 确保最小高度与CustomerMgrPage一致 */
    align-items: center;
}

/* ==================== 原有样式保持 ==================== */
.page-icon-sm[b-hn9p33hzou] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);
    color: white;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

.page-title-sm[b-hn9p33hzou] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #495057;
    margin: 0;
}

/* ==================== 紧凑统计卡片 ==================== */
.stat-card-compact[b-hn9p33hzou] {
    border-radius: 8px;
    padding: 1rem;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease;
    min-height: 80px;
}

.stat-card-compact:hover[b-hn9p33hzou] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.stat-card-compact .stat-content[b-hn9p33hzou] {
    flex: 1;
}

.stat-card-compact .stat-number[b-hn9p33hzou] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.stat-card-compact .stat-text[b-hn9p33hzou] {
    font-size: 0.75rem;
    opacity: 0.9;
}

.stat-card-compact .stat-icon[b-hn9p33hzou] {
    font-size: 2rem;
    opacity: 0.3;
    margin-left: 0.75rem;
}

/* 统计卡片颜色变体 */
.stat-primary[b-hn9p33hzou] {
    background: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);
}

.stat-success[b-hn9p33hzou] {
    background: linear-gradient(135deg, #198754 0%, #20c997 100%);
}

.stat-info[b-hn9p33hzou] {
    background: linear-gradient(135deg, #0dcaf0 0%, #6f42c1 100%);
}

.stat-warning[b-hn9p33hzou] {
    background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%);
}

/* ==================== 主卡片样式 ==================== */
.main-content-card[b-hn9p33hzou] {
    border: none;
    border-radius: 8px;
}

.main-card[b-hn9p33hzou] {
    border: none;
    border-radius: 8px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

.main-card .card-header[b-hn9p33hzou] {
    background: #fff;
    border-bottom: 1px solid #e9ecef;
    border-radius: 8px 8px 0 0;
    padding: 1rem 1.5rem;
}

/* ==================== Header 布局优化 ==================== */
.main-card .card-header .vr[b-hn9p33hzou] {
    height: 30px;
    width: 1px;
    background-color: #dee2e6;
}

.main-card .card-header .input-group[b-hn9p33hzou] {
    min-width: 280px;
}

/* ==================== 紧凑筛选面板 ==================== */
.filter-panel-compact[b-hn9p33hzou] {
    background: #f8f9fa;
    border-radius: 6px;
    padding: 0.75rem;
    border: 1px solid #e9ecef;
}

.filter-panel-compact .btn.active[b-hn9p33hzou] {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: white !important;
}

/* ==================== 数据表格优化 ==================== */
.data-table[b-hn9p33hzou] {
    border-radius: 6px;
    overflow: hidden;
}

.data-table th[b-hn9p33hzou] {
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    font-weight: 600;
    color: #495057;
    font-size: 0.875rem;
    padding: 0.75rem 0.5rem;
}

.data-table td[b-hn9p33hzou] {
    padding: 0.75rem 0.5rem;
    vertical-align: middle;
}

.data-table tbody tr:hover[b-hn9p33hzou] {
    background-color: rgba(13, 110, 253, 0.05);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

/* ==================== 船舶特定样式 ==================== */
.vessel-name-cell .vessel-icon[b-hn9p33hzou] {
    width: 28px;
    height: 28px;
    background: rgba(13, 110, 253, 0.1);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vessel-name-cell .vessel-icon i[b-hn9p33hzou] {
    transition: transform 0.2s ease;
}

.vessel-name-cell:hover .vessel-icon i[b-hn9p33hzou] {
    transform: scale(1.1);
}

.owner-cell[b-hn9p33hzou], .dimension-cell[b-hn9p33hzou] {
    font-size: 0.875rem;
    line-height: 1.2;
}

.owner-cell .small[b-hn9p33hzou] {
    line-height: 1.3;
}

.owner-cell i[b-hn9p33hzou] {
    width: 12px;
    text-align: center;
}

/* ==================== 查看模态框样式 ==================== */
.view-modal .edit-header[b-hn9p33hzou] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 1rem;
}

.view-icon[b-hn9p33hzou] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.25rem;
}

.edit-badges .badge-sm[b-hn9p33hzou] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* ==================== 操作按钮增强 ==================== */
.action-buttons .btn[b-hn9p33hzou] {
    opacity: 0.8;
    transition: all 0.2s ease;
    border-radius: 4px;
}

.action-buttons .btn:hover[b-hn9p33hzou] {
    opacity: 1;
    transform: scale(1.05);
}

/* ==================== 模态框动画 ==================== */
.enterprise-modal .modal-dialog[b-hn9p33hzou] {
    transition: all 0.3s ease;
}

.enterprise-modal.show .modal-dialog[b-hn9p33hzou] {
    animation: modalSlideIn-b-hn9p33hzou 0.3s ease-out;
}

@keyframes modalSlideIn-b-hn9p33hzou {
    from {
        opacity: 0;
        transform: translateY(-50px) scale(0.8);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* ==================== Tab选项卡增强 ==================== */
.enterprise-edit-tabs .nav-link[b-hn9p33hzou] {
    position: relative;
    overflow: hidden;
    border: none;
    border-radius: 6px 6px 0 0;
    font-weight: 500;
    color: #6c757d;
    padding: 0.75rem 1rem;
}

.enterprise-edit-tabs .nav-link[b-hn9p33hzou]::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #0d6efd, #6610f2);
    transition: width 0.3s ease;
}

.enterprise-edit-tabs .nav-link.active[b-hn9p33hzou] {
    background: #fff;
    color: #495057;
    border-bottom: 2px solid #0d6efd;
}

.enterprise-edit-tabs .nav-link.active[b-hn9p33hzou]::before,
.enterprise-edit-tabs .nav-link:hover[b-hn9p33hzou]::before {
    width: 100%;
}

.enterprise-edit-tabs .nav-tabs[b-hn9p33hzou] {
    border-bottom: 1px solid #e9ecef;
}

.tab-content-padding[b-hn9p33hzou] {
    padding: 1.25rem;
}

/* ==================== 详情页面优化 ==================== */
.enterprise-edit-header[b-hn9p33hzou], .enterprise-detail-header[b-hn9p33hzou] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 8px;
    padding: 1.25rem;
    color: white;
}

.edit-icon[b-hn9p33hzou], .detail-icon[b-hn9p33hzou] {
    width: 45px;
    height: 45px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: white;
    background: rgba(255, 255, 255, 0.2);
}

.edit-badges .badge-sm[b-hn9p33hzou], .enterprise-detail-header .badge[b-hn9p33hzou] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.detail-section[b-hn9p33hzou] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1.25rem;
}

.section-title[b-hn9p33hzou] {
    color: #495057;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
    font-size: 1rem;
}

.detail-item[b-hn9p33hzou] {
    padding: 0.5rem 0;
}

.detail-label[b-hn9p33hzou] {
    font-weight: 600;
    color: #6c757d;
    font-size: 0.8rem;
    margin-bottom: 0.375rem;
    display: block;
}

.detail-value[b-hn9p33hzou] {
    font-size: 0.95rem;
    color: #495057;
}

/* ==================== 页脚样式 ==================== */
.modal-footer-enterprise[b-hn9p33hzou] {
    background: #f8f9fa;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #e9ecef;
    padding: 1rem 1.25rem;
}

.footer-tips[b-hn9p33hzou] {
    flex: 1;
}

/* ==================== 徽章样式增强 ==================== */
.badge-sm[b-hn9p33hzou] {
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    white-space: nowrap;
}

/* ==================== 响应式头部设计 - 与CustomerMgrPage保持一致 ==================== */
@media (max-width: 1200px) {
    .stats-preview[b-hn9p33hzou] {
        gap: 0.75rem;
        padding: 0.375rem 0.75rem;
    }
    
    .stat-preview-item[b-hn9p33hzou] {
        min-width: 50px;
    }
    
    .stat-preview-label[b-hn9p33hzou] {
        font-size: 0.7rem;
    }
    
    .stat-preview-value[b-hn9p33hzou] {
        font-size: 1rem;
    }
    
    .main-card .card-header .input-group[b-hn9p33hzou] {
        width: 260px !important;
    }
}

@media (max-width: 992px) {
    .stats-preview[b-hn9p33hzou] {
        display: none !important; /* 在中等屏幕隐藏统计预览 */
    }
    
    .header-actions[b-hn9p33hzou] {
        gap: 0.5rem;
    }
    
    .main-card .card-header > div[b-hn9p33hzou] {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 1rem;
    }
    
    .main-card .card-header .input-group[b-hn9p33hzou] {
        width: 100% !important;
        max-width: 400px;
    }
    
    .main-card .card-header .vr[b-hn9p33hzou] {
        display: none;
    }
}

@media (max-width: 768px) {
    .page-header-light[b-hn9p33hzou] {
        padding: 0.5rem 0.75rem !important;
        margin-bottom: 0.375rem;
    }

    .page-icon-lg[b-hn9p33hzou] {
        width: 40px; 
        height: 40px;
        font-size: 1.25rem; 
        border-radius: 10px;
    }

    .page-title[b-hn9p33hzou] {
        font-size: 1.125rem !important; 
    }
    
    .header-actions[b-hn9p33hzou] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.375rem;
    }
    
    .page-header-light .d-flex[b-hn9p33hzou] {
        min-height: 48px;
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }
    
    .page-header-light .d-flex > div:first-child[b-hn9p33hzou] {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .main-card .card-header .d-flex:last-child[b-hn9p33hzou] {
        flex-direction: column;
        width: 100%;
        gap: 0.75rem;
    }
    
    .main-card .card-header .d-flex:last-child > div[b-hn9p33hzou] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .page-header-light[b-hn9p33hzou] {
        padding: 0.375rem 0.5rem !important;
        margin-bottom: 0.25rem;
    }

    .page-icon-lg[b-hn9p33hzou] {
        width: 36px;
        height: 36px;
        font-size: 1.125rem;
        border-radius: 8px;
    }

    .page-title[b-hn9p33hzou] {
        font-size: 1rem !important;
    }
    
    .page-title-sm[b-hn9p33hzou] {
        font-size: 1.1rem;
    }
    
    .stat-card-compact[b-hn9p33hzou] {
        padding: 0.75rem;
        min-height: 70px;
    }
    
    .stat-card-compact .stat-number[b-hn9p33hzou] {
        font-size: 1.25rem;
    }
    
    .stat-card-compact .stat-icon[b-hn9p33hzou] {
        font-size: 1.5rem;
        margin-left: 0.5rem;
    }
    
    .main-card .card-header[b-hn9p33hzou] {
        padding: 0.75rem 1rem;
    }
    
    .filter-panel-compact .col-6[b-hn9p33hzou],
    .filter-panel-compact .col-md-2[b-hn9p33hzou] {
        width: 100% !important;
        margin-bottom: 0.5rem;
    }
    
    .action-buttons[b-hn9p33hzou] {
        flex-direction: column;
        gap: 0.25rem;
    }
    
    .action-buttons .btn[b-hn9p33hzou] {
        width: 100%;
        font-size: 0.75rem;
    }
}

/* 平板设备优化 */
@media (max-width: 768px) and (min-width: 577px) {
    .filter-panel-compact .col-md-2[b-hn9p33hzou] {
        width: 50% !important;
        margin-bottom: 0.5rem;
    }
    
    .main-card .card-header .input-group[b-hn9p33hzou] {
        width: 240px !important;
    }
}

/* ==================== 加载状态 ==================== */
.data-table .table-loading[b-hn9p33hzou] {
    position: relative;
}

.data-table .table-loading[b-hn9p33hzou]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(2px);
    z-index: 10;
}

/* ==================== 详情页面滚动 ==================== */
.enterprise-detail-content[b-hn9p33hzou] {
    max-height: 70vh;
    overflow-y: auto;
    padding-right: 0.5rem;
}

.enterprise-detail-content[b-hn9p33hzou]::-webkit-scrollbar {
    width: 4px;
}

.enterprise-detail-content[b-hn9p33hzou]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}

.enterprise-detail-content[b-hn9p33hzou]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 2px;
}

.enterprise-detail-content[b-hn9p33hzou]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* ==================== 动画效果 ==================== */
.stat-card-compact .stat-number[b-hn9p33hzou] {
    animation: countUp-b-hn9p33hzou 0.6s ease-out;
}

@keyframes countUp-b-hn9p33hzou {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==================== 表单验证状态 ==================== */
.is-invalid[b-hn9p33hzou] {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.1rem rgba(220, 53, 69, 0.25);
}

.is-valid[b-hn9p33hzou] {
    border-color: #198754;
    box-shadow: 0 0 0 0.1rem rgba(25, 135, 84, 0.25);
}

/* ==================== 技术规格输入框优化 ==================== */
.tab-content-padding .col-md-4 .form-control[b-hn9p33hzou] {
    text-align: right;
    font-family: 'Courier New', monospace;
    font-size: 0.9rem;
}

/* ==================== 详情页技术参数高亮 ==================== */
.detail-section .text-success.fw-bold[b-hn9p33hzou],
.detail-section .text-info.fw-bold[b-hn9p33hzou],
.detail-section .text-warning.fw-bold[b-hn9p33hzou],
.detail-section .text-primary[b-hn9p33hzou] {
    font-family: 'Courier New', monospace;
    letter-spacing: 0.3px;
    font-size: 0.95rem;
}

/* ==================== 载重吨数据样式优化 ==================== */
.dimension-cell[b-hn9p33hzou] {
    font-family: 'Courier New', monospace;
    font-size: 0.8rem;
    line-height: 1.2;
}
/* /Components/Pages/BaseData/VesselsStatisticsComponent.razor.rz.scp.css */
/* ====================================================================
   船舶管理 - 统一背景色统计界面样式（左右布局）
   设计理念: 极简、专注、可隐藏、统一背景、左右结构
   ==================================================================== */

/* 主容器 - 统一背景色 */
.vessels-dashboard[b-kbsap7vif2] {
    background: #f8f9fa !important;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    margin-bottom: 1rem;
    overflow: hidden;
}

/* 标题区域 - 稍深背景 */
.dashboard-header[b-kbsap7vif2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    border-bottom: 1px solid #e9ecef;
    background: #f1f3f4 !important;
}

.header-content h2[b-kbsap7vif2] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #343a40 !important;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header-content h2 i[b-kbsap7vif2] {
    color: #6c757d !important;
    font-size: 1rem;
}

.header-actions[b-kbsap7vif2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* 折叠按钮 - 统一背景色 */
.toggle-btn[b-kbsap7vif2] {
    width: 28px;
    height: 28px;
    border: 1px solid #dee2e6;
    background: #ffffff !important;
    border-radius: 4px;
    color: #6c757d !important;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
}

.toggle-btn:hover[b-kbsap7vif2] {
    background: #f8f9fa !important;
    border-color: #adb5bd;
    color: #495057 !important;
}

.toggle-btn:active[b-kbsap7vif2] {
    transform: scale(0.95);
}

/* 统计容器 */
.stats-container[b-kbsap7vif2] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.stats-container.expanded[b-kbsap7vif2] {
    max-height: 120px;
    opacity: 1;
    padding: 0.75rem;
}

.stats-container.collapsed[b-kbsap7vif2] {
    max-height: 0;
    opacity: 0;
    padding: 0 0.75rem;
}

/* 统计网格 */
.stats-grid[b-kbsap7vif2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

/* 统计卡片 - 统一背景色 */
.stat-tile[b-kbsap7vif2] {
    background: #ffffff !important;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 0.75rem;
    transition: all 0.2s ease;
    min-height: 70px;
}

.stat-tile:hover[b-kbsap7vif2] {
    border-color: #dee2e6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}

/* 卡片内容 - 左右布局 */
.tile-content[b-kbsap7vif2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    height: 100%;
}

.tile-icon[b-kbsap7vif2] {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

/* 船舶主题的图标颜色 */
.vessels-icon[b-kbsap7vif2] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    color: #1976d2 !important;
    border: 1px solid #e3f2fd;
}

.types-icon[b-kbsap7vif2] {
    background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%) !important;
    color: #388e3c !important;
    border: 1px solid #e8f5e8;
}

.flags-icon[b-kbsap7vif2] {
    background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%) !important;
    color: #00796b !important;
    border: 1px solid #e0f2f1;
}

.weight-icon[b-kbsap7vif2] {
    background: linear-gradient(135deg, #fff3e0 0%, #ffcc02 100%) !important;
    color: #f57c00 !important;
    border: 1px solid #fff3e0;
}

/* 指标信息区域 */
.metric-info[b-kbsap7vif2] {
    flex: 1;
    min-width: 0;
}

.metric-value[b-kbsap7vif2] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #495057 !important;
    line-height: 1.2;
    margin-bottom: 0.125rem;
}

.metric-label[b-kbsap7vif2] {
    font-size: 0.75rem;
    color: #6c757d !important;
    font-weight: 500;
    line-height: 1;
}

/* 折叠状态下的动画 */
.stats-container.collapsed .stat-tile[b-kbsap7vif2] {
    transform: translateY(-10px);
    opacity: 0;
}

.stats-container.expanded .stat-tile[b-kbsap7vif2] {
    transform: translateY(0);
    opacity: 1;
    transition: all 0.3s ease;
}

.stats-container.expanded .stat-tile:nth-child(1)[b-kbsap7vif2] { transition-delay: 0.1s; }
.stats-container.expanded .stat-tile:nth-child(2)[b-kbsap7vif2] { transition-delay: 0.15s; }
.stats-container.expanded .stat-tile:nth-child(3)[b-kbsap7vif2] { transition-delay: 0.2s; }
.stats-container.expanded .stat-tile:nth-child(4)[b-kbsap7vif2] { transition-delay: 0.25s; }

/* 响应式设计 */
@media (max-width: 640px) {
    .dashboard-header[b-kbsap7vif2] {
        padding: 0.5rem;
    }

    .header-content h2[b-kbsap7vif2] {
        font-size: 1rem;
    }

    .header-actions[b-kbsap7vif2] {
        gap: 0.5rem;
    }

    .toggle-btn[b-kbsap7vif2] {
        width: 24px;
        height: 24px;
        font-size: 0.625rem;
    }

    .stats-container.expanded[b-kbsap7vif2] {
        padding: 0.5rem;
        max-height: 160px;
    }

    .stats-grid[b-kbsap7vif2] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .stat-tile[b-kbsap7vif2] {
        padding: 0.5rem;
        min-height: 60px;
    }

    .tile-content[b-kbsap7vif2] {
        gap: 0.5rem;
    }

    .tile-icon[b-kbsap7vif2] {
        width: 32px;
        height: 32px;
        font-size: 0.9rem;
    }

    .metric-value[b-kbsap7vif2] {
        font-size: 1.25rem;
    }

    .metric-label[b-kbsap7vif2] {
        font-size: 0.625rem;
    }
}

@media (min-width: 768px) {
    .stats-grid[b-kbsap7vif2] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1024px) {
    .stats-grid[b-kbsap7vif2] {
        grid-template-columns: repeat(4, 1fr);
    }

    .tile-content[b-kbsap7vif2] {
        gap: 1rem;
    }

    .tile-icon[b-kbsap7vif2] {
        width: 44px;
        height: 44px;
        font-size: 1.2rem;
    }

    .metric-value[b-kbsap7vif2] {
        font-size: 1.6rem;
    }

    .metric-label[b-kbsap7vif2] {
        font-size: 0.8rem;
    }
}

/* 深色模式强制覆盖 */
@media (prefers-color-scheme: dark) {
    /* 保持统一浅色覆盖深色模式 */
    .vessels-dashboard[b-kbsap7vif2] {
        background: #f8f9fa !important;
        border-color: #e9ecef !important;
    }

    .dashboard-header[b-kbsap7vif2] {
        background: #f1f3f4 !important;
        border-color: #e9ecef !important;
    }

    .header-content h2[b-kbsap7vif2] {
        color: #343a40 !important;
    }

    .header-content h2 i[b-kbsap7vif2] {
        color: #6c757d !important;
    }

    .toggle-btn[b-kbsap7vif2] {
        background: #ffffff !important;
        border-color: #dee2e6 !important;
        color: #6c757d !important;
    }

    .toggle-btn:hover[b-kbsap7vif2] {
        background: #f8f9fa !important;
        border-color: #adb5bd !important;
        color: #495057 !important;
    }

    .stat-tile[b-kbsap7vif2] {
        background: #ffffff !important;
        border-color: #e9ecef !important;
    }

    .stat-tile:hover[b-kbsap7vif2] {
        border-color: #dee2e6 !important;
    }

    .metric-value[b-kbsap7vif2] {
        color: #495057 !important;
    }

    .metric-label[b-kbsap7vif2] {
        color: #6c757d !important;
    }

    /* 强制覆盖深色模式下的图标颜色 */
    .vessels-icon[b-kbsap7vif2] {
        background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
        color: #1976d2 !important;
        border-color: #e3f2fd !important;
    }

    .types-icon[b-kbsap7vif2] {
        background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%) !important;
        color: #388e3c !important;
        border-color: #e8f5e8 !important;
    }

    .flags-icon[b-kbsap7vif2] {
        background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%) !important;
        color: #00796b !important;
        border-color: #e0f2f1 !important;
    }

    .weight-icon[b-kbsap7vif2] {
        background: linear-gradient(135deg, #fff3e0 0%, #ffcc02 100%) !important;
        color: #f57c00 !important;
        border-color: #fff3e0 !important;
    }
}

/* 打印时始终展开 */
@media print {
    .stats-container[b-kbsap7vif2] {
        max-height: none !important;
        opacity: 1 !important;
        padding: 0.75rem !important;
    }

    .toggle-btn[b-kbsap7vif2] {
        display: none;
    }

    /* 打印时的统一色彩 */
    .vessels-icon[b-kbsap7vif2] {
        background: #e3f2fd !important;
        color: #1976d2 !important;
        border: 1px solid #bbdefb !important;
    }

    .types-icon[b-kbsap7vif2] {
        background: #e8f5e8 !important;
        color: #388e3c !important;
        border: 1px solid #c8e6c9 !important;
    }

    .flags-icon[b-kbsap7vif2] {
        background: #e0f2f1 !important;
        color: #00796b !important;
        border: 1px solid #b2dfdb !important;
    }

    .weight-icon[b-kbsap7vif2] {
        background: #fff3e0 !important;
        color: #f57c00 !important;
        border: 1px solid #ffcc02 !important;
    }
}
/* /Components/Pages/BaseData/Vessels/VesselsDetailView.razor.rz.scp.css */
/* ===== Popup Container ===== */
.vessel-detail-popup-content[b-hlwuf3xif3] {
    padding: 0;
    background: #f8f9fa;
    border-radius: 8px;
    overflow: hidden;
    max-height: 75vh;
    overflow-y: auto;
}

/* ===== Header Section (Compact) ===== */
.vessel-header-section[b-hlwuf3xif3] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 20px 32px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15);
}

.vessel-avatar[b-hlwuf3xif3] {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 28px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.3);
    flex-shrink: 0;
}

.vessel-header-info[b-hlwuf3xif3] {
    flex: 1;
}

.vessel-name[b-hlwuf3xif3] {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 8px 0;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.vessel-meta[b-hlwuf3xif3] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.meta-item[b-hlwuf3xif3] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.95);
    font-size: 13px;
    background: rgba(255, 255, 255, 0.15);
    padding: 4px 12px;
    border-radius: 16px;
    backdrop-filter: blur(5px);
}

.meta-item i[b-hlwuf3xif3] {
    font-size: 13px;
}

.meta-item strong[b-hlwuf3xif3] {
    font-weight: 600;
}

/* ===== Content Sections (Compact) ===== */
.vessel-content[b-hlwuf3xif3] {
    padding: 16px 32px;
    animation: fadeInUp-b-hlwuf3xif3 0.3s ease;
}

@keyframes fadeInUp-b-hlwuf3xif3 {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== Section Headers (Compact) ===== */
.info-section[b-hlwuf3xif3] {
    background: #fff;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.3s ease;
}

.info-section:hover[b-hlwuf3xif3] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.section-header[b-hlwuf3xif3] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
}

.section-header i[b-hlwuf3xif3] {
    font-size: 18px;
    color: #667eea;
}

.section-header h5[b-hlwuf3xif3] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

/* ===== Info Items (Compact) ===== */
.info-item[b-hlwuf3xif3] {
    padding: 8px 0;
}

.info-item label[b-hlwuf3xif3] {
    display: block;
    font-size: 12px;
    color: #6c757d;
    font-weight: 500;
    margin-bottom: 6px;
}

.info-item .value[b-hlwuf3xif3] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #333;
}

.info-item .value strong[b-hlwuf3xif3] {
    color: #1a1a1a;
    font-weight: 600;
}

.info-item .value i[b-hlwuf3xif3] {
    font-size: 13px;
}

/* ===== Tech Section (White Card Style - Same as Others) ===== */
.tech-section[b-hlwuf3xif3] {
    background: #fff;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.3s ease;
}

.tech-section:hover[b-hlwuf3xif3] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.tech-section .section-header[b-hlwuf3xif3] {
    border-bottom-color: #f0f0f0;
}

.tech-section .section-header i[b-hlwuf3xif3],
.tech-section .section-header h5[b-hlwuf3xif3] {
    color: #333;
}

.tech-section .section-header i[b-hlwuf3xif3] {
    color: #667eea;
}

.tech-stats-row[b-hlwuf3xif3] {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tech-stat-card[b-hlwuf3xif3] {
    flex: 1;
    min-width: 180px;
    background: #f8f9fa;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    transition: all 0.3s ease;
}

.tech-stat-card:hover[b-hlwuf3xif3] {
    background: #fff;
    border-color: #667eea;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15);
    transform: translateY(-2px);
}

.stat-icon[b-hlwuf3xif3] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #fff;
    flex-shrink: 0;
}

.stat-icon.dwt[b-hlwuf3xif3] {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.stat-icon.gt[b-hlwuf3xif3] {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.stat-icon.nt[b-hlwuf3xif3] {
    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

.stat-content[b-hlwuf3xif3] {
    flex: 1;
}

.stat-content label[b-hlwuf3xif3] {
    display: block;
    color: #6c757d;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 6px;
}

.stat-value[b-hlwuf3xif3] {
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin-bottom: 4px;
}

.stat-value .number[b-hlwuf3xif3] {
    font-size: 22px;
    font-weight: 700;
    color: #333;
}

.stat-value .unit[b-hlwuf3xif3] {
    font-size: 12px;
    color: #6c757d;
}

.stat-badge[b-hlwuf3xif3] {
    margin-top: 2px;
}

.stat-badge .badge[b-hlwuf3xif3] {
    font-size: 11px;
    padding: 3px 8px;
}

.stat-missing[b-hlwuf3xif3] {
    color: #999;
    font-size: 13px;
    font-style: italic;
}

/* ===== Remark Box (Compact) ===== */
.remark-box[b-hlwuf3xif3] {
    background: #f8f9fa;
    border-left: 3px solid #ffc107;
    padding: 12px 16px;
    border-radius: 4px;
    color: #555;
    line-height: 1.5;
    font-size: 13px;
    white-space: pre-wrap;
}

/* ===== System Info Section ===== */
.system-info[b-hlwuf3xif3] {
    background: #f8f9fa;
    border: 1px dashed rgba(0, 0, 0, 0.1);
}

/* ===== Footer (Compact) ===== */
.vessel-detail-popup-footer[b-hlwuf3xif3] {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    padding-top: 0.25rem;
}

.vessel-detail-popup-footer .dxbl-btn[b-hlwuf3xif3] {
    transition: all 0.2s ease;
}

.vessel-detail-popup-footer .dxbl-btn:hover[b-hlwuf3xif3] {
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}

/* ===== Responsive Design (Compact) ===== */
@media (max-width: 991.98px) {
    .vessel-header-section[b-hlwuf3xif3] {
        padding: 16px 24px;
    }

    .vessel-avatar[b-hlwuf3xif3] {
        width: 56px;
        height: 56px;
        font-size: 24px;
    }

    .vessel-name[b-hlwuf3xif3] {
        font-size: 20px;
    }

    .vessel-content[b-hlwuf3xif3] {
        padding: 14px 24px;
    }

    .info-section[b-hlwuf3xif3] {
        padding: 14px 16px;
    }

    .tech-section[b-hlwuf3xif3] {
        padding: 14px 16px;
    }

    .tech-stats-row[b-hlwuf3xif3] {
        flex-direction: column;
    }

    .tech-stat-card[b-hlwuf3xif3] {
        min-width: 100%;
    }

    .modal-footer[b-hlwuf3xif3] {
        padding: 12px 24px;
    }
}

@media (max-width: 767.98px) {
    .vessel-header-section[b-hlwuf3xif3] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 14px 16px;
    }

    .vessel-avatar[b-hlwuf3xif3] {
        width: 60px;
        height: 60px;
    }

    .vessel-meta[b-hlwuf3xif3] {
        justify-content: center;
    }

    .vessel-content[b-hlwuf3xif3] {
        padding: 12px 16px;
    }

    .info-section[b-hlwuf3xif3] {
        padding: 12px 14px;
    }

    .tech-section[b-hlwuf3xif3] {
        padding: 12px 14px;
    }

    .stat-icon[b-hlwuf3xif3] {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }

    .stat-value .number[b-hlwuf3xif3] {
        font-size: 18px;
    }

    .modal-footer[b-hlwuf3xif3] {
        padding: 10px 16px;
    }
}

/* ===== Badge Improvements ===== */
.badge[b-hlwuf3xif3] {
    font-weight: 500;
    letter-spacing: 0.3px;
    padding: 4px 10px;
}

/* ===== Scrollbar ===== */
.vessel-content[b-hlwuf3xif3] {
    max-height: calc(85vh - 160px);
    overflow-y: auto;
}

.vessel-content[b-hlwuf3xif3]::-webkit-scrollbar {
    width: 5px;
}

.vessel-content[b-hlwuf3xif3]::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.04);
    border-radius: 3px;
}

.vessel-content[b-hlwuf3xif3]::-webkit-scrollbar-thumb {
    background: rgba(102, 126, 234, 0.3);
    border-radius: 3px;
}

.vessel-content[b-hlwuf3xif3]::-webkit-scrollbar-thumb:hover {
    background: rgba(102, 126, 234, 0.5);
}
/* /Components/Pages/BaseData/Vessels/VesselsEditDialog.razor.rz.scp.css */
.vessel-popup-body[b-hp0wx5g41i] {
    max-height: 75vh;
    overflow-y: auto;
    padding: 1rem;
}

.edit-header-compact[b-hp0wx5g41i] {
    padding: 1rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 8px;
    color: white;
}

.text-muted-light[b-hp0wx5g41i] {
    color: rgba(255, 255, 255, 0.8) !important;
}

.edit-avatar[b-hp0wx5g41i] {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.form-content-compact[b-hp0wx5g41i] {
    padding: 0.5rem;
}

.form-group-card[b-hp0wx5g41i] {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.form-group-title[b-hp0wx5g41i] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #f0f0f0;
}

.form-tips[b-hp0wx5g41i] {
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
    color: #856404;
    margin-top: 1rem;
}

.edit-mode-badge[b-hp0wx5g41i] {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
}

.edit-mode-badge-warning[b-hp0wx5g41i] {
    background: rgba(255, 193, 7, 0.18);
    color: #664d03;
}

.edit-mode-badge-success[b-hp0wx5g41i] {
    background: rgba(25, 135, 84, 0.18);
    color: #0f5132;
}

.vessel-field .form-label[b-hp0wx5g41i] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.35rem;
}

.vessel-field .validation-message[b-hp0wx5g41i] {
    color: #dc3545;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

.vessel-popup-footer[b-hp0wx5g41i] {
    padding: 0.25rem 0;
}
/* /Components/Pages/Company/CompanyMgrPage.razor.rz.scp.css */
/* ===== 可点击列链接样式 ===== */
.company-code-link[b-t3tudfarav] {
  display: inline-flex;
  align-items: center;
  transition: all 0.2s ease;
}

.company-code-link:hover[b-t3tudfarav] {
  color: #0056b3 !important;
  text-decoration: underline !important;
}

.company-code-link i[b-t3tudfarav] {
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

.company-code-link:hover i[b-t3tudfarav] {
  opacity: 1;
}

.company-name-link[b-t3tudfarav] {
  transition: all 0.2s ease;
}

.company-name-link:hover[b-t3tudfarav] {
  color: #0056b3 !important;
  text-decoration: underline !important;
}

/* ===== Sync header and stats-preview with CustomerMgrPage ===== */
.page-header-light[b-t3tudfarav] {
  background: #f8f9fa !important;
  border-radius: 8px;
  border: 1px solid #e9ecef;
  margin-bottom: 0.5rem;
  overflow: hidden;
  padding: 0.75rem 1rem !important; /* 与 CustomerMgrPage 保持一致 */
}

.page-icon-lg[b-t3tudfarav] {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  border: 2px solid #e9ecef;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  flex-shrink: 0;
}

.page-title[b-t3tudfarav] {
  color: #343a40 !important;
  margin: 0;
  font-weight: 600;
  font-size: 1.25rem !important;
  line-height: 1.2;
}

.header-actions[b-t3tudfarav] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* 统计预览样式，与 CustomerMgrPage 保持一致 */
.stats-preview[b-t3tudfarav] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 1rem;
  background: white;
  border-radius: 6px;
  border: 1px solid #e9ecef;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin-right: 0.75rem;
}

/* 单位编码链接样式 */
.company-code-link[b-t3tudfarav] {
    color: var(--bs-primary, #0d6efd);
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
}

.company-code-link:hover[b-t3tudfarav] {
    color: var(--bs-primary, #0d6efd);
    text-decoration: underline;
}

.company-code-link i[b-t3tudfarav] {
    opacity: 0.6;
    transition: opacity 0.2s ease;
    font-size: 0.875em;
}

.company-code-link:hover i[b-t3tudfarav] {
    opacity: 1;
}


.stat-preview-item[b-t3tudfarav] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 60px;
}

.stat-preview-label[b-t3tudfarav] {
  font-size: 0.75rem;
  color: #6c757d;
  margin-bottom: 2px;
  font-weight: 500;
  line-height: 1;
}

.stat-preview-value[b-t3tudfarav] {
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1;
}

/* 响应式规则与 CustomerMgrPage 一致 */
@media (max-width: 1200px) {
  .stats-preview[b-t3tudfarav] {
    gap: 0.75rem;
    padding: 0.375rem 0.75rem;
  }

  .stat-preview-item[b-t3tudfarav] {
    min-width: 50px;
  }

  .stat-preview-label[b-t3tudfarav] {
    font-size: 0.7rem;
  }

  .stat-preview-value[b-t3tudfarav] {
    font-size: 1rem;
  }
}

@media (max-width: 992px) {
  .stats-preview[b-t3tudfarav] {
    display: none !important;
  }

  .header-actions[b-t3tudfarav] {
    gap: 0.5rem;
  }
}

@media (max-width: 768px) {
  .page-header-light[b-t3tudfarav] {
    padding: 0.5rem 0.75rem !important;
    margin-bottom: 0.375rem;
  }

  .page-icon-lg[b-t3tudfarav] {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
    border-radius: 10px;
  }

  .page-title[b-t3tudfarav] {
    font-size: 1.125rem !important;
  }

  .page-header-light .d-flex[b-t3tudfarav] {
    min-height: 48px;
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
  }
}

@media (max-width: 576px) {
  .page-header-light[b-t3tudfarav] {
    padding: 0.375rem 0.5rem !important;
    margin-bottom: 0.25rem;
  }

  .page-icon-lg[b-t3tudfarav] {
    width: 36px;
    height: 36px;
    font-size: 1.125rem;
    border-radius: 8px;
  }

  .page-title[b-t3tudfarav] {
    font-size: 1rem !important;
  }
}

/* 确保最小高度一致 */
.page-header-light .d-flex[b-t3tudfarav] {
  min-height: 56px; /* 与 CustomerMgrPage 保持一致 */
  align-items: center;
}

/* End of header/stats sync */

/* ===== 委托方管理页面样式优化 ===== */
.dropdown-menu[b-t3tudfarav] {
  position: relative !important;
}
/* 委托方详情查看弹窗样式 */
.company-view-modal .modal-dialog[b-t3tudfarav] {
  max-width: 95%;
  margin: 1rem auto;
}

.company-view-modal .modal-content[b-t3tudfarav] {
  border: none;
  border-radius: 1rem;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.company-view-modal .modal-header[b-t3tudfarav] {
  /* background provided by shared utility class */
  border: none;
  padding: 1.5rem 2rem;
}

.company-view-modal .modal-body[b-t3tudfarav] {
  padding: 2rem;
  max-height: 80vh;
  overflow-y: auto;
  background: #f8f9fa;
}

.company-view-modal .modal-footer[b-t3tudfarav] {
  background: white;
  border: none;
  padding: 1.5rem 2rem;
  border-top: 1px solid #e9ecef;
  display: unset;
}

/* 委托方编辑弹窗样式 */
.company-modal .modal-dialog[b-t3tudfarav] {
  max-width: 90%;
  margin: 1rem auto;
}

.company-modal .modal-content[b-t3tudfarav] {
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.company-modal .modal-header[b-t3tudfarav] {
  /* background provided by shared utility class */
  border: none;
  padding: 1rem 1.5rem;
}

.company-modal .modal-body[b-t3tudfarav] {
  padding: 1.5rem;
  max-height: 80vh;
  overflow-y: auto;
}

.company-modal .modal-footer[b-t3tudfarav] {
  background: #f8f9fa;
  border: none;
  padding: 1rem 1.5rem;
  display: unset
}

/* 发票管理弹窗样式 */
.invoice-management-modal .modal-dialog[b-t3tudfarav] {
  max-width: 95%;
}

.invoice-management-modal .modal-content[b-t3tudfarav] {
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.invoice-management-modal .modal-header[b-t3tudfarav] {
  /* background provided by shared utility class */
  border: none;
  padding: 1rem 1.5rem;
}

/* 客户管理弹窗样式 */
.customer-management-modal .modal-dialog[b-t3tudfarav] {
  max-width: 95%;
}

.customer-management-modal .modal-content[b-t3tudfarav] {
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.customer-management-modal .modal-header[b-t3tudfarav] {
  /* background provided by shared utility class */
  border: none;
  padding: 1rem 1.5rem;
}

/* 发票编辑弹窗样式 */
.invoice-edit-modal .modal-dialog[b-t3tudfarav] {
  max-width: 800px;
}

.invoice-edit-modal .modal-content[b-t3tudfarav] {
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.invoice-edit-modal .modal-header[b-t3tudfarav] {
  /* background provided by shared utility class */
  border: none;
  padding: 1rem 1.5rem;
}

/* 客户编辑弹窗样式 */
.customer-edit-modal .modal-dialog[b-t3tudfarav] {
  max-width: 800px;
}

.customer-edit-modal .modal-content[b-t3tudfarav] {
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.customer-edit-modal .modal-header[b-t3tudfarav] {
  /* background provided by shared utility class */
  border: none;
  padding: 1rem 1.5rem;
}

/* Badge 样式优化 */
.badge-sm[b-t3tudfarav] {
  font-size: 0.7em;
  padding: 0.25em 0.5em;
}

/* 表格样式优化 */
.table-hover tbody tr:hover[b-t3tudfarav] {
  background-color: rgba(0, 123, 255, 0.05);
}

.btn-group .btn[b-t3tudfarav] {
  margin: 0 1px;
}

/* 优化表格渲染性能，减少闪烁 */
.table-fixed[b-t3tudfarav] {
  table-layout: fixed !important;
  contain: layout style paint !important;
}

  .table-fixed thead th[b-t3tudfarav] {
    will-change: auto !important;
    transform: none !important;
    transition: none !important;
  }

  .table-fixed tbody tr[b-t3tudfarav] {
    will-change: auto !important;
    transform: none !important;
    transition: none !important;
  }

.table-responsive[b-t3tudfarav] {
  contain: layout style !important;
  overflow: auto !important;
}

/* 防止统计卡片在数据更新时闪烁 */
.card-body[b-t3tudfarav] {
  contain: layout style !important;
}

/* 确保表格排序时不会触发全页面重排 */
.table thead th[data-bb-sortable="true"][b-t3tudfarav] {
  position: relative !important;
  overflow: visible !important;
}

  .table thead th[data-bb-sortable="true"]:hover[b-t3tudfarav] {
    transform: none !important;
  }

/* 修复下拉框被统计卡片覆盖的问题 */
.dropdown-menu[b-t3tudfarav],
.bb-select-dropdown[b-t3tudfarav],
.multiselect-dropdown[b-t3tudfarav] {
  z-index: 1060 !important;
  position: fixed !important;
}

/* 高级筛选面板层级提升 */
.card.border-0.bg-light[b-t3tudfarav] {
  position: relative;
  z-index: 10;
}

/* 统计信息卡片层级降低 */
.row.mb-3:has(.card.border-0.bg-primary)[b-t3tudfarav] {
  position: relative;
  z-index: 1;
}

/* 筛选面板的下拉组件特殊处理 */
.card.border-0.bg-light .bb-select[b-t3tudfarav],
.card.border-0.bg-light .bb-multi-select[b-t3tudfarav] {
  position: relative;
  z-index: 1070;
}

/* 确保下拉框内容可见 */
.bb-select-dropdown-list[b-t3tudfarav],
.multiselect-dropdown-list[b-t3tudfarav] {
  background: white;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  max-height: 300px;
  overflow-y: auto;
}

/* 修复下拉选项的显示问题 */
.bb-select-dropdown-item[b-t3tudfarav],
.multiselect-dropdown-item[b-t3tudfarav] {
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  border: none;
  background: transparent;
}

  .bb-select-dropdown-item:hover[b-t3tudfarav],
  .multiselect-dropdown-item:hover[b-t3tudfarav] {
    background-color: #f8f9fa;
  }

/* 提升搜索框容器的层级 */
.input-group[b-t3tudfarav] {
  position: relative;
  z-index: 5;
}

/* 操作工具栏层级 */
.row:has(.btn-group)[b-t3tudfarav] {
  position: relative;
  z-index: 5;
}

/* 确保BootstrapBlazor组件的下拉框正确显示 */
.bb-dropdown-menu[b-t3tudfarav] {
  z-index: 1060 !important;
}

/* 处理Select和MultiSelect组件的下拉层级 */
.bb-select .dropdown-menu[b-t3tudfarav],
.bb-multiselect .dropdown-menu[b-t3tudfarav] {
  z-index: 1070 !important;
  position: absolute !important;
}

/* 滚动条美化 */
.company-view-modal .modal-body[b-t3tudfarav] {
  scrollbar-width: thin;
  scrollbar-color: #007bff #f1f1f1;
}

  .company-view-modal .modal-body[b-t3tudfarav]::-webkit-scrollbar {
    width: 8px;
  }

  .company-view-modal .modal-body[b-t3tudfarav]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
  }

  .company-view-modal .modal-body[b-t3tudfarav]::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #007bff, #0056b3);
    border-radius: 4px;
  }

    .company-view-modal .modal-body[b-t3tudfarav]::-webkit-scrollbar-thumb:hover {
      background: linear-gradient(135deg, #0056b3, #004085);
    }

/* 弹窗动画效果 */
.company-view-modal .modal-dialog[b-t3tudfarav],
.company-modal .modal-dialog[b-t3tudfarav],
.invoice-management-modal .modal-dialog[b-t3tudfarav],
.customer-management-modal .modal-dialog[b-t3tudfarav],
.invoice-edit-modal .modal-dialog[b-t3tudfarav],
.customer-edit_modal .modal-dialog[b-t3tudfarav] {
  animation: modalSlideIn-b-t3tudfarav 0.3s ease;
}

@keyframes modalSlideIn-b-t3tudfarav {
  from {
    transform: translateY(-30px) scale(0.95);
    opacity: 0;
  }

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

/* ===== 委托方信息编辑弹窗美化版样式 ===== */

/* 模态框整体样式 */
.company-edit-modal-modern .modal-dialog[b-t3tudfarav] {
  max-width: 90%;
  margin: 1rem auto;
}

.company-edit-modal-modern .modal-content[b-t3tudfarav] {
  border: none;
  border-radius: 15px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

.company-edit-modal-modern .modal-header[b-t3tudfarav] {
  /* background provided by shared utility class */
  color: white;
  border: none;
  padding: 1.5rem 2rem;
}

.company-edit-modal-modern .modal-title[b-t3tudfarav] {
  font-weight: 600;
  font-size: 1.25rem;
}

.company-edit-modal-modern .modal-body[b-t3tudfarav] {
  padding: 2rem;
  background: #f8f9fa;
}

/* 编辑头部样式 */
.edit-header-modern[b-t3tudfarav] {
  border-radius: 12px;
  padding: 1.5rem;
  border: 1px solid #e9ecef;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.company-icon-modern[b-t3tudfarav] {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.25);
}

.edit-badges .badge-lg[b-t3tudfarav] {
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  font-weight: 500;
  border-radius: 20px;
}

/* 进度指示器 */
.progress-indicator[b-t3tudfarav] {
  background: white;
  border-radius: 12px;
  padding: 1.5rem;
  border: 1px solid #e9ecef;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.steps-container[b-t3tudfarav] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.step[b-t3tudfarav] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  opacity: 0.5;
  transition: all 0.3s ease;
}

  .step.active[b-t3tudfarav] {
    opacity: 1;
  }

.step-icon[b-t3tudfarav] {
  width: 40px;
  height: 40px;
  background: #e9ecef;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6c757d;
  transition: all 0.3s ease;
}

.step.active .step-icon[b-t3tudfarav] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.25);
}

.step-text[b-t3tudfarav] {
  font-size: 0.8rem;
  font-weight: 500;
  color: #6c757d;
  text-align: center;
}

.step.active .step-text[b-t3tudfarav] {
  color: #495057;
  font-weight: 600;
}

.step-line[b-t3tudfarav] {
  height: 2px;
  width: 60px;
  background: #e9ecef;
  transition: all 0.3s ease;
}

  .step-line.active[b-t3tudfarav] {
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
  }

/* 表单区域 */
.form-sections[b-t3tudfarav] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.form-section[b-t3tudfarav] {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e9ecef;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

  .form-section:hover[b-t3tudfarav] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
  }

.section-header[b-t3tudfarav] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.section-icon[b-t3tudfarav] {
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.section-title h5[b-t3tudfarav] {
  margin: 0;
  color: #495057;
  font-weight: 600;
}

.section-content[b-t3tudfarav] {
  padding: 1.5rem;
}

/* 表单组件美化 */
.form-group-modern[b-t3tudfarav] {
  position: relative;
  margin-bottom: 1rem;
}

.form-control-modern[b-t3tudfarav],
.select-modern[b-t3tudfarav],
.textarea-modern[b-t3tudfarav] {
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  background: white;
}

  .form-control-modern:focus[b-t3tudfarav],
  .select-modern:focus[b-t3tudfarav],
  .textarea-modern:focus[b-t3tudfarav] {
    border-color: #667eea;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.15);
    transform: translateY(-1px);
  }

.field-help[b-t3tudfarav] {
  font-size: 0.75rem;
  color: #6c757d;
  margin-top: 0.25rem;
  font-style: italic;
}

/* 状态切换区域 */
.status-toggle-container[b-t3tudfarav] {
  background: linear-gradient(135deg, #f9f9fb 0%, #f0f1f5 100%);
  border-radius: 8px;
  padding: 1rem;
  border: 1px solid #e9ecef;
}

.status-toggle[b-t3tudfarav] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.checkbox-modern[b-t3tudfarav] {
  transform: scale(1.2);
}

.status-description[b-t3tudfarav] {
  margin-left: 1.5rem;
}

/* 模态框底部 */
.modal-footer-modern[b-t3tudfarav] {
  background: white;
  border-top: 1px solid #e9ecef;
  padding: 1.5rem 2rem;
}

.footer-info[b-t3tudfarav] {
  flex: 1;
}

.footer-actions[b-t3tudfarav] {
  display: flex;
  gap: 0.5rem;
}

.btn-save-modern[b-t3tudfarav] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  color: white;
  font-weight: 500;
  padding: 0.5rem 1.5rem;
  border-radius: 6px;
  transition: all 0.3s ease;
}

  .btn-save-modern:hover[b-t3tudfarav] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.25);
  }

/* ===== 委托方信息编辑弹窗紧凑Tab版本样式 ===== */

/* 模态框整体样式 */
.company-edit-modal-compact .modal-dialog[b-t3tudfarav] {
  max-width: 900px;
  margin: 1rem auto;
}

.company-edit-modal-compact .modal-content[b-t3tudfarav] {
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.company-edit-modal-compact .modal-header[b-t3tudfarav] {
  /* background provided by shared utility class */
  color: white;
  border: none;
  padding: 1rem 1.5rem;
  border-radius: 8px 8px 0 0;
}

.company-edit-modal-compact .modal-title[b-t3tudfarav] {
  font-weight: 600;
  font-size: 1.1rem;
  margin: 0;
}

.company-edit-modal-compact .modal-body[b-t3tudfarav] {
  padding: 1.25rem;
  background: #fafafa;
}

/* 编辑头部紧凑版 */
.edit-header-compact[b-t3tudfarav] {
  /* background provided by shared utility class */
  color: #fff;
  border-radius: 6px;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(0,0,0,0.04);
  box-shadow: 0 2px 8px rgba(0, 86, 179, 0.08);
}

.company-icon-compact[b-t3tudfarav] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

.edit-badges-compact .badge-sm[b-t3tudfarav] {
  padding: 0.25rem 0.5rem;
  font-size: 0.7rem;
  font-weight: 500;
  border-radius: 12px;
}

/* Tab选项卡样式 */
.company-edit-tabs[b-t3tudfarav] {
  margin-top: 0;
}

  .company-edit-tabs .nav-tabs[b-t3tudfarav] {
    border-bottom: 2px solid #e9ecef;
    background: white;
    border-radius: 6px 6px 0 0;
    padding: 0.5rem 0.5rem 0;
  }

  .company-edit-tabs .nav-link[b-t3tudfarav] {
    border: none;
    border-radius: 6px 6px 0 0;
    padding: 0.5rem 1rem;
    margin: 0 0.25rem;
    color: #6c757d;
    font-weight: 500;
    font-size: 0.875rem;
    transition: all 0.2s ease;
    position: relative;
  }

    .company-edit-tabs .nav-link:hover[b-t3tudfarav] {
      background: #f8f9fa;
      color: #495057;
      border-color: transparent;
    }

    .company-edit-tabs .nav-link.active[b-t3tudfarav] {
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      color: white;
      border-color: transparent;
      box-shadow: 0 2px 4px rgba(102, 126, 234, 0.25);
    }

      .company-edit-tabs .nav-link.active[b-t3tudfarav]::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        right: 0;
        height: 2px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      }

  .company-edit-tabs .tab-content[b-t3tudfarav] {
    background: white;
    border: 1px solid #e9ecef;
    border-top: none;
    border-radius: 0 0 6px 6px;
    min-height: 300px;
  }

.tab-content-padding[b-t3tudfarav] {
  padding: 1rem;
}

/* 表单控件优化 */
.company-edit-modal-compact .form-label[b-t3tudfarav] {
  font-weight: 500;
  font-size: 0.875rem;
  color: #495057;
  margin-bottom: 0.25rem;
}

.company-edit-modal-compact .form-control[b-t3tudfarav],
.company-edit-modal-compact .form-select[b-t3tudfarav] {
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

  .company-edit-modal-compact .form-control:focus[b-t3tudfarav],
  .company-edit-modal-compact .form-select:focus[b-t3tudfarav] {
    border-color: #667eea;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
  }

/* 状态设置区域 */
.status-setting-compact[b-t3tudfarav] {
  background: #f8f9fa;
  border-radius: 6px;
  padding: 0.75rem;
  border: 1px solid #e9ecef;
}

.form-check-input-lg[b-t3tudfarav] {
  transform: scale(1.2);
}

/* 底部样式 */
.modal-footer-compact[b-t3tudfarav] {
  background: white;
  border-top: 1px solid #e9ecef;
  padding: 0.75rem 1.25rem;
  border-radius: 0 0 8px 8px;
}

.footer-tips[b-t3tudfarav] {
  flex: 1;
}

.footer-actions[b-t3tudfarav] {
  display: flex;
  gap: 0.5rem;
}

/* --- 增量优化: 委托方编辑弹窗紧凑版增强样式 --- */
/* 头部视觉强化 */
.company-edit-modal-compact .edit-header-compact[b-t3tudfarav] {
  background: linear-gradient(135deg, var(--bs-primary) 0%, #4e6be3 55%, #6a4ee3 100%) !important;
  backdrop-filter: blur(2px);
  box-shadow: 0 4px 18px -4px rgba(0,0,0,.25), 0 0 0 1px rgba(255,255,255,.08) inset;
}

  .company-edit-modal-compact .edit-header-compact h6[b-t3tudfarav] {
    font-size: .95rem;
    letter-spacing: .5px;
  }

  .company-edit-modal-compact .edit-header-compact small[b-t3tudfarav] {
    opacity: .9;
  }

/* Tab 更紧凑：减少高度占用 */
.company-edit-modal-compact .company-edit-tabs .nav-link[b-t3tudfarav] {
  padding: .4rem .75rem;
  font-size: .75rem;
}

  .company-edit-modal-compact .company-edit-tabs .nav-link i[b-t3tudfarav] {
    font-size: .7rem;
  }

.company-edit-modal-compact .tab-content-padding[b-t3tudfarav] {
  padding: .75rem .5rem .5rem;
}

/* 表单紧凑化 */
.company-edit-modal-compact .row.g-2[b-t3tudfarav] {
  --bs-gutter-x: .6rem;
  --bs-gutter-y: .55rem;
}

.company-edit-modal-compact .form-label[b-t3tudfarav] {
  font-size: .68rem;
  margin-bottom: .15rem;
  font-weight: 600;
  letter-spacing: .25px;
}

.company-edit-modal-compact .form-control[b-t3tudfarav],
.company-edit-modal-compact .form-select[b-t3tudfarav],
.company-edit-modal-compact textarea.form-control[b-t3tudfarav] {
  padding: .35rem .55rem;
  font-size: .72rem;
  line-height: 1.25;
}

.company-edit-modal-compact .bb-select input.form-control[b-t3tudfarav],
.company-edit-modal-compact .bb-multiselect input.form-control[b-t3tudfarav] {
  padding: .35rem .55rem;
  font-size: .72rem;
}

/* 必填标识强化 */
.company-edit-modal-compact .form-label .text-danger[b-t3tudfarav],
.company-edit-modal-compact .form-label .required[b-t3tudfarav],
.company-edit-modal-compact label .required[b-t3tudfarav] {
  color: #ff7a5c !important;
  font-weight: 700;
}

/* 输入交互反馈 */
.company-edit-modal-compact .form-control:hover[b-t3tudfarav],
.company-edit-modal-compact .form-select:hover[b-t3tudfarav] {
  background: #fcfcff;
}

.company-edit-modal-compact .form-control:focus[b-t3tudfarav],
.company-edit-modal-compact .form-select:focus[b-t3tudfarav] {
  border-color: #5779ff;
  box-shadow: 0 0 0 .15rem rgba(87,121,255,.22);
}

/* 只读/禁用微样式 */
.company-edit-modal-compact .form-control[readonly][b-t3tudfarav],
.company-edit-modal-compact .form-control:disabled[b-t3tudfarav] {
  background: #f5f6f9;
  color: #6c757d;
}

/* 状态块优化 */
.company-edit-modal-compact .status-setting-compact[b-t3tudfarav] {
  background: linear-gradient(145deg,#f5f7fa 0%,#eceff5 100%);
  border: 1px solid #e2e6ef;
}

/* Footer 强制布局：提示左、按钮右 + 吸底 */
.company-edit-modal-compact .modal-footer-compact[b-t3tudfarav] {
  position: sticky;
  bottom: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: .5rem;
  background: #fff;
  padding: .55rem .9rem !important;
  border-top: 1px solid #e3e6ed !important;
  box-shadow: 0 -2px 6px -2px rgba(0,0,0,.08);
}

  .company-edit-modal-compact .modal-footer-compact .footer-tips[b-t3tudfarav] {
    margin-right: auto !important;
    display: flex;
    align-items: center;
  }

    .company-edit-modal-compact .modal-footer-compact .footer-tips small[b-t3tudfarav] {
      font-size: .63rem;
      letter-spacing: .4px;
      white-space: nowrap;
      color: #6b7280;
    }

  .company-edit-modal-compact .modal-footer-compact .footer-actions .btn[b-t3tudfarav] {
    min-width: 70px;
  }

/* 防御（若父级被 row-reverse 覆盖） */
.company-edit-modal-compact .modal-footer-compact[b-t3tudfarav] {
  flex-direction: row !important;
}

/* 小屏优化 */
@media (max-width: 640px) {
  .company-edit-modal-compact .modal-dialog[b-t3tudfarav] {
    max-width: 95%;
  }

  .company-edit-modal-compact .edit-header-compact[b-t3tudfarav] {
    padding: .6rem .7rem;
  }

  .company-edit-modal-compact .company-edit-tabs .nav-link[b-t3tudfarav] {
    padding: .35rem .55rem;
    font-size: .68rem;
  }

  .company-edit-modal-compact .modal-footer-compact[b-t3tudfarav] {
    flex-wrap: wrap;
  }

    .company-edit-modal-compact .modal-footer-compact .footer-actions[b-t3tudfarav] {
      width: 100%;
      justify-content: flex-end;
    }
}

/* 滚动场景下的平滑过渡（避免抖动） */
.company-edit-modal-compact .modal-body[b-t3tudfarav] {
  scroll-behavior: smooth;
}

/* 选中行或活动元素的轻量强调（若后续添加列表） */
.company-edit-modal-compact .active-row[b-t3tudfarav] {
  background: linear-gradient(90deg,#eef3ff,#f7f9fe);
}

/* 动画（可选） */
.company-edit-modal-compact .form-control[b-t3tudfarav],
.company-edit-modal-compact .form-select[b-t3tudfarav] {
  transition: background .15s,border-color .18s,box-shadow .18s;
}

.company-edit-modal-compact .modal-footer-compact[b-t3tudfarav] {
  transition: box-shadow .25s;
}

  .company-edit-modal-compact .modal-footer-compact:hover[b-t3tudfarav] {
    box-shadow: 0 -3px 10px -2px rgba(0,0,0,.12);
  }
/* === 字体优化（编辑弹窗） ================================================= */
.company-edit-modal-compact[b-t3tudfarav] {
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size: 13px; /* 基础字号 */
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

  /* 标题层级 */
  .company-edit-modal-compact .edit-header-compact h6[b-t3tudfarav] {
    font-size: 14.5px;
    font-weight: 600;
  }

  .company-edit-modal-compact .edit-header-compact small[b-t3tudfarav] {
    font-size: 11.5px;
  }

  /* Tab 字体 */
  .company-edit-modal-compact .company-edit-tabs .nav-link[b-t3tudfarav] {
    font-size: 12.25px;
    letter-spacing: .3px;
  }

    .company-edit-modal-compact .company-edit-tabs .nav-link i[b-t3tudfarav] {
      font-size: 12px;
    }

  /* 表单标签与控件 */
  .company-edit-modal-compact .form-label[b-t3tudfarav] {
    font-size: 12.2px;
    letter-spacing: .25px;
  }

  .company-edit-modal-compact .form-control[b-t3tudfarav],
  .company-edit-modal-compact .form-select[b-t3tudfarav],
  .company-edit-modal-compact textarea.form-control[b-t3tudfarav] {
    font-size: 12.4px;
    line-height: 1.35;
  }

  /* 说明性文本 */
  .company-edit-modal-compact small[b-t3tudfarav],
  .company-edit-modal-compact .status-setting-compact small[b-t3tudfarav],
  .company-edit-modal-compact .footer-tips small[b-t3tudfarav] {
    font-size: 11.2px;
  }

  /* 徽章与按钮内部字体微调 */
  .company-edit-modal-compact .badge-sm[b-t3tudfarav] {
    font-size: 10.8px;
    letter-spacing: .3px;
  }

  .company-edit-modal-compact .footer-actions .btn[b-t3tudfarav] {
    font-size: 12.3px;
  }

  /* 统一必填星号与必填文字强调 */
  .company-edit-modal-compact .form-label .required[b-t3tudfarav],
  .company-edit-modal-compact .form-label .text-danger[b-t3tudfarav] {
    font-size: 12.4px;
    position: relative;
    top: -.1em;
  }

  /* 键盘可访问性 focus 内阴影略减淡 */
  .company-edit-modal-compact .form-control:focus[b-t3tudfarav],
  .company-edit-modal-compact .form-select:focus[b-t3tudfarav] {
    box-shadow: 0 0 0 .14rem rgba(87,121,255,.18);
  }

  /* Footer 字体对齐修正 */
  .company-edit-modal-compact .modal-footer-compact .footer-tips small[b-t3tudfarav] {
    letter-spacing: .35px;
  }

/* 响应式放大（宽屏适度增大整体层级） */
@media (min-width: 1366px) {
  .company-edit-modal-compact[b-t3tudfarav] {
    font-size: 13.5px;
  }

    .company-edit-modal-compact .form-label[b-t3tudfarav] {
      font-size: 12.5px;
    }

    .company-edit-modal-compact .form-control[b-t3tudfarav],
    .company-edit-modal-compact .form-select[b-t3tudfarav] {
      font-size: 12.6px;
    }

    .company-edit-modal-compact .company-edit-tabs .nav-link[b-t3tudfarav] {
      font-size: 12.4px;
    }
}

/* 超小屏（防止挤压换行率过高） */
@media (max-width: 480px) {
  .company-edit-modal-compact[b-t3tudfarav] {
    font-size: 12.5px;
  }

    .company-edit-modal-compact .company-edit-tabs .nav-link[b-t3tudfarav] {
      font-size: 11.4px;
    }

    .company-edit-modal-compact .form-label[b-t3tudfarav] {
      font-size: 11.6px;
    }
}

/* === 委托方编辑弹窗深度美化优化 ================================================= */

/* 整体弹窗美化 */
.company-edit-modal-compact .modal-content[b-t3tudfarav] {
  background: linear-gradient(145deg, #ffffff 0%, #fafbfc 100%);
  box-shadow: 0 20px 40px -12px rgba(0,0,0,.15), 0 8px 24px -8px rgba(0,0,0,.08), 0 0 1px rgba(255,255,255,.9) inset;
  border: 1px solid rgba(255,255,255,.2);
}

/* 头部渐变增强 + 微光效果 */
.company-edit-modal-compact .edit-header-compact[b-t3tudfarav] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #5a67d8 100%) !important;
  position: relative;
  overflow: hidden;
}

  .company-edit-modal-compact .edit-header-compact[b-t3tudfarav]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.15), transparent);
    animation: shimmer-b-t3tudfarav 3s infinite;
  }

@keyframes shimmer-b-t3tudfarav {
  0% {
    left: -100%;
  }

  50% {
    left: 100%;
  }

  100% {
    left: 100%;
  }
}

/* 公司图标立体效果 */
.company-edit-modal-compact .company-icon-compact[b-t3tudfarav] {
  background: linear-gradient(145deg, rgba(255,255,255,.2), rgba(255,255,255,.05));
  border: 1px solid rgba(255,255,255,.3);
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 12px rgba(0,0,0,.15), 0 0 0 1px rgba(255,255,255,.1) inset;
  transition: all .3s cubic-bezier(.4,0,.2,1);
}

  .company-edit-modal-compact .company-icon-compact:hover[b-t3tudfarav] {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(0,0,0,.2), 0 0 0 1px rgba(255,255,255,.2) inset;
  }

/* Tab 标签页视觉升级 */
.company-edit-modal-compact .company-edit-tabs .nav-tabs[b-t3tudfarav] {
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  border-bottom: 2px solid #e3e6ea;
  box-shadow: 0 2px 8px -2px rgba(0,0,0,.08);
}

.company-edit-modal-compact .company-edit-tabs .nav-link[b-t3tudfarav] {
  background: transparent;
  border: 1px solid transparent;
  position: relative;
  overflow: hidden;
  transition: all .3s cubic-bezier(.4,0,.2,1);
}

  .company-edit-modal-compact .company-edit-tabs .nav-link[b-t3tudfarav]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(102,126,234,.05), rgba(118,75,162,.05));
    opacity: 0;
    transition: opacity .3s ease;
  }

  .company-edit-modal-compact .company-edit-tabs .nav-link:hover[b-t3tudfarav]::before {
    opacity: 1;
  }

  .company-edit-modal-compact .company-edit-tabs .nav-link.active[b-t3tudfarav] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102,126,234,.3), 0 2px 4px rgba(118,75,162,.2);
    transform: translateY(-1px);
  }

/* 表单控件美化升级 */
.company-edit-modal-compact .form-control[b-t3tudfarav],
.company-edit-modal-compact .form-select[b-t3tudfarav] {
  background: linear-gradient(145deg, #ffffff, #fafbfc);
  border: 1.5px solid #e1e5e9;
  box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 0 0 1px rgba(255,255,255,.6) inset;
  transition: all .25s cubic-bezier(.4,0,.2,1);
}

  .company-edit-modal-compact .form-control:hover[b-t3tudfarav],
  .company-edit-modal-compact .form-select:hover[b-t3tudfarav] {
    background: linear-gradient(145deg, #fafbfc, #ffffff);
    border-color: #c1c9d2;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0,0,0,.08), 0 0 0 1px rgba(255,255,255,.7) inset;
  }

  .company-edit-modal-compact .form-control:focus[b-t3tudfarav],
  .company-edit-modal-compact .form-select:focus[b-t3tudfarav] {
    background: #ffffff;
    border-color: #667eea;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102,126,234,.15), 0 0 0 3px rgba(102,126,234,.08), 0 0 0 1px rgba(255,255,255,.8) inset;
  }

/* 标签美化 */
.company-edit-modal-compact .form-label[b-t3tudfarav] {
  background: linear-gradient(135deg, #4a5568, #2d3748);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 600;
  position: relative;
}

  .company-edit-modal-compact .form-label[b-t3tudfarav]::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #667eea, #764ba2);
    transition: width .3s ease;
  }

.company-edit-modal-compact .form-group:focus-within .form-label[b-t3tudfarav]::after {
  width: 100%;
}

/* 必填标识闪烁效果 */
.company-edit-modal-compact .form-label .required[b-t3tudfarav],
.company-edit-modal-compact .form-label .text-danger[b-t3tudfarav] {
  animation: requiredPulse-b-t3tudfarav 2s infinite;
  text-shadow: 0 0 4px rgba(255,122,92,.3);
}

@keyframes requiredPulse-b-t3tudfarav {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .7;
  }
}

/* 状态设置区域玻璃效果 */
.company-edit-modal-compact .status-setting-compact[b-t3tudfarav] {
  background: linear-gradient(145deg, rgba(248,249,250,.8), rgba(236,239,245,.6));
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.3);
  box-shadow: 0 4px 16px rgba(0,0,0,.05), 0 0 0 1px rgba(255,255,255,.1) inset;
}

/* 切换开关美化 */
.company-edit-modal-compact .form-check-input[b-t3tudfarav] {
  background: linear-gradient(145deg, #e2e8f0, #cbd5e0);
  border: 2px solid #a0aec0;
  box-shadow: 0 2px 4px rgba(0,0,0,.1), 0 0 0 1px rgba(255,255,255,.3) inset;
  transition: all .3s cubic-bezier(.4,0,.2,1);
}

  .company-edit-modal-compact .form-check-input:checked[b-t3tudfarav] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-color: #667eea;
    box-shadow: 0 4px 12px rgba(102,126,234,.3), 0 0 0 1px rgba(255,255,255,.2) inset;
    transform: scale(1.05);
  }

/* 底部 Footer 玻璃形态 */
.company-edit-modal-compact .modal-footer-compact[b-t3tudfarav] {
  background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(248,249,250,.9));
  backdrop-filter: blur(15px) saturate(180%);
  border-top: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 -4px 16px rgba(0,0,0,.08), 0 0 0 1px rgba(255,255,255,.1) inset;
}

/* 按钮立体效果 */
.company-edit-modal-compact .footer-actions .btn[b-t3tudfarav] {
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,.1), 0 0 0 1px rgba(255,255,255,.1) inset;
  transition: all .3s cubic-bezier(.4,0,.2,1);
}

  .company-edit-modal-compact .footer-actions .btn[b-t3tudfarav]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent);
    transition: left .5s ease;
  }

  .company-edit-modal-compact .footer-actions .btn:hover[b-t3tudfarav]::before {
    left: 100%;
  }

  .company-edit-modal-compact .footer-actions .btn:hover[b-t3tudfarav] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,.15), 0 0 0 1px rgba(255,255,255,.2) inset;
  }

.company-edit-modal-compact .footer-actions .btn-primary[b-t3tudfarav] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
}

  .company-edit-modal-compact .footer-actions .btn-primary:hover[b-t3tudfarav] {
    background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);
  }

/* Tab 内容区域美化 */
.company-edit-modal-compact .tab-content[b-t3tudfarav] {
  background: linear-gradient(145deg, #ffffff 0%, #fafbfc 100%);
  box-shadow: 0 4px 16px rgba(0,0,0,.04), 0 0 0 1px rgba(255,255,255,.5) inset;
}

/* 输入框组美化 */
.company-edit-modal-compact .row.g-2 > *[b-t3tudfarav] {
  position: relative;
}

  .company-edit-modal-compact .row.g-2 > *[b-t3tudfarav]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(145deg, rgba(255,255,255,.3), transparent);
    border-radius: 6px;
    opacity: 0;
    transition: opacity .3s ease;
    pointer-events: none;
    z-index: 1;
  }

  .company-edit-modal-compact .row.g-2 > *:hover[b-t3tudfarav]::before {
    opacity: 1;
  }

/* 徽章光泽效果 */
.company-edit-modal-compact .badge-sm[b-t3tudfarav] {
  background: linear-gradient(135deg, var(--bs-badge-bg), darken(var(--bs-badge-bg), 10%));
  box-shadow: 0 2px 4px rgba(0,0,0,.1), 0 0 0 1px rgba(255,255,255,.2) inset;
}

.company-edit-modal-compact .bb-select .dropdown-menu[b-t3tudfarav],
.company-edit-modal-compact .bb-multiselect .dropdown-menu[b-t3tudfarav] {
  background: linear-gradient(145deg, #ffffff, #fafbfc);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 8px 32px rgba(0,0,0,.12), 0 0 0 1px rgba(255,255,255,.1) inset;
}

.company-edit-modal-compact .bb-select .dropdown-item:hover[b-t3tudfarav],
.company-edit-modal-compact .bb-multiselect .dropdown-item:hover[b-t3tudfarav] {
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: white;
  transform: translateX(4px);
  box-shadow: 0 2px 8px rgba(102,126,234,.2);
}

/* 加载动画 */
.company-edit-modal-compact.loading[b-t3tudfarav]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.6), transparent);
  animation: loading-b-t3tudfarav 1.5s infinite;
}

@keyframes loading-b-t3tudfarav {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

/* 错误状态美化 */
.company-edit-modal-compact .form-control.is-invalid[b-t3tudfarav] {
  border-color: #f56565;
  box-shadow: 0 0 0 3px rgba(245,101,101,.1), 0 2px 8px rgba(245,101,101,.15);
  animation: shake-b-t3tudfarav .5s ease-in-out;
}

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

  25% {
    transform: translateX(-4px);
  }

  75% {
    transform: translateX(4px);
  }
}

/* 成功状态美化 */
.company-edit-modal-compact .form-control.is-valid[b-t3tudfarav] {
  border-color: #48bb78;
  box-shadow: 0 0 0 3px rgba(72,187,120,.1), 0 2px 8px rgba(72,187,120,.15);
}

/* 深度阴影层级 */
.company-edit-modal-compact[b-t3tudfarav] {
  filter: drop-shadow(0 25px 50px rgba(0,0,0,.15));
}

/* 响应式美化调整 */
@media (max-width: 768px) {
  .company-edit-modal-compact .modal-content[b-t3tudfarav] {
    margin: .5rem;
    box-shadow: 0 15px 30px rgba(0,0,0,.15), 0 5px 15px rgba(0,0,0,.08);
  }
}

/* 微交互与细节优化 */

/* 弹窗出现动画增强 */
.company-edit-modal-compact .modal-dialog[b-t3tudfarav] {
  animation: modalEnhancedEntrance-b-t3tudfarav .4s cubic-bezier(.25,.46,.45,.94);
}

@keyframes modalEnhancedEntrance-b-t3tudfarav {
  0% {
    opacity: 0;
    transform: translateY(-50px) scale(.9) rotateX(10deg);
    filter: blur(10px);
  }

  50% {
    opacity: .7;
    transform: translateY(-10px) scale(.98) rotateX(2deg);
    filter: blur(2px);
  }

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

/* Tab 切换平滑过渡 */
.company-edit-modal-compact .tab-pane[b-t3tudfarav] {
  opacity: 0;
  transform: translateX(20px);
  transition: all .3s cubic-bezier(.25,.46,.45,.94);
}

  .company-edit-modal-compact .tab-pane.active[b-t3tudfarav] {
    opacity: 1;
    transform: translateX(0);
  }

/* 表单字段逐个显示动画 */
.company-edit-modal-compact .row.g-2 > *[b-t3tudfarav] {
  animation: fieldSlideIn-b-t3tudfarav .4s ease-out forwards;
  opacity: 0;
  transform: translateY(20px);
}

  .company-edit-modal-compact .row.g-2 > *:nth-child(1)[b-t3tudfarav] {
    animation-delay: .1s;
  }

  .company-edit-modal-compact .row.g-2 > *:nth-child(2)[b-t3tudfarav] {
    animation-delay: .15s;
  }

  .company-edit-modal-compact .row.g-2 > *:nth-child(3)[b-t3tudfarav] {
    animation-delay: .2s;
  }

  .company-edit-modal-compact .row.g-2 > *:nth-child(4)[b-t3tudfarav] {
    animation-delay: .25s;
  }

  .company-edit-modal-compact .row.g-2 > *:nth-child(5)[b-t3tudfarav] {
    animation-delay: .3s;
  }

  .company-edit-modal-compact .row.g-2 > *:nth-child(6)[b-t3tudfarav] {
    animation-delay: .35s;
  }

@keyframes fieldSlideIn-b-t3tudfarav {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 输入框聚焦时的周围元素淡化 */
.company-edit-modal-compact:has(.form-control:focus) .row.g-2 > *:not(:focus-within)[b-t3tudfarav] {
  opacity: .6;
  transform: scale(.98);
  transition: all .3s ease;
}

/* 鼠标悬停时的细微反馈 */
.company-edit-modal-compact .form-control:hover[b-t3tudfarav],
.company-edit-modal-compact .form-select:hover[b-t3tudfarav] {
  cursor: text;
}

  .company-edit-modal-compact .form-control:hover[b-t3tudfarav]::placeholder {
    color: #667eea;
    transition: color .2s ease;
  }

/* 状态指示器美化 */
.company-edit-modal-compact .form-control:valid:not(:placeholder-shown)[b-t3tudfarav] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%2348bb78' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  padding-right: 35px;
}

.company-edit-modal-compact .form-control:invalid:not(:placeholder-shown)[b-t3tudfarav] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f56565' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  padding-right: 35px;
}

/* Footer 提示信息美化 */
.customer-edit-modal .footer-tips[b-t3tudfarav] {
  position: relative;
}

  .customer-edit-modal .footer-tips[b-t3tudfarav]::before {
    content: '';
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 20px;
    background: linear-gradient(180deg, #48bb78, #38a169);
    border-radius: 2px;
  }

/* 保存按钮禁用状态 */
.customer-edit-modal .btn-primary:disabled[b-t3tudfarav] {
  background: linear-gradient(135deg, #cbd5e0, #a0aec0);
  color: #718096;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}

  .customer-edit-modal .btn-primary:disabled[b-t3tudfarav]::before {
    display: none;
  }

/* 打印样式隐藏 */
@media print {
  .customer-edit-modal[b-t3tudfarav] {
    display: none !important;
  }
}

/* === 发票添加弹窗重新深度美化 ================================================= */

/* 整体弹窗视觉升级 */
.invoice-edit-modal .modal-content[b-t3tudfarav] {
  background: linear-gradient(145deg, #ffffff 0%, #fafbfc 40%, #f7f9fc 100%);
  box-shadow: 0 25px 50px -12px rgba(0,0,0,.25), 0 12px 30px -8px rgba(0,0,0,.12), 0 4px 16px -4px rgba(0,0,0,.08), 0 0 2px rgba(255,255,255,.9) inset;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 16px;
  overflow: hidden;
  backdrop-filter: blur(20px);
}

/* 字体系统升级 */
.invoice-edit-modal[b-t3tudfarav] {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,"Helvetica Neue",Arial,sans-serif;
  font-size: 14px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

  /* 头部深度美化 */
  .invoice-edit-modal .modal-header[b-t3tudfarav] {
    background: linear-gradient(135deg, #667eea 0%, #4299e1 25%, #3182ce 50%, #2c5aa0 75%, #2a4b8a 100%);
    border: none;
    padding: 1.5rem 2rem;
    position: relative;
    overflow: hidden;
  }

    .invoice-edit-modal .modal-header[b-t3tudfarav]::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.2), transparent);
      animation: headerShimmerPro-b-t3tudfarav 4s infinite;
    }

@keyframes headerShimmerPro-b-t3tudfarav {
  0% {
    left: -100%;
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    left: 100%;
    opacity: 0;
  }
}

.invoice-edit-modal .modal-title[b-t3tudfarav] {
  color: white;
  font-size: 1.2rem;
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0,0,0,.3);
  letter-spacing: 0.5px;
  position: relative;
  z-index: 2;
}

/* 主体区域升级 */
.invoice-edit-modal .modal-body[b-t3tudfarav] {
  padding: 2rem;
  background: linear-gradient(145deg, #ffffff 0%, #fafbfc 100%);
  position: relative;
}

/* 信息提示深度美化 */
.invoice-edit-modal .alert[b-t3tudfarav] {
  background: linear-gradient(135deg, rgba(66,153,225,.1), rgba(102,126,234,.08));
  border: 1px solid rgba(66,153,225,.25);
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(66,153,225,.15);
  backdrop-filter: blur(10px);
  position: relative;
}

  .invoice-edit-modal .alert[b-t3tudfarav]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, #4299e1, #3182ce);
    border-radius: 0 2px 2px 0;
  }

/* 表单控件深度美化 */
.invoice-edit-modal .form-label[b-t3tudfarav] {
  font-size: 13px;
  font-weight: 700;
  color: #1a202c;
  margin-bottom: 0.5rem;
  letter-spacing: 0.4px;
  position: relative;
  text-transform: uppercase;
  font-size: 11px;
}

  .invoice-edit-modal .form-label[b-t3tudfarav]::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, #667eea, #4299e1);
    border-radius: 2px;
    transition: width .4s ease;
  }

.invoice-edit-modal .form-group:focus-within .form-label[b-t3tudfarav]::after {
  width: 100%;
}

.invoice-edit-modal .form-control[b-t3tudfarav],
.invoice-edit-modal .form-control-lg[b-t3tudfarav] {
  background: linear-gradient(145deg, #ffffff, #fafbfc);
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 14px;
  transition: all .3s ease;
  box-shadow: 0 2px 4px rgba(0,0,0,.04), 0 0 0 1px rgba(255,255,255,.6) inset;
}

  .invoice-edit-modal .form-control:focus[b-t3tudfarav],
  .invoice-edit-modal .form-control-lg:focus[b-t3tudfarav] {
    background: #ffffff;
    border-color: #667eea;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(102,126,234,.2), 0 0 0 4px rgba(102,126,234,.1);
    outline: none;
  }

/* 必填标识美化 */
.invoice-edit-modal .form-label .required[b-t3tudfarav],
.invoice-edit-modal .form-label .text-danger[b-t3tudfarav] {
  color: #e53e3e !important;
  font-weight: 900;
  animation: requiredGlowPro-b-t3tudfarav 3s infinite;
  text-shadow: 0 0 6px rgba(229,62,62,.4);
}

@keyframes requiredGlowPro-b-t3tudfarav {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .8;
    transform: scale(1.1);
  }
}

/* 按钮深度美化 */
.invoice-edit-modal .btn[b-t3tudfarav] {
  border-radius: 8px;
  font-weight: 600;
  padding: 0.625rem 1.5rem;
  transition: all .4s ease;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 11px;
}

  .invoice-edit-modal .btn[b-t3tudfarav]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.3), transparent);
    transition: left .6s ease;
  }

  .invoice-edit-modal .btn:hover[b-t3tudfarav]::before {
    left: 100%;
  }

  .invoice-edit-modal .btn:hover[b-t3tudfarav] {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,.2);
  }

.invoice-edit-modal .btn-primary[b-t3tudfarav] {
  background: linear-gradient(135deg, #667eea 0%, #4299e1 50%, #3182ce 100%);
  border: none;
}

/* 响应式优化 */
@media (max-width: 768px) {
  .invoice-edit-modal .modal-content[b-t3tudfarav] {
    margin: .5rem;
    border-radius: 12px;
  }

  .invoice-edit-modal .modal-body[b-t3tudfarav] {
    padding: 1.5rem;
  }

  .invoice-edit-modal .btn[b-t3tudfarav] {
    width: 100%;
  }
}

/* === 客户编辑弹窗表单间距优化 ================================================= */

/* 表单容器内边距优化 */
.customer-edit-modal .form-section[b-t3tudfarav] {
  padding: 1.75rem 1.5rem;
  margin: 0.75rem 0;
  background: white;
  border-radius: 12px;
  border: 1px solid #e9ecef;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* 表单字段组间距调整 */
.customer-edit-modal .row.g-3[b-t3tudfarav] {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.25rem;
  margin: 0;
  padding: 0;
}

  /* 表单字段容器内边距 */
  .customer-edit-modal .row.g-3 > *[b-t3tudfarav] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    margin-bottom: 0.5rem;
  }

/* 表单控件与标签间距 */
.customer-edit-modal .form-label[b-t3tudfarav] {
  margin-bottom: 0.5rem;
  padding-left: 2px;
}

.customer-edit-modal .form-control[b-t3tudfarav] {
  margin-bottom: 0.25rem;
}

/* 文本域特殊间距 */
.customer-edit-modal .col-12:has(textarea)[b-t3tudfarav] {
  margin-top: 1.25rem;
  padding-top: 0.5rem;
}

/* 地址字段组间距 */
.customer-edit-modal .col-12:has(input[placeholder*="地址"])[b-t3tudfarav],
.customer-edit-modal .col-md-8:has(input[placeholder*="地址"])[b-t3tudfarav] {
  margin-top: 0.75rem;
  padding-top: 0.25rem;
}

/* 必填字段强调区域内边距 */
.customer-edit-modal .col-md-6:has(input[placeholder*="客户代码"])[b-t3tudfarav]::before,
.customer-edit-modal .col-md-6:has(input[placeholder*="客户名称"])[b-t3tudfarav]::before {
  top: -8px;
  left: -12px;
  right: -12px;
  bottom: -8px;
  padding: 4px;
}

/* 字段分组视觉区分内边距 */
.customer-edit-modal .col-md-6:nth-child(3)[b-t3tudfarav]::after,
.customer-edit-modal .col-md-6:nth-child(4)[b-t3tudfarav]::after {
  top: -10px;
  left: -12px;
  right: -12px;
  bottom: -10px;
}

/* 弹窗主体内边距增加 */
.customer-edit-modal .modal-body[b-t3tudfarav] {
  padding: 2rem 2.25rem;
}

/* 头部信息区域内边距 */
.customer-edit-modal .bg-gradient-info[b-t3tudfarav] {
  padding: 1.25rem 1.5rem;
  margin-bottom: 1.5rem;
}

/* Footer 区域内边距调整 */
.customer-edit-modal .modal-footer[b-t3tudfarav] {
  padding: 1.25rem 2.25rem;
}

/* 响应式间距调整 */
@media (max-width: 768px) {
  .customer-edit-modal .modal-body[b-t3tudfarav] {
    padding: 1.5rem 1.75rem;
  }

  .customer-edit-modal .form-section[b-t3tudfarav] {
    padding: 1.5rem 1.25rem;
    margin: 0.5rem 0;
  }

  .customer-edit-modal .row.g-3[b-t3tudfarav] {
    --bs-gutter-x: 1.25rem;
    --bs-gutter-y: 1rem;
  }

    .customer-edit-modal .row.g-3 > *[b-t3tudfarav] {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }

  .customer-edit-modal .modal-footer[b-t3tudfarav] {
    padding: 1rem 1.75rem;
  }

  .customer-edit-modal .bg-gradient-info[b-t3tudfarav] {
    padding: 1rem 1.25rem;
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 576px) {
  .customer-edit-modal .modal-body[b-t3tudfarav] {
    padding: 1.25rem 1.5rem;
  }

  .customer-edit-modal .form-section[b-t3tudfarav] {
    padding: 1.25rem 1rem;
    margin: 0.25rem 0;
  }

  .customer-edit-modal .row.g-3[b-t3tudfarav] {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 0.875rem;
  }

    .customer-edit-modal .row.g-3 > *[b-t3tudfarav] {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      margin-bottom: 0.25rem;
    }

  .customer-edit-modal .modal-footer[b-t3tudfarav] {
    padding: 0.875rem 1.5rem;
  }

  .customer-edit-modal .bg-gradient-info[b-t3tudfarav] {
    padding: 0.875rem 1rem;
    margin-bottom: 1rem;
  }
}

/* 超大屏幕间距增加 */
@media (min-width: 1400px) {
  .customer-edit-modal .modal-body[b-t3tudfarav] {
    padding: 2.25rem 2.5rem;
  }

  .customer-edit-modal .form-section[b-t3tudfarav] {
    padding: 2rem 1.75rem;
    margin: 1rem 0;
  }

  .customer-edit-modal .row.g-3[b-t3tudfarav] {
    --bs-gutter-x: 1.75rem;
    --bs-gutter-y: 1.5rem;
  }

    .customer-edit-modal .row.g-3 > *[b-t3tudfarav] {
      padding-left: 0.875rem;
      padding-right: 0.875rem;
      margin-bottom: 0.75rem;
    }

  .customer-edit-modal .modal-footer[b-t3tudfarav] {
    padding: 1.5rem 2.5rem;
  }

  .customer-edit-modal .bg-gradient-info[b-t3tudfarav] {
    padding: 1.5rem 1.75rem;
    margin-bottom: 1.75rem;
  }
}

/* 表单字段悬停时的间距保持 */
.customer-edit-modal .row.g-3 > *:hover[b-t3tudfarav] {
  z-index: 2;
  transform: translateY(-2px);
  transition: transform .2s ease;
  /* 保持原有内边距不变 */
}

/* 聚焦状态时的间距调整 */
.customer-edit-modal .form-control:focus[b-t3tudfarav] {
  margin-bottom: 0.375rem;
}

/* 错误状态下的间距调整 */
.customer-edit-modal .form-control.is-invalid[b-t3tudfarav] {
  margin-bottom: 0.375rem;
}

/* 成功状态下的间距调整 */
.customer-edit-modal .form-control.is-valid[b-t3tudfarav] {
  margin-bottom: 0.375rem;
}

/* === 联系人管理区域样式优化 ================================================= */

/* 联系人表格样式 */
.tab-content-padding table.table-sm input.form-control-sm[b-t3tudfarav] {
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
}

  .tab-content-padding table.table-sm input.form-control-sm:focus[b-t3tudfarav] {
    background-color: #fff;
    border: 1px solid #667eea;
    box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);
  }

.tab-content-padding table.table-sm th[b-t3tudfarav] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #495057;
  white-space: nowrap;
}

.tab-content-padding table.table-sm td[b-t3tudfarav] {
  vertical-align: middle;
  padding: 0.35rem 0.5rem;
}

.tab-content-padding .table-warning[b-t3tudfarav] {
  background-color: rgba(255, 193, 7, 0.15) !important;
}

/* === 统一筛选区域样式 ================================================= */

/* 搜索筛选区域整体 */
.search-filter-section[b-t3tudfarav] {
  background: white;
  border-radius: 8px;
  padding: 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border: 1px solid #e9ecef;
  transition: all .3s ease;
}

  .search-filter-section:hover[b-t3tudfarav] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  }

  /* 搜索框样式优化 */
  .search-filter-section .input-group[b-t3tudfarav] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    border-radius: 6px;
    overflow: hidden;
    transition: all .3s ease;
  }

    .search-filter-section .input-group:hover[b-t3tudfarav] {
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    }

  .search-filter-section .input-group-text[b-t3tudfarav] {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    border: 1px solid #dee2e6;
  }

  .search-filter-section .form-control[b-t3tudfarav] {
    border-left: none;
    border-right: none;
    box-shadow: none;
    font-size: 14px;
    padding: 0.625rem 1rem;
  }

    .search-filter-section .form-control:focus[b-t3tudfarav] {
      border-color: #667eea;
      box-shadow: none;
    }

    /* 筛选面板统一样式 */
.filter-panel-unified[b-t3tudfarav] {
  background: linear-gradient(145deg, #ffffff, #f8f9fa);
  border: 2px solid #e3e6ea;
  border-radius: 12px;
  margin-top: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  animation: filterSlideDown-b-t3tudfarav 0.3s ease-out;
}

@keyframes filterSlideDown-b-t3tudfarav {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }

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

/* 筛选面板头部 */
.filter-panel-header[b-t3tudfarav] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  padding: 0.75rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.2);
}

  .filter-panel-header span[b-t3tudfarav] {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.5px;
  }

  .filter-panel-header .btn[b-t3tudfarav] {
    color: white;
    border-color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.1);
  }

    .filter-panel-header .btn:hover[b-t3tudfarav] {
      background: rgba(255, 255, 255, 0.2);
      border-color: rgba(255, 255, 255, 0.5);
    }

/* 筛选面板主体 */
.filter-panel-body[b-t3tudfarav] {
  padding: 1.25rem;
  background: white;
}

  .filter-panel-body .form-label[b-t3tudfarav] {
    font-weight: 600;
    font-size: 12px;
    color: #495057;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.4rem;
  }

  .filter-panel-body .form-control[b-t3tudfarav],
  .filter-panel-body .form-select[b-t3tudfarav] {
    border: 1.5px solid #e1e5e9;
    border-radius: 6px;
    font-size: 13px;
    transition: all .3s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  }

    .filter-panel-body .form-control:hover[b-t3tudfarav],
    .filter-panel-body .form-select:hover[b-t3tudfarav] {
      border-color: #c1c9d2;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    }

    .filter-panel-body .form-control:focus[b-t3tudfarav],
    .filter-panel-body .form-select:focus[b-t3tudfarav] {
      border-color: #667eea;
      box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

  /* 筛选按钮组 */
  .filter-panel-body .btn-primary[b-t3tudfarav] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    font-weight: 600;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
  }

    .filter-panel-body .btn-primary:hover[b-t3tudfarav] {
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    }

  .filter-panel-body .btn-secondary[b-t3tudfarav] {
    border: 1.5px solid #dee2e6;
    background: white;
    color: #6c757d;
  }

    .filter-panel-body .btn-secondary:hover[b-t3tudfarav] {
      background: #f8f9fa;
      border-color: #c1c9d2;
    }

/* 筛选标签区域 */
.filter-tags-section[b-t3tudfarav] {
  background: linear-gradient(135deg, #f8f9fa, #ffffff);
  padding: 0.75rem 0;
}

.filter-tag[b-t3tudfarav] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 12px;
  font-weight: 500;
  padding: 0.4rem 0.8rem;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--bs-badge-bg), darken(var(--bs-badge-bg), 5%));
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all .3s ease;
}

  .filter-tag:hover[b-t3tudfarav] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  }

  .filter-tag i[b-t3tudfarav] {
    cursor: pointer;
    opacity: 0.8;
    transition: opacity .2s ease;
  }

    .filter-tag i:hover[b-t3tudfarav] {
      opacity: 1;
    }

/* 高级筛选按钮样式 */
.search-filter-section .btn-primary[b-t3tudfarav] {
  background: linear-gradient(135deg, #667eea, #764ba2);
  border: none;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

  .search-filter-section .btn-primary:hover[b-t3tudfarav] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
  }

.search-filter-section .btn-light[b-t3tudfarav] {
  border: 1.5px solid #dee2e6;
  background: white;
  transition: all .3s ease;
}

  .search-filter-section .btn-light:hover[b-t3tudfarav],
  .search-filter-section .btn-light.active[b-t3tudfarav] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    border-color: #667eea;
  }

.search-filter-section .btn-warning[b-t3tudfarav] {
  background: linear-gradient(135deg, #ffc107, #ff9800);
  border: none;
  color: white;
}

/* 响应式优化 */
@media (max-width: 768px) {
  .search-filter-section[b-t3tudfarav] {
    padding: 0.75rem;
  }

  .filter-panel-body[b-t3tudfarav] {
    padding: 1rem;
  }

    .filter-panel-body .row.g-2[b-t3tudfarav] {
      --bs-gutter-x: 0.75rem;
      --bs-gutter-y: 0.75rem;
    }

    .filter-panel-body .form-label[b-t3tudfarav] {
      font-size: 11px;
    }

  .filter-tag[b-t3tudfarav] {
    font-size: 11px;
    padding: 0.35rem 0.7rem;
  }
}

/* 下拉组件层级修复 */
.filter-panel-body .bb-select[b-t3tudfarav],
.filter-panel-body .bb-multiselect[b-t3tudfarav] {
  position: relative;
  z-index: 1070;
}

  .filter-panel-body .bb-select .dropdown-menu[b-t3tudfarav],
  .filter-panel-body .bb-multiselect .dropdown-menu[b-t3tudfarav] {
    z-index: 1080 !important;
  }

/* 平滑过渡动画 */
.filter-panel-body .row.g-2 > *[b-t3tudfarav] {
  animation: fieldFadeIn-b-t3tudfarav 0.4s ease-out forwards;
  opacity: 0;
}

  .filter-panel-body .row.g-2 > *:nth-child(1)[b-t3tudfarav] {
    animation-delay: 0.05s;
  }

  .filter-panel-body .row.g-2 > *:nth-child(2)[b-t3tudfarav] {
    animation-delay: 0.1s;
  }

  .filter-panel-body .row.g-2 > *:nth-child(3)[b-t3tudfarav] {
    animation-delay: 0.15s;
  }

  .filter-panel-body .row.g-2 > *:nth-child(4)[b-t3tudfarav] {
    animation-delay: 0.2s;
  }

  .filter-panel-body .row.g-2 > *:nth-child(5)[b-t3tudfarav] {
    animation-delay: 0.25s;
  }

  .filter-panel-body .row.g-2 > *:nth-child(6)[b-t3tudfarav] {
    animation-delay: 0.3s;
  }

  .filter-panel-body .row.g-2 > *:nth-child(7)[b-t3tudfarav] {
    animation-delay: 0.35s;
  }

  .filter-panel-body .row.g-2 > *:nth-child(8)[b-t3tudfarav] {
    animation-delay: 0.4s;
  }

@keyframes fieldFadeIn-b-t3tudfarav {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* End of 统一筛选区域样式 */

/* 操作工具栏样式 */
.operations-toolbar[b-t3tudfarav] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 8px;
  padding: 12px 16px;
  border: 1px solid #dee2e6;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

  .operations-toolbar .toolbar-left[b-t3tudfarav],
  .operations-toolbar .toolbar-right[b-t3tudfarav] {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .operations-toolbar .btn-group[b-t3tudfarav] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }

    .operations-toolbar .btn-group .btn[b-t3tudfarav] {
      font-weight: 500;
    }

  .operations-toolbar .dropdown-menu[b-t3tudfarav] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: none;
    border-radius: 8px;
    padding: 8px;
  }

  .operations-toolbar .dropdown-item[b-t3tudfarav] {
    border-radius: 6px;
    padding: 8px 12px;
    transition: all 0.2s ease;
    font-size: 14px;
  }

    .operations-toolbar .dropdown-item:hover[b-t3tudfarav] {
      background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
      color: white;
      transform: translateX(4px);
    }

    .operations-toolbar .dropdown-item i[b-t3tudfarav] {
      width: 20px;
      text-align: center;
    }

/* 响应式调整 */
@media (max-width: 768px) {
  .operations-toolbar[b-t3tudfarav] {
    padding: 10px 12px;
  }

    .operations-toolbar .d-flex[b-t3tudfarav] {
      flex-direction: column;
      align-items: stretch !important;
    }

    .operations-toolbar .toolbar-left[b-t3tudfarav],
    .operations-toolbar .toolbar-right[b-t3tudfarav] {
      width: 100%;
      justify-content: center;
    }
}

/* === 选择信息样式 ================================================= */

/* 选择信息容器 - 简化版 */
.selection-info-compact[b-t3tudfarav] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
  border: 2px solid #81c784;
  border-radius: 20px;
  padding: 0.4rem 0.75rem;
  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.2);
  transition: all .3s ease;
}

  .selection-info-compact:hover[b-t3tudfarav] {
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
    transform: translateY(-1px);
  }

/* 选择计数文本 - 简化版 */
.selection-info-compact .selection-count[b-t3tudfarav] {
  color: #1b5e20;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.3px;
}

/* 清除选择按钮 - 简化版 */
.selection-info-compact .btn-clear-selection[b-t3tudfarav] {
  background: linear-gradient(135deg, #f44336 0%, #d32f2f 100%);
  border: none;
  color: white;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .3s ease;
  box-shadow: 0 2px 6px rgba(244, 67, 54, 0.3);
  padding: 0;
}

.selection-info-compact .btn-clear-selection:hover[b-t3tudfarav] {
  background: linear-gradient(135deg, #d32f2f 0%, #c62828 100%);
  transform: scale(1.1);
  box-shadow: 0 3px 10px rgba(244, 67, 54, 0.4);
}

/* 批量操作分隔线 */
.batch-actions-divider[b-t3tudfarav] {
  width: 1px;
  height: 28px;
  background: linear-gradient(180deg, transparent, #dee2e6, transparent);
  margin: 0 0.5rem;
}

/* 旧样式保留用于兼容 */
.selection-info-modern[b-t3tudfarav] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
  border: 2px solid #81c784;
  border-radius: 12px;
  padding: 0.5rem 1rem;
  box-shadow: 0 4px 12px rgba(76, 175, 80, 0.2);
  transition: all .3s ease;
}

  .selection-info-modern:hover[b-t3tudfarav] {
    box-shadow: 0 6px 20px rgba(76, 175, 80, 0.3);
    transform: translateY(-2px);
  }

/* 选择徽章 */
.selection-badge[b-t3tudfarav] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
}

  .selection-badge i[b-t3tudfarav] {
    color: #2e7d32;
    font-size: 1.1rem;
  }

  .selection-badge .selection-text[b-t3tudfarav] {
    color: #1b5e20;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
  }

  .selection-badge .selection-count[b-t3tudfarav] {
    background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
    color: white;
    font-size: 1.1rem;
    font-weight: 700;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
    min-width: 40px;
    text-align: center;
  }

  .selection-badge .selection-unit[b-t3tudfarav] {
    color: #2e7d32;
    font-size: 0.875rem;
  }

/* 清除选择按钮 */
.clear-selection-btn[b-t3tudfarav] {
  background: linear-gradient(135deg, #f44336 0%, #d32f2f 100%);
  border: none;
  color: white;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .3s ease;
  box-shadow: 0 2px 8px rgba(244, 67, 54, 0.3);
}

  .clear-selection-btn:hover[b-t3tudfarav] {
    background: linear-gradient(135deg, #d32f2f 0%, #c62828 100%);
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(244, 67, 54, 0.4);
  }

  .clear-selection-btn i[b-t3tudfarav] {
    font-size: 0.875rem;
  }

/* 响应式调整 */
@media (max-width: 768px) {
  .selection-info-compact[b-t3tudfarav] {
    padding: 0.35rem 0.6rem;
    gap: 0.4rem;
  }

    .selection-info-compact .selection-count[b-t3tudfarav] {
      font-size: 0.8rem;
    }

    .selection-info-compact .btn-clear-selection[b-t3tudfarav] {
      width: 22px;
      height: 22px;
    }

      .selection-info-compact .btn-clear-selection i[b-t3tudfarav] {
        font-size: 0.7rem;
      }

  .batch-actions-divider[b-t3tudfarav] {
    height: 24px;
  }

  .selection-info-modern[b-t3tudfarav] {
    padding: 0.4rem 0.75rem;
    gap: 0.5rem;
  }

    .selection-info-modern .selection-badge .selection-text[b-t3tudfarav],
    .selection-info-modern .selection-badge .selection-unit[b-t3tudfarav] {
      font-size: 0.75rem;
    }

    .selection-info-modern .selection-badge .selection-count[b-t3tudfarav] {
      font-size: 1rem;
      padding: 0.2rem 0.6rem;
      min-width: 35px;
    }

    .selection-info-modern .selection-badge i[b-t3tudfarav] {
      font-size: 1rem;
    }

  .clear-selection-btn[b-t3tudfarav] {
    width: 28px;
    height: 28px;
  }

    .clear-selection-btn i[b-t3tudfarav] {
      font-size: 0.75rem;
    }
}
/* /Components/Pages/Company/Components/BatchSetGradeDialog.razor.rz.scp.css */
/* 批量设置供应商等级对话框 */
.batch-set-grade-dialog[b-wd3p1lckxi] {
    padding: 8px 0;
}

/* 选中的供应商信息 */
.selected-suppliers-info[b-wd3p1lckxi] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #dee2e6;
}

.selected-suppliers-info .info-header[b-wd3p1lckxi] {
    display: flex;
    align-items: center;
    font-size: 13px;
}

.selected-suppliers-info .suppliers-list[b-wd3p1lckxi] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.selected-suppliers-info .badge[b-wd3p1lckxi] {
    font-size: 12px;
    padding: 4px 10px;
    font-weight: 500;
    border: 1px solid #dee2e6;
}

/* 等级选择区域 */
.grade-selection[b-wd3p1lckxi] {
    margin-top: 16px;
}

.grade-selection .form-label[b-wd3p1lckxi] {
    font-size: 13px;
    color: #495057;
    margin-bottom: 10px;
}

/* 等级选项容器 - 紧凑优化 */
.grade-options[b-wd3p1lckxi] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 360px;
    overflow-y: auto;
    padding-right: 4px;
}

/* 自定义滚动条 */
.grade-options[b-wd3p1lckxi]::-webkit-scrollbar {
    width: 6px;
}

.grade-options[b-wd3p1lckxi]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.grade-options[b-wd3p1lckxi]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.grade-options[b-wd3p1lckxi]::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* 等级选项卡片 - 紧凑优化 */
.grade-option[b-wd3p1lckxi] {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border: 2px solid #dee2e6;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: white;
    min-height: 60px;
}

.grade-option:hover[b-wd3p1lckxi] {
    border-color: #007bff;
    box-shadow: 0 2px 6px rgba(0, 123, 255, 0.15);
    transform: translateX(2px);
}

.grade-option.selected[b-wd3p1lckxi] {
    border-color: #007bff;
    background: linear-gradient(135deg, #f0f7ff 0%, #e6f2ff 100%);
    box-shadow: 0 3px 10px rgba(0, 123, 255, 0.2);
}

/* 等级图标（星级）- 缩小 */
.grade-option .grade-icon[b-wd3p1lckxi] {
    font-size: 20px;
    margin-right: 12px;
    min-width: 80px;
    text-align: center;
    flex-shrink: 0;
    line-height: 1;
}

/* 等级信息 */
.grade-option .grade-info[b-wd3p1lckxi] {
    flex: 1;
    min-width: 0;
}

.grade-option .grade-name[b-wd3p1lckxi] {
    font-size: 14px;
    font-weight: 600;
    color: #212529;
    margin-bottom: 3px;
    line-height: 1.3;
}

.grade-option .grade-description[b-wd3p1lckxi] {
    font-size: 11px;
    color: #6c757d;
    line-height: 1.3;
}

/* 选中标记 - 缩小 */
.grade-option .grade-check[b-wd3p1lckxi] {
    font-size: 18px;
    margin-left: 12px;
    flex-shrink: 0;
}

/* 响应式优化 */
@media (max-width: 768px) {
    .grade-options[b-wd3p1lckxi] {
        max-height: 280px;
    }

    .grade-option[b-wd3p1lckxi] {
        flex-direction: column;
        text-align: center;
        padding: 8px 10px;
        min-height: 80px;
    }

    .grade-option .grade-icon[b-wd3p1lckxi] {
        margin-right: 0;
        margin-bottom: 6px;
        font-size: 18px;
        min-width: auto;
    }

    .grade-option .grade-name[b-wd3p1lckxi] {
        font-size: 13px;
    }

    .grade-option .grade-description[b-wd3p1lckxi] {
        font-size: 10px;
    }

    .grade-option .grade-check[b-wd3p1lckxi] {
        margin-left: 0;
        margin-top: 6px;
        font-size: 16px;
    }
}
/* /Components/Pages/Company/Components/BatchSetRolesDialog.razor.rz.scp.css */
/* 批量设置角色对话框 */
.batch-set-roles-dialog[b-5m03uxjntb] {
    padding: 8px 0;
}

/* 选中的往来单位信息 */
.selected-companies-info[b-5m03uxjntb] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #dee2e6;
}

.selected-companies-info .info-header[b-5m03uxjntb] {
    display: flex;
    align-items: center;
    font-size: 13px;
}

.selected-companies-info .companies-list[b-5m03uxjntb] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.selected-companies-info .badge[b-5m03uxjntb] {
    font-size: 12px;
    padding: 4px 10px;
    font-weight: 500;
    border: 1px solid #dee2e6;
}

/* 操作模式选择 */
.operation-mode[b-5m03uxjntb] {
    background: white;
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #dee2e6;
}

.operation-mode .form-label[b-5m03uxjntb] {
    font-size: 13px;
    color: #495057;
    margin-bottom: 8px;
}

.operation-mode .btn-group[b-5m03uxjntb] {
    width: 100%;
}

.operation-mode .btn-group .btn[b-5m03uxjntb] {
    flex: 1;
    font-weight: 500;
    font-size: 13px;
    padding: 8px 12px;
}

.operation-mode .mode-hint[b-5m03uxjntb] {
    padding: 6px 10px;
    background: #f8f9fa;
    border-radius: 4px;
    border-left: 3px solid #007bff;
}

.operation-mode .mode-hint small[b-5m03uxjntb] {
    font-size: 11px;
}

/* 角色选择区域 */
.roles-selection[b-5m03uxjntb] {
    margin-top: 16px;
}

.roles-selection .form-label[b-5m03uxjntb] {
    font-size: 13px;
    color: #495057;
    margin-bottom: 10px;
}

/* 角色网格 - 紧凑优化 */
.roles-grid[b-5m03uxjntb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 8px;
    max-height: 400px;
    overflow-y: auto;
    padding-right: 4px;
}

/* 自定义滚动条 */
.roles-grid[b-5m03uxjntb]::-webkit-scrollbar {
    width: 6px;
}

.roles-grid[b-5m03uxjntb]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.roles-grid[b-5m03uxjntb]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.roles-grid[b-5m03uxjntb]::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* 角色选项卡片 - 紧凑优化 */
.role-option[b-5m03uxjntb] {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border: 2px solid #dee2e6;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: white;
    min-height: 60px;
}

.role-option:hover[b-5m03uxjntb] {
    border-color: #007bff;
    box-shadow: 0 2px 6px rgba(0, 123, 255, 0.15);
    transform: translateY(-1px);
}

.role-option.selected[b-5m03uxjntb] {
    border-color: #007bff;
    background: linear-gradient(135deg, #f0f7ff 0%, #e6f2ff 100%);
    box-shadow: 0 3px 10px rgba(0, 123, 255, 0.2);
}

/* 角色图标 - 缩小 */
.role-option .role-icon[b-5m03uxjntb] {
    font-size: 24px;
    margin-right: 10px;
    min-width: 32px;
    text-align: center;
    flex-shrink: 0;
}

/* 角色信息 */
.role-option .role-info[b-5m03uxjntb] {
    flex: 1;
    min-width: 0;
}

.role-option .role-name[b-5m03uxjntb] {
    font-size: 14px;
    font-weight: 600;
    color: #212529;
    margin-bottom: 2px;
    line-height: 1.3;
}

.role-option .role-description[b-5m03uxjntb] {
    font-size: 11px;
    color: #6c757d;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 选中标记 - 缩小 */
.role-option .role-check[b-5m03uxjntb] {
    font-size: 18px;
    margin-left: 10px;
    flex-shrink: 0;
}

/* 响应式优化 */
@media (max-width: 768px) {
    .roles-grid[b-5m03uxjntb] {
        grid-template-columns: 1fr;
        max-height: 300px;
    }

    .role-option[b-5m03uxjntb] {
        padding: 8px 10px;
        min-height: 54px;
    }

    .role-option .role-icon[b-5m03uxjntb] {
        font-size: 20px;
        min-width: 28px;
        margin-right: 8px;
    }

    .role-option .role-name[b-5m03uxjntb] {
        font-size: 13px;
    }

    .role-option .role-description[b-5m03uxjntb] {
        font-size: 10px;
    }

    .operation-mode .btn-group[b-5m03uxjntb] {
        flex-direction: column;
    }

    .operation-mode .btn-group .btn[b-5m03uxjntb] {
        margin-bottom: 6px;
        font-size: 12px;
        padding: 6px 10px;
    }
}

/* 大屏优化 */
@media (min-width: 1200px) {
    .roles-grid[b-5m03uxjntb] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Components/Pages/Company/Components/BulkActionsToolbar.razor.rz.scp.css */
/* 批量操作工具栏 - 轻量现代化设计 */
.bulk-actions-toolbar-modern[b-lhm788wcyl] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 0;
    margin-bottom: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    animation: slideDown-b-lhm788wcyl 0.3s ease-out;
    overflow: hidden;
}

@keyframes slideDown-b-lhm788wcyl {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 工具栏容器 */
.bulk-actions-toolbar-modern .toolbar-container[b-lhm788wcyl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    flex-wrap: wrap;
    gap: 12px;
}

/* 左侧：选择信息 */
.bulk-actions-toolbar-modern .selection-info-modern[b-lhm788wcyl] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bulk-actions-toolbar-modern .selection-badge[b-lhm788wcyl] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: white;
    padding: 6px 14px;
    border-radius: 16px;
    font-weight: 500;
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

.bulk-actions-toolbar-modern .selection-badge:hover[b-lhm788wcyl] {
    border-color: #007bff;
    box-shadow: 0 2px 6px rgba(0, 123, 255, 0.15);
}

.bulk-actions-toolbar-modern .selection-badge i[b-lhm788wcyl] {
    color: #007bff;
    font-size: 16px;
}

.bulk-actions-toolbar-modern .selection-text[b-lhm788wcyl] {
    color: #6c757d;
    font-size: 13px;
}

.bulk-actions-toolbar-modern .selection-count[b-lhm788wcyl] {
    color: #007bff;
    font-size: 18px;
    font-weight: 700;
    padding: 0 4px;
}

.bulk-actions-toolbar-modern .selection-unit[b-lhm788wcyl] {
    color: #6c757d;
    font-size: 13px;
}

/* 清除选择按钮 */
.bulk-actions-toolbar-modern .clear-selection-btn[b-lhm788wcyl] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 50%;
    color: #6c757d;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 12px;
}

.bulk-actions-toolbar-modern .clear-selection-btn:hover[b-lhm788wcyl] {
    background: #f8f9fa;
    border-color: #dc3545;
    color: #dc3545;
    transform: rotate(90deg);
}

/* 右侧：批量操作按钮组 */
.bulk-actions-toolbar-modern .bulk-actions-modern[b-lhm788wcyl] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.bulk-actions-toolbar-modern .btn-group[b-lhm788wcyl] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    overflow: hidden;
}

.bulk-actions-toolbar-modern .btn-group .btn[b-lhm788wcyl] {
    border: none;
    font-weight: 500;
    font-size: 13px;
    padding: 6px 12px;
    transition: all 0.2s ease;
    position: relative;
}

.bulk-actions-toolbar-modern .btn-group .btn:hover[b-lhm788wcyl] {
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
    z-index: 1;
}

.bulk-actions-toolbar-modern .btn-group .btn i[b-lhm788wcyl] {
    margin-right: 5px;
    font-size: 13px;
}

/* 按钮颜色 - 使用标准Bootstrap颜色 */
.bulk-actions-toolbar-modern .btn-success[b-lhm788wcyl] {
    background: #28a745;
    color: white;
}

.bulk-actions-toolbar-modern .btn-success:hover[b-lhm788wcyl] {
    background: #218838;
}

.bulk-actions-toolbar-modern .btn-warning[b-lhm788wcyl] {
    background: #ffc107;
    color: #212529;
}

.bulk-actions-toolbar-modern .btn-warning:hover[b-lhm788wcyl] {
    background: #e0a800;
}

.bulk-actions-toolbar-modern .btn-info[b-lhm788wcyl] {
    background: #17a2b8;
    color: white;
}

.bulk-actions-toolbar-modern .btn-info:hover[b-lhm788wcyl] {
    background: #138496;
}

.bulk-actions-toolbar-modern .btn-secondary[b-lhm788wcyl] {
    background: #6c757d;
    color: white;
}

.bulk-actions-toolbar-modern .btn-secondary:hover[b-lhm788wcyl] {
    background: #5a6268;
}

.bulk-actions-toolbar-modern .btn-primary[b-lhm788wcyl] {
    background: #007bff;
    color: white;
}

.bulk-actions-toolbar-modern .btn-primary:hover[b-lhm788wcyl] {
    background: #0056b3;
}

.bulk-actions-toolbar-modern .btn-danger[b-lhm788wcyl] {
    background: #dc3545;
    color: white;
}

.bulk-actions-toolbar-modern .btn-danger:hover[b-lhm788wcyl] {
    background: #c82333;
}

/* 底部提示 - 更简洁 */
.bulk-actions-toolbar-modern .toolbar-hint[b-lhm788wcyl] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

.bulk-actions-toolbar-modern .toolbar-hint i[b-lhm788wcyl] {
    color: #6c757d;
    font-size: 12px;
}

.bulk-actions-toolbar-modern .toolbar-hint .hint-text[b-lhm788wcyl] {
    color: #6c757d;
    font-size: 12px;
    font-weight: 400;
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .bulk-actions-toolbar-modern .btn-group .btn span[b-lhm788wcyl] {
        display: none !important;
    }

    .bulk-actions-toolbar-modern .btn-group .btn[b-lhm788wcyl] {
        min-width: 36px;
        padding: 6px 10px;
    }
}

@media (max-width: 768px) {
    .bulk-actions-toolbar-modern .toolbar-container[b-lhm788wcyl] {
        flex-direction: column;
        align-items: stretch;
        padding: 10px 12px;
    }

    .bulk-actions-toolbar-modern .selection-info-modern[b-lhm788wcyl] {
        justify-content: center;
    }

    .bulk-actions-toolbar-modern .bulk-actions-modern[b-lhm788wcyl] {
        justify-content: center;
        width: 100%;
        gap: 6px;
    }

    .bulk-actions-toolbar-modern .btn-group[b-lhm788wcyl] {
        flex: 1;
    }

    .bulk-actions-toolbar-modern .btn-group .btn[b-lhm788wcyl] {
        flex: 1;
        font-size: 12px;
        padding: 5px 8px;
    }
}

/* 打印时隐藏 */
@media print {
    .bulk-actions-toolbar-modern[b-lhm788wcyl] {
        display: none !important;
    }
}
/* /Components/Pages/Company/Components/CompanyAdvancedFilter.razor.rz.scp.css */
.advanced-filter-panel[b-1chc6nk8mc] {
    background: transparent;
    border: 1px solid var(--bs-border-color, #e9ecef);
    border-radius: 8px;
    margin-bottom: 20px;
}

.advanced-filter-panel.expanded[b-1chc6nk8mc] {
    box-shadow: none;
}

.advanced-filter-panel .filter-header[b-1chc6nk8mc] {
    padding: 10px 14px;
    background: var(--filter-header-bg, #f5f7fb);
    color: var(--bs-body-color, #212529);
    border-radius: 8px 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.advanced-filter-panel .filter-header h6[b-1chc6nk8mc] {
    color: var(--bs-body-color, #212529);
    font-weight: 600;
    margin: 0;
}

.advanced-filter-panel .filter-body[b-1chc6nk8mc] {
    padding: 16px;
    animation: none;
}

.advanced-filter-panel.collapsed .filter-body[b-1chc6nk8mc] {
    display: none;
}

.advanced-filter-panel .quick-filters[b-1chc6nk8mc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.advanced-filter-panel .quick-filters .btn[b-1chc6nk8mc] {
    border: 1px solid var(--bs-border-color, #e9ecef);
    background: transparent;
    color: var(--bs-body-color, #212529);
    transition: all 0.12s ease-in-out;
    box-shadow: none;
    padding: 0.25rem 0.6rem;
}

.advanced-filter-panel .quick-filters .btn:hover[b-1chc6nk8mc] {
    background: var(--bs-light, #f8f9fa);
    transform: none;
}

.advanced-filter-panel .filter-footer[b-1chc6nk8mc] {
    padding: 10px 14px;
    background: transparent;
    border-top: 1px solid var(--bs-border-color, #e9ecef);
    border-radius: 0 0 8px 8px;
}

.advanced-filter-panel .special-status-group[b-1chc6nk8mc] {
    padding: 8px 12px;
    background: transparent;
    border-radius: 6px;
}

.advanced-filter-panel .special-status-group .form-label[b-1chc6nk8mc] {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 8px;
    color: var(--bs-body-color, #495057);
}

.advanced-filter-panel .badge[b-1chc6nk8mc] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* Flat small action buttons */
.advanced-filter-actions .btn[b-1chc6nk8mc] {
    padding: 0.35rem 0.6rem;
    border-radius: 6px;
}

.advanced-filter-panel .filter-header .btn-link[b-1chc6nk8mc],
.advanced-filter-panel .filter-header .btn-secondary[b-1chc6nk8mc] {
    color: var(--bs-body-color, #212529);
}

/* Responsive tweaks */
@media (max-width: 767.98px) {
    .advanced-filter-panel .filter-body[b-1chc6nk8mc] {
        padding: 12px;
    }
}
/* /Components/Pages/Company/Components/CompanyDetailView.razor.rz.scp.css */
/* ί�з�����鿴��� - ��հ���ʽ */

/* ��հ涥���������� */
.company-header-compact[b-nnjbutypxj] {
  min-height: auto;
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
  box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);
}

.company-avatar-sm[b-nnjbutypxj] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
}

/* ��հ���Ϣ��Ƭ */
.info-card-compact[b-nnjbutypxj] {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
  height: 100%;
  transition: all 0.2s ease;
}

  .info-card-compact:hover[b-nnjbutypxj] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
  }

.info-header-compact[b-nnjbutypxj] {
  background: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
  padding: 8px 12px;
  border-radius: 8px 8px 0 0;
  font-size: 0.9rem;
  font-weight: 600;
}

.info-body-compact[b-nnjbutypxj] {
  padding: 12px;
}

.info-item-compact[b-nnjbutypxj] {
  margin-bottom: 8px;
}

  .info-item-compact:last-child[b-nnjbutypxj] {
    margin-bottom: 0;
  }

  .info-item-compact label[b-nnjbutypxj] {
    display: block;
    font-size: 0.75rem;
    color: #6c757d;
    margin-bottom: 2px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3px;
  }

  .info-item-compact span[b-nnjbutypxj] {
    display: block;
    font-size: 0.85rem;
    color: #212529;
    line-height: 1.2;
    word-break: break-word;
  }

/* ��հ�ѡ� */
.custom-tabs-compact .tab-content[b-nnjbutypxj] {
  padding: 0 !important;
}

.custom-tabs-compact .nav-link[b-nnjbutypxj] {
  border-radius: 0.5rem 0.5rem 0 0;
  border: none;
  background: #f8f9fa;
  color: #6c757d;
  font-weight: 500;
  transition: all 0.3s ease;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
}

  .custom-tabs-compact .nav-link.active[b-nnjbutypxj] {
    background: #fff;
    color: #007bff;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
  }

  .custom-tabs-compact .nav-link:hover:not(.active)[b-nnjbutypxj] {
    background: #e9ecef;
    color: #495057;
  }

/* ��Ʊ��Ϣ�򻯰���ʽ */

/* ��Ʊ��ͳ�� */
.invoice-summary-simple[b-nnjbutypxj] {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 12px 16px;
}

/* ��Ʊ�������� */
.invoice-scroll-container[b-nnjbutypxj] {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  background: #fff;
}

  /* �Զ����������ʽ */
  .invoice-scroll-container[b-nnjbutypxj]::-webkit-scrollbar {
    width: 6px;
  }

  .invoice-scroll-container[b-nnjbutypxj]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
  }

  .invoice-scroll-container[b-nnjbutypxj]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
  }

    .invoice-scroll-container[b-nnjbutypxj]::-webkit-scrollbar-thumb:hover {
      background: #a8a8a8;
    }

/* ��Ʊ���б� */
.invoice-list-simple[b-nnjbutypxj] {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 8px;
}

/* ��Ʊ��򻯰� */
.invoice-item-simple[b-nnjbutypxj] {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  padding: 12px;
  transition: all 0.2s ease;
  margin-bottom: 4px;
}

  .invoice-item-simple:hover[b-nnjbutypxj] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-color: #007bff;
    background: #f8f9ff;
  }

  .invoice-item-simple.default-invoice-simple[b-nnjbutypxj] {
    border-color: #ffc107;
    background: linear-gradient(135deg, #fff 0%, #fffbf0 100%);
  }

    .invoice-item-simple.default-invoice-simple:hover[b-nnjbutypxj] {
      background: linear-gradient(135deg, #fffbf0 0%, #fff8e1 100%);
    }

/* ��Ʊ������Ϣ */
.invoice-basic-info[b-nnjbutypxj] {
  flex: 1;
}

.invoice-index[b-nnjbutypxj] {
  background: #e9ecef;
  color: #495057;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

.invoice-title[b-nnjbutypxj] {
  font-size: 1rem;
  color: #212529;
}

.invoice-tax-id[b-nnjbutypxj] {
  margin-top: 4px;
}

.invoice-bank[b-nnjbutypxj] {
  margin-top: 2px;
}

/* ��Ʊ��ϵ��Ϣ */
.invoice-contact-info[b-nnjbutypxj] {
  flex-shrink: 0;
  min-width: 150px;
}

/* ��Ʊ��ע */
.invoice-remarks[b-nnjbutypxj] {
  padding-top: 8px;
  border-top: 1px solid #f8f9fa;
}

/* �ͻ���Ϣ��ʽ */

/* �ͻ���ͳ�� */
.customer-summary-simple[b-nnjbutypxj] {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 12px 16px;
}

/* �ͻ��������� */
.customer-scroll-container[b-nnjbutypxj] {
  max-height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  background: #fff;
  padding: 8px;
}

  .customer-scroll-container[b-nnjbutypxj]::-webkit-scrollbar {
    width: 6px;
  }

  .customer-scroll-container[b-nnjbutypxj]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
  }

  .customer-scroll-container[b-nnjbutypxj]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
  }

    .customer-scroll-container[b-nnjbutypxj]::-webkit-scrollbar-thumb:hover {
      background: #a8a8a8;
    }

/* �ͻ���Ƭ */
.customer-card-compact[b-nnjbutypxj] {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  height: 100%;
  transition: all 0.2s ease;
  margin-bottom: 8px;
}

  .customer-card-compact:hover[b-nnjbutypxj] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
    border-color: #007bff;
  }

.customer-header-compact[b-nnjbutypxj] {
  padding: 10px 12px;
  border-bottom: 1px solid #e9ecef;
  display: flex;
  align-items: center;
  background: #f8f9fa;
}

.customer-avatar-sm[b-nnjbutypxj] {
  margin-right: 8px;
  flex-shrink: 0;
}

.customer-basic-compact[b-nnjbutypxj] {
  flex: 1;
  min-width: 0;
}

.customer-name-compact[b-nnjbutypxj] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #212529;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.customer-code-compact[b-nnjbutypxj] {
  font-size: 0.7rem;
  color: #6c757d;
  font-family: 'Courier New', monospace;
  background: #e9ecef;
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem;
  display: inline-block;
}

.customer-body-compact[b-nnjbutypxj] {
  padding: 10px 12px;
}

.customer-item-compact[b-nnjbutypxj] {
  margin-bottom: 6px;
}

  .customer-item-compact:last-child[b-nnjbutypxj] {
    margin-bottom: 0;
  }

  .customer-item-compact label[b-nnjbutypxj] {
    display: inline-block;
    font-size: 0.7rem;
    color: #6c757d;
    margin-right: 4px;
    font-weight: 500;
    width: 40px;
    text-transform: uppercase;
    letter-spacing: 0.2px;
  }

  .customer-item-compact span[b-nnjbutypxj] {
    font-size: 0.8rem;
    color: #212529;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: calc(100% - 45px);
    vertical-align: top;
  }

/* ��״̬�� */
.empty-invoice-simple[b-nnjbutypxj],
.empty-state-compact[b-nnjbutypxj] {
  background: #f8f9fa;
  border: 1px dashed #dee2e6;
  border-radius: 8px;
  margin: 12px 0;
  color: #6c757d;
}

  .empty-state-compact:hover[b-nnjbutypxj] {
    border-color: #007bff;
    background: #f0f8ff;
  }

/* ��հ�ͳ����Ϣ */
.stat-item-compact[b-nnjbutypxj] {
  padding: 8px 4px;
  text-align: center;
}

.stat-number-compact[b-nnjbutypxj] {
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 2px;
}

.stat-label-compact[b-nnjbutypxj] {
  font-size: 0.7rem;
  color: #6c757d;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* ��հ汸ע���� */
.remarks-container-compact[b-nnjbutypxj] {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.remarks-header-compact[b-nnjbutypxj] {
  background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
  border-bottom: 1px solid #ffeaa7;
  padding: 8px 12px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #856404;
}

.remarks-content-compact[b-nnjbutypxj] {
  padding: 12px;
  font-size: 0.85rem;
  line-height: 1.4;
  color: #495057;
  white-space: pre-wrap;
  background: #fffef8;
}

/* С������ʽ */
.badge-xs[b-nnjbutypxj] {
  font-size: 0.65rem !important;
  padding: 0.2em 0.4em !important;
}

/* ��հ������ */
.g-2 > *[b-nnjbutypxj] {
  margin-bottom: 0.5rem !important;
}

/* Tab �����������Ż� */
.tab-content[b-nnjbutypxj] {
  padding-top: 0.5rem !important;
}

/* ��Ʊ��Ϣ���񲼾���ʽ */

/* ��Ʊ����Ƭ */
.invoice-card-grid[b-nnjbutypxj] {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  height: 100%;
  transition: all 0.2s ease;
  margin-bottom: 8px;
}

  .invoice-card-grid:hover[b-nnjbutypxj] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
    border-color: #007bff;
  }

  .invoice-card-grid.default-invoice-grid[b-nnjbutypxj] {
    border-color: #ffc107;
    background: linear-gradient(135deg, #fff 0%, #fffbf0 100%);
  }

    .invoice-card-grid.default-invoice-grid:hover[b-nnjbutypxj] {
      background: linear-gradient(135deg, #fffbf0 0%, #fff8e1 100%);
      border-color: #ffb700;
    }

/* ��Ʊͷ������ */
.invoice-header-grid[b-nnjbutypxj] {
  padding: 10px 12px;
  border-bottom: 1px solid #e9ecef;
  background: #f8f9fa;
}

.invoice-title-grid[b-nnjbutypxj] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #212529;
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ��Ʊ�������� */
.invoice-body-grid[b-nnjbutypxj] {
  padding: 10px 12px;
}

.invoice-item-grid[b-nnjbutypxj] {
  margin-bottom: 6px;
}

  .invoice-item-grid:last-child[b-nnjbutypxj] {
    margin-bottom: 0;
  }

  .invoice-item-grid label[b-nnjbutypxj] {
    display: inline-block;
    font-size: 0.7rem;
    color: #6c757d;
    margin-right: 4px;
    font-weight: 500;
    width: 55px;
    text-transform: uppercase;
    letter-spacing: 0.2px;
  }

  .invoice-item-grid span[b-nnjbutypxj] {
    font-size: 0.8rem;
    color: #212529;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: calc(100% - 60px);
    vertical-align: top;
  }

/* ��Ʊ������ǩ����� */
.invoice-card-grid .invoice-index[b-nnjbutypxj] {
  background: #e9ecef;
  color: #495057;
  padding: 2px 6px;
  border-radius: 10px;
  font-size: 0.7rem;
  font-weight: 600;
}

.invoice-card-grid.default-invoice-grid .invoice-index[b-nnjbutypxj] {
  background: rgba(255, 193, 7, 0.2);
  color: #856404;
}

/* ������ */
@keyframes fadeInUp-b-nnjbutypxj {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

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

.info-card-compact[b-nnjbutypxj],
.customer-card-compact[b-nnjbutypxj],
.invoice-item-simple[b-nnjbutypxj] {
  animation: fadeInUp-b-nnjbutypxj 0.2s ease;
}

/* ���䱳����ǿ */
.bg-gradient-primary[b-nnjbutypxj] {
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
}

/* ����ָʾ�� */
.invoice-scroll-container[b-nnjbutypxj]::before,
.customer-scroll-container[b-nnjbutypxj]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #007bff 0%, #0056b3 100%);
  opacity: 0.3;
  z-index: 1;
}

/* ���ƹ������� */
.invoice-scroll-container[b-nnjbutypxj],
.customer-scroll-container[b-nnjbutypxj] {
  scroll-behavior: smooth;
  position: relative;
}

/* Firefox ��������ʽ */
.invoice-scroll-container[b-nnjbutypxj],
.customer-scroll-container[b-nnjbutypxj] {
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 #f1f1f1;
}

/* ��Ӧʽ�Ż� */
@media (max-width: 768px) {
  .company-header-compact[b-nnjbutypxj] {
    padding: 12px;
    text-align: center;
  }

    .company-header-compact .row > div:last-child[b-nnjbutypxj] {
      text-align: center !important;
      margin-top: 0.5rem;
    }

  .info-card-compact[b-nnjbutypxj],
  .customer-card-compact[b-nnjbutypxj],
  .invoice-card-grid[b-nnjbutypxj] {
    margin-bottom: 8px;
  }

  .info-body-compact[b-nnjbutypxj],
  .customer-body-compact[b-nnjbutypxj],
  .invoice-body-grid[b-nnjbutypxj] {
    padding: 8px;
  }

  .stat-item-compact[b-nnjbutypxj] {
    padding: 6px 2px;
  }

  .stat-number-compact[b-nnjbutypxj] {
    font-size: 1rem;
  }

  .custom-tabs-compact .nav-link[b-nnjbutypxj] {
    padding: 0.4rem 0.6rem;
    font-size: 0.8rem;
  }

  /* ��Ʊ�򻯰���Ӧʽ */
  .invoice-item-simple[b-nnjbutypxj] {
    padding: 10px;
  }

    .invoice-item-simple .d-flex[b-nnjbutypxj] {
      flex-direction: column;
      gap: 8px;
    }

  .invoice-contact-info[b-nnjbutypxj] {
    text-align: left !important;
    min-width: auto;
  }

  .invoice-summary-simple[b-nnjbutypxj],
  .customer-summary-simple[b-nnjbutypxj],
  .customer-summary-with-filter[b-nnjbutypxj] {
    padding: 8px 12px;
  }

  /* �����������ƶ��˵ĵ��� */
  .invoice-scroll-container[b-nnjbutypxj],
  .customer-scroll-container[b-nnjbutypxj] {
    max-height: 300px;
  }

    /* ��Ʊ�Ϳͻ���Ƭ���ƶ���ռ����� */
    .invoice-scroll-container .col-lg-6[b-nnjbutypxj],
    .invoice-scroll-container .col-xl-4[b-nnjbutypxj],
    .customer-scroll-container .col-lg-6[b-nnjbutypxj],
    .customer-scroll-container .col-xl-4[b-nnjbutypxj] {
      flex: 0 0 100%;
      max-width: 100%;
    }

  /* ��Ʊ����Ƭ���ƶ��˵ĵ��� */
  .invoice-header-grid[b-nnjbutypxj] {
    padding: 8px 10px;
  }

  .invoice-body-grid[b-nnjbutypxj] {
    padding: 8px 10px;
  }

  .invoice-item-grid label[b-nnjbutypxj] {
    width: 50px;
    font-size: 0.65rem;
  }

  .invoice-item-grid span[b-nnjbutypxj] {
    max-width: calc(100% - 55px);
  }

  /* �ͻ�ɸѡ�����ƶ����Ż� */
  .customer-summary-with-filter .row[b-nnjbutypxj] {
    gap: 8px;
  }

  .customer-summary-with-filter .col-md-6:first-child[b-nnjbutypxj] {
    margin-bottom: 8px;
  }

  .customer-search-box[b-nnjbutypxj] {
    min-width: auto;
    flex-grow: 1;
  }

  .customer-summary-with-filter .d-flex[b-nnjbutypxj] {
    flex-wrap: wrap;
    gap: 8px;
  }
}

@media (max-width: 576px) {
  .company-avatar-sm[b-nnjbutypxj] {
    width: 40px;
    height: 40px;
  }

    .company-avatar-sm i[b-nnjbutypxj] {
      font-size: 1.5rem !important;
    }

  .info-header-compact[b-nnjbutypxj],
  .remarks-header-compact[b-nnjbutypxj] {
    font-size: 0.8rem;
    padding: 6px 10px;
  }

  .info-body-compact[b-nnjbutypxj] {
    padding: 8px 10px;
  }

  .customer-item-compact label[b-nnjbutypxj] {
    width: 35px;
    font-size: 0.65rem;
  }

  .col-3 .stat-item-compact[b-nnjbutypxj] {
    padding: 4px 1px;
  }

  .stat-number-compact[b-nnjbutypxj] {
    font-size: 0.9rem;
  }

  .stat-label-compact[b-nnjbutypxj] {
    font-size: 0.6rem;
  }

  /* С��Ļ�µķ�Ʊ�Ϳͻ� */
  .invoice-scroll-container[b-nnjbutypxj],
  .customer-scroll-container[b-nnjbutypxj] {
    max-height: 250px;
  }

  .invoice-item-simple[b-nnjbutypxj] {
    padding: 8px;
  }

  .invoice-title[b-nnjbutypxj] {
    font-size: 0.9rem;
  }

  .invoice-index[b-nnjbutypxj] {
    font-size: 0.7rem;
    padding: 1px 6px;
  }

  /* ��Ʊ������С��Ļ�µ��Ż� */
  .invoice-title-grid[b-nnjbutypxj] {
    font-size: 0.85rem;
  }

  .invoice-item-grid label[b-nnjbutypxj] {
    width: 45px;
    font-size: 0.6rem;
  }

  .invoice-item-grid span[b-nnjbutypxj] {
    font-size: 0.75rem;
    max-width: calc(100% - 50px);
  }

  /* �ͻ�ɸѡ��С��Ļ�µ��Ż� */
  .customer-summary-with-filter[b-nnjbutypxj] {
    padding: 8px 10px;
  }

    .customer-summary-with-filter .row[b-nnjbutypxj] {
      flex-direction: column;
      gap: 12px;
    }

    .customer-summary-with-filter .d-flex[b-nnjbutypxj] {
      justify-content: space-between;
      align-items: center;
    }

  .customer-search-box[b-nnjbutypxj] {
    flex: 1;
    margin-right: 8px;
  }
}

/* �����ɶ��Ե�С���� */
.info-item-compact span a[b-nnjbutypxj],
.customer-item-compact span a[b-nnjbutypxj] {
  font-size: inherit;
  color: #007bff;
  transition: color 0.2s ease;
}

  .info-item-compact span a:hover[b-nnjbutypxj],
  .customer-item-compact span a:hover[b-nnjbutypxj] {
    color: #0056b3;
  }

/* �ı��ض��Ż� */
.text-truncate-compact[b-nnjbutypxj] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* ��Ʊ��Ϣ�������Ӧʽ���� */
@media (max-width: 768px) {
  .invoice-card-grid[b-nnjbutypxj] {
    margin-bottom: 16px;
  }

  .invoice-header-grid[b-nnjbutypxj] {
    padding: 8px 10px;
  }

  .invoice-body-grid[b-nnjbutypxj] {
    padding: 8px 10px;
  }

  .invoice-title-grid[b-nnjbutypxj] {
    font-size: 0.85rem;
  }

  .invoice-item-grid label[b-nnjbutypxj] {
    width: 50px;
  }

  .invoice-item-grid span[b-nnjbutypxj] {
    font-size: 0.75rem;
    max-width: calc(100% - 55px);
  }
}

/* ��С��Ļ�Ż� */
@media (max-width: 576px) {
  .invoice-card-grid[b-nnjbutypxj] {
    margin-bottom: 12px;
  }

  .invoice-title-grid[b-nnjbutypxj] {
    font-size: 0.8rem;
  }

  .invoice-item-grid[b-nnjbutypxj] {
    display: block;
    width: 100%;
  }

    .invoice-item-grid label[b-nnjbutypxj] {
      width: 100%;
      margin-bottom: 4px;
    }

    .invoice-item-grid span[b-nnjbutypxj] {
      display: block;
      width: 100%;
      max-width: none;
    }
}

/* �ͻ�ɸѡ������ʽ */

/* �ͻ�ͳ�ƺ�ɸѡ���� */
.customer-summary-with-filter[b-nnjbutypxj] {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 12px 16px;
}

/* �ͻ������� */
.customer-search-box[b-nnjbutypxj] {
  min-width: 200px;
}

  .customer-search-box .form-control[b-nnjbutypxj] {
    font-size: 0.875rem;
    padding-left: 2.5rem;
  }

  .customer-search-box .input-group-text[b-nnjbutypxj] {
    background: transparent;
    border-right: none;
    padding-left: 0.75rem;
  }

/* ƥ��Ŀͻ���Ƭ���� */
.customer-card-compact.matched-customer[b-nnjbutypxj] {
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
}

/* �����ı����� */
.search-highlight[b-nnjbutypxj] {
  background-color: #fff3cd;
  color: #856404;
  padding: 0.1em 0.2em;
  border-radius: 0.2em;
  font-weight: 600;
}

/* ɸѡ�޽��״̬ */
.filter-no-results[b-nnjbutypxj] {
  background: #f8f9fa;
  border: 1px dashed #dee2e6;
  border-radius: 8px;
  margin: 12px 0;
  color: #6c757d;
}

  .filter-no-results:hover[b-nnjbutypxj] {
    border-color: #007bff;
    background: #f0f8ff;
  }

/* ɸѡͳ�ƻ��� */
.customer-summary-with-filter .badge[b-nnjbutypxj] {
  font-size: 0.75rem;
  padding: 0.35em 0.65em;
}
/* /Components/Pages/Company/Components/CompanyEditDialog.razor.rz.scp.css */
/* CompanyEditDialog 优化样式 */

/* ========== 1. 头部区域优化 ========== */
.edit-header-modern[b-amux5qjuk9] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 0.75rem 1rem; /* 从 1.5rem 减少到 0.75rem */
  border-radius: 0.5rem 0.5rem 0 0;
  margin-bottom: 1rem; /* 从 1.5rem 减少到 1rem */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); /* 减少阴影 */
}

.company-icon-modern[b-amux5qjuk9] {
  width: 40px; /* 从 64px 减少到 40px */
  height: 40px;
  border-radius: 8px; /* 从 12px 减少到 8px */
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* 减少阴影 */
}

  .company-icon-modern i[b-amux5qjuk9] {
    font-size: 1.25rem; /* 添加图标大小调整 */
  }

.company-header-info h5[b-amux5qjuk9] {
  color: white;
  font-weight: 600;
  margin: 0 0 0.125rem 0; /* 从 0.25rem 减少到 0.125rem */
  font-size: 1rem; /* 从 1.25rem 减少到 1rem */
  line-height: 1.3;
}

.company-header-info .company-meta[b-amux5qjuk9] {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.75rem; /* 从 0.875rem 减少到 0.75rem */
  display: flex;
  align-items: center;
  gap: 0.75rem; /* 从 1rem 减少到 0.75rem */
}

  .company-header-info .company-meta span[b-amux5qjuk9] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
  }

.edit-badges-modern[b-amux5qjuk9] {
  display: flex;
  gap: 0.375rem; /* 从 0.5rem 减少到 0.375rem */
  flex-wrap: wrap;
  align-items: center;
}

.badge-modern[b-amux5qjuk9] {
  padding: 0.25rem 0.75rem; /* 从 0.5rem 1rem 减少到 0.25rem 0.75rem */
  border-radius: 12px; /* 从 20px 减少到 12px */
  font-weight: 500;
  font-size: 0.75rem; /* 从 0.813rem 减少到 0.75rem */
  display: inline-flex;
  align-items: center;
  gap: 0.25rem; /* 从 0.375rem 减少到 0.25rem */
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: white;
  line-height: 1.2;
}

/* ========== 2. Tab 标签页优化 ========== */
.company-edit-tabs-modern .nav-tabs[b-amux5qjuk9] {
  border-bottom: 2px solid #e9ecef;
  margin-bottom: 1.5rem;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}

  .company-edit-tabs-modern .nav-tabs[b-amux5qjuk9]::-webkit-scrollbar {
    height: 4px;
  }

  .company-edit-tabs-modern .nav-tabs[b-amux5qjuk9]::-webkit-scrollbar-thumb {
    background: #dee2e6;
    border-radius: 2px;
  }

.company-edit-tabs-modern .nav-link[b-amux5qjuk9] {
  color: #6c757d;
  font-weight: 500;
  padding: 0.75rem 1.5rem;
  border: none;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

  .company-edit-tabs-modern .nav-link:hover[b-amux5qjuk9] {
    color: #495057;
    border-bottom-color: #dee2e6;
    background-color: #f8f9fa;
  }

  .company-edit-tabs-modern .nav-link.active[b-amux5qjuk9] {
    color: #667eea;
    border-bottom-color: #667eea;
    background-color: transparent;
  }

  .company-edit-tabs-modern .nav-link i[b-amux5qjuk9] {
    font-size: 1rem;
  }

/* 标准HTML Tab样式 */
.company-edit-tabs-standard[b-amux5qjuk9] {
  margin-top: 1rem;
}

  .company-edit-tabs-standard .nav-tabs[b-amux5qjuk9] {
    border-bottom: 2px solid #dee2e6;
    gap: 0.25rem;
  }

    .company-edit-tabs-standard .nav-tabs .nav-link[b-amux5qjuk9] {
      border: none;
      border-bottom: 3px solid transparent;
      color: #6c757d;
      padding: 0.75rem 1.25rem;
      font-weight: 500;
      transition: all 0.2s ease;
      background: transparent;
    }

      .company-edit-tabs-standard .nav-tabs .nav-link:hover[b-amux5qjuk9] {
        border-bottom-color: #0d6efd;
        color: #0d6efd;
        background: rgba(13, 110, 253, 0.05);
      }

      .company-edit-tabs-standard .nav-tabs .nav-link.active[b-amux5qjuk9] {
        color: #0d6efd;
        border-bottom-color: #0d6efd;
        background: transparent;
      }

      .company-edit-tabs-standard .nav-tabs .nav-link i[b-amux5qjuk9] {
        margin-right: 0.5rem;
      }

  .company-edit-tabs-standard .tab-content[b-amux5qjuk9] {
    padding: 1.5rem 0;
  }

  .company-edit-tabs-standard .tab-pane[b-amux5qjuk9] {
    animation: fadeIn-b-amux5qjuk9 0.3s ease-in;
  }

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

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

/* ========== 3. 表单区域优化 ========== */
.tab-content-modern[b-amux5qjuk9] {
  padding: 0 0.5rem;
  max-height: 60vh;
  overflow-y: auto;
  scrollbar-width: thin;
}

  .tab-content-modern[b-amux5qjuk9]::-webkit-scrollbar {
    width: 6px;
  }

  .tab-content-modern[b-amux5qjuk9]::-webkit-scrollbar-thumb {
    background: #dee2e6;
    border-radius: 3px;
  }

    .tab-content-modern[b-amux5qjuk9]::-webkit-scrollbar-thumb:hover {
      background: #adb5bd;
    }

.form-section-modern[b-amux5qjuk9] {
  background: #f8f9fa;
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 1rem;
}

  .form-section-modern .section-title[b-amux5qjuk9] {
    font-size: 14px;
    font-weight: 600;
    color: #212529;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
  }

    .form-section-modern .section-title i[b-amux5qjuk9] {
      font-size: 16px;
      color: #6366f1;
    }

    .form-section-modern .section-title .badge[b-amux5qjuk9] {
      font-size: 11px;
      padding: 2px 8px;
      font-weight: 500;
    }

/* ========== 4. 角色选择优化 ========== */
/* 角色选择区域优化 - 超紧凑现代风格 */
.role-selection-modern[b-amux5qjuk9] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 8px;
  padding: 10px;
  background: #f8f9fa;
  border-radius: 8px;
}

.role-card-modern[b-amux5qjuk9] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  background: white;
  border: 1.5px solid #dee2e6;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  min-height: 34px;
}

  .role-card-modern:hover[b-amux5qjuk9] {
    border-color: #6366f1;
    box-shadow: 0 2px 6px rgba(99, 102, 241, 0.12);
    transform: translateY(-1px);
  }

  .role-card-modern.selected[b-amux5qjuk9] {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    border-color: #6366f1;
    color: white;
    box-shadow: 0 3px 10px rgba(99, 102, 241, 0.25);
  }

  .role-card-modern .role-icon[b-amux5qjuk9] {
    font-size: 14px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #6366f1;
  }

  .role-card-modern.selected .role-icon[b-amux5qjuk9] {
    color: white;
  }

  .role-card-modern .role-info[b-amux5qjuk9] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
  }

  .role-card-modern .role-name[b-amux5qjuk9] {
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
  }

  .role-card-modern .role-desc[b-amux5qjuk9] {
    display: none; /* 完全隐藏描述，节省空间 */
  }

  .role-card-modern .form-check-input[b-amux5qjuk9] {
    width: 14px;
    height: 14px;
    margin: 0;
    flex-shrink: 0;
    cursor: pointer;
    border: 1.5px solid #dee2e6;
  }

  .role-card-modern.selected .form-check-input[b-amux5qjuk9] {
    background-color: white;
    border-color: white;
  }

    .role-card-modern.selected .form-check-input:checked[b-amux5qjuk9] {
      background-color: white;
      border-color: white;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%236366f1' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    }

/* 紧凑化角色选择样式 */
.role-selection-compact[b-amux5qjuk9] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 6px !important;
  padding: 8px !important;
}

.role-card-compact[b-amux5qjuk9] {
  padding: 5px 8px !important;
  min-height: 32px !important;
  gap: 5px !important;
}

  .role-card-compact .role-icon[b-amux5qjuk9] {
    font-size: 13px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .role-card-compact .role-name[b-amux5qjuk9] {
    font-size: 11.5px !important;
  }

  .role-card-compact .form-check-input[b-amux5qjuk9] {
    width: 13px !important;
    height: 13px !important;
  }

/* 角色设置Tab专属样式 */
.role-tab-header[b-amux5qjuk9] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 16px;
  border: 1px solid #dee2e6;
}

.role-tab-title[b-amux5qjuk9] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  margin-bottom: 6px;
  font-weight: 600;
  color: #212529;
}

  .role-tab-title i[b-amux5qjuk9] {
    font-size: 18px;
    color: #6366f1;
  }

.role-tab-hint[b-amux5qjuk9] {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 12px;
  color: #6c757d;
  line-height: 1.5;
}

  .role-tab-hint i[b-amux5qjuk9] {
    margin-top: 2px;
    flex-shrink: 0;
    color: #6366f1;
  }

/* 大尺寸角色卡片布局（供应商Tab使用） */
.role-selection-large[b-amux5qjuk9] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

.role-card-large[b-amux5qjuk9] {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  border: 2px solid #dee2e6;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: white;
  min-height: 52px;
}

.role-selection-devexpress[b-amux5qjuk9] {
  gap: 12px;
}

.role-card-devexpress[b-amux5qjuk9] {
  position: relative;
  border: 1px solid #d7dce5;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

  .role-card-devexpress[b-amux5qjuk9]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    border-radius: 10px 0 0 10px;
    background: transparent;
    transition: background 0.2s ease;
  }

  .role-card-large:hover[b-amux5qjuk9] {
    border-color: #3b82f6;
    box-shadow: 0 6px 18px rgba(59, 130, 246, 0.16);
    transform: translateY(-1px);
  }

  .role-card-large.selected[b-amux5qjuk9] {
    border-color: #3b82f6;
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
    box-shadow: 0 8px 22px rgba(59, 130, 246, 0.18);
  }

  .role-card-devexpress.selected[b-amux5qjuk9]::before {
    background: linear-gradient(180deg, #2563eb 0%, #60a5fa 100%);
  }

.role-card-icon[b-amux5qjuk9] {
  font-size: 24px;
  margin-right: 12px;
  flex-shrink: 0;
  width: 32px;
  text-align: center;
  color: #6366f1;
}

.role-card-content[b-amux5qjuk9] {
  flex: 1;
  min-width: 0;
}

.role-card-name-row[b-amux5qjuk9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.role-card-name[b-amux5qjuk9] {
  font-size: 14px;
  font-weight: 600;
  color: #212529;
  margin-bottom: 2px;
  line-height: 1.3;
}

.role-card-selected-tag[b-amux5qjuk9] {
  font-size: 10px;
  font-weight: 600;
  color: #1d4ed8;
  background: rgba(59, 130, 246, 0.12);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 999px;
  padding: 2px 8px;
  white-space: nowrap;
}

.role-card-desc[b-amux5qjuk9] {
  font-size: 11px;
  color: #6c757d;
  line-height: 1.3;
  display: none; /* 隐藏描述以节省空间 */
}

.role-card-checkbox[b-amux5qjuk9] {
  margin-left: 10px;
  flex-shrink: 0;
}

  .role-card-checkbox :deep(.dxbl-checkbox)[b-amux5qjuk9] {
    margin-bottom: 0;
  }

  .role-card-checkbox :deep(.dxbl-checkbox .dxbl-checkbox-check-container)[b-amux5qjuk9] {
    border-radius: 4px;
  }

  .role-card-checkbox .form-check-input[b-amux5qjuk9] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    border: 1.5px solid #dee2e6;
  }

.role-tab-footer[b-amux5qjuk9] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 6px;
  font-size: 12px;
  color: #856404;
  line-height: 1.4;
}

  .role-tab-footer i[b-amux5qjuk9] {
    margin-top: 1px;
    flex-shrink: 0;
    color: #f59e0b;
  }

/* ========== 5. 联系人表格优化 ========== */
.dx-invoice-list[b-amux5qjuk9] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.invoice-card-modern[b-amux5qjuk9] {
  background: #fff;
  border: 1px solid #d7dce5;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

.invoice-card-default[b-amux5qjuk9] {
  border-color: #60a5fa;
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.12);
}

.invoice-card-header[b-amux5qjuk9] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.invoice-card-title-group[b-amux5qjuk9] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.invoice-card-title[b-amux5qjuk9] {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  line-height: 1.4;
}

.invoice-card-subtitle[b-amux5qjuk9] {
  font-size: 12px;
  color: #6b7280;
}

.invoice-form-layout[b-amux5qjuk9] {
  margin-top: 4px;
}

  .invoice-form-layout :deep(.dxbl-fl-item)[b-amux5qjuk9] {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .invoice-form-layout :deep(.dxbl-fl-caption)[b-amux5qjuk9] {
    font-weight: 600;
    color: #374151;
  }

.contacts-grid-modern[b-amux5qjuk9] {
  border: 1px solid #d7dce5;
  border-radius: 12px;
  overflow: hidden;
}

  .contacts-grid-modern :deep(.dxbl-grid-table)[b-amux5qjuk9] {
    background: #fff;
  }

  .contacts-grid-modern :deep(.dxbl-grid-header-content)[b-amux5qjuk9] {
    font-weight: 600;
  }

  .contacts-grid-modern :deep(.dxbl-grid-data-row.default-contact)[b-amux5qjuk9] {
    background: #eef6ff;
  }

.contacts-table-modern[b-amux5qjuk9] {
  border: 2px solid #e9ecef;
  border-radius: 0.5rem;
  overflow: hidden;
}

  .contacts-table-modern thead[b-amux5qjuk9] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  }

    .contacts-table-modern thead th[b-amux5qjuk9] {
      font-weight: 600;
      font-size: 0.813rem;
      color: #495057;
      padding: 0.75rem 0.5rem;
      border-bottom: 2px solid #dee2e6;
    }

  .contacts-table-modern tbody tr[b-amux5qjuk9] {
    transition: all 0.2s ease;
  }

    .contacts-table-modern tbody tr:hover[b-amux5qjuk9] {
      background-color: #f8f9fa;
    }

    .contacts-table-modern tbody tr.default-contact[b-amux5qjuk9] {
      background: linear-gradient(90deg, rgba(255, 193, 7, 0.1) 0%, rgba(255, 193, 7, 0.05) 100%);
    }

  .contacts-table-modern tbody td[b-amux5qjuk9] {
    padding: 0.625rem 0.5rem;
    vertical-align: middle;
  }

  .contacts-table-modern input.form-control[b-amux5qjuk9] {
    border: 1px solid transparent;
    background: transparent;
    font-size: 0.875rem;
    padding: 0.375rem 0.5rem;
    transition: all 0.2s ease;
  }

    .contacts-table-modern input.form-control:focus[b-amux5qjuk9] {
      border-color: #667eea;
      background: white;
      box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.15);
    }

.contact-add-btn-modern[b-amux5qjuk9] {
  background: white;
  border: 2px dashed #dee2e6;
  border-radius: 0.5rem;
  padding: 1rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #6c757d;
}

  .contact-add-btn-modern:hover[b-amux5qjuk9] {
    border-color: #667eea;
    color: #667eea;
    background: rgba(102, 126, 234, 0.05);
  }

;

/* ========== 6. 警告提示优化 ========== */
.alert-modern[b-amux5qjuk9] {
  border: none;
  border-left: 4px solid;
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

  .alert-modern i[b-amux5qjuk9] {
    font-size: 1.5rem;
    flex-shrink: 0;
  }

  .alert-modern.alert-danger[b-amux5qjuk9] {
    background: linear-gradient(90deg, rgba(220, 53, 69, 0.1) 0%, rgba(220, 53, 69, 0.05) 100%);
    border-left-color: #dc3545;
    color: #721c24;
  }

  .alert-modern.alert-warning[b-amux5qjuk9] {
    background: linear-gradient(90deg, rgba(255, 193, 7, 0.1) 0%, rgba(255, 193, 7, 0.05) 100%);
    border-left-color: #ffc107;
    color: #856404;
  }

  .alert-modern.alert-info[b-amux5qjuk9] {
    background: linear-gradient(90deg, rgba(13, 202, 240, 0.1) 0%, rgba(13, 202, 240, 0.05) 100%);
    border-left-color: #0dcaf0;
    color: #055160;
  }

  /* ========== 7. 统计卡片优化 ========== */
.stats-card-modern[b-amux5qjuk9] {
  background: white;
  border: 2px solid #e9ecef;
  border-radius: 0.5rem;
  padding: 1.25rem;
  text-align: center;
  transition: all 0.3s ease;
}

  .stats-card-modern:hover[b-amux5qjuk9] {
    border-color: #667eea;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
    transform: translateY(-2px);
  }

  .stats-card-modern .stat-icon[b-amux5qjuk9] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
    margin: 0 auto 0.75rem;
  }

  .stats-card-modern .stat-value[b-amux5qjuk9] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #212529;
    line-height: 1;
    margin-bottom: 0.25rem;
  }

  .stats-card-modern .stat-label[b-amux5qjuk9] {
    font-size: 0.813rem;
    color: #6c757d;
    font-weight: 500;
  }

  /* ========== 8. 黑名单管理区域 ========== */
.blacklist-section-modern[b-amux5qjuk9] {
  border: 2px solid #dc3545;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-top: 1rem;
}

  .blacklist-section-modern .section-header[b-amux5qjuk9] {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    color: white;
    padding: 0.75rem 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .blacklist-section-modern .section-body[b-amux5qjuk9] {
    background: rgba(220, 53, 69, 0.05);
    padding: 1rem;
  }

  /* ========== 9. 底部按钮区域优化 ========== */
.modal-footer-modern[b-amux5qjuk9] {
  /*background: #f8f9fa;
    border-top: 2px solid #e9ecef;
    padding: 1rem 1.5rem;*/
  /* 修复：移除负margin，确保footer在弹窗内部 */
  /*margin-top: 1.5rem;*/
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  /*border-radius: 0 0 0.5rem 0.5rem;*/
}

.footer-tips-modern[b-amux5qjuk9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #6c757d;
  font-size: 0.875rem;
}

  .footer-tips-modern i[b-amux5qjuk9] {
    color: #ffc107;
  }

.footer-actions-modern[b-amux5qjuk9] {
  display: flex;
  gap: 0.75rem;
}

  .footer-actions-modern .btn[b-amux5qjuk9] {
    min-width: 100px;
    font-weight: 500;
    padding: 0.625rem 1.5rem;
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
  }

  .footer-actions-modern .btn-primary[b-amux5qjuk9] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
  }

    .footer-actions-modern .btn-primary:hover[b-amux5qjuk9] {
      box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
      transform: translateY(-2px);
    }

  .footer-actions-modern .btn-secondary[b-amux5qjuk9] {
    background: white;
    border: 2px solid #e9ecef;
    color: #6c757d;
  }

    .footer-actions-modern .btn-secondary:hover[b-amux5qjuk9] {
      border-color: #dee2e6;
      background: #f8f9fa;
    }

  /* ========== 10. 响应式优化 ========== */
@media (max-width: 768px) {
  .edit-header-modern[b-amux5qjuk9] {
    padding: 1rem;
  }

  .company-icon-modern[b-amux5qjuk9] {
    width: 48px;
    height: 48px;
  }

  .company-header-info h5[b-amux5qjuk9] {
    font-size: 1rem;
  }

  .role-selection-modern[b-amux5qjuk9] {
    grid-template-columns: 1fr;
  }

  .stats-card-modern[b-amux5qjuk9] {
    margin-bottom: 1rem;
  }

  .modal-footer-modern[b-amux5qjuk9] {
    flex-direction: column;
    align-items: stretch;
  }

  .footer-actions-modern[b-amux5qjuk9] {
    width: 100%;
  }

    .footer-actions-modern .btn[b-amux5qjuk9] {
      flex: 1;
    }

  .role-selection-large[b-amux5qjuk9] {
    grid-template-columns: 1fr;
  }

  .role-card-large[b-amux5qjuk9] {
    flex-direction: column;
    text-align: center;
    padding: 16px;
  }

  .role-card-icon[b-amux5qjuk9] {
    margin-right: 0;
    margin-bottom: 12px;
  }

  .role-card-checkbox[b-amux5qjuk9] {
    margin-left: 0;
    margin-top: 12px;
  }
}

/* ========== 11. 加载动画 ========== */
.loading-skeleton[b-amux5qjuk9] {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading-b-amux5qjuk9 1.5s ease-in-out infinite;
  border-radius: 0.375rem;
}

@keyframes loading-b-amux5qjuk9 {
  0% {
    background-position: 200% 0;
  }

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

/* ========== 12. 输入框优化 ========== */
.form-control:focus[b-amux5qjuk9],
.form-select:focus[b-amux5qjuk9] {
  border-color: #667eea;
  box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.15);
}

.form-label[b-amux5qjuk9] {
  font-weight: 500;
  color: #495057;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}

  .form-label .text-danger[b-amux5qjuk9] {
    color: #dc3545 !important;
  }

/* ========== 13. Switch开关优化 ========== */
.form-switch-modern[b-amux5qjuk9] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: white;
  border: 2px solid #e9ecef;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}

  .form-switch-modern:hover[b-amux5qjuk9] {
    border-color: #667eea;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.1);
  }

  .form-switch-modern .form-check-input[b-amux5qjuk9] {
    width: 48px;
    height: 24px;
    cursor: pointer;
    border: 2px solid #dee2e6;
    background-color: #e9ecef;
  }

    .form-switch-modern .form-check-input:checked[b-amux5qjuk9] {
      background-color: #667eea;
      border-color: #667eea;
    }

  .form-switch-modern .form-check-label[b-amux5qjuk9] {
    font-weight: 500;
    color: #212529;
    cursor: pointer;
    flex: 1;
  }

  /* ========== 14. 空状态优化 ========== */
.empty-state-modern[b-amux5qjuk9] {
  text-align: center;
  padding: 24px 16px;
  color: #6c757d;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1.5px dashed #dee2e6;
}

  .empty-state-modern i[b-amux5qjuk9] {
    font-size: 32px;
    color: #adb5bd;
    margin-bottom: 8px;
    display: block;
  }

  .empty-state-modern p[b-amux5qjuk9] {
    margin: 0;
    font-size: 13px;
    color: #6c757d;
  }

  /* ========== 15. 工具提示优化 ========== */
.tooltip-modern[b-amux5qjuk9] {
  position: relative;
  display: inline-block;
}

  .tooltip-modern .tooltip-text[b-amux5qjuk9] {
    visibility: hidden;
    background-color: #212529;
    color: white;
    text-align: center;
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 0.813rem;
    white-space: nowrap;
  }

  .tooltip-modern:hover .tooltip-text[b-amux5qjuk9] {
    visibility: visible;
    opacity: 1;
  }

  /* 供应商信息页面 - 现代化设计 */

  /* 警告提示卡片 */
.supplier-alert-modern[b-amux5qjuk9] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
  border-left: 4px solid #ef4444;
  border-radius: 8px;
  margin-bottom: 20px;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.1);
}

  .supplier-alert-modern .alert-icon[b-amux5qjuk9] {
    font-size: 24px;
    color: #dc2626;
    flex-shrink: 0;
  }

  .supplier-alert-modern .alert-content[b-amux5qjuk9] {
    flex: 1;
  }

  .supplier-alert-modern .alert-title[b-amux5qjuk9] {
    font-size: 15px;
    font-weight: 600;
    color: #991b1b;
    margin-bottom: 4px;
  }

  .supplier-alert-modern .alert-message[b-amux5qjuk9] {
    font-size: 13px;
    color: #7f1d1d;
    line-height: 1.5;
  }

  /* 供应商评级卡片 */
.supplier-rating-card[b-amux5qjuk9] {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.card-header-modern[b-amux5qjuk9] {
  background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
}

  .card-header-modern i[b-amux5qjuk9] {
    color: #6366f1;
    font-size: 16px;
  }

.card-body-modern[b-amux5qjuk9] {
  padding: 20px;
}

/* 评级网格布局 */
.rating-grid[b-amux5qjuk9] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
}

.rating-item[b-amux5qjuk9] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.rating-label[b-amux5qjuk9] {
  font-size: 13px;
  font-weight: 500;
  color: #4b5563;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 0;
}

  .rating-label i[b-amux5qjuk9] {
    color: #6366f1;
    font-size: 14px;
  }

/* 评分输入和星级显示 */
.rating-score-input[b-amux5qjuk9] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.rating-stars[b-amux5qjuk9] {
  display: flex;
  gap: 4px;
  font-size: 18px;
}

  .rating-stars .fa-star[b-amux5qjuk9] {
    color: #fbbf24;
  }

  .rating-stars .far.fa-star[b-amux5qjuk9] {
    color: #d1d5db;
  }

/* 首选供应商开关 */
.rating-item-switch[b-amux5qjuk9] {
  grid-column: 1 / -1;
}

.preferred-supplier-toggle[b-amux5qjuk9] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #f9fafb;
  border: 1.5px solid #e5e7eb;
  border-radius: 8px;
  transition: all 0.2s ease;
}

  .preferred-supplier-toggle:has(input:checked)[b-amux5qjuk9] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-color: #fbbf24;
  }

  .preferred-supplier-toggle .form-check-input[b-amux5qjuk9] {
    width: 20px;
    height: 20px;
    margin: 0;
    cursor: pointer;
  }

  .preferred-supplier-toggle .form-check-label[b-amux5qjuk9] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 0;
  }

    .preferred-supplier-toggle .form-check-label i[b-amux5qjuk9] {
      font-size: 18px;
    }

/* 黑名单管理卡片 */
.blacklist-card-modern[b-amux5qjuk9] {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.blacklist-toggle-section[b-amux5qjuk9] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.blacklist-switch[b-amux5qjuk9] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #f9fafb;
  border: 1.5px solid #e5e7eb;
  border-radius: 8px;
  transition: all 0.2s ease;
}

  .blacklist-switch:has(input:checked)[b-amux5qjuk9] {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    border-color: #ef4444;
  }

  .blacklist-switch .form-check-input[b-amux5qjuk9] {
    width: 20px;
    height: 20px;
    margin: 0;
    cursor: pointer;
  }

  .blacklist-switch .form-check-label[b-amux5qjuk9] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 0;
  }

    .blacklist-switch .form-check-label i[b-amux5qjuk9] {
      font-size: 16px;
    }

.blacklist-reason-input[b-amux5qjuk9] {
  padding: 16px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
}

  .blacklist-reason-input .form-label[b-amux5qjuk9] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    font-size: 13px;
  }

  .blacklist-reason-input textarea[b-amux5qjuk9] {
    resize: vertical;
    min-height: 80px;
  }

/* 响应式优化 */
@media (max-width: 768px) {
  .rating-grid[b-amux5qjuk9] {
    grid-template-columns: 1fr;
  }

  .supplier-alert-modern[b-amux5qjuk9] {
    flex-direction: column;
    text-align: center;
  }

    .supplier-alert-modern .alert-icon[b-amux5qjuk9] {
      font-size: 32px;
    }
}

/* 警告提示动画 */
@keyframes shake-b-amux5qjuk9 {
  0%, 100% {
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-5px);
  }

  20%, 40%, 60%, 80% {
    transform: translateX(5px);
  }
}

.supplier-alert-modern.alert-danger-modern[b-amux5qjuk9] {
  animation: shake-b-amux5qjuk9 0.5s ease-in-out;
}

/* ==============================================
   客户信息卡片样式
   ============================================== */
.customer-card[b-amux5qjuk9] {
    transition: all 0.3s ease;
    background: #ffffff;
}

.customer-card:hover[b-amux5qjuk9] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* 🆕 新客户高亮样式 */
.new-customer-highlight[b-amux5qjuk9] {
    background: linear-gradient(135deg, #e3f2fd 0%, #f8f9fa 100%);
    border-left: 4px solid #4CAF50 !important;
    box-shadow: 0 2px 12px rgba(76, 175, 80, 0.15);
    animation: pulse-border-b-amux5qjuk9 2s ease-in-out infinite;
}

@keyframes pulse-border-b-amux5qjuk9 {
    0%, 100% {
        border-left-color: #4CAF50;
    }
    50% {
        border-left-color: #81C784;
    }
}

.new-customer-highlight:hover[b-amux5qjuk9] {
    box-shadow: 0 4px 16px rgba(76, 175, 80, 0.25);
}

/* ==============================================
   联系人表格样式
   ============================================== */

/* ==============================================
   验证错误显示样式
   ============================================== */

/* 验证错误摘要区域 */
.validation-summary[b-amux5qjuk9] {
    background: #fff5f5;
    border: 1px solid #fed7d7;
    border-radius: 8px;
    padding: 12px;
}

.validation-summary .alert[b-amux5qjuk9] {
    border: none;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1.4;
}

.validation-summary .alert-sm[b-amux5qjuk9] {
    padding: 6px 10px;
    margin-bottom: 4px;
}

.validation-summary .alert:last-child[b-amux5qjuk9] {
    margin-bottom: 0;
}

.validation-summary .alert-danger[b-amux5qjuk9] {
    background: #fff5f5;
    color: #c53030;
    border-left: 3px solid #f56565;
}

.validation-summary .alert-warning[b-amux5qjuk9] {
    background: #fffbeb;
    color: #b45309;
    border-left: 3px solid #f59e0b;
}

.validation-summary .alert strong[b-amux5qjuk9] {
    font-weight: 600;
    margin-right: 4px;
}

/* 有验证错误的字段容器 */
.has-validation-error[b-amux5qjuk9] {
    position: relative;
}

.has-validation-error[b-amux5qjuk9]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #f56565;
    border-radius: 6px;
    pointer-events: none;
    animation: error-pulse-b-amux5qjuk9 2s ease-in-out infinite;
}

@keyframes error-pulse-b-amux5qjuk9 {
    0%, 100% {
        border-color: #f56565;
        box-shadow: 0 0 0 0 rgba(245, 101, 101, 0);
    }
    50% {
        border-color: #fc8181;
        box-shadow: 0 0 8px rgba(245, 101, 101, 0.3);
    }
}

/* 有警告的字段容器 */
.has-validation-warning[b-amux5qjuk9] {
    position: relative;
}

.has-validation-warning[b-amux5qjuk9]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #f59e0b;
    border-radius: 6px;
    pointer-events: none;
}

/* Tab导航上的徽章样式 */
.nav-tabs .nav-link .badge[b-amux5qjuk9] {
    font-size: 10px;
    padding: 2px 6px;
    vertical-align: middle;
    font-weight: 500;
}

.nav-tabs .nav-link .badge.bg-danger[b-amux5qjuk9] {
    animation: badge-pulse-b-amux5qjuk9 1.5s ease-in-out infinite;
}

@keyframes badge-pulse-b-amux5qjuk9 {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.9;
    }
}

/* Tab导航 - 有错误时的样式 */
.nav-tabs .nav-link:has(.badge.bg-danger)[b-amux5qjuk9] {
    color: #c53030 !important;
}

.nav-tabs .nav-link:has(.badge.bg-warning)[b-amux5qjuk9] {
    color: #b45309 !important;
}

/* 输入框验证样式 */
.is-invalid[b-amux5qjuk9],
.has-validation-error .form-control[b-amux5qjuk9],
.has-validation-error .form-select[b-amux5qjuk9] {
    border-color: #f56565 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    padding-right: calc(1.5em + 0.75rem);
}

.is-warning[b-amux5qjuk9],
.has-validation-warning .form-control[b-amux5qjuk9],
.has-validation-warning .form-select[b-amux5qjuk9] {
    border-color: #f59e0b !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f59e0b'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f59e0b' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    padding-right: calc(1.5em + 0.75rem);
}

/* 验证错误提示文本 */
.invalid-feedback[b-amux5qjuk9] {
    display: block;
    width: 100%;
    margin-top: 4px;
    font-size: 12px;
    color: #c53030;
}

.warning-feedback[b-amux5qjuk9] {
    display: block;
    width: 100%;
    margin-top: 4px;
    font-size: 12px;
    color: #b45309;
}

/* 字段级别错误提示 */
.field-error-tooltip[b-amux5qjuk9] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    padding: 6px 10px;
    background: #c53030;
    color: white;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    margin-top: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.field-error-tooltip[b-amux5qjuk9]::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 12px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: transparent transparent #c53030 transparent;
}

/* 表单区块中的错误状态 */
.form-section-modern.has-errors[b-amux5qjuk9] {
    border-left: 4px solid #f56565;
    background: linear-gradient(90deg, rgba(245, 101, 101, 0.05) 0%, #f8f9fa 20%);
}

.form-section-modern.has-warnings[b-amux5qjuk9] {
    border-left: 4px solid #f59e0b;
    background: linear-gradient(90deg, rgba(245, 158, 11, 0.05) 0%, #f8f9fa 20%);
}

/* 角色选择区域 - 无角色选择时的错误提示 */
.role-selection-large.has-error[b-amux5qjuk9] {
    border: 2px dashed #f56565;
    border-radius: 8px;
    padding: 16px;
    background: rgba(245, 101, 101, 0.05);
}

/* 响应式 */
@media (max-width: 768px) {
    .validation-summary[b-amux5qjuk9] {
        padding: 8px;
    }
    
    .validation-summary .alert-sm[b-amux5qjuk9] {
        padding: 4px 8px;
        font-size: 12px;
    }
    
    .nav-tabs .nav-link .badge[b-amux5qjuk9] {
        font-size: 9px;
        padding: 1px 4px;
    }
}
/* /Components/Pages/Company/Components/CompanyRelationshipEditDialog.razor.rz.scp.css */
/* 往来单位关系编辑对话框样式 */

.relationship-edit-form[b-p8rduz09vu] {
    padding: 0;
}

.relationship-edit-form .card[b-p8rduz09vu] {
    border: 1px solid #dee2e6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.relationship-edit-form .card-header[b-p8rduz09vu] {
    font-weight: 600;
    padding: 0.75rem 1rem;
}

.relationship-edit-form .card-body[b-p8rduz09vu] {
    padding: 1.25rem;
}

.relationship-edit-form .form-group[b-p8rduz09vu] {
    margin-bottom: 0.75rem;
}

.relationship-edit-form .form-label[b-p8rduz09vu] {
    font-weight: 500;
    margin-bottom: 0.375rem;
    font-size: 0.875rem;
    color: #495057;
}

.relationship-edit-form .form-label.required[b-p8rduz09vu]::after {
    content: " *";
    color: #dc3545;
}

.relationship-edit-form .form-control-static[b-p8rduz09vu] {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    border: 1px solid #e9ecef;
}

/* 关系方向说明区域 */
.relationship-direction[b-p8rduz09vu] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 1px solid #dee2e6;
}

.relationship-direction .badge[b-p8rduz09vu] {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.relationship-direction i.fa-arrow-right[b-p8rduz09vu] {
    font-size: 1.5rem;
}

/* 输入组样式 */
.relationship-edit-form .input-group-text[b-p8rduz09vu] {
    background-color: #f8f9fa;
    border-color: #ced4da;
    font-size: 0.875rem;
}

/* 小提示文字 */
.relationship-edit-form small.text-muted[b-p8rduz09vu] {
    font-size: 0.75rem;
    display: block;
    margin-top: 0.25rem;
}

/* 按钮样式 */
.relationship-edit-form .modal-footer .gap-2[b-p8rduz09vu] {
    gap: 0.5rem !important;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .relationship-edit-form .card-body[b-p8rduz09vu] {
        padding: 1rem;
    }
    
    .relationship-direction[b-p8rduz09vu] {
        padding: 1rem !important;
    }
    
    .relationship-direction .d-flex[b-p8rduz09vu] {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .relationship-direction i.fa-arrow-right[b-p8rduz09vu] {
        transform: rotate(90deg);
        font-size: 1.25rem;
    }
}
/* /Components/Pages/Company/Components/CustomerEditForm.razor.rz.scp.css */
/* Styles for CustomerEditForm component */

.alert-info[b-tpkfedhthq] {
    background-color: var(--bs-info-bg, #d1ecf1);
}

.form-control-lg[b-tpkfedhthq] {
    padding: 0.75rem 1rem;
}

/* Ensure textarea wraps and has consistent appearance */
textarea[b-tpkfedhthq] {
    resize: vertical;
}
/* /Components/Pages/Company/Components/CustomerManagementTab.razor.rz.scp.css */
/* Styles for CustomerManagementTab component */

.badge-sm[b-zulp2chnxb] {
    font-size: 0.7em;
}

.customer-table .table-hover tbody tr:hover[b-zulp2chnxb] {
    background-color: rgba(0,0,0,0.02);
}

.btn-group > .btn[b-zulp2chnxb] {
    margin-right: 0.25rem;
}
/* /Components/Pages/Company/Components/InvoiceEditForm.razor.rz.scp.css */
/* Styles for InvoiceEditForm */

.alert-info[b-97f0ofsx2v] {
    background-color: var(--bs-info-bg, #d1ecf1);
}

.form-check-label .fa-star[b-97f0ofsx2v] {
    color: #ffc107;
}

/* Ensure textarea wraps and has consistent appearance */
textarea[b-97f0ofsx2v] {
    resize: vertical;
}
/* /Components/Pages/Company/Components/InvoiceManagementTab.razor.rz.scp.css */
/* Styles for InvoiceManagementTab component */

.invoice-table-container[b-f071g92dp5] {
    /* placeholder for future custom styles */
}

.invoice-action-group .btn-group[b-f071g92dp5] {
    gap: 0.25rem;
}

.invoice-card-grid.default-invoice-grid[b-f071g92dp5] {
    border: 1px solid rgba(0, 123, 255, 0.15);
}
/* /Components/Pages/Company/Components/RelationshipQueryToolbar.razor.rz.scp.css */
/* 关系查询工具栏样式 */
.relationship-query-toolbar[b-tdlyh3wf6o] {
    --toolbar-border-color: #e9ecef;
    --toolbar-bg-light: #f8f9fa;
    --toolbar-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* 基础搜索栏 */
.relationship-query-toolbar .card[b-tdlyh3wf6o] {
    border-color: var(--toolbar-border-color);
    box-shadow: var(--toolbar-shadow);
}

.relationship-query-toolbar .card-body[b-tdlyh3wf6o] {
    background-color: #fff;
}

/* 表单标签样式 */
.relationship-query-toolbar .form-label-sm[b-tdlyh3wf6o] {
    font-size: 0.75rem;
    color: #6c757d;
    font-weight: 500;
    margin-bottom: 0.25rem;
    display: block;
}

/* 高级筛选面板 */
.advanced-filter-panel[b-tdlyh3wf6o] {
    border: 1px solid var(--toolbar-border-color);
    border-radius: 0.5rem;
    overflow: hidden;
    animation: slideDown-b-tdlyh3wf6o 0.2s ease-out;
}

@keyframes slideDown-b-tdlyh3wf6o {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.advanced-filter-panel .card-header[b-tdlyh3wf6o] {
    border-bottom: 1px solid var(--toolbar-border-color);
}

.advanced-filter-panel .card-body[b-tdlyh3wf6o] {
    background-color: #fafbfc;
}

/* 筛选标签区域 */
.filter-tags[b-tdlyh3wf6o] {
    padding: 0.5rem 1rem;
    background-color: var(--toolbar-bg-light);
    border-radius: 0.375rem;
    border: 1px dashed var(--toolbar-border-color);
}

.filter-tags .badge[b-tdlyh3wf6o] {
    font-weight: 400;
    font-size: 0.8rem;
    padding: 0.35em 0.65em;
    transition: all 0.15s ease;
}

.filter-tags .badge:hover[b-tdlyh3wf6o] {
    background-color: #e9ecef !important;
}

.filter-tags .btn-close[b-tdlyh3wf6o] {
    width: 0.5em;
    height: 0.5em;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

.filter-tags .btn-close:hover[b-tdlyh3wf6o] {
    opacity: 1;
}

/* 日期范围选择器样式优化 */
.relationship-query-toolbar[b-tdlyh3wf6o]  .datetime-range-body {
    min-width: 200px;
}

/* 数值输入框样式 */
.relationship-query-toolbar[b-tdlyh3wf6o]  .bootstrap-input-number {
    max-width: 100px;
}

/* 复选框样式 */
.relationship-query-toolbar[b-tdlyh3wf6o]  .form-check {
    padding-left: 1.75rem;
}

.relationship-query-toolbar[b-tdlyh3wf6o]  .form-check-label {
    font-size: 0.875rem;
    color: #495057;
}

/* 按钮组样式 */
.relationship-query-toolbar .btn-group-sm .btn[b-tdlyh3wf6o] {
    padding: 0.25rem 0.5rem;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .relationship-query-toolbar .form-label-sm[b-tdlyh3wf6o] {
        font-size: 0.7rem;
    }
    
    .filter-tags[b-tdlyh3wf6o] {
        padding: 0.375rem 0.75rem;
    }
    
    .filter-tags .badge[b-tdlyh3wf6o] {
        font-size: 0.75rem;
        padding: 0.25em 0.5em;
    }
}

/* 输入框聚焦样式 */
.relationship-query-toolbar[b-tdlyh3wf6o]  .form-control:focus,
.relationship-query-toolbar[b-tdlyh3wf6o]  .form-select:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}

/* 下拉选择框样式优化 */
.relationship-query-toolbar[b-tdlyh3wf6o]  .dropdown-toggle {
    text-align: left;
}

/* 搜索图标输入框样式 */
.relationship-query-toolbar .input-group-text[b-tdlyh3wf6o] {
    border-right: none;
}

.relationship-query-toolbar .input-group .form-control[b-tdlyh3wf6o] {
    border-left: none;
}

.relationship-query-toolbar .input-group .form-control:focus[b-tdlyh3wf6o] {
    border-left: none;
}

/* 高级筛选按钮激活状态 */
.relationship-query-toolbar .btn.btn-info[b-tdlyh3wf6o] {
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}

/* 特殊筛选复选框区域 */
.relationship-query-toolbar .checkbox-group[b-tdlyh3wf6o] {
    background-color: #f8f9fa;
    padding: 0.5rem;
    border-radius: 0.375rem;
}
/* /Components/Pages/Company/CustomerChannelManagement.razor.rz.scp.css */
/* 客户渠道管理页面样式 */

.customer-channel-management[b-dkkc70x6gk] {
  padding: 20px;
}

  .customer-channel-management .card[b-dkkc70x6gk] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
  }

  .customer-channel-management .card-header[b-dkkc70x6gk] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 20px;
    border-radius: 8px 8px 0 0;
  }

    .customer-channel-management .card-header h4[b-dkkc70x6gk] {
      color: white;
    }

  .customer-channel-management .filter-section[b-dkkc70x6gk] {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
  }

  .customer-channel-management .table[b-dkkc70x6gk] {
    margin-top: 15px;
  }

    .customer-channel-management .table th[b-dkkc70x6gk] {
      background-color: #f5f5f5;
      font-weight: 600;
      color: #333;
      border-bottom: 2px solid #dee2e6;
    }

    .customer-channel-management .table td[b-dkkc70x6gk] {
      vertical-align: middle;
    }

  .customer-channel-management .badge[b-dkkc70x6gk] {
    padding: 5px 10px;
    font-size: 0.85rem;
    font-weight: 500;
  }

  .customer-channel-management .btn-group .btn[b-dkkc70x6gk] {
    margin: 0 2px;
  }

  .customer-channel-management .btn i[b-dkkc70x6gk] {
    margin-right: 4px;
  }

  /* 渠道名称样式 */
  .customer-channel-management .channel-name[b-dkkc70x6gk] {
    display: flex;
    align-items: center;
    gap: 8px;
  }

    .customer-channel-management .channel-name .primary-badge[b-dkkc70x6gk] {
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      color: white;
      padding: 2px 8px;
      border-radius: 12px;
      font-size: 0.75rem;
      font-weight: 600;
    }

  /* 弹窗样式 */
  .customer-channel-management .modal-header[b-dkkc70x6gk] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
  }

  .customer-channel-management .modal-body[b-dkkc70x6gk] {
    padding: 25px;
  }

  .customer-channel-management .form-group[b-dkkc70x6gk] {
    margin-bottom: 20px;
  }

  .customer-channel-management .form-label[b-dkkc70x6gk] {
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
  }

  /* 数据迁移弹窗 */
  .customer-channel-management .migration-info[b-dkkc70x6gk] {
    padding: 15px;
  }

    .customer-channel-management .migration-info .alert[b-dkkc70x6gk] {
      border-radius: 8px;
    }

      .customer-channel-management .migration-info .alert ul[b-dkkc70x6gk] {
        margin-bottom: 0;
        padding-left: 20px;
      }

      .customer-channel-management .migration-info .alert li[b-dkkc70x6gk] {
        margin: 5px 0;
      }

  /* 开关样式 */
  .customer-channel-management .switch[b-dkkc70x6gk] {
    display: inline-flex;
    align-items: center;
  }

/* 响应式设计 */
@media (max-width: 768px) {
  .customer-channel-management[b-dkkc70x6gk] {
    padding: 10px;
  }

    .customer-channel-management .btn-group[b-dkkc70x6gk] {
      display: flex;
      flex-direction: column;
    }

      .customer-channel-management .btn-group .btn[b-dkkc70x6gk] {
        margin: 2px 0;
        width: 100%;
      }
}

/* 加载动画 */
.customer-channel-management .spinner-border[b-dkkc70x6gk] {
  width: 1rem;
  height: 1rem;
  border-width: 0.15em;
}

/* 空数据提示 */
.customer-channel-management .empty-data[b-dkkc70x6gk] {
  text-align: center;
  padding: 60px 20px;
  color: #999;
}

  .customer-channel-management .empty-data i[b-dkkc70x6gk] {
    font-size: 4rem;
    margin-bottom: 20px;
    opacity: 0.5;
  }

/* 工具栏优化 */
.customer-channel-management .toolbar[b-dkkc70x6gk] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

  .customer-channel-management .toolbar .btn-group[b-dkkc70x6gk] {
    gap: 10px;
  }

/* 表格行悬停效果 */
.customer-channel-management .table tbody tr:hover[b-dkkc70x6gk] {
  background-color: #f5f7fa;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* 状态徽章样式优化 */
.customer-channel-management .badge-primary[b-dkkc70x6gk] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.customer-channel-management .badge-success[b-dkkc70x6gk] {
  background: linear-gradient(135deg, #56ab2f 0%, #a8e063 100%);
}

.customer-channel-management .badge-warning[b-dkkc70x6gk] {
  background: linear-gradient(135deg, #f2994a 0%, #f2c94c 100%);
}

.customer-channel-management .badge-info[b-dkkc70x6gk] {
  background: linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%);
}

/* 详情表格样式 */
.customer-channel-management .detail-table[b-dkkc70x6gk] {
  margin: 0;
}

  .customer-channel-management .detail-table th[b-dkkc70x6gk] {
    width: 120px;
    font-weight: 600;
    color: #666;
    text-align: right;
    padding-right: 15px;
  }

  .customer-channel-management .detail-table td[b-dkkc70x6gk] {
    color: #333;
  }

/* compact variations */
.customer-channel-management.compact[b-dkkc70x6gk] { padding: 10px; }
.customer-channel-management.compact .page-header h2[b-dkkc70x6gk] { font-size: 1.25rem; }
.customer-channel-management.compact .page-header .text-muted[b-dkkc70x6gk] { font-size: 0.8rem; }
.customer-channel-management.compact .btn[b-dkkc70x6gk] { padding: .25rem .5rem; font-size: .85rem; }
.customer-channel-management.compact .filter-section[b-dkkc70x6gk] { padding: .5rem; }
.customer-channel-management.compact .filter-section .form-control[b-dkkc70x6gk] { height: 34px; }
.customer-channel-management.compact .table th[b-dkkc70x6gk], 
.customer-channel-management.compact .table td[b-dkkc70x6gk] { padding: .45rem .5rem; font-size: .85rem; }
.customer-channel-management.compact .small-row[b-dkkc70x6gk] { font-size: .85rem; }
.customer-channel-management.compact .compact-actions .btn[b-dkkc70x6gk] { padding: .25rem .35rem; margin: 0 2px; }
.customer-channel-management.compact .compact-table[b-dkkc70x6gk] { max-height: 60vh; overflow:auto; }
/* /Components/Pages/Employee/EmployeeMgrPage.razor.rz.scp.css */
/* Styles specific to EmployeeMgrPage */

/* Larger lock icon for permission denied state */
.employee-lock-icon[b-ftwvjivp7z] {
  font-size: 3rem;
}

/* Centered initializing block tweaks */
.employee-initializing[b-ftwvjivp7z] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

  .employee-initializing .loader-message[b-ftwvjivp7z] {
    margin-top: 0.75rem;
    color: var(--bs-muted, #6c757d);
  }

/* Modal form spacing improvements */
.employee-modal .form-inline .mb-1[b-ftwvjivp7z] {
  margin-bottom: .5rem;
}

/* Ensure action buttons group has proper spacing on small screens */
.employee-action-buttons .btn + .btn[b-ftwvjivp7z] {
  margin-left: .25rem;
}

/* Clickable employee code link */
.emp-code-link[b-ftwvjivp7z] {
  cursor: pointer;
  color: var(--bs-primary, #0d6efd);
  text-decoration: underline;
}

  .emp-code-link:hover[b-ftwvjivp7z],
  .emp-code-link:focus[b-ftwvjivp7z] {
    color: var(--bs-primary-dark, #0b5ed7);
    text-decoration: none;
  }

/* Small adjustments for btn-group inside table cells */
.table .btn-group[b-ftwvjivp7z] {
  display: inline-flex;
  gap: 0;
}

/* ========== 优化的查询界面样式 ========== */

/* 简化的查询构建器 */
.simplified-query-builder[b-ftwvjivp7z] {
  padding: 0.5rem 0;
}

/* 快速查询区域 */
.quick-search-area[b-ftwvjivp7z] {
  padding: 0.5rem 0;
}

  .quick-search-area .input-group-text[b-ftwvjivp7z] {
    background-color: #f8f9fa;
    border-right: 0;
  }

  .quick-search-area .form-control[b-ftwvjivp7z] {
    border-left: 0;
  }

  .quick-search-area .form-control:focus[b-ftwvjivp7z] {
    border-color: #ced4da;
    box-shadow: none;
  }

  .quick-search-area .input-group:focus-within .input-group-text[b-ftwvjivp7z] {
    border-color: #86b7fe;
  }

  .quick-search-area .input-group:focus-within .form-control[b-ftwvjivp7z] {
    border-color: #86b7fe;
  }

/* 快速筛选标签样式 */
.quick-search-area .btn-outline-light[b-ftwvjivp7z] {
  color: #495057;
  border-color: #dee2e6;
  transition: all 0.2s;
}

  .quick-search-area .btn-outline-light:hover[b-ftwvjivp7z] {
    background-color: #e9ecef;
    border-color: #adb5bd;
    color: #212529;
    transform: translateY(-1px);
  }

/* 查询模板快速访问 */
.simplified-query-builder .btn-outline-light[b-ftwvjivp7z] {
  border-radius: 6px;
  transition: all 0.2s;
}

  .simplified-query-builder .btn-outline-light:hover[b-ftwvjivp7z] {
    transform: translateY(-2px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  }

/* 查询条件徽章 */
.badge-pill[b-ftwvjivp7z] {
  font-size: 0.75rem;
  padding: 0.25em 0.6em;
}

/* 紧凑模式的按钮组 */
.btn-group-sm > .btn[b-ftwvjivp7z],
.btn-sm[b-ftwvjivp7z] {
  font-size: 0.875rem;
  padding: 0.375rem 0.75rem;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .quick-search-area .row[b-ftwvjivp7z] {
    gap: 0.5rem;
  }

  .quick-search-area .btn-group[b-ftwvjivp7z] {
    width: 100%;
  }

  .quick-search-area .btn-group .btn[b-ftwvjivp7z] {
    flex: 1;
  }
}

/* 动画效果 */
@keyframes fadeIn-b-ftwvjivp7z {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

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

.simplified-query-builder[b-ftwvjivp7z],
.quick-search-area[b-ftwvjivp7z] {
  animation: fadeIn-b-ftwvjivp7z 0.3s ease-in-out;
}

/* 高级筛选按钮样式 */
.btn-link[b-ftwvjivp7z] {
  text-decoration: none;
  transition: all 0.2s;
}

  .btn-link:hover[b-ftwvjivp7z] {
    transform: scale(1.05);
  }

/* ========== 快速访问方案区域 ========== */

.saved-schemes-quick-access[b-ftwvjivp7z] {
  background-color: #f8f9fa;
  padding: 0.75rem;
  border-radius: 6px;
  margin-top: 1rem;
}

.saved-scheme-tag[b-ftwvjivp7z] {
  border-radius: 16px;
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
  transition: all 0.2s;
  border-color: #dee2e6;
  color: #495057;
}

  .saved-scheme-tag:hover[b-ftwvjivp7z] {
    background-color: #e7f3ff;
    border-color: #0d6efd;
    color: #0d6efd;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  }

  .saved-scheme-tag i[b-ftwvjivp7z] {
    font-size: 0.7rem;
  }
.table .btn-group .btn[b-ftwvjivp7z],
.table .btn-group > button[b-ftwvjivp7z],
.table .btn-group > *[b-ftwvjivp7z]
,
.table .btn-group .popconfirm[b-ftwvjivp7z],
.table .btn-group .popconfirm-button[b-ftwvjivp7z],
.table .btn-group .popover-confirm button[b-ftwvjivp7z] {
  padding: 0.25rem 0.5rem;
  border-radius: 0 !important; /* 🔥 移除所有圆角 */
  margin-left: -1px; /* 🔥 重叠边框 */
}

/* 🔥 第一个元素的按钮保留左侧圆角 */
.table .btn-group > :first-child[b-ftwvjivp7z],
.table .btn-group > :first-child .btn[b-ftwvjivp7z],
.table .btn-group > :first-child button[b-ftwvjivp7z] {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  margin-left: 0 !important;
}

/* 🔥 最后一个元素的按钮保留右侧圆角 */
.table .btn-group > :last-child[b-ftwvjivp7z],
.table .btn-group > :last-child .btn[b-ftwvjivp7z],
.table .btn-group > :last-child button[b-ftwvjivp7z] {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

/* 🔥 确保 PopConfirmButton 内部的按钮也应用样式 */
.table .btn-group .popconfirm .btn[b-ftwvjivp7z],
.table .btn-group .popover-confirm .btn[b-ftwvjivp7z] {
  border-radius: 0 !important;
}

/* 🔥 中间位置的所有元素强制无圆角 */
.table .btn-group > :not(:first-child):not(:last-child)[b-ftwvjivp7z],
.table .btn-group > :not(:first-child):not(:last-child) .btn[b-ftwvjivp7z],
.table .btn-group > :not(:first-child):not(:last-child) button[b-ftwvjivp7z] {
  border-radius: 0 !important;
}

/* Accessibility: reduce motion for users preferring reduced motion */
@media (prefers-reduced-motion: reduce) {
  *[b-ftwvjivp7z] {
    transition: none !important
  }
}

/* Additional overrides: ensure delete-style buttons and popconfirm wrappers have no radius even if library adds it */
.table .btn-group .btn-danger[b-ftwvjivp7z],
.table .btn-group .btn-outline-danger[b-ftwvjivp7z],
.table .btn-group .popconfirm-button[b-ftwvjivp7z],
.table .btn-group .popconfirm[b-ftwvjivp7z],
.table .btn-group .popconfirm .btn[b-ftwvjivp7z],
.table .btn-group .popover-confirm .btn[b-ftwvjivp7z],
.table .btn-group .btn-danger .fa[b-ftwvjivp7z],
.table .btn-group .popconfirm-button .fa[b-ftwvjivp7z] {
  border-radius: 0 !important;
}

/* Handle nested/button-inside-wrapper cases */
.table .btn-group .popconfirm > *[b-ftwvjivp7z],
.table .btn-group .popconfirm-button > *[b-ftwvjivp7z],
.table .btn-group .btn-danger > *[b-ftwvjivp7z] {
  border-radius: 0 !important;
}
/* /Components/Pages/Index.razor.rz.scp.css */
/* ====================================================================
   工作台页面样式 - 紧凑布局版 + 增强功能
   ==================================================================== */

/* 主容器 - 减少外边距 */
.workbench-container[b-4avdwz9wpc] {
    padding: 0.75rem;
    background: transparent;
    min-height: 100vh;
}

/* ============ 欢迎区域 - 紧凑版 ============ */
.welcome-section[b-4avdwz9wpc] {
    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-4avdwz9wpc]::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-4avdwz9wpc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
}

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

.welcome-avatar[b-4avdwz9wpc] {
    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-4avdwz9wpc] {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.125rem 0;
}

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

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

.quick-actions-group[b-4avdwz9wpc] {
    display: flex;
    gap: 0.375rem;
}

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

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

/* ============ 编辑模式提示 - 紧凑版 ============ */
.edit-mode-banner[b-4avdwz9wpc] {
    background: linear-gradient(90deg, #ffc107 0%, #fd7e14 100%);
    border-radius: 8px;
    padding: 0.5rem 1rem;
    margin-bottom: 0.75rem;
    animation: pulse-border-b-4avdwz9wpc 2s infinite;
}

@keyframes pulse-border-b-4avdwz9wpc {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.4); }
    50% { box-shadow: 0 0 0 6px rgba(255, 193, 7, 0); }
}

.edit-mode-content[b-4avdwz9wpc] {
    display: flex;
    align-items: center;
    color: #212529;
    font-size: 0.75rem;
    font-weight: 500;
}

/* ============ 仪表板网格 - 紧凑版 ============ */
.dashboard-grid[b-4avdwz9wpc] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0.625rem;
    transition: all 0.3s ease;
}

.dashboard-grid.edit-mode[b-4avdwz9wpc] {
    background: rgba(102, 126, 234, 0.05);
    border: 2px dashed rgba(102, 126, 234, 0.3);
    border-radius: 12px;
    padding: 0.75rem;
}

/* 卡片尺寸 */
.dashboard-card[b-4avdwz9wpc] {
    position: relative;
    transition: all 0.3s ease;
}

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

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

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

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

@media (max-width: 1200px) {
    .dashboard-card.card-large[b-4avdwz9wpc] { grid-column: span 12; }
    .dashboard-card.card-medium[b-4avdwz9wpc] { grid-column: span 6; }
    .dashboard-card.card-small[b-4avdwz9wpc] { grid-column: span 6; }
}

@media (max-width: 768px) {
    .dashboard-card.card-large[b-4avdwz9wpc],
    .dashboard-card.card-medium[b-4avdwz9wpc],
    .dashboard-card.card-small[b-4avdwz9wpc] {
        grid-column: span 12;
    }
}

/* 可拖拽状态 */
.dashboard-card.draggable[b-4avdwz9wpc] {
    cursor: grab;
}

.dashboard-card.draggable:active[b-4avdwz9wpc] {
    cursor: grabbing;
}

.dashboard-card.draggable:hover[b-4avdwz9wpc] {
    transform: scale(1.01);
    z-index: 10;
}

/* 卡片编辑遮罩 */
.card-edit-overlay[b-4avdwz9wpc] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(102, 126, 234, 0.1);
    border: 2px dashed #667eea;
    border-radius: 12px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.375rem;
    pointer-events: none;
}

.card-edit-actions[b-4avdwz9wpc] {
    display: flex;
    justify-content: flex-end;
    gap: 0.375rem;
    pointer-events: auto;
}

.btn-card-action[b-4avdwz9wpc] {
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 6px;
    background: #fff;
    color: #667eea;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    transition: all 0.2s ease;
}

.btn-card-action:hover[b-4avdwz9wpc] {
    transform: scale(1.1);
}

.btn-card-action.btn-hide[b-4avdwz9wpc] {
    color: #dc3545;
}

.btn-card-action.btn-hide:hover[b-4avdwz9wpc] {
    background: #dc3545;
    color: #fff;
}

.card-name-badge[b-4avdwz9wpc] {
    align-self: flex-start;
    background: #667eea;
    color: #fff;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 600;
}

/* ============ 隐藏卡片面板 - 紧凑版 ============ */
.hidden-cards-panel[b-4avdwz9wpc] {
    margin-top: 1rem;
    background: var(--bs-tertiary-bg, rgba(45, 50, 56, 0.9));
    border-radius: 10px;
    padding: 0.75rem;
    border: 1px dashed var(--bs-border-color, rgba(255, 255, 255, 0.1));
}

.hidden-cards-panel .panel-header[b-4avdwz9wpc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    padding: 0;
    border: none;
    background: transparent;
}

.hidden-cards-panel .panel-header h4[b-4avdwz9wpc] {
    font-size: 0.8rem;
    margin: 0;
    color: var(--bs-body-color, #e9ecef);
}

.hidden-cards-list[b-4avdwz9wpc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.hidden-card-item[b-4avdwz9wpc] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.5));
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: var(--bs-body-color, #e9ecef);
    font-size: 0.75rem;
}

.hidden-card-item:hover[b-4avdwz9wpc] {
    background: #28a745;
    color: #fff;
}

.hidden-card-item i:last-child[b-4avdwz9wpc] {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.hidden-card-item:hover i:last-child[b-4avdwz9wpc] {
    opacity: 1;
}

/* ============ 面板通用样式 - 紧凑版 ============ */
.panel[b-4avdwz9wpc] {
    background: var(--bs-tertiary-bg, rgba(45, 50, 56, 0.95));
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border: 1px solid var(--bs-border-color, rgba(255, 255, 255, 0.08));
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.panel-header[b-4avdwz9wpc] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--bs-border-color, rgba(255, 255, 255, 0.08));
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.25));
    flex-shrink: 0;
}

.panel-header h3[b-4avdwz9wpc] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--bs-body-color, #e9ecef);
    margin: 0;
    display: flex;
    align-items: center;
}

.panel-header h3 i[b-4avdwz9wpc] {
    color: var(--bs-primary, #667eea);
    font-size: 0.85rem;
}

.panel-subtitle[b-4avdwz9wpc] {
    font-size: 0.65rem;
    color: var(--bs-secondary-color, #adb5bd);
}

.panel-body[b-4avdwz9wpc] {
    padding: 0.625rem;
    flex: 1;
    overflow: auto;
}

.panel-footer[b-4avdwz9wpc] {
    padding: 0.4rem 0.75rem;
    border-top: 1px solid var(--bs-border-color, rgba(255, 255, 255, 0.08));
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.15));
    text-align: center;
}

.view-all-link[b-4avdwz9wpc] {
    color: var(--bs-primary, #667eea);
    font-size: 0.7rem;
    text-decoration: none;
    transition: color 0.2s;
}

.view-all-link:hover[b-4avdwz9wpc] {
    color: #5a67d8;
    text-decoration: underline;
}

/* ============ 指标卡片网格 - 紧凑版 ============ */
.metrics-grid-compact[b-4avdwz9wpc] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.5rem;
}

@media (max-width: 1400px) {
    .metrics-grid-compact[b-4avdwz9wpc] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .metrics-grid-compact[b-4avdwz9wpc] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.metric-card-mini[b-4avdwz9wpc] {
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.5));
    border-radius: 8px;
    padding: 0.5rem 0.625rem;
    cursor: pointer;
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
}

.metric-card-mini.metric-primary[b-4avdwz9wpc] { border-left-color: #667eea; }
.metric-card-mini.metric-success[b-4avdwz9wpc] { border-left-color: #28a745; }
.metric-card-mini.metric-info[b-4avdwz9wpc] { border-left-color: #17a2b8; }
.metric-card-mini.metric-warning[b-4avdwz9wpc] { border-left-color: #ffc107; }
.metric-card-mini.metric-secondary[b-4avdwz9wpc] { border-left-color: #6c757d; }
.metric-card-mini.metric-danger[b-4avdwz9wpc] { border-left-color: #dc3545; }

.metric-card-mini:hover[b-4avdwz9wpc] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.metric-icon-mini[b-4avdwz9wpc] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    margin-bottom: 0.375rem;
}

.metric-primary .metric-icon-mini[b-4avdwz9wpc] { background: rgba(102, 126, 234, 0.2); color: #667eea; }
.metric-success .metric-icon-mini[b-4avdwz9wpc] { background: rgba(40, 167, 69, 0.2); color: #28a745; }
.metric-info .metric-icon-mini[b-4avdwz9wpc] { background: rgba(23, 162, 184, 0.2); color: #17a2b8; }
.metric-warning .metric-icon-mini[b-4avdwz9wpc] { background: rgba(255, 193, 7, 0.2); color: #ffc107; }
.metric-secondary .metric-icon-mini[b-4avdwz9wpc] { background: rgba(108, 117, 125, 0.2); color: #6c757d; }
.metric-danger .metric-icon-mini[b-4avdwz9wpc] { background: rgba(220, 53, 69, 0.2); color: #dc3545; }

.metric-info-mini[b-4avdwz9wpc] {
    margin-bottom: 0.125rem;
}

.metric-value-mini[b-4avdwz9wpc] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--bs-body-color, #e9ecef);
    line-height: 1.1;
}

.metric-label-mini[b-4avdwz9wpc] {
    font-size: 0.65rem;
    color: var(--bs-secondary-color, #adb5bd);
}

.metric-details-mini[b-4avdwz9wpc] {
    display: flex;
    gap: 0.375rem;
    font-size: 0.6rem;
    flex-wrap: wrap;
    margin-top: 0.25rem;
}

/* ============ 快捷导航 - 紧凑版 ============ */
.quick-nav-categories[b-4avdwz9wpc] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.nav-category[b-4avdwz9wpc] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.category-title[b-4avdwz9wpc] {
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--bs-secondary-color, #adb5bd);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-left: 0.375rem;
    border-left: 2px solid var(--bs-primary, #667eea);
}

.nav-items[b-4avdwz9wpc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 0.375rem;
}

.nav-item[b-4avdwz9wpc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.5rem;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.25));
    border: 1px solid transparent;
    position: relative;
}

.nav-item:hover[b-4avdwz9wpc] {
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.7));
    border-color: var(--bs-primary, #667eea);
    transform: translateX(2px);
}

.nav-icon[b-4avdwz9wpc] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: #fff;
    flex-shrink: 0;
}

.bg-gradient-primary[b-4avdwz9wpc] { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.bg-gradient-success[b-4avdwz9wpc] { background: linear-gradient(135deg, #28a745 0%, #20c997 100%); }
.bg-gradient-warning[b-4avdwz9wpc] { background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%); }
.bg-gradient-info[b-4avdwz9wpc] { background: linear-gradient(135deg, #17a2b8 0%, #6f42c1 100%); }
.bg-gradient-secondary[b-4avdwz9wpc] { background: linear-gradient(135deg, #6c757d 0%, #495057 100%); }
.bg-gradient-danger[b-4avdwz9wpc] { background: linear-gradient(135deg, #dc3545 0%, #e83e8c 100%); }
.bg-gradient-teal[b-4avdwz9wpc] { background: linear-gradient(135deg, #20c997 0%, #17a085 100%); }
.bg-gradient-purple[b-4avdwz9wpc] { background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%); }

.nav-text[b-4avdwz9wpc] {
    flex: 1;
    min-width: 0;
}

.nav-title[b-4avdwz9wpc] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--bs-body-color, #e9ecef);
    display: block;
    line-height: 1.2;
}

.nav-desc[b-4avdwz9wpc] {
    font-size: 0.6rem;
    color: var(--bs-secondary-color, #adb5bd);
}

.nav-badge[b-4avdwz9wpc] {
    position: absolute;
    top: 2px;
    right: 2px;
    background: #dc3545;
    color: #fff;
    font-size: 0.55rem;
    font-weight: 600;
    padding: 0.05rem 0.25rem;
    border-radius: 6px;
    min-width: 14px;
    text-align: center;
}

/* ============ 待办事项 - 紧凑版 ============ */
.todo-list-compact[b-4avdwz9wpc] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.todo-item-compact[b-4avdwz9wpc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.5rem;
    border-radius: 6px;
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.25));
    cursor: pointer;
    transition: all 0.2s ease;
}

.todo-item-compact:hover[b-4avdwz9wpc] {
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.7));
}

.todo-item-compact.urgent[b-4avdwz9wpc] {
    border-left: 2px solid #dc3545;
    background: rgba(220, 53, 69, 0.08);
}

.todo-icon[b-4avdwz9wpc] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: var(--bs-tertiary-bg, rgba(45, 50, 56, 0.8));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-primary, #667eea);
    font-size: 0.7rem;
    flex-shrink: 0;
}

.todo-content[b-4avdwz9wpc] {
    flex: 1;
    min-width: 0;
}

.todo-title[b-4avdwz9wpc] {
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--bs-body-color, #e9ecef);
    display: block;
    line-height: 1.2;
}

.todo-desc[b-4avdwz9wpc] {
    font-size: 0.6rem;
    color: var(--bs-secondary-color, #adb5bd);
}

.todo-badge[b-4avdwz9wpc] {
    font-size: 0.55rem;
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.5));
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    color: var(--bs-secondary-color, #adb5bd);
}

/* ============ 活动列表 - 紧凑版 ============ */
.activity-list-compact[b-4avdwz9wpc] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.activity-item-compact[b-4avdwz9wpc] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.3rem 0;
    border-bottom: 1px solid var(--bs-border-color, rgba(255, 255, 255, 0.04));
}

.activity-item-compact:last-child[b-4avdwz9wpc] {
    border-bottom: none;
}

.activity-dot[b-4avdwz9wpc] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-top: 0.3rem;
    flex-shrink: 0;
}

.activity-dot.activity-success[b-4avdwz9wpc] { background: #28a745; }
.activity-dot.activity-primary[b-4avdwz9wpc] { background: #667eea; }
.activity-dot.activity-info[b-4avdwz9wpc] { background: #17a2b8; }
.activity-dot.activity-warning[b-4avdwz9wpc] { background: #ffc107; }

.activity-content[b-4avdwz9wpc] {
    flex: 1;
}

.activity-title[b-4avdwz9wpc] {
    font-size: 0.7rem;
    color: var(--bs-body-color, #e9ecef);
    display: block;
    line-height: 1.3;
}

.activity-time[b-4avdwz9wpc] {
    font-size: 0.6rem;
    color: var(--bs-secondary-color, #6c757d);
}

/* ============ 系统事件卡片 ============ */
.event-filters[b-4avdwz9wpc] {
    display: flex;
    gap: 0.25rem;
}

.filter-btn[b-4avdwz9wpc] {
    padding: 0.15rem 0.4rem;
    border: none;
    border-radius: 4px;
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.5));
    color: var(--bs-secondary-color, #adb5bd);
    font-size: 0.6rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.filter-btn:hover[b-4avdwz9wpc] {
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.8));
}

.filter-btn.active[b-4avdwz9wpc] {
    background: var(--bs-primary, #667eea);
    color: #fff;
}

.filter-btn.filter-info.active[b-4avdwz9wpc] { background: #17a2b8; }
.filter-btn.filter-warning.active[b-4avdwz9wpc] { background: #ffc107; color: #212529; }
.filter-btn.filter-error.active[b-4avdwz9wpc] { background: #dc3545; }

.event-list[b-4avdwz9wpc] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.event-item[b-4avdwz9wpc] {
    display: flex;
    gap: 0.5rem;
    padding: 0.4rem 0.5rem;
    border-radius: 6px;
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.25));
    border-left: 3px solid transparent;
}

.event-item.event-info[b-4avdwz9wpc] { border-left-color: #17a2b8; }
.event-item.event-success[b-4avdwz9wpc] { border-left-color: #28a745; }
.event-item.event-warning[b-4avdwz9wpc] { border-left-color: #ffc107; }
.event-item.event-error[b-4avdwz9wpc] { border-left-color: #dc3545; }

.event-icon[b-4avdwz9wpc] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    flex-shrink: 0;
}

.event-info .event-icon[b-4avdwz9wpc] { background: rgba(23, 162, 184, 0.2); color: #17a2b8; }
.event-success .event-icon[b-4avdwz9wpc] { background: rgba(40, 167, 69, 0.2); color: #28a745; }
.event-warning .event-icon[b-4avdwz9wpc] { background: rgba(255, 193, 7, 0.2); color: #ffc107; }
.event-error .event-icon[b-4avdwz9wpc] { background: rgba(220, 53, 69, 0.2); color: #dc3545; }

.event-content[b-4avdwz9wpc] {
    flex: 1;
    min-width: 0;
}

.event-header[b-4avdwz9wpc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.125rem;
}

.event-title[b-4avdwz9wpc] {
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--bs-body-color, #e9ecef);
}

.event-source[b-4avdwz9wpc] {
    font-size: 0.55rem;
    padding: 0.05rem 0.25rem;
    background: var(--bs-tertiary-bg, rgba(45, 50, 56, 0.8));
    border-radius: 3px;
    color: var(--bs-secondary-color, #adb5bd);
}

.event-desc[b-4avdwz9wpc] {
    font-size: 0.6rem;
    color: var(--bs-secondary-color, #adb5bd);
    line-height: 1.3;
}

.event-time[b-4avdwz9wpc] {
    font-size: 0.55rem;
    color: var(--bs-secondary-color, #6c757d);
    margin-top: 0.125rem;
}

/* ============ 公告通知卡片 ============ */
.notice-list[b-4avdwz9wpc] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.notice-item[b-4avdwz9wpc] {
    display: flex;
    gap: 0.5rem;
    padding: 0.4rem 0.5rem;
    border-radius: 6px;
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.25));
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.notice-item:hover[b-4avdwz9wpc] {
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.5));
}

.notice-item.unread[b-4avdwz9wpc] {
    background: rgba(102, 126, 234, 0.1);
}

.notice-icon[b-4avdwz9wpc] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    flex-shrink: 0;
}

.notice-icon.notice-update[b-4avdwz9wpc] { background: rgba(102, 126, 234, 0.2); color: #667eea; }
.notice-icon.notice-tip[b-4avdwz9wpc] { background: rgba(255, 193, 7, 0.2); color: #ffc107; }
.notice-icon.notice-system[b-4avdwz9wpc] { background: rgba(108, 117, 125, 0.2); color: #6c757d; }
.notice-icon.notice-warning[b-4avdwz9wpc] { background: rgba(220, 53, 69, 0.2); color: #dc3545; }

.notice-content[b-4avdwz9wpc] {
    flex: 1;
    min-width: 0;
}

.notice-title[b-4avdwz9wpc] {
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--bs-body-color, #e9ecef);
    display: block;
    line-height: 1.2;
}

.notice-desc[b-4avdwz9wpc] {
    font-size: 0.6rem;
    color: var(--bs-secondary-color, #adb5bd);
    display: block;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notice-time[b-4avdwz9wpc] {
    font-size: 0.55rem;
    color: var(--bs-secondary-color, #6c757d);
}

.notice-unread-dot[b-4avdwz9wpc] {
    width: 6px;
    height: 6px;
    background: #dc3545;
    border-radius: 50%;
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
}

/* ============ 快捷操作卡片 ============ */
.shortcuts-grid[b-4avdwz9wpc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
}

.shortcut-item[b-4avdwz9wpc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
    padding: 0.625rem 0.5rem;
    border-radius: 8px;
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.25));
    cursor: pointer;
    transition: all 0.2s ease;
}

.shortcut-item:hover[b-4avdwz9wpc] {
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.6));
    transform: translateY(-2px);
}

.shortcut-icon[b-4avdwz9wpc] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    color: #fff;
}

.shortcut-label[b-4avdwz9wpc] {
    font-size: 0.65rem;
    color: var(--bs-body-color, #e9ecef);
    text-align: center;
    line-height: 1.2;
}

/* ============ 系统状态 - 紧凑版 ============ */
.status-indicator[b-4avdwz9wpc] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.6rem;
    padding: 0.15rem 0.4rem;
    border-radius: 8px;
    background: rgba(40, 167, 69, 0.12);
    color: #28a745;
}

.status-indicator .status-dot[b-4avdwz9wpc] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #28a745;
    animation: pulse-b-4avdwz9wpc 2s infinite;
}

@keyframes pulse-b-4avdwz9wpc {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.system-info-compact[b-4avdwz9wpc] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.info-row[b-4avdwz9wpc] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.5rem;
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.25));
    border-radius: 5px;
}

.info-row i[b-4avdwz9wpc] {
    color: var(--bs-primary, #667eea);
    font-size: 0.7rem;
    width: 16px;
    text-align: center;
}

.info-row .info-label[b-4avdwz9wpc] {
    flex: 1;
    font-size: 0.65rem;
    color: var(--bs-secondary-color, #adb5bd);
}

.info-row .info-value[b-4avdwz9wpc] {
    font-size: 0.65rem;
    color: var(--bs-body-color, #e9ecef);
    font-weight: 500;
}

/* ============ 快速帮助 - 紧凑版 ============ */
.help-grid[b-4avdwz9wpc] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.375rem;
}

.help-item[b-4avdwz9wpc] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.5rem;
    border-radius: 6px;
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.25));
    color: var(--bs-body-color, #e9ecef);
    text-decoration: none;
    font-size: 0.65rem;
    transition: all 0.2s ease;
}

.help-item:hover[b-4avdwz9wpc] {
    background: var(--bs-secondary-bg, rgba(52, 58, 64, 0.7));
    color: var(--bs-primary, #667eea);
    transform: translateY(-1px);
}

.help-item i[b-4avdwz9wpc] {
    font-size: 0.75rem;
    color: var(--bs-primary, #667eea);
}

/* ============ 空状态 - 紧凑版 ============ */
.empty-state-compact[b-4avdwz9wpc] {
    text-align: center;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
}

.empty-state-compact i[b-4avdwz9wpc] {
    font-size: 1.25rem;
}

.empty-state-compact span[b-4avdwz9wpc] {
    font-size: 0.7rem;
    color: var(--bs-secondary-color, #adb5bd);
}

/* ============ 响应式 ============ */
@media (max-width: 992px) {
    .welcome-content[b-4avdwz9wpc] {
        flex-direction: column;
        gap: 0.75rem;
        text-align: center;
    }

    .welcome-left[b-4avdwz9wpc] {
        flex-direction: column;
    }

    .welcome-right[b-4avdwz9wpc] {
        align-items: center;
    }

    .shortcuts-grid[b-4avdwz9wpc] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .workbench-container[b-4avdwz9wpc] {
        padding: 0.5rem;
    }

    .welcome-section[b-4avdwz9wpc] {
        padding: 0.75rem;
    }

    .welcome-text h1[b-4avdwz9wpc] {
        font-size: 0.9rem;
    }

    .quick-actions-group[b-4avdwz9wpc] {
        flex-wrap: wrap;
        justify-content: center;
    }

    .help-grid[b-4avdwz9wpc] {
        grid-template-columns: 1fr;
    }

    .shortcuts-grid[b-4avdwz9wpc] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ============ Badge 样式覆盖 ============ */
.panel-header .badge[b-4avdwz9wpc] {
    font-size: 0.6rem;
    padding: 0.15rem 0.4rem;
}
/* /Components/Pages/InventoryMgr/FileViewerDialog.razor.rz.scp.css */
/* 文件查看器对话框样式 */

/* ===== 容器样式 ===== */
.file-viewer-container[b-plyswqmo4z] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 600px;
}

/* ===== 加载状态 ===== */
.loading-container[b-plyswqmo4z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 600px;
    color: #6b7280;
}

    .loading-container p[b-plyswqmo4z] {
        font-size: 1rem;
        font-weight: 500;
    }

/* ===== 错误状态 ===== */
.error-container[b-plyswqmo4z] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 600px;
    padding: 2rem;
}

    .error-container .alert[b-plyswqmo4z] {
        max-width: 600px;
        font-size: 1rem;
    }

/* ===== 文件信息栏 ===== */
.file-info-bar[b-plyswqmo4z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 0.5rem 0.5rem 0 0;
    margin-bottom: 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.file-info-left[b-plyswqmo4z] {
    display: flex;
    align-items: center;
    color: #fff;
    flex: 1;
    min-width: 0;
}

    .file-info-left i[b-plyswqmo4z] {
        font-size: 1.25rem;
        flex-shrink: 0;
    }

.file-name[b-plyswqmo4z] {
    font-weight: 600;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
}

.file-size[b-plyswqmo4z] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.875rem;
    white-space: nowrap;
    margin-left: 1rem;
}

.file-info-right[b-plyswqmo4z] {
    display: flex;
    gap: 0.5rem;
    margin-left: 1rem;
}

/* ===== 文件查看器内容 ===== */
.file-viewer-content[b-plyswqmo4z] {
    flex: 1;
    background: #fff;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* ===== 图片查看器 ===== */
.image-viewer[b-plyswqmo4z] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 600px;
    padding: 2rem;
    background: #f8f9fa;
}

    .image-viewer img[b-plyswqmo4z] {
        max-width: 100%;
        max-height: 700px;
        object-fit: contain;
        border-radius: 0.5rem;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

/* ===== 不支持的文件类型 ===== */
.unsupported-file[b-plyswqmo4z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 600px;
    color: #6b7280;
}

    .unsupported-file h5[b-plyswqmo4z] {
        font-size: 1.25rem;
        font-weight: 600;
        margin-bottom: 0.5rem;
        color: #374151;
    }

    .unsupported-file p[b-plyswqmo4z] {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }

/* ===== Office 查看器样式 ===== */
[b-plyswqmo4z] .office-viewer-container {
    width: 100%;
    height: 100%;
    border: none;
}

[b-plyswqmo4z] .office-viewer iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* ===== PDF 查看器样式 ===== */
[b-plyswqmo4z] .pdf-viewer-container {
    width: 100%;
    height: 100%;
}

[b-plyswqmo4z] .pdf-viewer-toolbar {
    background: #f8f9fa;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #e3e6f0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

[b-plyswqmo4z] .pdf-viewer-content {
    height: calc(100% - 50px);
    overflow: auto;
}

/* ===== 响应式设计 ===== */
@media (max-width: 768px) {
    .file-info-bar[b-plyswqmo4z] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem 1rem;
    }

    .file-info-left[b-plyswqmo4z] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .file-size[b-plyswqmo4z] {
        margin-left: 0;
    }

    .file-info-right[b-plyswqmo4z] {
        width: 100%;
        margin-left: 0;
    }

        .file-info-right button[b-plyswqmo4z] {
            flex: 1;
        }

    .file-viewer-container[b-plyswqmo4z] {
        min-height: 400px;
    }

    .loading-container[b-plyswqmo4z],
    .error-container[b-plyswqmo4z],
    .unsupported-file[b-plyswqmo4z] {
        height: 400px;
    }

    .image-viewer[b-plyswqmo4z] {
        min-height: 400px;
        padding: 1rem;
    }

        .image-viewer img[b-plyswqmo4z] {
            max-height: 400px;
        }
}

/* ===== 滚动条样式 ===== */
.file-viewer-content[b-plyswqmo4z]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.file-viewer-content[b-plyswqmo4z]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.file-viewer-content[b-plyswqmo4z]::-webkit-scrollbar-thumb {
    background: #667eea;
    border-radius: 4px;
}

    .file-viewer-content[b-plyswqmo4z]::-webkit-scrollbar-thumb:hover {
        background: #5568d3;
    }
/* /Components/Pages/InventoryMgr/StockInFormApprovalDialog.razor.rz.scp.css */
/* 入库单审批对话框样式 */

/* 信息提示框 */
.alert[b-792q6g4hq2] {
    border-radius: 4px;
}

.alert i[b-792q6g4hq2] {
    font-size: 1rem;
}

/* 表单标签 */
.form-label[b-792q6g4hq2] {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.form-label .text-danger[b-792q6g4hq2] {
    margin-left: 0.25rem;
}

/* 备注输入框 */
.w-100[b-792q6g4hq2] {
    width: 100%;
}

/* 验证错误消息 */
.alert-danger[b-792q6g4hq2] {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

/* 信息消息 */
.alert-info[b-792q6g4hq2] {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}
/* /Components/Pages/InventoryMgr/StockInFormApprovalHistoryDialog.razor.rz.scp.css */
/* 时间线容器 */
[b-ir2x2da1lr] .timeline {
    position: relative;
    padding-left: 50px;
}

/* 时间线竖线 */
[b-ir2x2da1lr] .timeline::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #dee2e6;
}

/* 时间线项 */
[b-ir2x2da1lr] .timeline-item {
    position: relative;
}

/* 时间线徽章（圆形图标） */
[b-ir2x2da1lr] .timeline-badge {
    position: absolute;
    left: -38px;
    top: 5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: white;
    z-index: 100;
    border: 3px solid white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 徽章颜色变体 */
[b-ir2x2da1lr] .timeline-badge.bg-primary {
    background-color: #0d6efd !important;
}

[b-ir2x2da1lr] .timeline-badge.bg-success {
    background-color: #198754 !important;
}

[b-ir2x2da1lr] .timeline-badge.bg-danger {
    background-color: #dc3545 !important;
}

[b-ir2x2da1lr] .timeline-badge.bg-warning {
    background-color: #ffc107 !important;
}

/* 时间线面板 */
[b-ir2x2da1lr] .timeline-panel {
    margin-left: 10px;
    border-left: 3px solid #dee2e6;
}
/* /Components/Pages/InventoryMgr/StockInFormDetailDialog.razor.rz.scp.css */
/* 明细编辑对话框样式 - 紧凑优化版 */

.detail-edit-dialog[b-kdmt8ou49f] {
    --primary-color: #007bff;
    --section-color: #f8f9fa;
    --border-color: #dee2e6;
    --text-muted: #6c757d;
}

/* 模态框体样式 - 减少内边距 */
.detail-edit-dialog[b-kdmt8ou49f]  .modal-body {
    max-height: 75vh;
    overflow-y: auto;
    padding: 0.75rem 1rem;
    background: white;
}

/* 行间距 - 紧凑化 */
.detail-edit-dialog .row[b-kdmt8ou49f] {
    margin-bottom: 0;
}

.detail-edit-dialog .col-md-2[b-kdmt8ou49f],
.detail-edit-dialog .col-md-3[b-kdmt8ou49f],
.detail-edit-dialog .col-md-4[b-kdmt8ou49f],
.detail-edit-dialog .col-md-6[b-kdmt8ou49f],
.detail-edit-dialog .col-md-12[b-kdmt8ou49f],
.detail-edit-dialog .col-12[b-kdmt8ou49f] {
    margin-bottom: 0.5rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

/* 紧凑型区段标题样式 */
.detail-edit-dialog .section-header-compact[b-kdmt8ou49f] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #212529;
    padding: 0.35rem 0.5rem;
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
    border-left: 3px solid var(--primary-color);
    background: #f8f9fa;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 0.25rem;
}

.detail-edit-dialog .section-header-compact i[b-kdmt8ou49f] {
    color: var(--primary-color);
    font-size: 0.9rem;
}

/* 表单标签优化 - 减小字体和间距 */
.detail-edit-dialog[b-kdmt8ou49f]  .form-label {
    font-weight: 500;
    font-size: 0.8rem;
    margin-bottom: 0.25rem;
    color: #495057;
}

/* 表单标签中的必填标记 */
.detail-edit-dialog[b-kdmt8ou49f]  .form-label .required-mark {
    color: #dc3545;
}

/* 输入框优化 - 减小高度和字体 */
.detail-edit-dialog[b-kdmt8ou49f]  .form-control,
.detail-edit-dialog[b-kdmt8ou49f]  .form-select,
.detail-edit-dialog[b-kdmt8ou49f]  input[type="text"],
.detail-edit-dialog[b-kdmt8ou49f]  input[type="number"],
.detail-edit-dialog[b-kdmt8ou49f]  textarea {
    font-size: 0.85rem;
    padding: 0.35rem 0.5rem;
    min-height: 32px;
    height: 32px;
    border: 1px solid var(--border-color);
    border-radius: 0.25rem;
    transition: all 0.15s ease;
}

.detail-edit-dialog[b-kdmt8ou49f]  textarea {
    height: auto !important;
    min-height: 60px;
}

.detail-edit-dialog[b-kdmt8ou49f]  .form-control:focus,
.detail-edit-dialog[b-kdmt8ou49f]  .form-select:focus,
.detail-edit-dialog[b-kdmt8ou49f]  input:focus,
.detail-edit-dialog[b-kdmt8ou49f]  textarea:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.1);
}

/* 数字输入框右对齐 */
.detail-edit-dialog[b-kdmt8ou49f]  input[type="number"] {
    text-align: right;
}

/* 总价字段突出显示 */
.detail-edit-dialog[b-kdmt8ou49f]  .total-price-field {
    background-color: #e7f3ff;
    font-weight: 600;
    color: var(--primary-color);
    border-color: var(--primary-color) !important;
}

.detail-edit-dialog[b-kdmt8ou49f]  .total-price-field:disabled {
    background-color: #e7f3ff;
    color: var(--primary-color);
    border-color: var(--primary-color) !important;
    opacity: 1;
    cursor: not-allowed;
}

/* 文本框优化 - 紧凑化 */
.detail-edit-dialog[b-kdmt8ou49f]  textarea {
    resize: vertical;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.4;
}

/* 帮助文本样式 - 更小字体 */
.detail-edit-dialog small[b-kdmt8ou49f] {
    display: block;
    margin-top: 0.15rem;
    color: var(--text-muted);
    font-size: 0.72rem;
}

.detail-edit-dialog small i[b-kdmt8ou49f] {
    margin-right: 0.2rem;
}

/* Select 组件样式 - 紧凑化 */
.detail-edit-dialog[b-kdmt8ou49f]  .form-select {
    padding: 0.35rem 0.5rem;
    height: 32px;
    min-height: 32px;
}

/* ========== AutoFill 组件样式优化 ========== */

/* AutoFill 输入框 */
.detail-edit-dialog[b-kdmt8ou49f]  .auto-complete,
.detail-edit-dialog[b-kdmt8ou49f]  .auto-fill {
    font-size: 0.85rem;
}

.detail-edit-dialog[b-kdmt8ou49f]  .auto-complete input,
.detail-edit-dialog[b-kdmt8ou49f]  .auto-fill input {
    font-size: 0.85rem;
    padding: 0.35rem 0.5rem;
    min-height: 32px;
    height: 32px;
}

/* AutoFill 下拉容器 - 增加宽度 */
.detail-edit-dialog[b-kdmt8ou49f]  .dropdown-menu {
    min-width: 400px !important;
    max-width: 500px !important;
    padding: 0.25rem 0;
    border-radius: 0.375rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: 1px solid #dee2e6;
}

/* AutoFill 下拉项容器 */
.detail-edit-dialog[b-kdmt8ou49f]  .dropdown-item {
    padding: 0 !important;
    border: none;
    background: transparent;
}

.detail-edit-dialog[b-kdmt8ou49f]  .dropdown-item:hover {
    background-color: #f8f9fa;
}

.detail-edit-dialog[b-kdmt8ou49f]  .dropdown-item:focus,
.detail-edit-dialog[b-kdmt8ou49f]  .dropdown-item.active {
    background-color: #e7f3ff;
}

/* AutoFill 项目包装器 */
.detail-edit-dialog .autofill-item-wrapper[b-kdmt8ou49f] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    min-height: 48px;
    width: 100%;
    cursor: pointer;
    transition: background-color 0.15s ease;
    flex-wrap: nowrap; /* Prevent icon from wrapping to its own line */
}

.detail-edit-dialog .autofill-item-wrapper:hover[b-kdmt8ou49f] {
    background-color: #f8f9fa;
}

/* AutoFill 项目图标 */
.detail-edit-dialog .autofill-item-icon[b-kdmt8ou49f] {
    flex: 0 0 36px; /* fixed size, prevent shrinking */
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    border-radius: 50%;
    font-size: 0.95rem;
    margin-right: 0.5rem; /* ensure spacing from content */
}

/* AutoFill 项目内容 */
.detail-edit-dialog .autofill-item-content[b-kdmt8ou49f] {
    flex: 1 1 auto; /* allow content to take remaining space */
    min-width: 0;    /* allow overflow handling */
    overflow: hidden;
}

/* AutoFill 项目标题 */
.detail-edit-dialog .autofill-item-title[b-kdmt8ou49f] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #212529;
    line-height: 1.2;
    margin-bottom: 0.15rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;      /* keep main title on single line */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* AutoFill 项目副标题 */
.detail-edit-dialog .autofill-item-subtitle[b-kdmt8ou49f] {
    font-size: 0.75rem;
    color: #6c757d;
    line-height: 1.3;
    white-space: normal; /* allow subtitle to wrap to next line */
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* AutoFill 项目徽章 */
.detail-edit-dialog .autofill-item-badge[b-kdmt8ou49f] {
    display: inline-block;
    padding: 0.15rem 0.45rem;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    background-color: #007bff;
    color: white;
}

.detail-edit-dialog .autofill-item-badge.badge-danger[b-kdmt8ou49f] {
    background-color: #dc3545;
    color: white;
}

/* AutoFill 虚拟滚动列表 */
.detail-edit-dialog[b-kdmt8ou49f]  .dropdown-menu .list-group {
    max-height: 300px;
    overflow-y: auto;
}

/* 按钮栏样式 - 紧凑化 */
.detail-edit-dialog[b-kdmt8ou49f]  .modal-footer {
    padding: 0.6rem 1rem;
    border-top: 1px solid var(--border-color);
    background: white;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.detail-edit-dialog[b-kdmt8ou49f]  .modal-footer .btn {
    min-width: 80px;
    padding: 0.4rem 0.8rem;
    font-weight: 500;
    font-size: 0.85rem;
    border-radius: 0.25rem;
    transition: all 0.15s ease;
}

.detail-edit-dialog[b-kdmt8ou49f]  .modal-footer .btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.detail-edit-dialog[b-kdmt8ou49f]  .modal-footer .btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.25);
}

.detail-edit-dialog[b-kdmt8ou49f]  .modal-footer .btn-secondary {
    color: #6c757d;
    background-color: white;
    border-color: #dee2e6;
}

.detail-edit-dialog[b-kdmt8ou49f]  .modal-footer .btn-secondary:hover {
    background-color: #f8f9fa;
    border-color: #adb5bd;
}

/* 验证错误消息 - 紧凑化 */
.detail-edit-dialog[b-kdmt8ou49f]  .invalid-feedback {
    font-size: 0.72rem;
    color: #dc3545;
    display: block;
    margin-top: 0.15rem;
}

/* 表单组间距优化 */
.detail-edit-dialog[b-kdmt8ou49f]  .form-group {
    margin-bottom: 0.5rem;
}

/* BootstrapBlazor 特定样式调整 */
.detail-edit-dialog[b-kdmt8ou49f]  .form-floating {
    margin-bottom: 0.5rem;
}

.detail-edit-dialog[b-kdmt8ou49f]  .form-floating > label {
    font-size: 0.8rem;
    padding: 0.5rem 0.5rem;
}

/* 模态框标题样式优化 */
.detail-edit-dialog[b-kdmt8ou49f]  .modal-header {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-color);
}

.detail-edit-dialog[b-kdmt8ou49f]  .modal-title {
    font-size: 1rem;
    font-weight: 600;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .detail-edit-dialog[b-kdmt8ou49f]  .modal-body {
        max-height: 80vh;
        padding: 0.5rem 0.75rem;
    }

    .detail-edit-dialog .col-md-2[b-kdmt8ou49f],
    .detail-edit-dialog .col-md-3[b-kdmt8ou49f],
    .detail-edit-dialog .col-md-4[b-kdmt8ou49f],
    .detail-edit-dialog .col-md-6[b-kdmt8ou49f],
    .detail-edit-dialog .col-md-12[b-kdmt8ou49f] {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }

    .detail-edit-dialog .section-header-compact[b-kdmt8ou49f] {
        font-size: 0.8rem;
        margin-bottom: 0.4rem;
        padding: 0.3rem 0.4rem;
    }

    .detail-edit-dialog[b-kdmt8ou49f]  .modal-footer {
        flex-direction: column;
        gap: 0.4rem;
        padding: 0.5rem 0.75rem;
    }

    .detail-edit-dialog[b-kdmt8ou49f]  .modal-footer .btn {
        width: 100%;
        min-width: auto;
    }

    /* 移动端 AutoFill 下拉宽度调整 */
    .detail-edit-dialog[b-kdmt8ou49f]  .dropdown-menu {
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .detail-edit-dialog .autofill-item-wrapper[b-kdmt8ou49f] {
        gap: 0.5rem;
        padding: 0.4rem 0.6rem;
        min-height: 44px;
    }

    .detail-edit-dialog .autofill-item-icon[b-kdmt8ou49f] {
        width: 28px;
        height: 28px;
        font-size: 0.8rem;
    }
}

/* 打印样式 */
@media print {
    .detail-edit-dialog[b-kdmt8ou49f]  .modal-footer {
        display: none;
    }
    
    .detail-edit-dialog[b-kdmt8ou49f]  .modal-body {
        padding: 0;
    }
}

/* 暗黑模式支持 */
@media (prefers-color-scheme: dark) {
    .detail-edit-dialog[b-kdmt8ou49f] {
        --section-color: #2d2d2d;
        --border-color: #444;
        --text-muted: #999;
    }

    .detail-edit-dialog[b-kdmt8ou49f]  .modal-body {
        background: #1e1e1e;
        color: #e0e0e0;
    }

    .detail-edit-dialog[b-kdmt8ou49f]  .form-control,
    .detail-edit-dialog[b-kdmt8ou49f]  .form-select,
    .detail-edit-dialog[b-kdmt8ou49f]  input,
    .detail-edit-dialog[b-kdmt8ou49f]  textarea {
        background-color: #2d2d2d;
        color: #e0e0e0;
        border-color: #444;
    }

    .detail-edit-dialog .section-header-compact[b-kdmt8ou49f] {
        color: #e0e0e0;
        background: #2d2d2d;
        border-left-color: #0056b3;
    }

    /* 暗黑模式下的 AutoFill 样式 */
    .detail-edit-dialog[b-kdmt8ou49f]  .dropdown-menu {
        background-color: #2d2d2d;
        border-color: #444;
    }

    .detail-edit-dialog .autofill-item-wrapper:hover[b-kdmt8ou49f] {
        background-color: #3a3a3a;
    }

    .detail-edit-dialog .autofill-item-icon[b-kdmt8ou49f] {
        background-color: #3a3a3a;
    }

    .detail-edit-dialog .autofill-item-title[b-kdmt8ou49f] {
        color: #e0e0e0;
    }

    .detail-edit-dialog .autofill-item-subtitle[b-kdmt8ou49f] {
        color: #999;
    }

    .detail-edit-dialog[b-kdmt8ou49f]  .dropdown-item:hover {
        background-color: #3a3a3a;
    }

    .detail-edit-dialog[b-kdmt8ou49f]  .dropdown-item.active {
        background-color: #004085;
    }
}

/* 滚动条样式优化 */
.detail-edit-dialog[b-kdmt8ou49f]  .modal-body::-webkit-scrollbar {
    width: 6px;
}

.detail-edit-dialog[b-kdmt8ou49f]  .modal-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.detail-edit-dialog[b-kdmt8ou49f]  .modal-body::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.detail-edit-dialog[b-kdmt8ou49f]  .modal-body::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* AutoFill 下拉列表滚动条 */
.detail-edit-dialog[b-kdmt8ou49f]  .dropdown-menu::-webkit-scrollbar {
    width: 6px;
}

.detail-edit-dialog[b-kdmt8ou49f]  .dropdown-menu::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.detail-edit-dialog[b-kdmt8ou49f]  .dropdown-menu::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.detail-edit-dialog[b-kdmt8ou49f]  .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}
/* /Components/Pages/InventoryMgr/StockInFormDetails.razor.rz.scp.css */
/* 入库单入库详情组件样式 */

/* Excel 风格 Grid 样式 */
[b-fg50xqegey] .stockin-details-grid {
    font-size: 13px;
}

[b-fg50xqegey] .stockin-details-grid .dxbl-grid-header-content {
    background-color: #f8f9fa;
    font-weight: 600;
    border-bottom: 2px solid #dee2e6;
}

[b-fg50xqegey] .stockin-details-grid .dxbl-grid-data-row {
    border-bottom: 1px solid #e9ecef;
}

[b-fg50xqegey] .stockin-details-grid .dxbl-grid-data-row:hover {
    background-color: #f8f9fa;
}

[b-fg50xqegey] .stockin-details-grid .dxbl-grid-edit-cell {
    background-color: #fff3cd;
    border: 2px solid #ffc107;
}

[b-fg50xqegey] .stockin-details-grid .dxbl-grid-cell {
    padding: 8px 12px;
    vertical-align: middle;
}

/* 只读单元格样式 */
[b-fg50xqegey] .stockin-details-grid .dxbl-grid-cell[readonly] {
    background-color: #f8f9fa;
    color: #6c757d;
}

/* 数字列右对齐 */
[b-fg50xqegey] .stockin-details-grid .text-end {
    text-align: right;
}

/* HS编码 ComboBox 多列样式 */
[b-fg50xqegey] .dxbl-combobox-dropdown {
    z-index: 10000;
}

[b-fg50xqegey] .dxbl-listbox-item {
    padding: 8px 12px;
    border-bottom: 1px solid #e9ecef;
}

[b-fg50xqegey] .dxbl-listbox-item:hover {
    background-color: #e3f2fd;
}

[b-fg50xqegey] .dxbl-listbox-item-selected {
    background-color: #2196f3 !important;
    color: white;
}

[b-fg50xqegey] .dxbl-list-editor-column-header {
    background-color: #f5f5f5;
    font-weight: 600;
    padding: 10px 12px;
    border-bottom: 2px solid #dee2e6;
    font-size: 13px;
}

[b-fg50xqegey] .dxbl-list-editor-column-cell {
    padding: 8px 12px;
    font-size: 13px;
    vertical-align: top;
}

/* HS编码列样式 */
[b-fg50xqegey] .dxbl-list-editor-column-cell:first-child {
    font-family: 'Courier New', monospace;
    font-weight: 600;
    color: #2196f3;
}

/* 中文名称列样式 */
[b-fg50xqegey] .dxbl-list-editor-column-cell:nth-child(2) {
    color: #333;
}

/* 申报要素列样式 */
[b-fg50xqegey] .dxbl-list-editor-column-cell:nth-child(3) {
    color: #666;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

/* 工具栏样式 */
[b-fg50xqegey] .stockin-details-grid .dxbl-toolbar {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    padding: 8px 12px;
}

[b-fg50xqegey] .stockin-details-grid .dxbl-toolbar-item {
    margin-right: 8px;
}

/* 保存按钮样式 */
[b-fg50xqegey] .stockin-details-grid .dxbl-toolbar-item .dxbl-btn-success {
    background-color: #28a745;
    border-color: #28a745;
    color: white;
}

[b-fg50xqegey] .stockin-details-grid .dxbl-toolbar-item .dxbl-btn-success:hover {
    background-color: #218838;
    border-color: #1e7e34;
}

/* 工具栏提示文本 */
[b-fg50xqegey] .stockin-details-grid .dxbl-toolbar .text-muted {
    font-size: 12px;
    margin-left: auto;
}

/* Empty State 样式 */
.empty-state[b-fg50xqegey] {
    padding: 3rem 1rem;
    text-align: center;
}

.empty-icon[b-fg50xqegey] {
    font-size: 3rem;
    color: #6c757d;
    opacity: 0.5;
    margin-bottom: 1rem;
}

.empty-title[b-fg50xqegey] {
    font-size: 1.125rem;
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.5rem;
}

.empty-description[b-fg50xqegey] {
    color: #6c757d;
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
}

.empty-action[b-fg50xqegey] {
    margin-top: 1rem;
}

/* 操作按钮组样式 */
[b-fg50xqegey] .stockin-details-grid .btn-group {
    display: flex;
    gap: 4px;
}

[b-fg50xqegey] .stockin-details-grid .btn-group .dxbl-btn {
    padding: 2px 8px;
    font-size: 12px;
}
/* /Components/Pages/InventoryMgr/StockInFormEditDialog.razor.rz.scp.css */



.form-content[b-dgmk7psehd] {
  padding: 0.5rem 0;
}

[b-dgmk7psehd] .form-label {
  font-weight: 500;
  color: #495057;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

[b-dgmk7psehd] .row.g-3 .form-control,
[b-dgmk7psehd] .row.g-3 .form-select,
[b-dgmk7psehd] .row.g-3 input {
  
}


.section-title[b-dgmk7psehd] {
  color: #2d3748;
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #e3e6f0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

  .section-title i[b-dgmk7psehd] {
    color: #667eea;
    font-size: 1.1rem;
  }


.section-subtitle[b-dgmk7psehd] {
  color: #4a5568;
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0 0 0.75rem 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0.5rem;
  border-left: 3px solid #667eea;
}

  .section-subtitle i[b-dgmk7psehd] {
    color: #667eea;
    font-size: 1rem;
  }


.transport-transit-flat-container[b-dgmk7psehd] {
  padding: 1.5rem;
  background: #f8f9fc;
  border-radius: 0.5rem;
  min-height: 500px;
}


.transit-container[b-dgmk7psehd] {
  padding: 1rem;
  background: #fff;
  border-radius: 0.5rem;
  border: 1px solid #e3e6f0;
}


.info-card[b-dgmk7psehd] {
  background: #fff;
  border: 1px solid #e3e6f0;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

  .info-card:hover[b-dgmk7psehd] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-color: #667eea;
  }

  .info-card .card-header[b-dgmk7psehd] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    padding: 0.875rem 1.25rem;
    border-radius: 0.5rem 0.5rem 0 0;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-weight: 600;
    font-size: 1rem;
    border: none;
  }

    .info-card .card-header i[b-dgmk7psehd] {
      font-size: 1.1rem;
      opacity: 0.95;
    }

  .info-card .card-body[b-dgmk7psehd] {
    padding: 1.5rem 1.25rem;
  }


.transport-details[b-dgmk7psehd] {
  margin: 0.75rem 0 0.5rem 0;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, #e0f2fe 0%, #e0e7ff 100%);
  border-left: 4px solid #667eea;
  border-radius: 0.375rem;
}

.transport-label[b-dgmk7psehd] {
  color: #1e40af;
  font-weight: 600;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

  .transport-label i[b-dgmk7psehd] {
    font-size: 1.1rem;
  }


.detail-container[b-dgmk7psehd] {
  padding: 1.5rem;
  background: #f8f9fc;
  border-radius: 0.5rem;
  min-height: 450px;
}

.detail-header[b-dgmk7psehd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #e3e6f0;
}

.detail-title[b-dgmk7psehd] {
  color: #2d3748;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

  .detail-title i[b-dgmk7psehd] {
    color: #667eea;
    font-size: 1.2rem;
  }


.file-container[b-dgmk7psehd] {
  padding: 1.5rem;
  background: #f8f9fc;
  border-radius: 0.5rem;
  min-height: 400px;
}


.file-upload-section-simple[b-dgmk7psehd] {
  background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #e3e6f0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.upload-header-simple[b-dgmk7psehd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.upload-info[b-dgmk7psehd] {
  flex: 1;
  min-width: 0;
}

.upload-title-simple[b-dgmk7psehd] {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #2d3748;
  margin: 0 0 0.25rem 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

  .upload-title-simple i[b-dgmk7psehd] {
    font-size: 1rem;
    color: #667eea;
  }

.upload-hint-simple[b-dgmk7psehd] {
  color: #6b7280;
  font-size: 0.75rem;
  display: block;
  margin: 0;
}

.upload-action[b-dgmk7psehd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

[b-dgmk7psehd] .generated-fee-scheme-combo .dxbl-column-listbox {
  min-width: 820px;
}

.upload-button[b-dgmk7psehd] {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
}

  .upload-button:hover[b-dgmk7psehd] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
  }

.upload-input[b-dgmk7psehd] {
  position: absolute;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}

.format-hint[b-dgmk7psehd] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 1rem;
}

  .format-hint i[b-dgmk7psehd] {
    opacity: 0.7;
    transition: all 0.2s ease;
  }

    .format-hint i:hover[b-dgmk7psehd] {
      opacity: 1;
      transform: scale(1.15);
    }


.pending-files-section[b-dgmk7psehd] {
  background: linear-gradient(135deg, #fff9e6 0%, #fff5f5 100%);
  padding: 1rem;
  border-radius: 0.625rem;
  border: 2px solid #ffc107;
  box-shadow: 0 4px 12px rgba(255, 193, 7, 0.15);
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

  .pending-files-section[b-dgmk7psehd]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #ffc107 0%, #ff9800 50%, #ffc107 100%);
    background-size: 200% 100%;
    animation: shimmer-b-dgmk7psehd 2s linear infinite;
  }

@keyframes shimmer-b-dgmk7psehd {
  0% {
    background-position: -200% 0;
  }

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

.section-header[b-dgmk7psehd] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid rgba(255, 193, 7, 0.3);
}

.section-header-left h6[b-dgmk7psehd] {
  margin: 0 0 0.375rem 0;
  font-size: 1rem;
  font-weight: 700;
  color: #f57c00;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

  .section-header-left h6 i[b-dgmk7psehd] {
    font-size: 1.1rem;
    animation: pulse-b-dgmk7psehd 2s ease-in-out infinite;
  }

@keyframes pulse-b-dgmk7psehd {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }
}

.section-header-left small[b-dgmk7psehd] {
  color: #f57c00;
  font-size: 0.8125rem;
  display: block;
  margin-top: 0.25rem;
  font-weight: 500;
}

.section-header-actions[b-dgmk7psehd] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  align-items: center;
}


.select-all-wrapper[b-dgmk7psehd] {
  padding: 0.4rem 0.75rem;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 0.5rem;
  border: 2px solid rgba(255, 193, 7, 0.5);
  display: flex;
  align-items: center;
  box-shadow: 0 2px 6px rgba(255, 193, 7, 0.15);
  transition: all 0.2s ease;
}

  .select-all-wrapper:hover[b-dgmk7psehd] {
    border-color: #ffc107;
    box-shadow: 0 3px 8px rgba(255, 193, 7, 0.25);
    background: #fff;
  }

  .select-all-wrapper .form-check-input[b-dgmk7psehd] {
    margin-top: 0;
    width: 18px;
    height: 18px;
    cursor: pointer;
    border: 2px solid #ffc107;
  }

    .select-all-wrapper .form-check-input:checked[b-dgmk7psehd] {
      background-color: #ffc107;
      border-color: #ffc107;
    }

  .select-all-wrapper .form-check-label[b-dgmk7psehd] {
    font-weight: 600;
    color: #f57c00;
    margin-bottom: 0;
    font-size: 0.875rem;
    margin-left: 0.5rem;
    cursor: pointer;
    user-select: none;
  }


.batch-operations-toolbar[b-dgmk7psehd] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  align-items: center;
  background: rgba(255, 255, 255, 0.95);
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid rgba(255, 193, 7, 0.3);
  box-shadow: 0 2px 6px rgba(255, 193, 7, 0.1);
  transition: all 0.2s ease;
}

  .batch-operations-toolbar:hover[b-dgmk7psehd] {
    border-color: rgba(255, 193, 7, 0.5);
    box-shadow: 0 3px 8px rgba(255, 193, 7, 0.2);
  }

  .batch-operations-toolbar .batch-select[b-dgmk7psehd] {
    min-width: 180px;
    max-width: 220px;
    font-size: 0.875rem;
  }

    .batch-operations-toolbar .batch-select .form-select[b-dgmk7psehd] {
      border: 2px solid #e3e6f0;
      border-radius: 0.375rem;
      padding: 0.375rem 0.75rem;
      font-weight: 500;
      transition: all 0.2s ease;
      background-color: #fff;
    }

      .batch-operations-toolbar .batch-select .form-select:focus[b-dgmk7psehd] {
        border-color: #ffc107;
        box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.15);
        outline: none;
      }

      .batch-operations-toolbar .batch-select .form-select:hover[b-dgmk7psehd] {
        border-color: #ffc107;
      }

  
  .batch-operations-toolbar .btn[b-dgmk7psehd] {
    padding: 0.4rem 0.875rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 0.375rem;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  }

    .batch-operations-toolbar .btn:hover[b-dgmk7psehd] {
      transform: translateY(-1px);
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
    }

    .batch-operations-toolbar .btn:active[b-dgmk7psehd] {
      transform: translateY(0);
    }

  .batch-operations-toolbar .btn-primary[b-dgmk7psehd] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
  }

    .batch-operations-toolbar .btn-primary:hover[b-dgmk7psehd] {
      background: linear-gradient(135deg, #5568d3 0%, #6a428f 100%);
    }

  .batch-operations-toolbar .btn-outline-secondary[b-dgmk7psehd] {
    border: 2px solid #e3e6f0;
    background: #fff;
    color: #6b7280;
  }

    .batch-operations-toolbar .btn-outline-secondary:hover[b-dgmk7psehd] {
      background: #f8f9fc;
      border-color: #cbd5e1;
      color: #4b5563;
    }


.pending-files-list.pending-files-compact[b-dgmk7psehd] {
  max-height: 350px;
  overflow-y: auto;
  margin-top: 0.75rem;
  padding-right: 0.5rem;
}

  
  .pending-files-list.pending-files-compact[b-dgmk7psehd]::-webkit-scrollbar {
    width: 8px;
  }

  .pending-files-list.pending-files-compact[b-dgmk7psehd]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
  }

  .pending-files-list.pending-files-compact[b-dgmk7psehd]::-webkit-scrollbar-thumb {
    background: #ffc107;
    border-radius: 4px;
  }

    .pending-files-list.pending-files-compact[b-dgmk7psehd]::-webkit-scrollbar-thumb:hover {
      background: #ff9800;
    }


.pending-file-item-compact[b-dgmk7psehd] {
  background: #fff;
  border: 2px solid #e3e6f0;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.5rem;
  transition: all 0.2s ease;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

  .pending-file-item-compact:hover[b-dgmk7psehd] {
    background: #fffef5;
    border-color: #ffc107;
    box-shadow: 0 3px 10px rgba(255, 193, 7, 0.2);
    transform: translateY(-1px);
  }

  .pending-file-item-compact.selected[b-dgmk7psehd] {
    background: linear-gradient(135deg, #fff9e6 0%, #fffef5 100%);
    border-color: #ffc107;
    box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.15);
  }


.file-row[b-dgmk7psehd] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}


.file-checkbox[b-dgmk7psehd] {
  flex-shrink: 0;
}

  .file-checkbox .form-check-input[b-dgmk7psehd] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    border: 2px solid #cbd5e1;
    transition: all 0.2s ease;
  }

    .file-checkbox .form-check-input:hover[b-dgmk7psehd] {
      border-color: #ffc107;
    }

    .file-checkbox .form-check-input:checked[b-dgmk7psehd] {
      background-color: #ffc107;
      border-color: #ffc107;
    }


.file-icon-compact[b-dgmk7psehd] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f8f9fc 0%, #e8eaf6 100%);
  border-radius: 0.5rem;
  flex-shrink: 0;
  border: 1px solid #e3e6f0;
  transition: all 0.2s ease;
}

.pending-file-item-compact:hover .file-icon-compact[b-dgmk7psehd] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-color: #667eea;
}

.file-icon-compact i[b-dgmk7psehd] {
  font-size: 1.125rem;
  transition: color 0.2s ease;
}

.pending-file-item-compact:hover .file-icon-compact i[b-dgmk7psehd] {
  color: #fff;
}


.file-info-compact[b-dgmk7psehd] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.file-name-compact[b-dgmk7psehd] {
  font-weight: 600;
  color: #2d3748;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s ease;
}

.pending-file-item-compact:hover .file-name-compact[b-dgmk7psehd] {
  color: #667eea;
}

.file-size-compact[b-dgmk7psehd] {
  color: #6b7280;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}


.file-status-compact[b-dgmk7psehd] {
  flex-shrink: 0;
}

.status-badge[b-dgmk7psehd] {
  padding: 0.3rem 0.625rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  white-space: nowrap;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

  .status-badge.status-success[b-dgmk7psehd] {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    color: #065f46;
    border: 2px solid #6ee7b7;
  }

  .status-badge.status-warning[b-dgmk7psehd] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #92400e;
    border: 2px solid #fbbf24;
  }

  .status-badge i[b-dgmk7psehd] {
    font-size: 0.75rem;
  }


.file-type-selector-compact[b-dgmk7psehd] {
  flex-shrink: 0;
  min-width: 160px;
  max-width: 200px;
}

  .file-type-selector-compact .form-select[b-dgmk7psehd] {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    border: 2px solid #e3e6f0;
    border-radius: 0.375rem;
    transition: all 0.2s ease;
    background-color: #fff;
  }

    .file-type-selector-compact .form-select:focus[b-dgmk7psehd] {
      border-color: #667eea;
      box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
      outline: none;
    }

    .file-type-selector-compact .form-select:hover[b-dgmk7psehd] {
      border-color: #cbd5e1;
      background-color: #f8f9fc;
    }


.file-actions-compact[b-dgmk7psehd] {
  flex-shrink: 0;
}

  .file-actions-compact .btn[b-dgmk7psehd] {
    padding: 0.3rem 0.625rem;
    font-size: 0.75rem;
    border-radius: 0.375rem;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  }

    .file-actions-compact .btn:hover[b-dgmk7psehd] {
      transform: translateY(-1px);
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    }


.uploading-files[b-dgmk7psehd] {
  background: linear-gradient(135deg, #e0f2fe 0%, #dbeafe 100%);
  padding: 1rem;
  border-radius: 0.625rem;
  border: 2px solid #0ea5e9;
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.15);
  margin-bottom: 1.5rem;
}

.uploading-header[b-dgmk7psehd] {
  margin-bottom: 1rem;
  text-align: center;
}

.uploading-title[b-dgmk7psehd] {
  font-size: 1rem;
  font-weight: 700;
  color: #0369a1;
  margin: 0 0 0.375rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

  .uploading-title i[b-dgmk7psehd] {
    font-size: 1.1rem;
    animation: spin-b-dgmk7psehd 1s linear infinite;
  }

@keyframes spin-b-dgmk7psehd {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.uploading-hint[b-dgmk7psehd] {
  color: #0369a1;
  font-size: 0.8125rem;
  font-weight: 500;
}

.upload-progress-list[b-dgmk7psehd] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.upload-progress-item[b-dgmk7psehd] {
  background: #fff;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #bae6fd;
}

.progress-info[b-dgmk7psehd] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.progress-file-icon[b-dgmk7psehd] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
  border-radius: 0.5rem;
  color: #fff;
  font-size: 1.125rem;
  flex-shrink: 0;
}

.progress-details[b-dgmk7psehd] {
  flex: 1;
  min-width: 0;
}

.progress-header[b-dgmk7psehd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.file-name[b-dgmk7psehd] {
  font-weight: 600;
  color: #2d3748;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.progress-text[b-dgmk7psehd] {
  font-weight: 700;
  color: #0369a1;
  font-size: 0.875rem;
}

.progress-bar-wrapper[b-dgmk7psehd] {
  width: 100%;
}


.file-list[b-dgmk7psehd] {
  margin-top: 1.5rem;
}

.file-group[b-dgmk7psehd] {
  background: #fff;
  border: 2px solid #e3e6f0;
  border-radius: 0.75rem;
  margin-bottom: 1.25rem;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}

  .file-group:hover[b-dgmk7psehd] {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    border-color: #667eea;
    transform: translateY(-2px);
  }

.file-group-header[b-dgmk7psehd] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 0.375rem 0.85rem;
  border-bottom: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.file-group-title[b-dgmk7psehd] {
  color: #fff;
  font-size: 0.9rem;
  font-weight: 300;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

  .file-group-title i[b-dgmk7psehd] {
    font-size: 1.125rem;
    opacity: 0.95;
  }

.file-count-badge[b-dgmk7psehd] {
  background: rgba(255, 255, 255, 0.3);
  color: #fff;
  padding: 0.25rem 0.625rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.file-group-items[b-dgmk7psehd] {
  padding: 0.875rem;
}

.file-item[b-dgmk7psehd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.675rem;
  background: #f8f9fc;
  border: 2px solid #e3e6f0;
  border-radius: 0.625rem;
  margin-bottom: 0.55rem;
  transition: all 0.2s ease;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

  .file-item:last-child[b-dgmk7psehd] {
    margin-bottom: 0;
  }

  .file-item:hover[b-dgmk7psehd] {
    background: #fff;
    border-color: #667eea;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
    transform: translateY(-2px);
  }

.file-info[b-dgmk7psehd] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  flex: 1;
  min-width: 0;
}

.file-icon-large[b-dgmk7psehd] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f8f9fc 0%, #e8eaf6 100%);
  border-radius: 0.625rem;
  flex-shrink: 0;
  border: 2px solid #e3e6f0;
  transition: all 0.3s ease;
}

.file-item:hover .file-icon-large[b-dgmk7psehd] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-color: #667eea;
}

.file-icon-large i[b-dgmk7psehd] {
  font-size: 1.5rem;
  transition: color 0.3s ease;
}

.file-item:hover .file-icon-large i[b-dgmk7psehd] {
  color: #fff;
}

.file-details-wrapper[b-dgmk7psehd] {
  flex: 1;
  min-width: 0;
}

.file-name[b-dgmk7psehd] {
  font-weight: 600;
  color: #2d3748;
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s ease;
}

.file-item:hover .file-name[b-dgmk7psehd] {
  color: #667eea;
}

.file-size[b-dgmk7psehd] {
  color: #6b7280;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.file-actions[b-dgmk7psehd] {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}

  .file-actions .btn[b-dgmk7psehd] {
    padding: 0.4rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 0.375rem;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  }

    .file-actions .btn:hover[b-dgmk7psehd] {
      transform: translateY(-1px);
      box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
    }


.empty-state[b-dgmk7psehd] {
  text-align: center;
  padding: 2.5rem 1.5rem;
  background: #f8f9fc;
  border-radius: 0.625rem;
  border: 2px dashed #e3e6f0;
}

.empty-icon[b-dgmk7psehd] {
  width: 70px;
  height: 70px;
  margin: 0 auto 1.25rem;
  background: linear-gradient(135deg, #f8f9fc 0%, #e8eaf6 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

  .empty-icon i[b-dgmk7psehd] {
    font-size: 2.25rem;
    color: #9ca3af;
  }

.empty-title[b-dgmk7psehd] {
  font-size: 1.125rem;
  font-weight: 700;
  color: #4b5563;
  margin-bottom: 0.625rem;
}

.empty-description[b-dgmk7psehd] {
  font-size: 0.875rem;
  color: #9ca3af;
  margin-bottom: 1.25rem;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.empty-action[b-dgmk7psehd] {
  margin-top: 1.25rem;
}


.fas.fa-file-pdf[b-dgmk7psehd] {
  color: #dc2626;
}

.fas.fa-file-word[b-dgmk7psehd] {
  color: #2563eb;
}

.fas.fa-file-excel[b-dgmk7psehd] {
  color: #059669;
}

.fas.fa-file-image[b-dgmk7psehd] {
  color: #7c3aed;
}

.text-purple[b-dgmk7psehd] {
  color: #7c3aed;
}

.fas.fa-file-archive[b-dgmk7psehd] {
  color: #f59e0b;
}

.fas.fa-file[b-dgmk7psehd] {
  color: #6b7280;
}


@media (max-width: 768px) {
  .file-container[b-dgmk7psehd] {
    padding: 1rem;
  }

  .file-upload-section-simple[b-dgmk7psehd] {
    padding: 0.625rem 0.75rem;
  }

  .upload-header-simple[b-dgmk7psehd] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }

  .upload-action[b-dgmk7psehd] {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .upload-button[b-dgmk7psehd] {
    width: 100%;
    justify-content: center;
  }

  .format-hint[b-dgmk7psehd] {
    justify-content: center;
  }

  .pending-files-section[b-dgmk7psehd] {
    padding: 0.75rem;
  }

  .section-header[b-dgmk7psehd] {
    flex-direction: column;
    gap: 0.75rem;
  }

  .section-header-actions[b-dgmk7psehd] {
    width: 100%;
    flex-direction: column;
  }

    .section-header-actions > *[b-dgmk7psehd] {
      width: 100%;
    }

  .batch-operations-toolbar[b-dgmk7psehd] {
    flex-direction: column;
    width: 100%;
  }

    .batch-operations-toolbar .batch-select[b-dgmk7psehd] {
      min-width: 100%;
      max-width: 100%;
    }

  .file-row[b-dgmk7psehd] {
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .file-type-selector-compact[b-dgmk7psehd] {
    min-width: 100%;
    max-width: 100%;
  }

  .file-item[b-dgmk7psehd] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }

  .file-actions[b-dgmk7psehd] {
    width: 100%;
    justify-content: flex-end;
  }
}


.stockin-type-display[b-dgmk7psehd] {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}

  .stockin-type-display i[b-dgmk7psehd] {
    font-size: 1.1rem;
  }

  .stockin-type-display strong[b-dgmk7psehd] {
    flex: 1;
  }


[b-dgmk7psehd] .alert-warning.stockin-type-display {
  background-color: #fff3e0;
  border-color: #ff9800;
  color: #e65100;
}


[b-dgmk7psehd] .alert-info.stockin-type-display {
  background-color: #e3f2fd;
  border-color: #2196f3;
  color: #0d47a1;
}

/* /Components/Pages/InventoryMgr/StockInFormFileUpload.razor.rz.scp.css */
/* 文件上传组件样式 */

/* ===== 文件上传容器 ===== */
.file-upload-container[b-mdlaaz11fw] {
    padding: 1rem 0;
}

/* ===== 简化版文件上传区域样式 - 超级紧凑 ===== */
.file-upload-section-simple[b-mdlaaz11fw] {
    background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    border: 1px solid #e3e6f0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.upload-header-simple[b-mdlaaz11fw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.upload-info[b-mdlaaz11fw] {
    flex: 1;
    min-width: 0;
}

.upload-title-simple[b-mdlaaz11fw] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #2d3748;
    margin: 0 0 0.25rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .upload-title-simple i[b-mdlaaz11fw] {
        font-size: 1rem;
        color: #667eea;
    }

.upload-hint-simple[b-mdlaaz11fw] {
    color: #6b7280;
    font-size: 0.75rem;
    display: block;
    margin: 0;
}

.upload-action[b-mdlaaz11fw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.upload-button[b-mdlaaz11fw] {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap;
}

    .upload-button:hover[b-mdlaaz11fw] {
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

.upload-input[b-mdlaaz11fw] {
    position: absolute;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
}

.format-hint[b-mdlaaz11fw] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 1rem;
}

    .format-hint i[b-mdlaaz11fw] {
        opacity: 0.7;
        transition: all 0.2s ease;
    }

        .format-hint i:hover[b-mdlaaz11fw] {
            opacity: 1;
            transform: scale(1.15);
        }

/* ===== 待处理文件区域样式 - 紧凑版 ===== */
.pending-files-section[b-mdlaaz11fw] {
    background: linear-gradient(135deg, #fff9e6 0%, #fff5f5 100%);
    padding: 1rem;
    border-radius: 0.625rem;
    border: 2px solid #ffc107;
    box-shadow: 0 4px 12px rgba(255, 193, 7, 0.15);
    position: relative;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

    .pending-files-section[b-mdlaaz11fw]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, #ffc107 0%, #ff9800 50%, #ffc107 100%);
        background-size: 200% 100%;
        animation: shimmer-b-mdlaaz11fw 2s linear infinite;
    }

@keyframes shimmer-b-mdlaaz11fw {
    0% {
        background-position: -200% 0;
    }

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

.section-header[b-mdlaaz11fw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid rgba(255, 193, 7, 0.3);
}

.section-header-left h6[b-mdlaaz11fw] {
    margin: 0 0 0.375rem 0;
    font-size: 1rem;
    font-weight: 700;
    color: #f57c00;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .section-header-left h6 i[b-mdlaaz11fw] {
        font-size: 1.1rem;
        animation: pulse-b-mdlaaz11fw 2s ease-in-out infinite;
    }

@keyframes pulse-b-mdlaaz11fw {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

.section-header-left small[b-mdlaaz11fw] {
    color: #f57c00;
    font-size: 0.8125rem;
    display: block;
    margin-top: 0.25rem;
    font-weight: 500;
}

.section-header-actions[b-mdlaaz11fw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
    align-items: center;
}

/* 全选复选框样式 - 优化版 */
.select-all-wrapper[b-mdlaaz11fw] {
    padding: 0.4rem 0.75rem;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 0.5rem;
    border: 2px solid rgba(255, 193, 7, 0.5);
    display: flex;
    align-items: center;
    box-shadow: 0 2px 6px rgba(255, 193, 7, 0.15);
    transition: all 0.2s ease;
}

    .select-all-wrapper:hover[b-mdlaaz11fw] {
        border-color: #ffc107;
        box-shadow: 0 3px 8px rgba(255, 193, 7, 0.25);
        background: #fff;
    }

    .select-all-wrapper .form-check-input[b-mdlaaz11fw] {
        margin-top: 0;
        width: 18px;
        height: 18px;
        cursor: pointer;
        border: 2px solid #ffc107;
    }

        .select-all-wrapper .form-check-input:checked[b-mdlaaz11fw] {
            background-color: #ffc107;
            border-color: #ffc107;
        }

    .select-all-wrapper .form-check-label[b-mdlaaz11fw] {
        font-weight: 600;
        color: #f57c00;
        margin-bottom: 0;
        font-size: 0.875rem;
        margin-left: 0.5rem;
        cursor: pointer;
        user-select: none;
    }

/* 批量操作工具栏 - 优化版 */
.batch-operations-toolbar[b-mdlaaz11fw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
    align-items: center;
    background: rgba(255, 255, 255, 0.95);
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    border: 2px solid rgba(255, 193, 7, 0.3);
    box-shadow: 0 2px 6px rgba(255, 193, 7, 0.1);
    transition: all 0.2s ease;
}

    .batch-operations-toolbar:hover[b-mdlaaz11fw] {
        border-color: rgba(255, 193, 7, 0.5);
        box-shadow: 0 3px 8px rgba(255, 193, 7, 0.2);
    }

/* 待处理文件列表 - 紧凑版 */
.pending-files-list.pending-files-compact[b-mdlaaz11fw] {
    max-height: 350px;
    overflow-y: auto;
    margin-top: 0.75rem;
    padding-right: 0.5rem;
}

    /* 自定义滚动条 */
    .pending-files-list.pending-files-compact[b-mdlaaz11fw]::-webkit-scrollbar {
        width: 8px;
    }

    .pending-files-list.pending-files-compact[b-mdlaaz11fw]::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    .pending-files-list.pending-files-compact[b-mdlaaz11fw]::-webkit-scrollbar-thumb {
        background: #ffc107;
        border-radius: 4px;
    }

        .pending-files-list.pending-files-compact[b-mdlaaz11fw]::-webkit-scrollbar-thumb:hover {
            background: #ff9800;
        }

/* 紧凑型文件项 */
.pending-file-item-compact[b-mdlaaz11fw] {
    background: #fff;
    border: 2px solid #e3e6f0;
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
    transition: all 0.2s ease;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .pending-file-item-compact:hover[b-mdlaaz11fw] {
        background: #fffef5;
        border-color: #ffc107;
        box-shadow: 0 3px 10px rgba(255, 193, 7, 0.2);
        transform: translateY(-1px);
    }

    .pending-file-item-compact.selected[b-mdlaaz11fw] {
        background: linear-gradient(135deg, #fff9e6 0%, #fffef5 100%);
        border-color: #ffc107;
        box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.15);
    }

/* 文件行布局 */
.file-row[b-mdlaaz11fw] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
}

/* 文件复选框 */
.file-checkbox[b-mdlaaz11fw] {
    flex-shrink: 0;
}

    .file-checkbox .form-check-input[b-mdlaaz11fw] {
        width: 18px;
        height: 18px;
        cursor: pointer;
        border: 2px solid #cbd5e1;
        transition: all 0.2s ease;
    }

        .file-checkbox .form-check-input:hover[b-mdlaaz11fw] {
            border-color: #ffc107;
        }

        .file-checkbox .form-check-input:checked[b-mdlaaz11fw] {
            background-color: #ffc107;
            border-color: #ffc107;
        }

/* 文件图标 - 紧凑版 */
.file-icon-compact[b-mdlaaz11fw] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f8f9fc 0%, #e8eaf6 100%);
    border-radius: 0.5rem;
    flex-shrink: 0;
    border: 1px solid #e3e6f0;
    transition: all 0.2s ease;
}

.pending-file-item-compact:hover .file-icon-compact[b-mdlaaz11fw] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-color: #667eea;
}

.file-icon-compact i[b-mdlaaz11fw] {
    font-size: 1.125rem;
    transition: color 0.2s ease;
}

.pending-file-item-compact:hover .file-icon-compact i[b-mdlaaz11fw] {
    color: #fff;
}

/* 文件信息 - 紧凑版 */
.file-info-compact[b-mdlaaz11fw] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.file-name-compact[b-mdlaaz11fw] {
    font-weight: 600;
    color: #2d3748;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.2s ease;
}

.pending-file-item-compact:hover .file-name-compact[b-mdlaaz11fw] {
    color: #667eea;
}

.file-size-compact[b-mdlaaz11fw] {
    color: #6b7280;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

/* 文件状态 - 紧凑版 */
.file-status-compact[b-mdlaaz11fw] {
    flex-shrink: 0;
}

.status-badge[b-mdlaaz11fw] {
    padding: 0.3rem 0.625rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    white-space: nowrap;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

    .status-badge.status-success[b-mdlaaz11fw] {
        background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
        color: #065f46;
        border: 2px solid #6ee7b7;
    }

    .status-badge.status-warning[b-mdlaaz11fw] {
        background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
        color: #92400e;
        border: 2px solid #fbbf24;
    }

    .status-badge i[b-mdlaaz11fw] {
        font-size: 0.75rem;
    }

/* 文件类型选择器 - 紧凑版 */
.file-type-selector-compact[b-mdlaaz11fw] {
    flex-shrink: 0;
    min-width: 160px;
    max-width: 200px;
}

/* 文件操作按钮 - 紧凑版 */
.file-actions-compact[b-mdlaaz11fw] {
    flex-shrink: 0;
}

    .file-actions-compact .btn[b-mdlaaz11fw] {
        padding: 0.3rem 0.625rem;
        font-size: 0.75rem;
        border-radius: 0.375rem;
        transition: all 0.2s ease;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    }

        .file-actions-compact .btn:hover[b-mdlaaz11fw] {
            transform: translateY(-1px);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
        }

/* ===== 正在上传文件区域 - 紧凑版 ===== */
.uploading-files[b-mdlaaz11fw] {
    background: linear-gradient(135deg, #e0f2fe 0%, #dbeafe 100%);
    padding: 1rem;
    border-radius: 0.625rem;
    border: 2px solid #0ea5e9;
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.15);
    margin-bottom: 1.5rem;
}

.uploading-header[b-mdlaaz11fw] {
    margin-bottom: 1rem;
    text-align: center;
}

.uploading-title[b-mdlaaz11fw] {
    font-size: 1rem;
    font-weight: 700;
    color: #0369a1;
    margin: 0 0 0.375rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

    .uploading-title i[b-mdlaaz11fw] {
        font-size: 1.1rem;
        animation: spin-b-mdlaaz11fw 1s linear infinite;
    }

@keyframes spin-b-mdlaaz11fw {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.uploading-hint[b-mdlaaz11fw] {
    color: #0369a1;
    font-size: 0.8125rem;
    font-weight: 500;
}

.upload-progress-list[b-mdlaaz11fw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.upload-progress-item[b-mdlaaz11fw] {
    background: #fff;
    padding: 0.75rem;
    border-radius: 0.5rem;
    border: 1px solid #bae6fd;
}

.progress-info[b-mdlaaz11fw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.progress-file-icon[b-mdlaaz11fw] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    border-radius: 0.5rem;
    color: #fff;
    font-size: 1.125rem;
    flex-shrink: 0;
}

.progress-details[b-mdlaaz11fw] {
    flex: 1;
    min-width: 0;
}

.progress-header[b-mdlaaz11fw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.file-name[b-mdlaaz11fw] {
    font-weight: 600;
    color: #2d3748;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.progress-text[b-mdlaaz11fw] {
    font-weight: 700;
    color: #0369a1;
    font-size: 0.875rem;
}

.progress-bar-wrapper[b-mdlaaz11fw] {
    width: 100%;
}

/* ===== 已上传文件列表 - 紧凑版 ===== */
.file-list[b-mdlaaz11fw] {
    margin-top: 1.5rem;
}

.file-group[b-mdlaaz11fw] {
    background: #fff;
    border: 2px solid #e3e6f0;
    border-radius: 0.75rem;
    margin-bottom: 1.25rem;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}

    .file-group:hover[b-mdlaaz11fw] {
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
        border-color: #667eea;
        transform: translateY(-2px);
    }

.file-group-header[b-mdlaaz11fw] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 0.375rem 0.85rem;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.file-group-title[b-mdlaaz11fw] {
    color: #fff;
    font-size: 0.9rem;
    font-weight: 300;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

    .file-group-title i[b-mdlaaz11fw] {
        font-size: 1.125rem;
        opacity: 0.95;
    }

.file-count-badge[b-mdlaaz11fw] {
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
    padding: 0.25rem 0.625rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.file-group-items[b-mdlaaz11fw] {
    padding: 0.875rem;
}

.file-item[b-mdlaaz11fw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.675rem;
    background: #f8f9fc;
    border: 2px solid #e3e6f0;
    border-radius: 0.625rem;
    margin-bottom: 0.55rem;
    transition: all 0.2s ease;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .file-item:last-child[b-mdlaaz11fw] {
        margin-bottom: 0;
    }

    .file-item:hover[b-mdlaaz11fw] {
        background: #fff;
        border-color: #667eea;
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
        transform: translateY(-2px);
    }

.file-info[b-mdlaaz11fw] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    flex: 1;
    min-width: 0;
}

.file-icon-large[b-mdlaaz11fw] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f8f9fc 0%, #e8eaf6 100%);
    border-radius: 0.625rem;
    flex-shrink: 0;
    border: 2px solid #e3e6f0;
    transition: all 0.3s ease;
}

.file-item:hover .file-icon-large[b-mdlaaz11fw] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-color: #667eea;
}

.file-icon-large i[b-mdlaaz11fw] {
    font-size: 1.5rem;
    transition: color 0.3s ease;
}

.file-item:hover .file-icon-large i[b-mdlaaz11fw] {
    color: #fff;
}

.file-details-wrapper[b-mdlaaz11fw] {
    flex: 1;
    min-width: 0;
}

.file-size[b-mdlaaz11fw] {
    color: #6b7280;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.file-actions[b-mdlaaz11fw] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

    .file-actions .btn[b-mdlaaz11fw] {
        padding: 0.4rem 0.75rem;
        font-size: 0.875rem;
        border-radius: 0.375rem;
        transition: all 0.2s ease;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    }

        .file-actions .btn:hover[b-mdlaaz11fw] {
            transform: translateY(-1px);
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
        }

/* ===== 空状态 - 紧凑版 ===== */
.empty-state[b-mdlaaz11fw] {
    text-align: center;
    padding: 2.5rem 1.5rem;
    background: #f8f9fc;
    border-radius: 0.625rem;
    border: 2px dashed #e3e6f0;
}

.empty-icon[b-mdlaaz11fw] {
    width: 70px;
    height: 70px;
    margin: 0 auto 1.25rem;
    background: linear-gradient(135deg, #f8f9fc 0%, #e8eaf6 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .empty-icon i[b-mdlaaz11fw] {
        font-size: 2.25rem;
        color: #9ca3af;
    }

.empty-title[b-mdlaaz11fw] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #4b5563;
    margin-bottom: 0.625rem;
}

.empty-description[b-mdlaaz11fw] {
    color: #6b7280;
    font-size: 0.9375rem;
}
/* /Components/Pages/InventoryMgr/StockInFormMgr.razor.rz.scp.css */
/* 入库单管理页面样式 - 紧凑版 */

.stockin-management-container[b-le4zqf23tp] {
    padding: 0;
}

/* 页面标题区域 - 紧凑版 */
.page-header-compact[b-le4zqf23tp] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 0.75rem 1rem;
    border-radius: 0.375rem;
    color: white;
    box-shadow: 0 1px 4px rgba(102, 126, 234, 0.25);
}

.page-icon[b-le4zqf23tp] {
  width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-icon i[b-le4zqf23tp] {
    font-size: 18px;
}

.page-title[b-le4zqf23tp] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}

/* 统计预览 - 紧凑版 */
.stats-preview[b-le4zqf23tp] {
    background: rgba(255, 255, 255, 0.15);
padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
}

.stat-preview-item[b-le4zqf23tp] {
    display: flex;
    flex-direction: column;
    align-items: center;
 padding: 0 0.5rem;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
}

.stat-preview-item:last-child[b-le4zqf23tp] {
    border-right: none;
}

.stat-preview-label[b-le4zqf23tp] {
    font-size: 0.7rem;
 opacity: 0.85;
    margin-bottom: 0.125rem;
    white-space: nowrap;
}

.stat-preview-value[b-le4zqf23tp] {
    font-size: 1.1rem;
    font-weight: 700;
}

/* 搜索卡片 - 紧凑版 */
.search-card[b-le4zqf23tp] {
    border: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.search-container-compact[b-le4zqf23tp] {
    padding: 0.5rem;
}

.search-container-compact .input-group-sm .form-control[b-le4zqf23tp],
.search-container-compact .input-group-sm .input-group-text[b-le4zqf23tp] {
    font-size: 0.875rem;
    padding: 0.375rem 0.5rem;
}

/* 搜索筛选区 - 优化版 */
.search-card[b-le4zqf23tp] {
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 0.5rem;
    overflow: hidden;
}

.search-container-optimized[b-le4zqf23tp] {
    padding: 1rem;
    background: #ffffff;
}

/* BootstrapInput 搜索框样式优化 */
[b-le4zqf23tp] .search-container-optimized .bootstrap-input {
    width: 100%;
}

[b-le4zqf23tp] .search-container-optimized .bootstrap-input .form-control {
    border: 1.5px solid #e0e0e0;
    border-radius: 0.375rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

[b-le4zqf23tp] .search-container-optimized .bootstrap-input .form-control:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

[b-le4zqf23tp] .search-container-optimized .bootstrap-input .form-control::placeholder {
    color: #adb5bd;
    font-size: 0.875rem;
}

/* BootstrapInput 前缀图标样式 */
[b-le4zqf23tp] .search-container-optimized .bootstrap-input .input-group-text {
    background: transparent;
    border: 1.5px solid #e0e0e0;
    border-right: none;
    color: #6c757d;
    padding: 0.5rem 0.75rem;
}

[b-le4zqf23tp] .search-container-optimized .bootstrap-input .input-group .form-control {
    border-left: none;
}

[b-le4zqf23tp] .search-container-optimized .bootstrap-input .input-group:focus-within .input-group-text {
    border-color: #667eea;
}

[b-le4zqf23tp] .search-container-optimized .bootstrap-input .input-group:focus-within .form-control {
    border-left-color: #e0e0e0;
}

/* BootstrapInput 清除按钮样式 */
[b-le4zqf23tp] .search-container-optimized .bootstrap-input .btn-close {
    padding: 0.25rem;
    opacity: 0.5;
    transition: all 0.2s ease;
}

[b-le4zqf23tp] .search-container-optimized .bootstrap-input .btn-close:hover {
    opacity: 1;
    background-color: #f8f9fa;
    border-radius: 0.25rem;
}

/* 操作按钮组优化 */
.action-buttons[b-le4zqf23tp] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.action-buttons .btn-query[b-le4zqf23tp] {
    flex: 1;
    min-width: 90px;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 0.375rem;
    box-shadow: 0 2px 4px rgba(102, 126, 234, 0.25);
    transition: all 0.2s ease;
}

.action-buttons .btn-query:hover[b-le4zqf23tp] {
    box-shadow: 0 4px 8px rgba(102, 126, 234, 0.35);
    transform: translateY(-1px);
}

.action-buttons .btn-query:active[b-le4zqf23tp] {
    transform: translateY(0);
}

.action-buttons .btn-reset[b-le4zqf23tp] {
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    border: 1.5px solid #e0e0e0;
    transition: all 0.2s ease;
}

.action-buttons .btn-reset:hover[b-le4zqf23tp] {
    background: #f8f9fa;
    border-color: #adb5bd;
    transform: rotate(180deg);
}

/* 表格紧凑样式 */
[b-le4zqf23tp] .table-compact {
    font-size: 0.875rem;
}

[b-le4zqf23tp] .table-compact .table {
    margin-bottom: 0;
}

[b-le4zqf23tp] .table-compact thead th {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
  font-weight: 600;
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
}

[b-le4zqf23tp] .table-compact tbody td {
    padding: 0.5rem 0.75rem;
    vertical-align: middle;
}

[b-le4zqf23tp] .table-compact .btn-group-sm .btn {
  padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}

/* 徽章紧凑样式 */
.badge-sm[b-le4zqf23tp] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* 标签紧凑样式 */
[b-le4zqf23tp] .tag-sm {
    font-size: 0.75rem;
    padding: 0.125rem 0.5rem;
    line-height: 1.5;
}

/* 代码单元格样式 */
.code-cell[b-le4zqf23tp] {
    display: flex;
    align-items: center;
    font-family: 'Courier New', monospace;
}

/* 工具栏紧凑样式 */
[b-le4zqf23tp] .table-toolbar {
  padding: 0.5rem 0.75rem;
  background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

/* 分页器紧凑样式 */
[b-le4zqf23tp] .pagination-wrapper {
    padding: 0.5rem 0.75rem;
}

[b-le4zqf23tp] .pagination-wrapper .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

/* 按钮组紧凑间距 */
.btn-toolbar .btn-group[b-le4zqf23tp] {
    margin-right: 0.25rem;
}

.btn-toolbar .btn-group:last-child[b-le4zqf23tp] {
    margin-right: 0;
}

/* 输入框紧凑样式 */
[b-le4zqf23tp] .input-group-sm {
    font-size: 0.875rem;
}

/* 下拉选择器紧凑样式 */
[b-le4zqf23tp] .form-select-sm {
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
}

/* 响应式调整 */
@media (max-width: 1200px) {
    .stats-preview[b-le4zqf23tp] {
        display: none !important;
    }
}

@media (max-width: 768px) {
.page-header-compact[b-le4zqf23tp] {
        padding: 0.5rem 0.75rem;
    }

    .page-title[b-le4zqf23tp] {
    font-size: 1rem;
}

    .search-container-compact[b-le4zqf23tp] {
        padding: 0.375rem;
    }

    [b-le4zqf23tp] .table-compact thead th,
    [b-le4zqf23tp] .table-compact tbody td {
        padding: 0.375rem 0.5rem;
        font-size: 0.8rem;
    }

    .btn-toolbar[b-le4zqf23tp] {
   flex-wrap: wrap;
    }

    .btn-group[b-le4zqf23tp] {
     margin-bottom: 0.25rem;
    }

    .search-container-optimized[b-le4zqf23tp] {
        padding: 0.75rem;
    }

    .action-buttons[b-le4zqf23tp] {
        gap: 0.375rem;
    }

    .action-buttons .btn-query[b-le4zqf23tp] {
        min-width: auto;
        padding: 0.5rem 0.75rem;
        font-size: 0.813rem;
    }

    .action-buttons .btn-reset[b-le4zqf23tp] {
        padding: 0.5rem 0.625rem;
    }

    .search-input-wrapper .search-input[b-le4zqf23tp] {
        font-size: 0.813rem;
        padding: 0.45rem 2.25rem 0.45rem 2.25rem;
    }
}

@media (max-width: 576px) {
    .page-icon[b-le4zqf23tp] {
        width: 32px;
        height: 32px;
    }

    .page-icon i[b-le4zqf23tp] {
        font-size: 16px;
    }

    .page-title[b-le4zqf23tp] {
        font-size: 0.95rem;
    }

    .search-container-optimized .row[b-le4zqf23tp] {
        gap: 0.5rem;
    }

    .action-buttons[b-le4zqf23tp] {
        width: 100%;
    }

    .action-buttons .btn-query[b-le4zqf23tp] {
        flex: 1;
    }
}

/* 表格行悬停效果 */
[b-le4zqf23tp] .table-compact tbody tr:hover {
    background-color: #f8f9fa;
}

/* 固定列样式优化 */
[b-le4zqf23tp] .table-compact .fixed-column {
    background-color: #fff;
}

/* 滚动条样式优化 */
[b-le4zqf23tp] .table-compact .table-wrapper::-webkit-scrollbar {
    height: 8px;
}

[b-le4zqf23tp] .table-compact .table-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

[b-le4zqf23tp] .table-compact .table-wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

[b-le4zqf23tp] .table-compact .table-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/* /Components/Pages/InventoryMgr/StockInFormTransitDialog.razor.rz.scp.css */
.transit-container[b-0t9wka4cgv] {
    padding: 1rem;
    background-color: #f8f9fa;
    border-radius: 0.25rem;
}

.transit-info-section[b-0t9wka4cgv] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background-color: white;
    border-radius: 0.25rem;
    border: 1px solid #dee2e6;
}

.transit-header[b-0t9wka4cgv] {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #007bff;
}

    .transit-header i[b-0t9wka4cgv] {
        margin-right: 0.5rem;
        color: #007bff;
    }

.transit-field-group[b-0t9wka4cgv] {
    margin-bottom: 1rem;
}

.transit-field-label[b-0t9wka4cgv] {
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.25rem;
}

.transit-field-value[b-0t9wka4cgv] {
    padding: 0.5rem;
    background-color: #f8f9fa;
    border-radius: 0.25rem;
    border: 1px solid #dee2e6;
}

.transit-badge[b-0t9wka4cgv] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 0.25rem;
}

.transit-badge-sea[b-0t9wka4cgv] {
    background-color: #cfe2ff;
    color: #084298;
}

.transit-badge-air[b-0t9wka4cgv] {
    background-color: #fff3cd;
    color: #664d03;
}

.transit-badge-land[b-0t9wka4cgv] {
    background-color: #d1e7dd;
    color: #0f5132;
}

/* Improve contrast for small badges shown inside dropdown items (e.g. LOCODE tags) when displayed in modals */
.modal .dropdown-menu .badge[b-0t9wka4cgv],
.modal .dropdown-menu .badge.bg-white.border.text-secondary[b-0t9wka4cgv],
.modal .dropdown-menu .badge.ms-1[b-0t9wka4cgv],
body.modal-open .dropdown-menu .badge[b-0t9wka4cgv],
.dropdown-menu.show .badge[b-0t9wka4cgv],
.bs-popover .badge[b-0t9wka4cgv] {
    background-color: #eef1f3 !important; /* subtle light grey for better contrast */
    color: #2b2b2b !important; /* darker text for readability */
    border-color: rgba(0,0,0,0.08) !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

/* Make the small locode badges slightly larger and with rounded pill shape for clarity */
.modal .dropdown-menu .badge[b-0t9wka4cgv],
body.modal-open .dropdown-menu .badge[b-0t9wka4cgv],
.dropdown-menu.show .badge[b-0t9wka4cgv] {
    font-size: 0.78rem !important;
    padding: 0.22rem 0.5rem !important;
    border-radius: 0.56rem !important;
    line-height: 1 !important;
}

/* Ensure dropdown background remains opaque inside modals */
.modal .dropdown-menu[b-0t9wka4cgv],
body.modal-open .dropdown-menu[b-0t9wka4cgv],
.dropdown-menu.show[b-0t9wka4cgv] {
    background-color: #ffffff !important;
    opacity: 1 !important;
}

/* If badges have utility color classes (text-secondary), override to ensure visibility */
.dropdown-menu .text-secondary[b-0t9wka4cgv] {
    color: #6c757d !important;
}

/* For specific badge markup used in port items (bg-white border text-secondary), force darker text */
.dropdown-menu .badge.bg-white.border.text-secondary[b-0t9wka4cgv] {
    background-color: #f1f3f5 !important;
    color: #343a40 !important;
    border-color: rgba(0,0,0,0.06) !important;
}

/* Stronger overrides for LOCODE-style badges in dropdown/popover lists */
.modal .dropdown-menu .badge.bg-white.border.text-secondary[b-0t9wka4cgv],
body.modal-open .dropdown-menu .badge.bg-white.border.text-secondary[b-0t9wka4cgv],
.dropdown-menu.show .badge.bg-white.border.text-secondary[b-0t9wka4cgv],
.bs-popover .badge.bg-white.border.text-secondary[b-0t9wka4cgv] {
    background-color: #e9eef2 !important; /* slightly darker than white */
    color: #1f2d36 !important; /* much darker text for contrast */
    border-color: rgba(0,0,0,0.06) !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* Fallback for any badge with text-secondary in dropdowns */
.modal .dropdown-menu .badge.text-secondary[b-0t9wka4cgv],
body.modal-open .dropdown-menu .badge.text-secondary[b-0t9wka4cgv],
.dropdown-menu.show .badge.text-secondary[b-0t9wka4cgv],
.bs-popover .badge.text-secondary[b-0t9wka4cgv] {
    color: #1f2d36 !important;
    opacity: 1 !important;
}

/* Ensure popover/dropdown list items don't reduce badge contrast via opacity */
.dropdown-menu .badge[b-0t9wka4cgv],
.bs-popover .badge[b-0t9wka4cgv] {
    opacity: 1 !important;
    filter: none !important;
}
/* /Components/Pages/InventoryMgr/StockInFormTransportInfo.razor.rz.scp.css */
/* 入库单运输与转运信息组件样式 */

.transit-container[b-p38a3hom98] {
    padding: 1rem 0;
}

.empty-state[b-p38a3hom98] {
    padding: 3rem 1rem;
    text-align: center;
}

.empty-icon[b-p38a3hom98] {
    font-size: 3rem;
    color: #6c757d;
    opacity: 0.5;
    margin-bottom: 1rem;
}

.empty-title[b-p38a3hom98] {
    font-size: 1.125rem;
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.5rem;
}

.empty-description[b-p38a3hom98] {
    color: #6c757d;
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
}

.empty-action[b-p38a3hom98] {
    margin-top: 1rem;
}

.section-subtitle[b-p38a3hom98] {
    font-size: 0.938rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e9ecef;
}
/* /Components/Pages/InventoryMgr/StockOutFormApprovalDialog.razor.rz.scp.css */
.alert[b-z4aa2h92cn] {
    border-radius: 4px;
}

.form-label[b-z4aa2h92cn] {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.form-label .text-danger[b-z4aa2h92cn] {
    margin-left: 0.25rem;
}

.w-100[b-z4aa2h92cn] {
    width: 100%;
}
/* /Components/Pages/InventoryMgr/StockOutFormApprovalHistoryDialog.razor.rz.scp.css */
[b-a0cc7gicpr] .timeline {
    position: relative;
    padding-left: 50px;
}

[b-a0cc7gicpr] .timeline::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #dee2e6;
}

[b-a0cc7gicpr] .timeline-item {
    position: relative;
}

[b-a0cc7gicpr] .timeline-badge {
    position: absolute;
    left: -38px;
    top: 5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: white;
    z-index: 100;
    border: 3px solid white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

[b-a0cc7gicpr] .timeline-badge.bg-primary { background-color: #0d6efd !important; }
[b-a0cc7gicpr] .timeline-badge.bg-success { background-color: #198754 !important; }
[b-a0cc7gicpr] .timeline-badge.bg-danger { background-color: #dc3545 !important; }
[b-a0cc7gicpr] .timeline-badge.bg-warning { background-color: #ffc107 !important; color: #212529 !important; }
[b-a0cc7gicpr] .timeline-badge.bg-dark { background-color: #212529 !important; }
[b-a0cc7gicpr] .timeline-badge.bg-secondary { background-color: #6c757d !important; }
/* /Components/Pages/InventoryMgr/StockOutFormEditDialog.razor.rz.scp.css */
/* 出库单编辑对话框样式 */

.tab-content-body[b-sbxlt735s8] {
    padding: 1rem;
    min-height: 300px;
}

/* 分组标题 */
.section-title[b-sbxlt735s8] {
    font-weight: 600;
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 0.5rem;
}

/* 紧凑表格 */
[b-sbxlt735s8] .table-compact td,
[b-sbxlt735s8] .table-compact th {
    padding: 0.25rem 0.5rem;
    font-size: 0.8125rem;
}

/* 合计行 */
.detail-summary-row[b-sbxlt735s8] {
    font-size: 0.8125rem;
}

/* 只读模式样式 */
[b-sbxlt735s8] .form-control:disabled,
[b-sbxlt735s8] .form-select:disabled {
    background-color: #f8f9fa;
    opacity: 1;
}

[b-sbxlt735s8] .tabs-body-content {
    padding: 0;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .tab-content-body[b-sbxlt735s8] {
        padding: 0.5rem;
    }
    
    .tab-content-body .row > div[b-sbxlt735s8] {
        margin-bottom: 0.75rem;
    }
}
/* /Components/Pages/InventoryMgr/StuffingOrderEditDialog.razor.rz.scp.css */
.stuffing-dialog[b-l3d013bkle] {
    color: #1f2937;
}

.stuffing-dialog--compact[b-l3d013bkle] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.stuffing-compact-header[b-l3d013bkle] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.85rem;
    background: #f8fafc;
}

.stuffing-compact-header__main[b-l3d013bkle] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.stuffing-compact-header__title[b-l3d013bkle] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.3;
}

.stuffing-compact-header__meta[b-l3d013bkle] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.stuffing-compact-header__actions[b-l3d013bkle] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
}

.stuffing-compact-pill[b-l3d013bkle] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    border: 1px solid #dbeafe;
    background: #fff;
    color: #475569;
    font-size: 0.82rem;
}

.stuffing-status-badge[b-l3d013bkle] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 700;
}

.stuffing-status-badge--draft[b-l3d013bkle] {
    color: #475569;
    background: #e2e8f0;
}

.stuffing-status-badge--progress[b-l3d013bkle] {
    color: #1d4ed8;
    background: #dbeafe;
}

.stuffing-status-badge--completed[b-l3d013bkle] {
    color: #047857;
    background: #d1fae5;
}

.stuffing-status-badge--cancelled[b-l3d013bkle] {
    color: #b91c1c;
    background: #fee2e2;
}

.stuffing-section[b-l3d013bkle] {
    border-radius: 0.85rem;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.stuffing-section--fill[b-l3d013bkle] {
    min-height: 0;
}

.stuffing-section__header[b-l3d013bkle] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e5e7eb;
    background: #f8fafc;
}

.stuffing-section__header--wrap[b-l3d013bkle] {
    flex-wrap: wrap;
}

.stuffing-section__header-main[b-l3d013bkle] {
    min-width: 0;
}

.stuffing-section__title[b-l3d013bkle] {
    color: #0f172a;
    font-weight: 700;
}

.stuffing-section__summary[b-l3d013bkle] {
    color: #64748b;
    font-size: 0.82rem;
}

.stuffing-section__body[b-l3d013bkle] {
    padding: 0.9rem 1rem 1rem;
}

.stuffing-section__body--compact[b-l3d013bkle] {
    padding-top: 0.75rem;
}

.stuffing-toolbar-group[b-l3d013bkle] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.stuffing-tab-switcher[b-l3d013bkle] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.stuffing-tab-button[b-l3d013bkle] {
    min-width: 110px;
}

.stuffing-tab-button--active[b-l3d013bkle] {
    box-shadow: inset 0 0 0 1px #3b82f6;
    background: #eff6ff;
    color: #1d4ed8;
}

.stuffing-tab-panel[b-l3d013bkle] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.stuffing-workspace-toolbar[b-l3d013bkle] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.stuffing-workspace-toolbar--wrap[b-l3d013bkle] {
    flex-wrap: wrap;
}

.stuffing-workspace-toolbar__left[b-l3d013bkle] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.stuffing-inline-alert[b-l3d013bkle] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    background: #fef3c7;
    color: #92400e;
    font-size: 0.78rem;
    font-weight: 600;
}

.stuffing-inline-alert--warn[b-l3d013bkle] {
    background: #fee2e2;
    color: #b91c1c;
}

.stuffing-inline-editor.stuffing-value-warning[b-l3d013bkle] {
    border-radius: 0.6rem;
    padding: 0.15rem;
    background: #fff1f2;
}

.stuffing-value-warning[b-l3d013bkle] {
    color: #dc2626;
    font-weight: 700;
}

.stuffing-empty-state[b-l3d013bkle] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    text-align: center;
    border: 1px dashed #cbd5e1;
    border-radius: 0.85rem;
    background: #f8fafc;
    color: #64748b;
    padding: 1.25rem;
}

.stuffing-empty-state--compact[b-l3d013bkle] {
    min-height: 160px;
}

.stuffing-empty-state__icon[b-l3d013bkle] {
    font-size: 2rem;
    color: #94a3b8;
    margin-bottom: 0.75rem;
}

.stuffing-empty-state__title[b-l3d013bkle] {
    font-size: 1rem;
    font-weight: 700;
    color: #334155;
    margin-bottom: 0.35rem;
}

.stuffing-empty-state__text[b-l3d013bkle] {
    max-width: 420px;
    font-size: 0.9rem;
}

.stuffing-fee-badge[b-l3d013bkle] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
}

.stuffing-fee-badge--receivable[b-l3d013bkle] {
    background: #dcfce7;
    color: #15803d;
}

.stuffing-fee-badge--payable[b-l3d013bkle] {
    background: #dbeafe;
    color: #1d4ed8;
}

.stuffing-footer[b-l3d013bkle] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    flex-wrap: wrap;
}

.stuffing-footer__summary[b-l3d013bkle] {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.75rem;
    color: #475569;
    font-size: 0.85rem;
}

.stuffing-footer__actions[b-l3d013bkle] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-left: auto;
    white-space: nowrap;
}

@media (max-width: 991.98px) {
    .stuffing-compact-header[b-l3d013bkle],
    .stuffing-section__header[b-l3d013bkle],
    .stuffing-footer[b-l3d013bkle],
    .stuffing-workspace-toolbar[b-l3d013bkle] {
        flex-direction: column;
        align-items: stretch !important;
    }

    .stuffing-compact-header__actions[b-l3d013bkle] {
        justify-content: flex-start;
    }

    .stuffing-footer__actions[b-l3d013bkle] {
        margin-left: 0;
        justify-content: flex-end;
        width: 100%;
    }
}
/* /Components/Pages/InventoryMgr/WarehouseEditDialog.razor.rz.scp.css */
.warehouse-edit-popup :deep(.dxbl-popup-content)[b-6yviaddl14] {
    padding: 0.75rem;
}

.warehouse-basic-form[b-6yviaddl14] {
    padding: 0.5rem;
}

.warehouse-tab-form[b-6yviaddl14] {
    padding: 0.5rem;
}

.provider-selector-row[b-6yviaddl14] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    width: 100%;
    flex-wrap: nowrap;
}

.provider-selector-host[b-6yviaddl14] {
    flex: 1 1 auto;
    min-width: 0;
}

.provider-selector-row .provider-selector[b-6yviaddl14] {
    width: 100%;
}

.warehouse-edit-popup :deep(.provider-selector-host .dxbl-combobox)[b-6yviaddl14],
.warehouse-edit-popup :deep(.provider-selector-host .dxbl-dropdown-edit)[b-6yviaddl14] {
    width: 100%;
}

.provider-refresh-button[b-6yviaddl14] {
    min-width: 36px;
    width: 36px;
    height: 36px;
    padding: 0;
    flex: 0 0 36px;
}

.warehouse-edit-popup :deep(.provider-refresh-button .dxbl-btn-text)[b-6yviaddl14] {
    display: none;
}

.selected-tags-container[b-6yviaddl14],
.available-tags-container[b-6yviaddl14] {
    background: #f8fafc;
}
/* /Components/Pages/InventoryMgr/WarehouseMgr.razor.rz.scp.css */
/* 仓库管理页面样式 */

/* ========================================= */
/* 通用工具类 */
/* ========================================= */

.cursor-pointer[b-nt9efukvl7] {
    cursor: pointer !important;
}

.cursor-pointer:hover[b-nt9efukvl7] {
    opacity: 0.8;
}

/* ========================================= */
/* 紧凑化 Header 设计 - 参考统一港口管理 */
/* ========================================= */

.page-header-compact[b-nt9efukvl7] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 0.75rem 1rem !important;
    margin-bottom: 0.5rem;
    overflow: hidden;
}

    .page-header-compact .d-flex[b-nt9efukvl7] {
        min-height: 56px;
        align-items: center;
    }

.page-icon[b-nt9efukvl7] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(13, 110, 253, 0.1);
    border-radius: 12px;
    font-size: 20px;
}

.page-title[b-nt9efukvl7] {
    color: #212529;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

/* 统计预览 - 紧凑样式 */
.stats-preview[b-nt9efukvl7] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 1rem;
    background: white;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-right: 0.75rem;
}

.stat-preview-item[b-nt9efukvl7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 60px;
}

.stat-preview-label[b-nt9efukvl7] {
    font-size: 0.75rem;
    color: #6c757d;
    margin-bottom: 2px;
    font-weight: 500;
    line-height: 1;
}

.stat-preview-value[b-nt9efukvl7] {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
}

/* ========================================= */
/* 原有统计卡片样式 - 保留用于其他位置 */
/* ========================================= */

.header-stats[b-nt9efukvl7] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.stat-card[b-nt9efukvl7] {
    flex: 1;
    min-width: 200px;
    background: #fff;
    border-radius: 12px;
    padding: 1.25rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s ease;
}

    .stat-card:hover[b-nt9efukvl7] {
        transform: translateY(-2px);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

.stat-icon[b-nt9efukvl7] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
}

    .stat-icon.bg-primary[b-nt9efukvl7] {
        background: linear-gradient(135deg, #0d6efd 0%, #0056b3 100%);
    }

    .stat-icon.bg-success[b-nt9efukvl7] {
        background: linear-gradient(135deg, #198754 0%, #146c43 100%);
    }

    .stat-icon.bg-warning[b-nt9efukvl7] {
        background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
    }

    .stat-icon.bg-info[b-nt9efukvl7] {
        background: linear-gradient(135deg, #0dcaf0 0%, #0aa2c0 100%);
    }

.stat-content[b-nt9efukvl7] {
    flex: 1;
}

.stat-label[b-nt9efukvl7] {
    font-size: 0.875rem;
    color: #6c757d;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.stat-value[b-nt9efukvl7] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #212529;
    line-height: 1.2;
}

/* ========================================= */
/* 搜索卡片样式 - 优化版（无按钮版本） */
/* ========================================= */

.search-card[b-nt9efukvl7] {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* ========================================= */
/* 工具栏容器 - 权限控制组件独立区域 */
/* ========================================= */

.toolbar-container[b-nt9efukvl7] {
    margin-bottom: 1rem;
}

    .toolbar-container[b-nt9efukvl7]  .card {
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 12px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.04);
        transition: box-shadow 0.2s ease;
    }

        .toolbar-container[b-nt9efukvl7]  .card:hover {
            box-shadow: 0 4px 8px rgba(0,0,0,0.08);
        }

    .toolbar-container[b-nt9efukvl7]  .card-body {
        padding: 0.875rem 1.25rem;
    }

/* 选择计数样式 */
.toolbar-container .text-primary[b-nt9efukvl7] {
    color: #667eea !important;
}

.toolbar-container .text-muted.small[b-nt9efukvl7] {
    font-size: 0.875rem;
}

.search-container[b-nt9efukvl7] {
    padding: 1rem;
}

.search-row[b-nt9efukvl7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1rem;
}

.search-item[b-nt9efukvl7] {
    display: flex;
    flex-direction: column;
}

    .search-item label[b-nt9efukvl7] {
        font-size: 0.875rem;
        font-weight: 500;
      color: #495057;
 margin-bottom: 0.5rem;
        display: flex;
    align-items: center;
    }

      .search-item label i[b-nt9efukvl7] {
            color: #6c757d;
   }

.search-input[b-nt9efukvl7] {
    border-radius: 8px;
}

/* 移除查询按钮区域的样式 */
.search-actions[b-nt9efukvl7] {
    display: none;
}

/* 优化输入组样式 */
.input-group .input-group-text[b-nt9efukvl7] {
    background: white;
    border: 1px solid #dee2e6;
}

.input-group .form-control[b-nt9efukvl7] {
    border: 1px solid #dee2e6;
}

    .input-group .form-control:focus[b-nt9efukvl7] {
        box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
     border-color: #86b7fe;
    }

/* 添加实时搜索提示动画 */
.input-group .form-control:focus + .input-group-text[b-nt9efukvl7] {
    border-color: #86b7fe;
}

@keyframes searchPulse-b-nt9efukvl7 {
    0% {
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.4);
    }
    70% {
        box-shadow: 0 0 0 6px rgba(13, 110, 253, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0);
    }
}

/* 搜索中状态 */
.search-container.searching .input-group-text[b-nt9efukvl7] {
    animation: searchPulse-b-nt9efukvl7 1.5s infinite;
}

/* ========================================= */
/* 表格容器样式 */
/* ========================================= */

.table-container[b-nt9efukvl7] {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    /*border-radius: 12px;*/
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* ========================================= */
/* 表格单元格自定义样式 - 优化版 */
/* ========================================= */

.code-cell[b-nt9efukvl7] {
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.address-cell[b-nt9efukvl7] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    max-width: 250px;
}

    .address-cell i[b-nt9efukvl7] {
        margin-top: 0.25rem;
        flex-shrink: 0;
    }

    .address-cell .text-truncate[b-nt9efukvl7] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
    }

.phone-link[b-nt9efukvl7] {
    text-decoration: none;
    color: #0d6efd;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

    .phone-link:hover[b-nt9efukvl7] {
        color: #0056b3;
        text-decoration: underline;
    }

/* 设施图标样式 */
.table-container [data-bs-toggle="tooltip"][b-nt9efukvl7] {
    cursor: help;
}

/* ========================================= */
/* 表单标签优化 */
/* ========================================= */

.form-label[b-nt9efukvl7] {
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
}

    .form-label i[b-nt9efukvl7] {
        color: #6c757d;
        font-size: 0.875rem;
    }

/* ========================================= */
/* Modal 对话框优化 */
/* ========================================= */

.modal-dialog[b-nt9efukvl7] {
    margin-top: 2rem;
}

.modal-body[b-nt9efukvl7] {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

/* Tab 内容间距 */
.tab-content[b-nt9efukvl7] {
    padding: 0;
}

.tab-pane[b-nt9efukvl7] {
    padding: 0.5rem 0;
}

/* 分隔线优化 */
hr[b-nt9efukvl7] {
    opacity: 0.15;
    margin: 1rem 0;
}

/* Alert 优化 */
.alert[b-nt9efukvl7] {
    border-radius: 8px;
    border-left-width: 4px;
}

/* ========================================= */
/* 按钮组样式 - 优化版本 */
/* ========================================= */

.btn-toolbar[b-nt9efukvl7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.btn-group[b-nt9efukvl7] {
    display: inline-flex;
    /*gap: 0.25rem;*/
    background: transparent;
}

    .btn-group .btn[b-nt9efukvl7] {
        border-radius: 6px !important;
        margin: 0;
        white-space: nowrap;
        transition: all 0.2s ease;
    }

        .btn-group .btn:hover[b-nt9efukvl7] {
            transform: translateY(-1px);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

    /* 确保按钮组之间有间距 */
    .btn-group + .btn-group[b-nt9efukvl7] {
        margin-left: 0;
    }

/* 工具栏内的按钮样式 */
.table-toolbar .btn-toolbar[b-nt9efukvl7] {
    width: 100%;
}

    .table-toolbar .btn-toolbar .btn[b-nt9efukvl7] {
        font-size: 0.875rem;
        padding: 0.375rem 0.75rem;
    }

/* Badge 优化 */
[b-nt9efukvl7] .badge {
    padding: 0.375rem 0.75rem;
    font-weight: 500;
    border-radius: 6px;
}

/* ========================================= */
/* 响应式设计 */
/* ========================================= */

@media (max-width: 1200px) {
    .stats-preview[b-nt9efukvl7] {
        gap: 0.75rem;
        padding: 0.375rem 0.75rem;
    }

    .stat-preview-item[b-nt9efukvl7] {
        min-width: 50px;
    }

    .stat-preview-label[b-nt9efukvl7] {
        font-size: 0.7rem;
    }

    .stat-preview-value[b-nt9efukvl7] {
        font-size: 1rem;
    }

    .search-row[b-nt9efukvl7] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .stats-preview[b-nt9efukvl7] {
        display: none !important;
    }

    .page-header-compact .d-flex[b-nt9efukvl7] {
        gap: 0.5rem;
    }

    .search-row[b-nt9efukvl7] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-header-compact[b-nt9efukvl7] {
        padding: 0.5rem 0.75rem !important;
        margin-bottom: 0.375rem;
    }

    .page-icon[b-nt9efukvl7] {
        width: 40px;
        height: 40px;
        font-size: 1.25rem;
        border-radius: 10px;
    }

    .page-title[b-nt9efukvl7] {
        font-size: 1.125rem !important;
    }

    .page-header-compact .d-flex[b-nt9efukvl7] {
        min-height: 48px;
    }

    .search-row[b-nt9efukvl7] {
        grid-template-columns: 1fr;
    }

    .search-actions[b-nt9efukvl7] {
        flex-direction: column;
    }

        .search-actions button[b-nt9efukvl7] {
            width: 100%;
        }

    .btn-toolbar[b-nt9efukvl7] {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    .btn-group[b-nt9efukvl7] {
        width: 100%;
        justify-content: stretch;
    }

        .btn-group .btn[b-nt9efukvl7] {
            flex: 1;
        }
}

@media (max-width: 576px) {
    .page-header-compact[b-nt9efukvl7] {
        padding: 0.375rem 0.5rem !important;
        margin-bottom: 0.25rem;
    }

    .page-icon[b-nt9efukvl7] {
        width: 36px;
        height: 36px;
        font-size: 1.125rem;
        border-radius: 8px;
    }

    .page-title[b-nt9efukvl7] {
        font-size: 1rem !important;
    }

    .modal-dialog[b-nt9efukvl7] {
        margin: 0.5rem;
    }

    .search-container[b-nt9efukvl7] {
        padding: 0.75rem;
    }
}

/* ========================================= */
/* 动画效果 */
/* ========================================= */

.stat-card[b-nt9efukvl7],
.search-card[b-nt9efukvl7],
.table-container[b-nt9efukvl7] {
    animation: fadeInUp-b-nt9efukvl7 0.5s ease-out;
}

@keyframes fadeInUp-b-nt9efukvl7 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

/* 淡入动画 */
@keyframes fadeIn-b-nt9efukvl7 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* ========================================= */
/* 加载状态 */
/* ========================================= */

.table-loading[b-nt9efukvl7] {
    position: relative;
    min-height: 200px;
}

    .table-loading[b-nt9efukvl7]::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.8);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10;
    }

/* ========================================= */
/* 空状态 */
/* ========================================= */

.empty-state[b-nt9efukvl7] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6c757d;
}

    .empty-state i[b-nt9efukvl7] {
        font-size: 3rem;
        margin-bottom: 1rem;
        opacity: 0.5;
    }

    .empty-state h5[b-nt9efukvl7] {
        margin-bottom: 0.5rem;
        color: #495057;
    }

    .empty-state p[b-nt9efukvl7] {
        margin-bottom: 0;
        font-size: 0.875rem;
    }

/* ========================================= */
/* 辅助类 */
/* ========================================= */

.text-truncate[b-nt9efukvl7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fw-semibold[b-nt9efukvl7] {
    font-weight: 600;
}

/* ========================================= */
/* 打印样式 */
/* ========================================= */

@media print {
    .page-header-compact[b-nt9efukvl7],
    .search-card[b-nt9efukvl7],
    .btn-toolbar[b-nt9efukvl7],
    .table-toolbar[b-nt9efukvl7] {
        display: none !important;
    }

    .table-container[b-nt9efukvl7] {
        border: none;
        box-shadow: none;
    }
}
/* /Components/Pages/Organization/Components/OrganizationEnterpriseTab.razor.rz.scp.css */
/* OrganizationEnterpriseTab 组件样式 */

/* ========== 输入组样式 ========== */
.currency-select[b-mdrgjyp4u3] {
    max-width: 120px;
    min-width: 100px;
}

.input-group .currency-select .form-select[b-mdrgjyp4u3] {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group input[type="number"][b-mdrgjyp4u3] {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group:focus-within .form-control[b-mdrgjyp4u3],
.input-group:focus-within .form-select[b-mdrgjyp4u3] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* 确保输入组在禁用状态下的样式 */
.input-group .form-control:disabled[b-mdrgjyp4u3],
.input-group .form-select:disabled[b-mdrgjyp4u3] {
    background-color: #e9ecef;
    opacity: 1;
}

/* ========== 验证错误样式 ========== */
.has-error .form-control[b-mdrgjyp4u3],
.has-error .form-select[b-mdrgjyp4u3] {
    border-color: #dc3545;
}

.invalid-feedback[b-mdrgjyp4u3] {
    display: block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #dc3545;
    font-weight: 500;
}

.invalid-feedback i[b-mdrgjyp4u3] {
    color: #dc3545;
}

/* 错误提示动画 */
@keyframes shake-b-mdrgjyp4u3 {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}

.animate-shake[b-mdrgjyp4u3] {
    animation: shake-b-mdrgjyp4u3 0.5s ease-in-out;
}

/* ========== 表单文本提示样式 ========== */
.form-text[b-mdrgjyp4u3] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875em;
}

.form-text i[b-mdrgjyp4u3] {
    font-size: 0.9em;
}

.form-text.text-success[b-mdrgjyp4u3] {
    color: #198754 !important;
    font-weight: 500;
}

.form-text.text-muted[b-mdrgjyp4u3] {
    color: #6c757d !important;
}

.form-text.text-warning[b-mdrgjyp4u3] {
    color: #ffc107 !important;
    font-weight: 500;
}

.form-text.text-danger[b-mdrgjyp4u3] {
    color: #dc3545 !important;
    font-weight: 500;
}

/* ========== 标签图标样式 ========== */
.form-label i[b-mdrgjyp4u3] {
    font-size: 0.9em;
}

/* ========== 输入框前缀图标样式 ========== */
[b-mdrgjyp4u3] .input-group-text {
    background-color: #f8f9fa;
    border-right: 0;
}

[b-mdrgjyp4u3] .input-group .form-control:focus ~ .input-group-text {
    border-color: #86b7fe;
}

/* ========== 验证摘要样式 ========== */
.alert[b-mdrgjyp4u3] {
    border-radius: 0.375rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.alert-heading[b-mdrgjyp4u3] {
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.alert ul[b-mdrgjyp4u3] {
    margin-bottom: 0;
}

.alert ul li[b-mdrgjyp4u3] {
    margin-bottom: 0.25rem;
}

.alert ul li:last-child[b-mdrgjyp4u3] {
    margin-bottom: 0;
}

/* ========== 响应式优化 ========== */
@media (max-width: 768px) {
    .currency-select[b-mdrgjyp4u3] {
        max-width: 100px;
        min-width: 90px;
    }
    
    .form-text[b-mdrgjyp4u3] {
        font-size: 0.8em;
    }
    
    .invalid-feedback[b-mdrgjyp4u3] {
        font-size: 0.8em;
    }
}

/* ========== 打印样式优化 ========== */
@media print {
    .invalid-feedback[b-mdrgjyp4u3],
    .alert[b-mdrgjyp4u3] {
        display: none !important;
    }
    
    .form-text.text-muted[b-mdrgjyp4u3] {
        display: none !important;
    }
}
/* /Components/Pages/Organization/OrganizationMgrPage.razor.rz.scp.css */
.organization-mgr-page[b-yuolxhh6pe] {
    padding: 0.5rem;
}

.org-search-row[b-yuolxhh6pe] {
    margin-bottom: 1rem;
}

.org-toolbar[b-yuolxhh6pe] {
    margin-bottom: 1rem;
}

.org-toolbar-inner[b-yuolxhh6pe] {
    align-items: center;
}

.org-table-wrapper[b-yuolxhh6pe] {
    overflow: auto;
}

.org-chart-popup-layout[b-yuolxhh6pe] {
    height: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 12px;
    overflow: hidden;
}

.org-chart-popup-main[b-yuolxhh6pe] {
    min-width: 0;
    overflow: hidden;
}

.org-chart-popup-sidebar[b-yuolxhh6pe] {
    min-width: 0;
    height: 100%;
    overflow: auto;
}

.org-chart-detail-panel[b-yuolxhh6pe] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

.org-chart-detail-header[b-yuolxhh6pe] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.org-chart-detail-title[b-yuolxhh6pe] {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
}

.org-chart-detail-code[b-yuolxhh6pe] {
    margin-top: 4px;
    font-size: 12px;
    color: #64748b;
}

.org-chart-detail-body[b-yuolxhh6pe] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.org-chart-detail-item[b-yuolxhh6pe] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #dbeafe;
}

.org-chart-detail-item span[b-yuolxhh6pe] {
    font-size: 12px;
    color: #64748b;
}

.org-chart-detail-item strong[b-yuolxhh6pe] {
    font-size: 13px;
    color: #0f172a;
    font-weight: 600;
    word-break: break-word;
}

.org-chart-detail-item.remarks strong[b-yuolxhh6pe] {
    white-space: pre-wrap;
}

.org-chart-detail-actions[b-yuolxhh6pe] {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.org-chart-detail-empty[b-yuolxhh6pe] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    text-align: center;
    color: #64748b;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
}

/* Table actions column button group spacing */
.organization-mgr-page .btn-group > button[b-yuolxhh6pe] {
    margin-right: 0.25rem;
}

/* Small screens adjustments */
@media (max-width: 576px) {
    .org-toolbar-inner[b-yuolxhh6pe] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: stretch;
    }

    .org-chart-popup-layout[b-yuolxhh6pe] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Position/Components/PositionEditDialog.razor.rz.scp.css */
/* 岗位编辑对话框 - 现代化样式 */

/* ============================================
   1. 对话框容器
   ============================================ */
.position-edit-dialog .modal-dialog[b-87ee82mf9z] {
    max-width: 1200px;
    margin: 1.75rem auto;
}

.position-edit-dialog .modal-content[b-87ee82mf9z] {
    border-radius: 16px;
    border: none;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

/* ============================================
   2. 卡片样式
   ============================================ */
.info-card[b-87ee82mf9z] {
    border: none;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.info-card:hover[b-87ee82mf9z] {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-2px);
}

/* 卡片头部 */
.card-header-modern[b-87ee82mf9z] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 1.5rem;
    border-bottom: 2px solid #dee2e6;
}

.card-header-modern h6[b-87ee82mf9z] {
    font-size: 1.1rem;
    color: #2c3e50;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.card-header-modern small[b-87ee82mf9z] {
    font-size: 0.85rem;
    color: #6c757d;
}

/* 图标包装器 */
.icon-wrapper[b-87ee82mf9z] {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.bg-gradient-primary[b-87ee82mf9z] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.bg-gradient-info[b-87ee82mf9z] {
    background: linear-gradient(135deg, #0dcaf0 0%, #0aa2c0 100%);
}

.bg-gradient-warning[b-87ee82mf9z] {
    background: linear-gradient(135deg, #ffc107 0%, #ffb300 100%);
}

/* 卡片主体 */
.card-body-modern[b-87ee82mf9z] {
    padding: 1.75rem;
    background: #ffffff;
}

/* ============================================
   3. 表单字段
   ============================================ */
.form-label-modern[b-87ee82mf9z] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.form-label-modern .text-danger[b-87ee82mf9z] {
    font-size: 1rem;
}

.form-label-modern i[b-87ee82mf9z] {
    font-size: 0.75rem;
    opacity: 0.6;
    cursor: help;
    transition: opacity 0.2s;
}

.form-label-modern i:hover[b-87ee82mf9z] {
    opacity: 1;
}

/* 输入框 */
.form-control-modern[b-87ee82mf9z],
.form-select-modern[b-87ee82mf9z] {
    border-radius: 8px;
    border: 1.5px solid #ced4da;
    padding: 0.65rem 0.9rem;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    background-color: #ffffff;
}

.form-control-modern:focus[b-87ee82mf9z],
.form-select-modern:focus[b-87ee82mf9z] {
    border-color: #667eea;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.15);
    background-color: #ffffff;
}

.form-control-modern:disabled[b-87ee82mf9z],
.form-select-modern:disabled[b-87ee82mf9z] {
    background-color: #f8f9fa;
    border-color: #e9ecef;
    cursor: not-allowed;
}

/* 输入组 */
.input-group-modern[b-87ee82mf9z] {
    border-radius: 8px;
    overflow: hidden;
}

.input-group-modern .input-group-text[b-87ee82mf9z] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 1.5px solid #ced4da;
    border-right: none;
    font-weight: 600;
    color: #495057;
    font-size: 0.9rem;
}

.input-group-modern .form-control[b-87ee82mf9z] {
    border-left: none;
}

/* 文本域 */
.modern-textarea[b-87ee82mf9z] {
    border-radius: 8px;
    resize: vertical;
    min-height: 120px;
    font-family: inherit;
    line-height: 1.6;
}

/* ============================================
   4. 岗位属性组
   ============================================ */
.attributes-group[b-87ee82mf9z] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-radius: 10px;
    border: 1px solid #e9ecef;
}

.attribute-item[b-87ee82mf9z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

.attribute-item:hover[b-87ee82mf9z] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
}

.attribute-item i[b-87ee82mf9z] {
    font-size: 1.1rem;
}

/* ============================================
   5. 提示和警告
   ============================================ */
.form-text[b-87ee82mf9z] {
    font-size: 0.8rem;
    color: #6c757d;
    margin-top: 0.35rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.form-text i[b-87ee82mf9z] {
    font-size: 0.75rem;
}

.alert-modern[b-87ee82mf9z] {
    border-radius: 10px;
    border: none;
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.alert-warning[b-87ee82mf9z] {
    background: linear-gradient(135deg, #fff3cd 0%, #fff8e1 100%);
    color: #856404;
}

.alert-warning i[b-87ee82mf9z] {
    font-size: 1.25rem;
    color: #ff9800;
}

/* ============================================
   6. 按钮样式
   ============================================ */
.btn-modern[b-87ee82mf9z] {
    border-radius: 8px;
    padding: 0.6rem 1.5rem;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-modern:hover[b-87ee82mf9z] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.btn-modern:active[b-87ee82mf9z] {
    transform: translateY(0);
}

.btn-primary.btn-modern[b-87ee82mf9z] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.btn-secondary.btn-modern[b-87ee82mf9z] {
    background: linear-gradient(135deg, #6c757d 0%, #5a6268 100%);
}

.btn-modern .spinner-border-sm[b-87ee82mf9z] {
    width: 1rem;
    height: 1rem;
}

/* ============================================
   7. Footer 优化
   ============================================ */
.modal-footer-modern[b-87ee82mf9z] {
    padding: 1.25rem 1.5rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
    border-top: 2px solid #e9ecef;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-footer-modern .text-muted[b-87ee82mf9z] {
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* ============================================
   8. 响应式设计
   ============================================ */
@@media (max-width: 768px) {
    .position-edit-dialog .modal-dialog[b-87ee82mf9z] {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
    }

    .card-header-modern[b-87ee82mf9z] {
        padding: 1.25rem;
    }

    .card-body-modern[b-87ee82mf9z] {
        padding: 1.25rem;
    }

    .icon-wrapper[b-87ee82mf9z] {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }

    .card-header-modern h6[b-87ee82mf9z] {
        font-size: 1rem;
    }

    .attributes-group[b-87ee82mf9z] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }

    .attribute-item[b-87ee82mf9z] {
        justify-content: center;
    }

    .modal-footer-modern[b-87ee82mf9z] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .modal-footer-modern > div:last-child[b-87ee82mf9z] {
        display: flex;
        gap: 0.75rem;
    }

    .btn-modern[b-87ee82mf9z] {
        flex: 1;
    }
}

@@media (max-width: 576px) {
    .form-label-modern[b-87ee82mf9z] {
        font-size: 0.8rem;
    }

    .form-control-modern[b-87ee82mf9z],
    .form-select-modern[b-87ee82mf9z] {
        font-size: 0.85rem;
        padding: 0.55rem 0.75rem;
    }
}

/* ============================================
   9. 动画效果
   ============================================ */
@@keyframes fadeInUp {
    from[b-87ee82mf9z] {
        opacity: 0;
        transform: translateY(20px);
    }
    to[b-87ee82mf9z] {
        opacity: 1;
        transform: translateY(0);
    }
}

.info-card[b-87ee82mf9z] {
    animation: fadeInUp 0.4s ease-out;
}

.info-card:nth-child(1)[b-87ee82mf9z] {
    animation-delay: 0.1s;
}

.info-card:nth-child(2)[b-87ee82mf9z] {
    animation-delay: 0.2s;
}

.info-card:nth-child(3)[b-87ee82mf9z] {
    animation-delay: 0.3s;
}

/* ============================================
   10. 深色模式支持 (可选)
   ============================================ */
@@media (prefers-color-scheme: dark) {
    .info-card[b-87ee82mf9z],
    .card-body-modern[b-87ee82mf9z] {
        background: #1e1e1e;
        color: #e0e0e0;
    }

    .card-header-modern[b-87ee82mf9z] {
        background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);
        border-bottom-color: #3a3a3a;
    }

    .form-control-modern[b-87ee82mf9z],
    .form-select-modern[b-87ee82mf9z] {
        background-color: #2d2d2d;
        border-color: #3a3a3a;
        color: #e0e0e0;
    }

    .form-control-modern:focus[b-87ee82mf9z],
    .form-select-modern:focus[b-87ee82mf9z] {
        background-color: #2d2d2d;
        border-color: #667eea;
    }

    .form-label-modern[b-87ee82mf9z] {
        color: #e0e0e0;
    }

    .attributes-group[b-87ee82mf9z] {
        background: linear-gradient(135deg, #2d2d2d 0%, #1e1e1e 100%);
        border-color: #3a3a3a;
    }

    .attribute-item[b-87ee82mf9z] {
        background: #2d2d2d;
    }
}
/* /Components/Pages/Position/PositionMgrPage.razor.rz.scp.css */
/* 修复Split组件折叠按钮垂直居中 */

/* Split组件的分隔条容器 - 垂直居中对齐 */
[b-9kn10rok7a] .split > .split-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

  /* Split组件折叠按钮wrapper的定位修复 */
  [b-9kn10rok7a] .split > .split-bar > .split-wrapper {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
  }

/* 水平方向Split组件的折叠条居中 */
[b-9kn10rok7a] .split.is-horizontal > .split-bar {
  align-items: center !important;
}

  [b-9kn10rok7a] .split.is-horizontal > .split-bar > .split-wrapper {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

/* 确保折叠按钮本身居中 */
[b-9kn10rok7a] .split-bar .fa,
[b-9kn10rok7a] .split-bar .fas,
[b-9kn10rok7a] .split-bar i {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}


.split .split-pane[b-9kn10rok7a] {
  width: 100%;
  height: unset;
  position: relative;
}

/* 岗位管理页面样式 */

/* 主容器 */
.position-mgr-container[b-9kn10rok7a] {
  height: calc(100vh - 120px);
  padding: 0;
}

/* 可调整大小的面板容器 */
.resizable-panels[b-9kn10rok7a] {
  display: flex;
  height: 100%;
  gap: 0;
  position: relative;
}

/* 左侧面板包装器 */
.left-panel-wrapper[b-9kn10rok7a] {
  min-width: 200px;
  max-width: 50%;
  transition: width 0.28s ease;
  overflow: hidden;
}

/* 右侧面板包装器 */
.right-panel-wrapper[b-9kn10rok7a] {
  flex: 1;
  min-width: 400px;
  transition: width 0.28s ease;
}

/* 切换左侧面板显示的按钮（位于分隔条处） */
.resizer .left-panel-toggle[b-9kn10rok7a] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: 1px solid #dee2e6;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  z-index: 12;
  transition: transform 0.15s ease, background 0.15s ease;
}

.resizer .left-panel-toggle:hover[b-9kn10rok7a] {
  transform: translate(-50%, -50%) scale(1.02);
  background: #f8f9fa;
}

.resizer .left-panel-toggle i[b-9kn10rok7a] {
  color: #495057;
  font-size: 12px;
}

/* 可拖动的分隔条 */
.resizer[b-9kn10rok7a] {
  width: 3px;
  background: unset;
  cursor: col-resize;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  transition: background 0.2s ease;
  z-index: 10;
}

  .resizer:hover[b-9kn10rok7a] {
    background: linear-gradient(90deg, #dee2e6 0%, #adb5bd 50%, #dee2e6 100%);
  }

    .resizer:hover .resizer-handle[b-9kn10rok7a] {
      opacity: 1;
      transform: scale(1.1);
    }

.resizer-handle[b-9kn10rok7a] {
  width: 5px;
  height: 40px;
  background: white;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  opacity: 0.7;
  transition: all 0.2s ease;
}

  .resizer-handle i[b-9kn10rok7a] {
    color: #6c757d;
    font-size: 12px;
  }

/* 拖动时的样式 */
body.resizing[b-9kn10rok7a] {
  cursor: col-resize !important;
  user-select: none !important;
}

/* 左侧面板 */
.left-panel[b-9kn10rok7a] {
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
}

  .left-panel .card-header[b-9kn10rok7a] {
    border-bottom: 1px solid #e9ecef;
  }

  .left-panel .tree-container[b-9kn10rok7a] {
    height: calc(100vh - 240px);
    overflow-y: auto;
    overflow-x: hidden;
  }

/* 右侧面板 */
.right-panel[b-9kn10rok7a] {
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
}

  .right-panel .card-header[b-9kn10rok7a] {
    border-bottom: 1px solid #e9ecef;
  }

  .right-panel .card-body[b-9kn10rok7a] {
    overflow-y: auto;
    max-height: calc(100vh - 180px);
  }

/* 工具栏区域 */
.toolbar-section[b-9kn10rok7a] {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #f0f0f0;
}

/* 搜索区域 */
.search-section[b-9kn10rok7a] {
  background: #f8f9fa;
  border-radius: 6px;
  padding: 1rem;
}

  .search-section .form-label[b-9kn10rok7a] {
    font-size: 0.8rem;
    margin-bottom: 0.25rem;
  }

/* 表格区域 */
.table-section[b-9kn10rok7a] {
  margin-top: 0.5rem;
}

/* 树视图样式优化 */
[b-9kn10rok7a] .tree-view .tree-item {
  padding: 0.35rem 0.5rem;
  border-radius: 4px;
  margin: 1px 0;
  transition: all 0.2s ease;
}

  [b-9kn10rok7a] .tree-view .tree-item:hover {
    background-color: #e9f3ff;
  }

  [b-9kn10rok7a] .tree-view .tree-item.active {
    background-color: #0d6efd;
    color: white;
  }

    [b-9kn10rok7a] .tree-view .tree-item.active i {
      color: white !important;
    }

/* 树搜索匹配节点样式 */
[b-9kn10rok7a] .tree-view .tree-search-match {
  background-color: #fff3cd !important;
  border-left: 3px solid #ffc107 !important;
  font-weight: 600;
}

  [b-9kn10rok7a] .tree-view .tree-search-match:hover {
    background-color: #ffe69c !important;
  }

  [b-9kn10rok7a] .tree-view .tree-search-match i {
    color: #856404 !important;
  }

/* 确保活动状态优先级更高 */
[b-9kn10rok7a] .tree-view .tree-item.active.tree-search-match {
  background-color: #0d6efd !important;
  border-left-color: #0a58ca !important;
  color: white !important;
}

  [b-9kn10rok7a] .tree-view .tree-item.active.tree-search-match i {
    color: white !important;
  }

/* 响应式调整 */
@media (max-width: 992px) {
  .position-mgr-container[b-9kn10rok7a] {
    height: auto;
    min-height: calc(100vh - 120px);
  }

  .resizable-panels[b-9kn10rok7a] {
    flex-direction: column;
  }

  .resizer[b-9kn10rok7a] {
    display: none;
  }

  .left-panel-wrapper[b-9kn10rok7a],
  .right-panel-wrapper[b-9kn10rok7a] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin-bottom: 1rem;
  }

  .left-panel[b-9kn10rok7a],
  .right-panel[b-9kn10rok7a] {
    height: auto !important;
    min-height: 400px;
  }

    .left-panel .tree-container[b-9kn10rok7a] {
      height: 300px;
    }

    .right-panel .card-body[b-9kn10rok7a] {
      max-height: none;
    }
}

/* 卡片标题样式 */
.card-header h6[b-9kn10rok7a] {
  font-size: 0.95rem;
  font-weight: 600;
}

/* 输入框组样式 */
.input-group-sm .input-group-text[b-9kn10rok7a] {
  padding: 0.25rem 0.5rem;
}

/* 表单标签样式 */
.form-label.small[b-9kn10rok7a] {
  color: #6c757d;
  font-weight: 500;
}

/* 表格中截断文本 */
.text-truncate[b-9kn10rok7a] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 滚动条样式 */
.tree-container[b-9kn10rok7a]::-webkit-scrollbar,
.right-panel .card-body[b-9kn10rok7a]::-webkit-scrollbar {
  width: 6px;
}

.tree-container[b-9kn10rok7a]::-webkit-scrollbar-track,
.right-panel .card-body[b-9kn10rok7a]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.tree-container[b-9kn10rok7a]::-webkit-scrollbar-thumb,
.right-panel .card-body[b-9kn10rok7a]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

  .tree-container[b-9kn10rok7a]::-webkit-scrollbar-thumb:hover,
  .right-panel .card-body[b-9kn10rok7a]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
  }
/* /Components/Pages/Sys/ActionPermissionManagement/MenuPermissionConfiguration.razor.rz.scp.css */
.menu-permission-page[b-kjochdgdgs] {
    --menu-permission-pane-height: calc(100vh - 220px);
}

.menu-permission-layout[b-kjochdgdgs] {
    align-items: stretch;
}

.menu-permission-column[b-kjochdgdgs] {
    display: flex;
}

.menu-permission-column[b-kjochdgdgs] >  .card {
    flex: 1 1 auto;
}

.menu-pane[b-kjochdgdgs],
.action-config-pane[b-kjochdgdgs] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: var(--menu-permission-pane-height);
    min-height: 520px;
}

.menu-pane-toolbar[b-kjochdgdgs],
.action-config-toolbar[b-kjochdgdgs] {
    flex: 0 0 auto;
}

.menu-tree-container[b-kjochdgdgs],
.action-config-list[b-kjochdgdgs] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    background-color: #fff;
    scrollbar-gutter: stable;
}

.menu-tree-container[b-kjochdgdgs] {
    padding: 0.35rem;
}

.action-config-list[b-kjochdgdgs] {
    padding: 0.625rem;
}

.action-card-grid[b-kjochdgdgs] {
    margin-right: 0;
    margin-left: 0;
}

.action-card-grid > [class*='col-'][b-kjochdgdgs] {
    display: flex;
}

.action-card-grid > [class*='col-'] > .action-item[b-kjochdgdgs] {
    width: 100%;
}

.menu-tree-node[b-kjochdgdgs] {
    margin: 0.15rem 0;
}

.tree-node-content[b-kjochdgdgs] {
    display: flex;
    align-items: center;
    min-height: 2.25rem;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    background: transparent;
    transition: all 0.15s ease-in-out;
    border-left: 3px solid transparent;
    line-height: 1.3;
}

.tree-node-content:hover[b-kjochdgdgs] {
    background-color: #f8f9fa;
    border-left-color: #007bff;
    border-color: #e5edf7;
}

.tree-node-content.selected[b-kjochdgdgs] {
    background-color: #e3f2fd;
    border-left-color: #2196f3;
    border-color: #bfddff;
    font-weight: 500;
}

.tree-expand-icon[b-kjochdgdgs] {
    cursor: pointer;
    width: 16px;
    text-align: center;
    color: #6c757d;
    font-size: 0.75rem;
}

.tree-expand-icon:hover[b-kjochdgdgs] {
    color: #007bff;
}

.tree-node-text[b-kjochdgdgs] {
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menu-tree-container[b-kjochdgdgs]::-webkit-scrollbar,
.action-config-list[b-kjochdgdgs]::-webkit-scrollbar {
    width: 8px;
}

.menu-tree-container[b-kjochdgdgs]::-webkit-scrollbar-track,
.action-config-list[b-kjochdgdgs]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.menu-tree-container[b-kjochdgdgs]::-webkit-scrollbar-thumb,
.action-config-list[b-kjochdgdgs]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.menu-tree-container[b-kjochdgdgs]::-webkit-scrollbar-thumb:hover,
.action-config-list[b-kjochdgdgs]::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

.action-item[b-kjochdgdgs] {
    border: 1px solid #e7edf4;
    border-radius: 0.5rem;
    padding: 0.45rem 0.6rem;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
    background-color: #fff;
    line-height: 1.2;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.action-item:hover[b-kjochdgdgs] {
    border-color: #bfd7ff;
    box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.08);
}

.action-item.selected[b-kjochdgdgs] {
    border-color: #9ad5aa;
    background-color: #f8fff9;
    box-shadow: 0 0 0 0.15rem rgba(40, 167, 69, 0.08);
}

.action-item .form-check-input:checked[b-kjochdgdgs] {
    background-color: #28a745;
    border-color: #28a745;
}

.action-item .form-check-input[b-kjochdgdgs] {
    margin-top: 0.2rem;
}

.gap-2[b-kjochdgdgs] {
    gap: 0.5rem !important;
}

.btn-check:checked + .btn[b-kjochdgdgs] {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-white);
}

.action-item .form-check-label[b-kjochdgdgs] {
    cursor: pointer;
    width: 100%;
}

.action-item .fw-medium[b-kjochdgdgs] {
    font-weight: 500;
}

.action-item-icon[b-kjochdgdgs] {
    font-size: 0.8rem;
}

.action-item-title[b-kjochdgdgs] {
    font-size: 0.8rem;
}

.action-item-code[b-kjochdgdgs],
.action-item-category[b-kjochdgdgs],
.action-item-description[b-kjochdgdgs],
.action-item-setting[b-kjochdgdgs] {
    font-size: 0.68rem;
}

.action-item-description[b-kjochdgdgs] {
    margin-top: 0.2rem !important;
    line-height: 1.15;
}

@media (max-width: 991.98px) {
    .menu-permission-page[b-kjochdgdgs] {
        --menu-permission-pane-height: auto;
    }

    .menu-pane[b-kjochdgdgs],
    .action-config-pane[b-kjochdgdgs] {
        height: auto;
        min-height: auto;
    }

    .menu-tree-container[b-kjochdgdgs],
    .action-config-list[b-kjochdgdgs] {
        max-height: 50vh;
    }
}
/* /Components/Pages/Sys/CodeRuleManagement.razor.rz.scp.css */
.coderule-filter[b-hxa1j8vj78] {
    width: 300px;
}

.coderule-backdrop[b-hxa1j8vj78] {
    background-color: rgba(0, 0, 0, 0.5);
}

/* 模态框样式 */
.coderule-backdrop .modal-dialog[b-hxa1j8vj78] {
    max-width: 900px;
}

/* 表格样式优化 */
.table-responsive table.table th[b-hxa1j8vj78],
.table-responsive table.table td[b-hxa1j8vj78] {
    vertical-align: middle;
}

/* 状态徽章可点击样式 */
.badge[style*="cursor: pointer"]:hover[b-hxa1j8vj78] {
    opacity: 0.8;
    transform: scale(1.05);
    transition: all 0.2s ease;
}

/* 预览编码列表样式 */
.list-group-item code[b-hxa1j8vj78] {
    font-family: 'Courier New', monospace;
    font-weight: bold;
}

/* 统计卡片样式 */
.card.border-primary .card-body[b-hxa1j8vj78] {
    border-left: 4px solid #0d6efd;
}

.card.border-info .card-body[b-hxa1j8vj78] {
    border-left: 4px solid #0dcaf0;
}

.card.border-success .card-body[b-hxa1j8vj78] {
    border-left: 4px solid #198754;
}

.card.border-warning .card-body[b-hxa1j8vj78] {
    border-left: 4px solid #ffc107;
}

.card.border-danger .card-body[b-hxa1j8vj78] {
    border-left: 4px solid #dc3545;
}

/* 历史记录表格样式 */
.modal-body .table-striped tbody tr:hover[b-hxa1j8vj78] {
    background-color: rgba(0, 123, 255, 0.1);
}

/* 分页样式 */
.pagination .page-item.active .page-link[b-hxa1j8vj78] {
    cursor: default;
}

.pagination .page-item:not(.disabled) .page-link[b-hxa1j8vj78] {
    cursor: pointer;
}

/* 按钮组优化 */
.btn-group-sm .btn[b-hxa1j8vj78] {
    padding: 0.25rem 0.4rem;
    font-size: 0.875rem;
}

/* 模态框响应式优化 */
@media (max-width: 768px) {
    .coderule-filter[b-hxa1j8vj78] {
        width: 100%;
        margin-top: 0.5rem;
    }

    .btn-toolbar .btn-group[b-hxa1j8vj78] {
        margin-bottom: 0.5rem;
    }

    .modal-dialog[b-hxa1j8vj78] {
        max-width: 95%;
        margin: 0.5rem auto;
    }
}

/* 加载动画优化 */
.spinner-border[b-hxa1j8vj78] {
    width: 3rem;
    height: 3rem;
}

/* 表单验证样式 */
.form-control.is-invalid[b-hxa1j8vj78],
.form-select.is-invalid[b-hxa1j8vj78] {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* 工具提示样式 */
[title][b-hxa1j8vj78] {
    cursor: help;
}

/* 信息图标样式 */
.fa-info-circle[b-hxa1j8vj78] {
    cursor: pointer;
    transition: color 0.2s ease;
}

.fa-info-circle:hover[b-hxa1j8vj78] {
    color: #0d6efd !important;
}

/* 统计展示卡片动画 */
.display-6[b-hxa1j8vj78] {
    animation: fadeIn-b-hxa1j8vj78 0.5s ease-in;
}

@keyframes fadeIn-b-hxa1j8vj78 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 代码块样式优化 */
code[b-hxa1j8vj78] {
    padding: 0.2rem 0.4rem;
    background-color: #f8f9fa;
    border-radius: 0.25rem;
}

/* 徽章样式优化 */
.badge[b-hxa1j8vj78] {
    font-weight: 500;
    padding: 0.35em 0.65em;
}

/* 空状态样式 */
.text-center.py-5[b-hxa1j8vj78] {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* /Components/Pages/Sys/Components/InitializationLogs.razor.rz.scp.css */
/* 初始化日志组件样式 */
.initialization-logs[b-d8uxv3ghng] {
    padding: 20px 0;
}

/* 自定义 Timeline 样式 */
.timeline-wrapper[b-d8uxv3ghng] {
    position: relative;
    padding: 20px 0;
}

.timeline-item[b-d8uxv3ghng] {
    position: relative;
    padding-left: 50px;
    padding-bottom: 30px;
}

.timeline-item:last-child[b-d8uxv3ghng] {
    padding-bottom: 0;
}

/* Timeline 垂直线 */
.timeline-item:not(:last-child)[b-d8uxv3ghng]::before {
    content: '';
    position: absolute;
    left: 19px;
    top: 40px;
    bottom: -10px;
    width: 2px;
    background: #e4e7ed;
}

/* Timeline 标记点 */
.timeline-marker[b-d8uxv3ghng] {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: 2px solid #e4e7ed;
    z-index: 1;
}

.timeline-marker i[b-d8uxv3ghng] {
    font-size: 18px;
}

/* Timeline 内容 */
.timeline-content[b-d8uxv3ghng] {
    background: white;
    border: 1px solid #e4e7ed;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.3s;
}

.timeline-content:hover[b-d8uxv3ghng] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateX(2px);
}

/* 不同级别的样式 */
.timeline-success .timeline-marker[b-d8uxv3ghng] {
    border-color: #67c23a;
    background: #f0f9ff;
}

.timeline-success .timeline-marker i[b-d8uxv3ghng] {
    color: #67c23a;
}

.timeline-success[b-d8uxv3ghng]::before {
    background: linear-gradient(to bottom, #67c23a, #e4e7ed);
}

.timeline-warning .timeline-marker[b-d8uxv3ghng] {
    border-color: #e6a23c;
    background: #fdf6ec;
}

.timeline-warning .timeline-marker i[b-d8uxv3ghng] {
    color: #e6a23c;
}

.timeline-warning[b-d8uxv3ghng]::before {
    background: linear-gradient(to bottom, #e6a23c, #e4e7ed);
}

.timeline-danger .timeline-marker[b-d8uxv3ghng] {
    border-color: #f56c6c;
    background: #fef0f0;
}

.timeline-danger .timeline-marker i[b-d8uxv3ghng] {
    color: #f56c6c;
}

.timeline-danger[b-d8uxv3ghng]::before {
    background: linear-gradient(to bottom, #f56c6c, #e4e7ed);
}

.timeline-info .timeline-marker[b-d8uxv3ghng] {
    border-color: #409eff;
    background: #ecf5ff;
}

.timeline-info .timeline-marker i[b-d8uxv3ghng] {
    color: #409eff;
}

.timeline-info[b-d8uxv3ghng]::before {
    background: linear-gradient(to bottom, #409eff, #e4e7ed);
}

.timeline-secondary .timeline-marker[b-d8uxv3ghng] {
    border-color: #909399;
    background: #f4f4f5;
}

.timeline-secondary .timeline-marker i[b-d8uxv3ghng] {
    color: #909399;
}

/* 日志条目样式 */
.log-entry[b-d8uxv3ghng] {
    padding: 0;
}

.log-header[b-d8uxv3ghng] {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 8px;
}

.log-time[b-d8uxv3ghng] {
    font-size: 13px;
    color: #909399;
    font-family: 'Courier New', monospace;
}

.log-level[b-d8uxv3ghng] {
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.log-level.成功[b-d8uxv3ghng] {
    background: #f0f9ff;
    color: #67c23a;
    border: 1px solid #c2e7b0;
}

.log-level.警告[b-d8uxv3ghng] {
    background: #fdf6ec;
    color: #e6a23c;
    border: 1px solid #f5dab1;
}

.log-level.错误[b-d8uxv3ghng] {
    background: #fef0f0;
    color: #f56c6c;
    border: 1px solid #fbc4c4;
}

.log-level.信息[b-d8uxv3ghng] {
    background: #ecf5ff;
    color: #409eff;
    border: 1px solid #b3d8ff;
}

.log-message[b-d8uxv3ghng] {
    font-size: 15px;
    color: #303133;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 1.5;
}

.log-details[b-d8uxv3ghng] {
    font-size: 13px;
    color: #606266;
    padding: 8px 12px;
    background: #f5f7fa;
    border-left: 3px solid #409eff;
    border-radius: 4px;
    line-height: 1.6;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .timeline-item[b-d8uxv3ghng] {
        padding-left: 40px;
    }

    .timeline-marker[b-d8uxv3ghng] {
        width: 32px;
        height: 32px;
    }

    .timeline-marker i[b-d8uxv3ghng] {
        font-size: 14px;
    }

    .timeline-item:not(:last-child)[b-d8uxv3ghng]::before {
        left: 15px;
    }

    .log-header[b-d8uxv3ghng] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .log-time[b-d8uxv3ghng] {
        font-size: 11px;
    }

    .log-message[b-d8uxv3ghng] {
        font-size: 14px;
    }

    .log-details[b-d8uxv3ghng] {
        font-size: 12px;
        padding: 6px 10px;
    }
}
/* /Components/Pages/Sys/Components/MenuPermissionInitialization.razor.rz.scp.css */
.info-card[b-4qna8exrw0] {
    padding: 1.5rem;
    border-radius: 0.5rem;
    background: white;
    border: 2px solid #e0e0e0;
    transition: all 0.3s ease;
    height: 100%;
}

.info-card.success[b-4qna8exrw0] {
    border-color: #28a745;
    background: linear-gradient(135deg, #f8fff9 0%, #ffffff 100%);
}

.info-card.warning[b-4qna8exrw0] {
    border-color: #ffc107;
    background: linear-gradient(135deg, #fffef8 0%, #ffffff 100%);
}

.info-card:hover[b-4qna8exrw0] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.info-icon[b-4qna8exrw0] {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    opacity: 0.8;
}

.info-card.success .info-icon[b-4qna8exrw0] {
    color: #28a745;
}

.info-card.warning .info-icon[b-4qna8exrw0] {
    color: #ffc107;
}

.info-content h6[b-4qna8exrw0] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #6c757d;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-value[b-4qna8exrw0] {
    font-size: 2rem;
    font-weight: 700;
    color: #212529;
    margin-bottom: 0.5rem;
}

.info-status[b-4qna8exrw0] {
    margin-top: 0.5rem;
}

.step-list[b-4qna8exrw0] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.step-item[b-4qna8exrw0] {
    display: flex;
    gap: 1.5rem;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 0.5rem;
    border-left: 4px solid #007bff;
    transition: all 0.3s ease;
}

.step-item:hover[b-4qna8exrw0] {
    background: #e9ecef;
    transform: translateX(4px);
}

.step-item.highlight[b-4qna8exrw0] {
    background: linear-gradient(135deg, #e3f2fd 0%, #f8f9fa 100%);
    border-left-color: #28a745;
    border-left-width: 6px;
}

.step-number[b-4qna8exrw0] {
    width: 40px;
    height: 40px;
    background: #007bff;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.step-item.highlight .step-number[b-4qna8exrw0] {
    background: #28a745;
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
}

.step-content[b-4qna8exrw0] {
    flex: 1;
}

.step-content h6[b-4qna8exrw0] {
    margin-bottom: 0.5rem;
    color: #212529;
    font-weight: 600;
}

.step-content p[b-4qna8exrw0] {
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.alert[b-4qna8exrw0] {
    border-left: 4px solid #0dcaf0;
}

.alert ul[b-4qna8exrw0] {
    padding-left: 1.5rem;
}

.alert li[b-4qna8exrw0] {
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}
/* /Components/Pages/Sys/DataDictionaryMgr.razor.rz.scp.css */
/* 数据字典管理页面样式 */

/* 页面头部样式 - 同步 CustomerMgrPage */
.page-header-light[b-5n9ibcrp1f] {
    background: #f8f9fa !important;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    margin-bottom: 0.5rem;
    overflow: hidden;
    padding: 0.75rem 1rem !important; /* 与 CustomerMgrPage 保持一致 */
}

.page-icon-lg[b-5n9ibcrp1f] {
    width: 48px; 
    height: 48px;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border: 2px solid #e9ecef;
    border-radius: 12px; 
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem; 
    flex-shrink: 0;
}

.page-title[b-5n9ibcrp1f] {
    color: #343a40 !important;
    margin: 0;
    font-weight: 600;
    font-size: 1.25rem !important; 
    line-height: 1.2;
}

/* 页面头部增强样式 */
.header-actions[b-5n9ibcrp1f] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* 统计预览样式 - 与 CustomerMgrPage 保持一致 */
.stats-preview[b-5n9ibcrp1f] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 1rem;
    background: white;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-right: 0.75rem;
}

.stat-preview-item[b-5n9ibcrp1f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 60px;
}

.stat-preview-label[b-5n9ibcrp1f] {
    font-size: 0.75rem;
    color: #6c757d;
    margin-bottom: 2px;
    font-weight: 500;
    line-height: 1;
}

.stat-preview-value[b-5n9ibcrp1f] {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
}

/* ==========================================================================
   表格工具栏优化布局 - 修复高度不一致问题并确保右侧对齐
   ========================================================================== */

/* 工具栏整体布局 - 固定高度确保一致性 */
[b-5n9ibcrp1f] .table-toolbar {
    padding: 0.75rem 1rem !important;
    background: #f8f9fa !important;
    border-bottom: 1px solid #e9ecef !important;
    border-radius: 8px 8px 0 0 !important;
    min-height: 64px !important; /* 固定最小高度 */
    height: auto !important;
    display: flex !important;
    align-items: center !important; /* 确保内容垂直居中 */
    justify-content: space-between !important; /* 确保左右两侧正确分布 */
}

/* 工具栏左侧布局 - 固定对齐 */
.toolbar-left[b-5n9ibcrp1f] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 1rem;
    height: 100% !important; /* 占满工具栏高度 */
    min-height: 32px !important; /* 设置最小高度 */
    flex: 1 !important; /* 允许左侧内容占用可用空间 */
    max-width: calc(100% - 200px) !important; /* 为右侧预留空间 */
}

/* 主要操作按钮组 - 确保垂直对齐 */
.action-buttons-group[b-5n9ibcrp1f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-right: 1rem;
    border-right: 1px solid #dee2e6;
    height: 100% !important;
    min-height: 32px !important; /* 与工具栏左侧保持一致 */
    flex-shrink: 0 !important; /* 防止收缩 */
}

/* 表格视图控制组 - 确保垂直对齐 */
.view-control-group[b-5n9ibcrp1f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-right: 1rem;
    border-right: 1px solid #dee2e6;
    height: 100% !important;
    min-height: 32px !important; /* 与其他组件保持一致 */
    flex-shrink: 0 !important; /* 防止收缩 */
}

/* 选择状态信息组 - 关键修复：始终预留空间 */
.selection-info-group[b-5n9ibcrp1f] {
    display: flex;
    align-items: center;
    margin-left: 0.5rem;
    height: 32px !important; /* 固定高度 */
    min-width: 200px !important; /* 预留最小宽度，即使没有选择也占用空间 */
    visibility: visible !important; /* 始终可见，但内容可能为空 */
    transition: all 0.3s ease !important; /* 平滑过渡 */
    flex-shrink: 1 !important; /* 允许在必要时收缩 */
    overflow: hidden !important; /* 防止溢出 */
}

/* 当没有选择时的占位空间 */
.selection-info-group:empty[b-5n9ibcrp1f]::before {
    content: '\00a0'; /* 不可见的占位符 */
    height: 32px;
    min-width: 200px;
    display: block;
}

.selection-status-badge[b-5n9ibcrp1f] {
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #e3f2fd 0%, #f0f8ff 100%);
    border: 1px solid #bbdefb;
    border-radius: 20px;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    color: #1565c0;
    box-shadow: 0 1px 3px rgba(21, 101, 192, 0.1);
    transition: all 0.3s ease; /* 增加过渡时间以确保平滑 */
    height: 32px !important; /* 固定高度 */
    min-height: 32px !important;
    white-space: nowrap !important; /* 防止文字换行 */
}

.selection-status-badge:hover[b-5n9ibcrp1f] {
    background: linear-gradient(135deg, #d1ecf1 0%, #e8f4f8 100%);
    border-color: #81c784;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(21, 101, 192, 0.15);
}

.selection-count[b-5n9ibcrp1f] {
    font-weight: 500;
    white-space: nowrap;
    line-height: 1 !important;
}

.selection-count strong[b-5n9ibcrp1f] {
    font-weight: 700;
    color: #0d47a1;
}

.clear-selection-btn[b-5n9ibcrp1f] {
    color: #6c757d !important;
    font-size: 0.75rem !important;
    line-height: 1 !important;
    min-width: auto !important;
    transition: color 0.2s ease !important;
    height: 18px !important; /* 固定按钮高度 */
    width: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
}

.clear-selection-btn:hover[b-5n9ibcrp1f] {
    color: #dc3545 !important;
    text-decoration: none !important;
    background-color: rgba(220, 53, 69, 0.1) !important;
}

.clear-selection-btn:focus[b-5n9ibcrp1f] {
    box-shadow: none !important;
}

/* 突出显示的列配置组件 - 修复字体大小和高度一致性 */
.column-config-prominent[b-5n9ibcrp1f] {
    position: relative;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important; /* 防止收缩 */
}

/* 增强列配置按钮的视觉效果 - 确保与其他工具栏按钮完全一致 */
.column-config-prominent[b-5n9ibcrp1f]  .column-config-trigger-btn {
    /* 关键修复：统一字体大小和样式 */
    font-size: 0.875rem !important; /* 与其他工具栏按钮一致 */
    font-weight: 400 !important; /* 与其他按钮一致，不要过粗 */
    line-height: 1.5 !important; /* 统一行高 */
    
    /* 统一按钮样式 */
    background: #ffffff !important;
    border: 1px solid #0d6efd !important;
    color: #0d6efd !important;
    border-radius: 6px !important;
    padding: 0.375rem 0.75rem !important; /* 与其他按钮统一内边距 */
    
    /* 保持视觉效果 */
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 4px rgba(13, 110, 253, 0.1) !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.375rem !important;
    
    /* 高度自适应，与其他按钮保持一致 */
    height: auto !important;
    min-height: auto !important;
}

/* 确保按钮文字与其他按钮完全一致 */
.column-config-prominent[b-5n9ibcrp1f]  .column-config-trigger-btn .btn-text {
    font-size: 0.875rem !important; /* 与按钮本身字体大小一致 */
    font-weight: 400 !important; /* 与其他按钮字体粗细一致 */
    line-height: 1.5 !important; /* 统一行高 */
}

/* 图标大小也要与其他按钮一致 */
.column-config-prominent[b-5n9ibcrp1f]  .column-config-trigger-btn i {
    font-size: 0.875rem !important; /* 与文字大小一致 */
    transition: transform 0.25s ease !important;
}

.column-config-prominent[b-5n9ibcrp1f]  .column-config-trigger-btn::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, #0d6efd, #6f42c1);
    border-radius: 8px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.column-config-prominent[b-5n9ibcrp1f]  .column-config-trigger-btn:hover {
    background: #0d6efd !important;
    color: white !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(13, 110, 253, 0.2) !important;
}

.column-config-prominent[b-5n9ibcrp1f]  .column-config-trigger-btn:hover::before {
    opacity: 1;
}

.column-config-prominent[b-5n9ibcrp1f]  .column-config-trigger-btn:focus,
.column-config-prominent[b-5n9ibcrp1f]  .column-config-trigger-btn:active {
    border-color: #0b5ed7 !important;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
}

.column-config-prominent[b-5n9ibcrp1f]  .column-config-trigger-btn:hover i {
    transform: scale(1.1) !important;
}

/* 工具栏右侧信息 - 强制确保右对齐 */
.toolbar-right[b-5n9ibcrp1f] {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    font-size: 0.875rem !important;
    height: 100% !important;
    min-height: 32px !important; /* 与其他组件保持一致 */
    flex-shrink: 0 !important; /* 防止收缩 */
    margin-left: auto !important; /* 强制右对齐 */
    justify-self: flex-end !important; /* 额外确保右对齐 */
    min-width: fit-content !important; /* 确保有足够宽度 */
    white-space: nowrap !important; /* 防止换行 */
}

/* 表格信息统计 */
.table-info-stats[b-5n9ibcrp1f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    height: 100% !important;
    flex-shrink: 0 !important; /* 防止收缩 */
}

.table-info-stats i[b-5n9ibcrp1f] {
    font-size: 0.8rem;
    color: #6c757d;
}

/* 快速操作提示 */
.quick-tips[b-5n9ibcrp1f] {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    background: rgba(108, 117, 125, 0.05);
    border-radius: 4px;
    font-style: italic;
    height: fit-content !important;
    min-height: 24px !important;
    flex-shrink: 0 !important; /* 防止收缩 */
}

.quick-tips i[b-5n9ibcrp1f] {
    font-size: 0.75rem;
    color: #ffc107;
}

/* ==========================================================================
   紧凑型表格样式优化 - 重点优化行高度
   ========================================================================== */

/* 字典表格容器样式 */
.dictionary-table-container[b-5n9ibcrp1f] {
    background: white;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* 表格整体样式 */
[b-5n9ibcrp1f] .dictionary-table-container .table {
    margin-bottom: 0;
    font-size: 0.875rem; /* 稍微减小字体 */
}

/* 表格头部样式 - 紧凑化 */
[b-5n9ibcrp1f] .dictionary-table-container .table thead th {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 2px solid #dee2e6;
    font-weight: 600;
    color: #495057;
    font-size: 0.8rem; /* 减小头部字体 */
    padding: 0.5rem 0.375rem; /* 显著减小padding */
    vertical-align: middle;
    line-height: 1.2; /* 紧凑行高 */
    white-space: nowrap; /* 防止换行 */
}

/* 表格数据行样式 - 重点优化 */
[b-5n9ibcrp1f] .dictionary-table-container .table tbody td {
    padding: 0.5rem 0.375rem; /* 大幅减小padding：从0.75rem减到0.5rem */
    vertical-align: middle;
    border-bottom: 1px solid #f1f3f4;
    font-size: 0.8rem; /* 稍微减小字体 */
    line-height: 1.3; /* 紧凑行高 */
    height: auto; /* 让高度自适应内容 */
}

/* 表格内容元素紧凑化 */
[b-5n9ibcrp1f] .dictionary-table-container .table tbody td .d-flex {
    align-items: center;
    gap: 0.25rem; /* 减小图标和文字间距 */
    min-height: auto;
}

/* 图标样式紧凑化 */
[b-5n9ibcrp1f] .dictionary-table-container .fas,
[b-5n9ibcrp1f] .dictionary-table-container .far {
    font-size: 0.7rem; /* 减小图标尺寸 */
    flex-shrink: 0;
}

/* Badge样式紧凑化 */
[b-5n9ibcrp1f] .dictionary-table-container .badge {
    padding: 0.2rem 0.4rem; /* 减小badge内边距 */
    font-size: 0.7rem; /* 减小字体 */
    line-height: 1;
    font-weight: 500;
}

[b-5n9ibcrp1f] .dictionary-table-container .badge-sm {
    font-size: 0.65rem; /* 进一步减小 */
    padding: 0.15rem 0.35rem;
}

/* 按钮组样式紧凑化 */
[b-5n9ibcrp1f] .dictionary-table-container .btn-group-sm .btn {
    padding: 0.2rem 0.4rem; /* 大幅减小按钮padding */
    font-size: 0.7rem; /* 减小字体 */
    line-height: 1.1; /* 紧凑行高 */
    border-radius: 3px; /* 稍微减小圆角 */
    margin-right: 1px; /* 减小间距 */
    min-height: 24px; /* 限制最小高度 */
}

[b-5n9ibcrp1f] .dictionary-table-container .btn-group-sm .btn:last-child {
    margin-right: 0;
}

/* 表格行悬停效果 */
[b-5n9ibcrp1f] .dictionary-table-container .table tbody tr:hover {
    background-color: rgba(13, 110, 253, 0.05);
    transition: background-color 0.2s ease;
}

/* 文字截断和溢出处理 */
[b-5n9ibcrp1f] .dictionary-table-container .text-truncate {
    max-width: 120px; /* 减小最大宽度 */
}

/* 字体样式优化 */
[b-5n9ibcrp1f] .dictionary-table-container .font-monospace {
    font-size: 0.75rem; /* 等宽字体稍小 */
    line-height: 1.2;
}

/* 小号文字进一步紧凑 */
[b-5n9ibcrp1f] .dictionary-table-container .small {
    font-size: 0.75rem;
    line-height: 1.2;
}

/* ==========================================================================
   操作列按钮优化 - 保持功能性的同时更紧凑
   ========================================================================== */

/* 操作列整体优化 */
[b-5n9ibcrp1f] .dictionary-table-container .table tbody td:last-child {
    padding: 0.4rem 0.375rem; /* 操作列稍微多一点padding确保按钮可点击 */
}

/* 操作按钮组布局 */
[b-5n9ibcrp1f] .dictionary-table-container .btn-group {
    display: flex;
    align-items: center;
    gap: 1px; /* 最小间距 */
}

/* 操作按钮尺寸优化 */
[b-5n9ibcrp1f] .dictionary-table-container .btn-group .btn {
    min-width: 24px; /* 最小宽度确保可点击 */
    min-height: 24px; /* 最小高度 */
    padding: 0.2rem 0.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* 操作按钮图标 */
[b-5n9ibcrp1f] .dictionary-table-container .btn-group .btn i {
    font-size: 0.65rem;
    line-height: 1;
}

/* ==========================================================================
   内容元素细节优化
   ========================================================================== */

/* 状态标识紧凑化 */
.status-badge[b-5n9ibcrp1f] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem; /* 减小间距 */
    line-height: 1;
}

/* 代码显示紧凑化 */
[b-5n9ibcrp1f] .dictionary-table-container code {
    font-size: 0.7rem;
    padding: 0.15rem 0.3rem; /* 减小padding */
    line-height: 1;
}

/* 注释和备注文字 */
[b-5n9ibcrp1f] .dictionary-table-container .text-muted {
    font-size: 0.75rem;
    line-height: 1.2;
}

/* 数值显示紧凑化 */
[b-5n9ibcrp1f] .dictionary-table-container .badge.bg-secondary {
    padding: 0.15rem 0.4rem;
    font-size: 0.7rem;
    font-weight: 600;
}

/* 链接样式紧凑化 */
[b-5n9ibcrp1f] .dictionary-table-container .link-primary {
    font-size: 0.8rem;
    line-height: 1.2;
}

/* ==========================================================================
   表格工具栏响应式设计 - 保持高度一致性和右侧对齐
   ========================================================================== */

@media (max-width: 1200px) {
    [b-5n9ibcrp1f] .table-toolbar {
        min-height: 60px !important; /* 略微调整以适应较小屏幕 */
    }
    
    .toolbar-left[b-5n9ibcrp1f] {
        gap: 0.75rem;
        min-height: 28px !important;
        max-width: calc(100% - 180px) !important; /* 为较小屏幕调整右侧预留空间 */
    }
    
    .action-buttons-group[b-5n9ibcrp1f],
    .view-control-group[b-5n9ibcrp1f] {
        padding-right: 0.75rem;
        min-height: 28px !important;
    }
    
    .selection-info-group[b-5n9ibcrp1f] {
        min-width: 180px !important;
        height: 28px !important;
    }
    
    .selection-status-badge[b-5n9ibcrp1f] {
        padding: 0.25rem 0.5rem;
        font-size: 0.8rem;
        height: 28px !important;
        min-height: 28px !important;
    }
    
    .column-config-prominent[b-5n9ibcrp1f]  .column-config-trigger-btn {
        /* 在中等屏幕上仍保持一致的字体大小 */
        font-size: 0.875rem !important;
        font-weight: 400 !important;
        padding: 0.375rem 0.75rem !important;
    }
    
    /* 确保右侧内容在中等屏幕上仍然右对齐 */
    .toolbar-right[b-5n9ibcrp1f] {
        margin-left: auto !important;
        min-width: 160px !important;
    }
}

@media (max-width: 992px) {
    [b-5n9ibcrp1f] .table-toolbar {
        min-height: 56px !important;
    }
    
    .toolbar-left[b-5n9ibcrp1f] {
        gap: 0.75rem;
        min-height: 24px !important;
        max-width: calc(100% - 120px) !important; /* 进一步调整右侧预留空间 */
    }
    
    .action-buttons-group[b-5n9ibcrp1f],
    .view-control-group[b-5n9ibcrp1f] {
        padding-right: 0.75rem;
        min-height: 24px !important;
    }
    
    .selection-info-group[b-5n9ibcrp1f] {
        min-width: 160px !important;
        height: 24px !important;
    }
    
    .selection-status-badge[b-5n9ibcrp1f] {
        height: 24px !important;
        min-height: 24px !important;
    }
    
    .column-config-prominent[b-5n9ibcrp1f]  .column-config-trigger-btn {
        /* 在小屏幕上也保持一致的字体大小 */
        font-size: 0.875rem !important;
        font-weight: 400 !important;
        padding: 0.375rem 0.75rem !important;
    }
    
    /* 隐藏部分右侧信息但保持右对齐 */
    .quick-tips[b-5n9ibcrp1f] {
        display: none !important;
    }
    
    .toolbar-right[b-5n9ibcrp1f] {
        margin-left: auto !important;
        min-width: 100px !important;
    }
    
    /* 表格字体进一步紧凑 */
    [b-5n9ibcrp1f] .dictionary-table-container .table thead th {
        padding: 0.4rem 0.3rem;
        font-size: 0.75rem;
    }
    
    [b-5n9ibcrp1f] .dictionary-table-container .table tbody td {
        padding: 0.4rem 0.3rem;
        font-size: 0.75rem;
    }
}

@media (max-width: 768px) {
    [b-5n9ibcrp1f] .table-toolbar {
        padding: 0.5rem 0.75rem !important;
        min-height: auto !important; /* 移动端允许自适应高度 */
        height: auto !important;
        flex-direction: column !important; /* 移动端采用垂直布局 */
        align-items: stretch !important;
    }
    
    .toolbar-left[b-5n9ibcrp1f] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
        width: 100%;
        min-height: auto !important;
        max-width: 100% !important; /* 移动端占满宽度 */
        order: 1 !important; /* 确保左侧内容在上方 */
    }
    
    .action-buttons-group[b-5n9ibcrp1f] {
        padding-right: 0;
        border-right: none;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #dee2e6;
        justify-content: center;
        min-height: 32px !important;
    }
    
    .view-control-group[b-5n9ibcrp1f] {
        padding-right: 0;
        border-right: none;
        justify-content: center;
        order: -1; /* 移到顶部 */
        min-height: 32px !important;
    }
    
    .selection-info-group[b-5n9ibcrp1f] {
        justify-content: center;
        margin-left: 0;
        margin-top: 0.5rem;
        min-width: 100% !important;
        height: 32px !important;
    }
    
    .selection-status-badge[b-5n9ibcrp1f] {
        height: 32px !important;
        min-height: 32px !important;
    }
    
    .column-config-prominent[b-5n9ibcrp1f]  .column-config-trigger-btn {
        /* 移动端保持字体大小一致 */
        font-size: 0.875rem !important;
        font-weight: 400 !important;
        padding: 0.375rem 0.75rem !important;
        min-width: 120px !important;
        justify-content: center !important;
    }
    
    .toolbar-right[b-5n9ibcrp1f] {
        margin-left: 0 !important; /* 移动端不需要左边距 */
        margin-top: 0.5rem;
        justify-content: center !important; /* 移动端居中显示 */
        border-top: 1px solid #dee2e6;
        padding-top: 0.5rem;
        min-height: 24px !important;
        order: 2 !important; /* 确保右侧内容在下方 */
        width: 100% !important; /* 移动端占满宽度 */
    }
    
    /* 移动端表格更紧凑 */
    [b-5n9ibcrp1f] .dictionary-table-container .table thead th {
        padding: 0.35rem 0.25rem;
        font-size: 0.7rem;
    }
    
    [b-5n9ibcrp1f] .dictionary-table-container .table tbody td {
        padding: 0.35rem 0.25rem;
        font-size: 0.7rem;
    }
    
    [b-5n9ibcrp1f] .dictionary-table-container .btn-group-sm .btn {
        padding: 0.15rem 0.25rem;
        min-width: 20px;
        min-height: 20px;
    }
}

@media (max-width: 576px) {
    .toolbar-left[b-5n9ibcrp1f] {
        gap: 0.375rem;
    }
    
    .action-buttons-group[b-5n9ibcrp1f] {
        padding-bottom: 0.375rem;
        min-height: 28px !important;
    }
    
    .view-control-group[b-5n9ibcrp1f] {
        min-height: 28px !important;
    }
    
    .selection-info-group[b-5n9ibcrp1f] {
        height: 28px !important;
    }
    
    .selection-status-badge[b-5n9ibcrp1f] {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: 28px !important;
        min-height: 28px !important;
    }
    
    .selection-count[b-5n9ibcrp1f] {
        margin-bottom: 0.125rem;
    }
    
    .clear-selection-btn[b-5n9ibcrp1f] {
        margin-top: 0.125rem;
        margin-left: 0 !important;
        height: 16px !important;
        width: 16px !important;
    }
    
    .column-config-prominent[b-5n9ibcrp1f]  .column-config-trigger-btn {
        /* 超小屏幕也保持字体大小一致 */
        font-size: 0.875rem !important;
        font-weight: 400 !important;
        padding: 0.375rem 0.75rem !important;
    }
    
    /* 超小屏幕下的右侧内容 */
    .toolbar-right[b-5n9ibcrp1f] {
        justify-content: center !important;
        font-size: 0.8rem !important;
    }
    
    /* 超小屏幕表格最紧凑设置 */
    [b-5n9ibcrp1f] .dictionary-table-container .table thead th {
        padding: 0.3rem 0.2rem;
        font-size: 0.65rem;
    }
    
    [b-5n9ibcrp1f] .dictionary-table-container .table tbody td {
        padding: 0.3rem 0.2rem;
        font-size: 0.65rem;
    }
    
    [b-5n9ibcrp1f] .dictionary-table_container .btn-group-sm .btn {
        padding: 0.1rem 0.2rem;
        min-width: 18px;
        min-height: 18px;
        font-size: 0.6rem;
    }
}

/* ==========================================================================
   选择状态动画效果 - 优化以配合固定高度
   ========================================================================== */

@keyframes selectionAppear-b-5n9ibcrp1f {
    from {
        opacity: 0;
        transform: translateX(-10px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

/* 仅对内容进行动画，容器保持固定尺寸 */
.selection-info-group .selection-status-badge[b-5n9ibcrp1f] {
    animation: selectionAppear-b-5n9ibcrp1f 0.3s ease-out;
}

@keyframes selectionPulse-b-5n9ibcrp1f {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
}

.selection-status-badge[b-5n9ibcrp1f] {
    animation: selectionPulse-b-5n9ibcrp1f 2s ease-in-out infinite;
}

.selection-status-badge:hover[b-5n9ibcrp1f] {
    animation: none;
}

/* 选择数量变化动画 */
.selection-count strong[b-5n9ibcrp1f] {
    transition: all 0.2s ease;
}

/* ==========================================================================
   其他现有样式保持不变
   ========================================================================== */

/* 响应式头部设计 - 与 CustomerMgrPage 保持一致 */
@media (max-width: 1200px) {
    .stats-preview[b-5n9ibcrp1f] {
        gap: 0.75rem;
        padding: 0.375rem 0.75rem;
    }
    .stat-preview-item[b-5n9ibcrp1f] { min-width: 50px; }
    .stat-preview-label[b-5n9ibcrp1f] { font-size: 0.7rem; }
    .stat-preview-value[b-5n9ibcrp1f] { font-size: 1rem; }
}

@media (max-width: 992px) {
    .stats-preview[b-5n9ibcrp1f] { display: none !important; }
    .header-actions[b-5n9ibcrp1f] { gap: 0.5rem; }
}

@media (max-width: 768px) {
    .page-header-light[b-5n9ibcrp1f] { padding: 0.5rem 0.75rem !important; margin-bottom: 0.375rem; }
    .page-icon-lg[b-5n9ibcrp1f] { width: 40px; height: 40px; font-size: 1.25rem; border-radius: 10px; }
    .page-title[b-5n9ibcrp1f] { font-size: 1.125rem !important; }
    .page-header-light .d-flex[b-5n9ibcrp1f] { min-height: 48px; flex-direction: column; align-items: stretch; gap: 0.5rem; }
}

@media (max-width: 576px) {
    .page-header-light[b-5n9ibcrp1f] { padding: 0.375rem 0.5rem !important; margin-bottom: 0.25rem; }
    .page-icon-lg[b-5n9ibcrp1f] { width: 36px; height: 36px; font-size: 1.125rem; border-radius: 8px; }
    .page-title[b-5n9ibcrp1f] { font-size: 1rem !important; }
}

/* 确保头部在不同屏幕尺寸下的布局稳定性 */
.page-header-light .d-flex[b-5n9ibcrp1f] {
    min-height: 56px; /* 确保最小高度与 CustomerMgrPage 一致 */
    align-items: center;
}

/* 主内容卡片样式（保留原文件设置） */
.main-content-card[b-5n9ibcrp1f] {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.main-content-card .card-header[b-5n9ibcrp1f] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid #dee2e6;
    padding: 0.75rem 1rem;
}

.main-content-card .card-body[b-5n9ibcrp1f] {
    padding: 1.5rem;
}

/* 筛选卡片样式 */
.filter-card[b-5n9ibcrp1f] {
    border: 1px solid #e3e6f0;
    background-color: #f8f9fa;
}

.filter-card .card-body[b-5n9ibcrp1f] {
    padding: 1rem;
}

/* 按钮样式增强 */
.btn-soft[b-5n9ibcrp1f] {
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
}

.btn-soft:hover[b-5n9ibcrp1f] {
    transform: translateY(-1px);
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

/* 统计面板样式 */
.stats-dashboard[b-5n9ibcrp1f] {
    margin-bottom: 1.5rem;
}

/* 表格样式增强 */
.table-container[b-5n9ibcrp1f] {
    background: white;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    overflow: hidden;
}

/* 编辑对话框样式 */
.edit-modal .modal-dialog[b-5n9ibcrp1f] {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.edit-header[b-5n9ibcrp1f] {
    padding: 1rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 0.375rem;
    border: 1px solid #dee2e6;
    margin-bottom: 1rem;
}

.edit-icon[b-5n9ibcrp1f], .view-icon[b-5n9ibcrp1f] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.125rem;
}

.edit-icon[b-5n9ibcrp1f] {
    background: linear-gradient(135deg, #0d6efd 0%, #0b5ed7 100%);
}

.view-icon[b-5n9ibcrp1f] {
    background: linear-gradient(135deg, #0dcaf0 0%, #0aa2c0 100%);
}

.edit-badges .badge[b-5n9ibcrp1f] {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
}

/* 表格内按钮组样式 */
.btn-group .btn[b-5n9ibcrp1f] {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    margin-right: 0.25rem;
}

.btn-group .btn:last-child[b-5n9ibcrp1f] {
    margin-right: 0;
}

/* Badge样式增强 */
.badge-sm[b-5n9ibcrp1f] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .page-header-light[b-5n9ibcrp1f] {
        padding: 0.75rem !important;
    }
    
    .page-icon-lg[b-5n9ibcrp1f] {
        width: 2.5rem;
        height: 2.5rem;
    }
    
    .page-icon-lg i[b-5n9ibcrp1f] {
        font-size: 1.25rem;
    }
    
    .page-title[b-5n9ibcrp1f] {
        font-size: 1.125rem !important;
    }
    
    .main-content-card .card-body[b-5n9ibcrp1f] {
        padding: 1rem;
    }
    
    .filter-card .card-body[b-5n9ibcrp1f] {
        padding: 0.75rem;
    }
    
    .edit-header[b-5n9ibcrp1f] {
        padding: 0.75rem;
        margin-bottom: 0.75rem;
    }
    
    .edit-icon[b-5n9ibcrp1f], .view-icon[b-5n9ibcrp1f] {
        width: 2rem;
        height: 2rem;
        font-size: 1rem;
    }
}

/* 动画效果 */
.main-content-card[b-5n9ibcrp1f],
.filter-card[b-5n9ibcrp1f],
.edit-header[b-5n9ibcrp1f] {
    transition: box-shadow 0.15s ease-in-out;
}

.main-content-card:hover[b-5n9ibcrp1f],
.filter-card:hover[b-5n9ibcrp1f] {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

/* 表格行悬停效果 */
[b-5n9ibcrp1f] .table tbody tr:hover {
    background-color: rgba(13, 110, 253, 0.05);
    transform: translateY(-1px);
    transition: all 0.2s ease-in-out;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

/* 表格头部样式 */
[b-5n9ibcrp1f] .table thead th {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 2px solid #dee2e6;
    font-weight: 600;
    color: #495057;
}

/* 状态标识样式 */
.status-badge[b-5n9ibcrp1f] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

/* 代码样式 */
code[b-5n9ibcrp1f] {
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 0.25rem;
}

/* 表单控件样式增强 */
[b-5n9ibcrp1f] .form-control,
[b-5n9ibcrp1f] .form-select {
    border: 1px solid #ced4da;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

[b-5n9ibcrp1f] .form-control:focus,
[b-5n9ibcrp1f] .form-select:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* 详情信息样式 */
.form-control-plaintext[b-5n9ibcrp1f] {
    padding: 0.375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

/* 链接样式 */
.link-primary[b-5n9ibcrp1f] {
    color: #0d6efd;
    text-decoration: none;
}

.link-primary:hover[b-5n9ibcrp1f] {
    color: #0b5ed7;
    text-decoration: underline;
}

/* 加载状态样式 */
.loading-container[b-5n9ibcrp1f] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
    color: #6c757d;
}

/* 空状态样式 */
.empty-state[b-5n9ibcrp1f] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6c757d;
}

.empty-state i[b-5n9ibcrp1f] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

/* ==========================================================================
   表格加载和动画效果
   ========================================================================== */

/* 表格行进入动画 */
@keyframes tableRowFadeIn-b-5n9ibcrp1f {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[b-5n9ibcrp1f] .dictionary-table-container .table tbody tr {
    animation: tableRowFadeIn-b-5n9ibcrp1f 0.3s ease-out;
}

/* 单元格内容加载动画 */
@keyframes cellContentAppear-b-5n9ibcrp1f {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.dictionary-table-container .dict-value-badge[b-5n9ibcrp1f],
.dictionary-table-container .status-badge[b-5n9ibcrp1f],
.dictionary-table-container .sort-order-badge[b-5n9ibcrp1f] {
    animation: cellContentAppear-b-5n9ibcrp1f 0.2s ease-out;
}
/* /Components/Pages/Sys/DataInitializationManager.razor.rz.scp.css */
/* 基础数据初始化管理页面样式 */
.data-initialization-container[b-voz41vc056] {
    padding: 20px;
    background-color: #f5f7fa;
    min-height: 100vh;
}

/* 页面头部 */
.page-header[b-voz41vc056] {
    background: white;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.header-content[b-voz41vc056] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-voz41vc056] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-left i[b-voz41vc056] {
    font-size: 32px;
    color: #409eff;
}

.header-text h3[b-voz41vc056] {
    margin: 0;
    font-size: 24px;
    color: #303133;
}

.header-text p[b-voz41vc056] {
    margin: 4px 0 0 0;
    font-size: 14px;
}

.header-right[b-voz41vc056] {
    display: flex;
    gap: 12px;
}

/* Tab 内容 */
.tab-content-wrapper[b-voz41vc056] {
    padding: 20px 0;
}

/* 数据字典初始化 */
.dictionary-initialization[b-voz41vc056] {
    padding: 20px 0;
}

.card-header-content[b-voz41vc056] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.card-header-content h5[b-voz41vc056] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.initialization-grid[b-voz41vc056] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}

/* 字典卡片 */
.dictionary-card[b-voz41vc056] {
    background: white;
    border: 2px solid #e4e7ed;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: all 0.3s;
}

.dictionary-card:hover[b-voz41vc056] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.dictionary-card.initialized[b-voz41vc056] {
    border-color: #67c23a;
    background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);
}

.dictionary-card.not-initialized[b-voz41vc056] {
    border-color: #e6a23c;
}

.card-icon[b-voz41vc056] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
}

.card-content h6[b-voz41vc056] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #303133;
}

.card-content .description[b-voz41vc056] {
    margin: 4px 0 0 0;
    font-size: 13px;
    color: #909399;
}

.status-info[b-voz41vc056] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
}

.count-info[b-voz41vc056] {
    font-size: 13px;
    color: #606266;
    display: flex;
    align-items: center;
    gap: 6px;
}

.status-badge[b-voz41vc056] {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.badge-success[b-voz41vc056] {
    background: #f0f9ff;
    color: #67c23a;
    border: 1px solid #c2e7b0;
}

.badge-warning[b-voz41vc056] {
    background: #fdf6ec;
    color: #e6a23c;
    border: 1px solid #f5dab1;
}

.card-actions[b-voz41vc056] {
    display: flex;
    justify-content: flex-end;
}

/* 批量操作 */
.batch-operations[b-voz41vc056] {
    display: flex;
    gap: 12px;
    padding-top: 16px;
}

/* 区域数据初始化 */
.regional-data-initialization[b-voz41vc056] {
    padding: 20px 0;
}

.region-section[b-voz41vc056] {
    margin-bottom: 24px;
}

.region-section h6[b-voz41vc056] {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #303133;
    display: flex;
    align-items: center;
    gap: 8px;
}

.region-grid[b-voz41vc056] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 12px;
}

.region-card[b-voz41vc056] {
    background: white;
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s;
}

.region-card:hover[b-voz41vc056] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-color: #409eff;
}

.region-info[b-voz41vc056] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.region-name[b-voz41vc056] {
    font-size: 14px;
    font-weight: 500;
    color: #303133;
}

.region-count[b-voz41vc056] {
    font-size: 12px;
    color: #909399;
}

/* 汇率数据初始化 */
.exchange-rate-initialization[b-voz41vc056] {
    padding: 20px 0;
}

.exchange-info[b-voz41vc056] {
    margin-bottom: 20px;
}

.exchange-info ul[b-voz41vc056] {
    margin: 8px 0 0 0;
    padding-left: 24px;
}

.exchange-info li[b-voz41vc056] {
    margin: 4px 0;
    font-size: 14px;
}

.exchange-status[b-voz41vc056] {
    margin: 20px 0;
}

.exchange-status h6[b-voz41vc056] {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
}

.status-grid[b-voz41vc056] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}

.status-item[b-voz41vc056] {
    background: #f5f7fa;
    padding: 12px 16px;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
}

.status-label[b-voz41vc056] {
    font-size: 13px;
    color: #909399;
}

.status-value[b-voz41vc056] {
    font-size: 14px;
    font-weight: 600;
    color: #303133;
}

.action-buttons[b-voz41vc056] {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}

/* 初始化日志 */
.initialization-logs[b-voz41vc056] {
    padding: 20px 0;
}

.log-entry[b-voz41vc056] {
    padding: 8px 0;
}

.log-header[b-voz41vc056] {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 6px;
}

.log-time[b-voz41vc056] {
    font-size: 12px;
    color: #909399;
}

.log-level[b-voz41vc056] {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
}

.log-level.成功[b-voz41vc056] {
    background: #f0f9ff;
    color: #67c23a;
}

.log-level.警告[b-voz41vc056] {
    background: #fdf6ec;
    color: #e6a23c;
}

.log-level.错误[b-voz41vc056] {
    background: #fef0f0;
    color: #f56c6c;
}

.log-level.信息[b-voz41vc056] {
    background: #ecf5ff;
    color: #409eff;
}

.log-message[b-voz41vc056] {
    font-size: 14px;
    color: #303133;
    font-weight: 500;
    margin-bottom: 4px;
}

.log-details[b-voz41vc056] {
    font-size: 13px;
    color: #606266;
    padding-left: 12px;
    border-left: 2px solid #dcdfe6;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .initialization-grid[b-voz41vc056] {
        grid-template-columns: 1fr;
    }

    .region-grid[b-voz41vc056] {
        grid-template-columns: 1fr;
    }

    .header-content[b-voz41vc056] {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }

    .header-right[b-voz41vc056] {
        width: 100%;
    }

    .batch-operations[b-voz41vc056],
    .action-buttons[b-voz41vc056] {
        flex-direction: column;
    }

    .batch-operations button[b-voz41vc056],
    .action-buttons button[b-voz41vc056] {
        width: 100%;
    }
}
/* /Components/Pages/Sys/DictionaryStatisticsComponent.razor.rz.scp.css */
/* ====================================================================
   数据字典管理 - 统一背景色统计界面样式（左右布局）
   设计理念: 极简、专注、可隐藏、统一背景、左右结构
   参考统一港口管理的UI设计
   ==================================================================== */

/* 主容器 - 统一背景色 */
.stats-dashboard[b-f9lr9pq0cn] {
    background: #f8f9fa !important;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    margin-bottom: 1rem;
    overflow: hidden;
}

/* 标题区域 - 稍深背景 */
.dashboard-header[b-f9lr9pq0cn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    border-bottom: 1px solid #e9ecef;
    background: #f1f3f4 !important;
}

.header-content h2[b-f9lr9pq0cn] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #343a40 !important;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header-content h2 i[b-f9lr9pq0cn] {
    color: #6c757d !important;
    font-size: 1rem;
}

.header-actions[b-f9lr9pq0cn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* 隐藏实时指示器 */
.refresh-indicator[b-f9lr9pq0cn] {
    display: none !important;
}

.indicator-dot[b-f9lr9pq0cn] {
    display: none !important;
}

@keyframes pulse-b-f9lr9pq0cn {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* 折叠按钮 - 统一背景色 */
.toggle-btn[b-f9lr9pq0cn] {
    width: 28px;
    height: 28px;
    border: 1px solid #dee2e6;
    background: #ffffff !important;
    border-radius: 4px;
    color: #6c757d !important;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
}

.toggle-btn:hover[b-f9lr9pq0cn] {
    background: #f8f9fa !important;
    border-color: #adb5bd;
    color: #495057 !important;
}

.toggle-btn:active[b-f9lr9pq0cn] {
    transform: scale(0.95);
}

/* 统计容器 */
.stats-container[b-f9lr9pq0cn] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.stats-container.expanded[b-f9lr9pq0cn] {
    max-height: 200px; /* 增加高度以支持更多统计项 */
    opacity: 1;
    padding: 0.75rem;
}

.stats-container.collapsed[b-f9lr9pq0cn] {
    max-height: 0;
    opacity: 0;
    padding: 0 0.75rem;
}

/* 统计网格 - 支持更灵活的布局 */
.stats-grid[b-f9lr9pq0cn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
}

/* 统计卡片 - 统一背景色 */
.stat-tile[b-f9lr9pq0cn] {
    background: #ffffff !important;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 0.75rem;
    transition: all 0.2s ease;
    min-height: 70px;
}

.stat-tile:hover[b-f9lr9pq0cn] {
    border-color: #dee2e6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}

/* 卡片内容 - 左右布局 */
.tile-content[b-f9lr9pq0cn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    height: 100%;
}

.tile-icon[b-f9lr9pq0cn] {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

/* 数据字典专用图标颜色 - 统一配色方案 */
.dict-total-icon[b-f9lr9pq0cn] {
    background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%) !important;
    color: #2e7d32 !important;
    border: 1px solid #e8f5e8;
}

.dict-enabled-icon[b-f9lr9pq0cn] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    color: #1976d2 !important;
    border: 1px solid #e3f2fd;
}

.dict-disabled-icon[b-f9lr9pq0cn] {
    background: linear-gradient(135deg, #fce4ec 0%, #f8bbd9 100%) !important;
    color: #c2185b !important;
    border: 1px solid #fce4ec;
}

.dict-types-icon[b-f9lr9pq0cn] {
    background: linear-gradient(135deg, #fff3e0 0%, #ffcc02 100%) !important;
    color: #f57c00 !important;
    border: 1px solid #fff3e0;
}

.dict-percent-icon[b-f9lr9pq0cn] {
    background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%) !important;
    color: #00796b !important;
    border: 1px solid #e0f2f1;
}

.dict-average-icon[b-f9lr9pq0cn] {
    background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%) !important;
    color: #7b1fa2 !important;
    border: 1px solid #f3e5f5;
}

/* 指标信息区域 */
.metric-info[b-f9lr9pq0cn] {
    flex: 1;
    min-width: 0;
}

.metric-value[b-f9lr9pq0cn] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #495057 !important;
    line-height: 1.2;
    margin-bottom: 0.125rem;
}

.metric-label[b-f9lr9pq0cn] {
    font-size: 0.75rem;
    color: #6c757d !important;
    font-weight: 500;
    line-height: 1;
}

/* 折叠状态下的动画 */
.stats-container.collapsed .stat-tile[b-f9lr9pq0cn] {
    transform: translateY(-10px);
    opacity: 0;
}

.stats-container.expanded .stat-tile[b-f9lr9pq0cn] {
    transform: translateY(0);
    opacity: 1;
    transition: all 0.3s ease;
}

.stats-container.expanded .stat-tile:nth-child(1)[b-f9lr9pq0cn] { transition-delay: 0.1s; }
.stats-container.expanded .stat-tile:nth-child(2)[b-f9lr9pq0cn] { transition-delay: 0.15s; }
.stats-container.expanded .stat-tile:nth-child(3)[b-f9lr9pq0cn] { transition-delay: 0.2s; }
.stats-container.expanded .stat-tile:nth-child(4)[b-f9lr9pq0cn] { transition-delay: 0.25s; }
.stats-container.expanded .stat-tile:nth-child(5)[b-f9lr9pq0cn] { transition-delay: 0.3s; }
.stats-container.expanded .stat-tile:nth-child(6)[b-f9lr9pq0cn] { transition-delay: 0.35s; }

/* 响应式设计 */
@media (max-width: 640px) {
    .dashboard-header[b-f9lr9pq0cn] {
        padding: 0.5rem;
    }

    .header-content h2[b-f9lr9pq0cn] {
        font-size: 1rem;
    }

    .header-actions[b-f9lr9pq0cn] {
        gap: 0.5rem;
    }

    .toggle-btn[b-f9lr9pq0cn] {
        width: 24px;
        height: 24px;
        font-size: 0.625rem;
    }

    .stats-container.expanded[b-f9lr9pq0cn] {
        padding: 0.5rem;
        max-height: 240px; /* 移动端增加高度 */
    }

    .stats-grid[b-f9lr9pq0cn] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .stat-tile[b-f9lr9pq0cn] {
        padding: 0.5rem;
        min-height: 60px;
    }

    .tile-content[b-f9lr9pq0cn] {
        gap: 0.5rem;
    }

    .tile-icon[b-f9lr9pq0cn] {
        width: 32px;
        height: 32px;
        font-size: 0.9rem;
    }

    .metric-value[b-f9lr9pq0cn] {
        font-size: 1.25rem;
    }

    .metric-label[b-f9lr9pq0cn] {
        font-size: 0.625rem;
    }
}

@media (min-width: 768px) {
    .stats-grid[b-f9lr9pq0cn] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1024px) {
    .stats-grid[b-f9lr9pq0cn] {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        max-width: none;
    }

    .tile-content[b-f9lr9pq0cn] {
        gap: 1rem;
    }

    .tile-icon[b-f9lr9pq0cn] {
        width: 44px;
        height: 44px;
        font-size: 1.2rem;
    }

    .metric-value[b-f9lr9pq0cn] {
        font-size: 1.6rem;
    }

    .metric-label[b-f9lr9pq0cn] {
        font-size: 0.8rem;
    }
}

@media (min-width: 1200px) {
    .stats-grid[b-f9lr9pq0cn] {
        grid-template-columns: repeat(6, 1fr); /* 大屏幕显示6列 */
    }
}

/* 深色模式强制覆盖 */
@media (prefers-color-scheme: dark) {
    /* 保持统一浅色覆盖深色模式 */
    .stats-dashboard[b-f9lr9pq0cn] {
        background: #f8f9fa !important;
        border-color: #e9ecef !important;
    }

    .dashboard-header[b-f9lr9pq0cn] {
        background: #f1f3f4 !important;
        border-color: #e9ecef !important;
    }

    .header-content h2[b-f9lr9pq0cn] {
        color: #343a40 !important;
    }

    .header-content h2 i[b-f9lr9pq0cn] {
        color: #6c757d !important;
    }

    /* 确保深色模式下也隐藏实时指示器 */
    .refresh-indicator[b-f9lr9pq0cn] {
        display: none !important;
    }

    .indicator-dot[b-f9lr9pq0cn] {
        display: none !important;
    }

    .toggle-btn[b-f9lr9pq0cn] {
        background: #ffffff !important;
        border-color: #dee2e6 !important;
        color: #6c757d !important;
    }

    .toggle-btn:hover[b-f9lr9pq0cn] {
        background: #f8f9fa !important;
        border-color: #adb5bd !important;
        color: #495057 !important;
    }

    .stat-tile[b-f9lr9pq0cn] {
        background: #ffffff !important;
        border-color: #e9ecef !important;
    }

    .stat-tile:hover[b-f9lr9pq0cn] {
        border-color: #dee2e6 !important;
    }

    .metric-value[b-f9lr9pq0cn] {
        color: #495057 !important;
    }

    .metric-label[b-f9lr9pq0cn] {
        color: #6c757d !important;
    }

    /* 强制覆盖深色模式下的图标颜色 */
    .dict-total-icon[b-f9lr9pq0cn] {
        background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%) !important;
        color: #2e7d32 !important;
        border-color: #e8f5e8 !important;
    }

    .dict-enabled-icon[b-f9lr9pq0cn] {
        background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
        color: #1976d2 !important;
        border-color: #e3f2fd !important;
    }

    .dict-disabled-icon[b-f9lr9pq0cn] {
        background: linear-gradient(135deg, #fce4ec 0%, #f8bbd9 100%) !important;
        color: #c2185b !important;
        border-color: #fce4ec !important;
    }

    .dict-types-icon[b-f9lr9pq0cn] {
        background: linear-gradient(135deg, #fff3e0 0%, #ffcc02 100%) !important;
        color: #f57c00 !important;
        border-color: #fff3e0 !important;
    }

    .dict-percent-icon[b-f9lr9pq0cn] {
        background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%) !important;
        color: #00796b !important;
        border-color: #e0f2f1 !important;
    }

    .dict-average-icon[b-f9lr9pq0cn] {
        background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%) !important;
        color: #7b1fa2 !important;
        border-color: #f3e5f5 !important;
    }
}

/* 打印时始终展开 */
@media print {
    .stats-container[b-f9lr9pq0cn] {
        max-height: none !important;
        opacity: 1 !important;
        padding: 0.75rem !important;
    }

    .toggle-btn[b-f9lr9pq0cn] {
        display: none;
    }

    /* 打印时也隐藏实时指示器 */
    .refresh-indicator[b-f9lr9pq0cn] {
        display: none !important;
    }

    /* 打印时的统一色彩 */
    .dict-total-icon[b-f9lr9pq0cn] {
        background: #e8f5e8 !important;
        color: #2e7d32 !important;
        border: 1px solid #c8e6c9 !important;
    }

    .dict-enabled-icon[b-f9lr9pq0cn] {
        background: #e3f2fd !important;
        color: #1976d2 !important;
        border: 1px solid #bbdefb !important;
    }

    .dict-disabled-icon[b-f9lr9pq0cn] {
        background: #fce4ec !important;
        color: #c2185b !important;
        border: 1px solid #f8bbd9 !important;
    }

    .dict-types-icon[b-f9lr9pq0cn] {
        background: #fff3e0 !important;
        color: #f57c00 !important;
        border: 1px solid #ffcc02 !important;
    }

    .dict-percent-icon[b-f9lr9pq0cn] {
        background: #e0f2f1 !important;
        color: #00796b !important;
        border: 1px solid #b2dfdb !important;
    }

    .dict-average-icon[b-f9lr9pq0cn] {
        background: #f3e5f5 !important;
        color: #7b1fa2 !important;
        border: 1px solid #e1bee7 !important;
    }
}
/* /Components/Pages/Sys/ExchangeRateConfigPage.razor.rz.scp.css */
/* 汇率配置页面的Tab样式 */
.exchange-rate-tabs .nav-tabs[b-5qnqeylm90] {
    border-bottom: 2px solid #dee2e6;
    background: #f8f9fa;
    border-radius: 8px 8px 0 0;
    padding: 4px;
    margin-bottom: 0;
}

.exchange-rate-tabs .nav-link[b-5qnqeylm90] {
    border: none;
    border-radius: 6px;
    color: #6c757d;
    font-weight: 500;
    padding: 0.75rem 1.5rem;
    transition: all 0.2s ease-in-out;
    margin: 0 2px;
    background: transparent;
}

.exchange-rate-tabs .nav-link:hover[b-5qnqeylm90] {
    background-color: #ffffff;
    color: #495057;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.exchange-rate-tabs .nav-link.active[b-5qnqeylm90] {
    color: #0d6efd;
    background-color: #ffffff;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.exchange-rate-tabs .nav-link i[b-5qnqeylm90] {
    margin-right: 0.5rem;
    font-size: 1.1em;
}

/* Tab内容区域样式 */
.exchange-rate-tabs .tab-content[b-5qnqeylm90] {
    padding-top: 0;
    background: #ffffff;
    border-radius: 0 0 8px 8px;
    border: 1px solid #dee2e6;
    border-top: none;
}

.exchange-rate-tabs .tab-pane[b-5qnqeylm90] {
    min-height: 500px;
    padding: 1.5rem;
}

/* 卡片优化 */
.exchange-rate-tabs .card[b-5qnqeylm90] {
    border: none;
    border-radius: 8px;
    box-shadow: none;
    background: transparent;
}

.exchange-rate-tabs .card-header[b-5qnqeylm90] {
    background: #f8f9fa;
    border-bottom: 2px solid #e9ecef;
    border-radius: 8px 8px 0 0;
    padding: 1rem 1.25rem;
}

.exchange-rate-tabs .card-header h5[b-5qnqeylm90] {
    color: #495057;
    font-weight: 600;
}

.exchange-rate-tabs .card-body[b-5qnqeylm90] {
    padding: 1.25rem;
    background: #ffffff;
    border-radius: 0 0 8px 8px;
}

/* 信息提示样式优化 */
.exchange-rate-tabs .alert[b-5qnqeylm90] {
    border-radius: 6px;
    border: none;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.exchange-rate-tabs .alert-info[b-5qnqeylm90] {
    background: linear-gradient(135deg, #e7f3ff 0%, #f0f9ff 100%);
    color: #0969da;
    border-left: 4px solid #0969da;
}

/* 表格样式优化 */
.exchange-rate-tabs .table[b-5qnqeylm90] {
    font-size: 0.875rem;
    margin-bottom: 0;
}

.exchange-rate-tabs .table th[b-5qnqeylm90] {
    background: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    font-weight: 600;
    color: #495057;
    padding: 0.75rem 0.5rem;
    white-space: nowrap;
}

.exchange-rate-tabs .table td[b-5qnqeylm90] {
    padding: 0.75rem 0.5rem;
    vertical-align: middle;
    border-bottom: 1px solid #f1f3f4;
}

.exchange-rate-tabs .table tbody tr:hover[b-5qnqeylm90] {
    background-color: rgba(13, 110, 253, 0.05);
}

.exchange-rate-tabs .table tbody tr.table-secondary[b-5qnqeylm90] {
    background-color: rgba(108, 117, 125, 0.1);
}

/* 按钮组优化 */
.exchange-rate-tabs .btn-group-sm .btn[b-5qnqeylm90] {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 4px;
}

.exchange-rate-tabs .btn-group-sm .btn:not(:last-child)[b-5qnqeylm90] {
    border-right: none;
}

.exchange-rate-tabs .btn-group-sm .btn:first-child[b-5qnqeylm90] {
    border-radius: 4px 0 0 4px;
}

.exchange-rate-tabs .btn-group-sm .btn:last-child[b-5qnqeylm90] {
    border-radius: 0 4px 4px 0;
}

/* 徽章样式 */
.exchange-rate-tabs .badge[b-5qnqeylm90] {
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

/* 搜索和过滤区域 */
.exchange-rate-tabs .form-control[b-5qnqeylm90],
.exchange-rate-tabs .form-select[b-5qnqeylm90] {
    font-size: 0.875rem;
    border-radius: 6px;
    border: 1px solid #ced4da;
    padding: 0.5rem 0.75rem;
}

.exchange-rate-tabs .form-control:focus[b-5qnqeylm90],
.exchange-rate-tabs .form-select:focus[b-5qnqeylm90] {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

/* 模态框样式优化 */
.exchange-rate-tabs .modal-content[b-5qnqeylm90] {
    border-radius: 8px;
    border: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.exchange-rate-tabs .modal-header[b-5qnqeylm90] {
    background: #f8f9fa;
    border-bottom: 2px solid #e9ecef;
    border-radius: 8px 8px 0 0;
    padding: 1rem 1.5rem;
}

.exchange-rate-tabs .modal-body[b-5qnqeylm90] {
    padding: 1.5rem;
}

.exchange-rate-tabs .modal-footer[b-5qnqeylm90] {
    background: #f8f9fa;
    border-top: 1px solid #e9ecef;
    border-radius: 0 0 8px 8px;
    padding: 1rem 1.5rem;
}

/* 表单验证样式 */
.exchange-rate-tabs .is-invalid[b-5qnqeylm90] {
    border-color: #dc3545;
}

.exchange-rate-tabs .invalid-feedback[b-5qnqeylm90] {
    display: block;
    color: #dc3545;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

/* 加载状态 */
.exchange-rate-tabs .spinner-border-sm[b-5qnqeylm90] {
    width: 1rem;
    height: 1rem;
}

/* 响应式优化 */
@media (max-width: 768px) {
    .exchange-rate-tabs .nav-link[b-5qnqeylm90] {
        padding: 0.5rem 1rem;
        font-size: 0.875rem;
    }
    
    .exchange-rate-tabs .nav-link i[b-5qnqeylm90] {
        margin-right: 0.25rem;
    }
    
    .exchange-rate-tabs .tab-pane[b-5qnqeylm90] {
        padding: 1rem;
        min-height: 400px;
    }
    
    .exchange-rate-tabs .card-header[b-5qnqeylm90],
    .exchange-rate-tabs .card-body[b-5qnqeylm90] {
        padding: 1rem;
    }
    
    .exchange-rate-tabs .table[b-5qnqeylm90] {
        font-size: 0.8rem;
    }
    
    .exchange-rate-tabs .table th[b-5qnqeylm90],
    .exchange-rate-tabs .table td[b-5qnqeylm90] {
        padding: 0.5rem 0.25rem;
    }
}

@media (max-width: 576px) {
    .exchange-rate-tabs .nav-tabs[b-5qnqeylm90] {
        padding: 2px;
    }
    
    .exchange-rate-tabs .nav-link[b-5qnqeylm90] {
        padding: 0.5rem 0.75rem;
        font-size: 0.8rem;
    }
    
    .exchange-rate-tabs .tab-pane[b-5qnqeylm90] {
        padding: 0.75rem;
    }
    
    .exchange-rate-tabs .btn-group-sm[b-5qnqeylm90] {
        flex-direction: column;
    }
    
    .exchange-rate-tabs .btn-group-sm .btn[b-5qnqeylm90] {
        border-radius: 4px !important;
        border-right: 1px solid #dee2e6 !important;
        margin-bottom: 2px;
    }
}

/* 页面标题优化 */
.exchange-rate-tabs h3[b-5qnqeylm90] {
    color: #2c3e50;
    font-weight: 700;
}

.exchange-rate-tabs h3 i[b-5qnqeylm90] {
    color: #0d6efd;
}

.exchange-rate-tabs h3 small[b-5qnqeylm90] {
    font-weight: 400;
    color: #6c757d;
}

/* 统计信息样式 */
.exchange-rate-tabs .text-end small[b-5qnqeylm90] {
    font-size: 0.8rem;
    color: #6c757d;
}

/* 动画效果 */
.exchange-rate-tabs .tab-pane[b-5qnqeylm90] {
    animation: fadeIn-b-5qnqeylm90 0.3s ease;
}

@keyframes fadeIn-b-5qnqeylm90 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 表格滚动条美化 */
.exchange-rate-tabs .table-responsive[b-5qnqeylm90]::-webkit-scrollbar {
    height: 6px;
}

.exchange-rate-tabs .table-responsive[b-5qnqeylm90]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.exchange-rate-tabs .table-responsive[b-5qnqeylm90]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.exchange-rate-tabs .table-responsive[b-5qnqeylm90]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}
/* /Components/Pages/Sys/PermissionDiagnosticsPage.razor.rz.scp.css */
.menu-permission-cache .card-title[b-z0ytbc5dek] { font-size: 1.5rem; }
.menu-permission-cache .card-text[b-z0ytbc5dek] { color: #6c757d; }

/* 日志滚动区域的样式（如果需要） */
.menu-permission-logs[b-z0ytbc5dek] { max-height: 300px; overflow-y: auto; }
/* /Components/Pages/Sys/ReportPreviewPage.razor.rz.scp.css */
.report-preview-container[b-u010sx7gov] {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #fff;
}

.report-viewer-host[b-u010sx7gov] {
    width: 100%;
    height: 100%;
}

.report-viewer-host[b-u010sx7gov]  > div,
.report-viewer-host[b-u010sx7gov]  .dxbrv-wrapper,
.report-viewer-host[b-u010sx7gov]  .dxbrv-report-preview,
.report-viewer-host[b-u010sx7gov]  .dxbrv-report-preview-content,
.report-viewer-host[b-u010sx7gov]  .dxbrv-surface-wrapper {
    width: 100%;
    height: 100%;
}

.report-viewer-host[b-u010sx7gov]  .dxbrv-wrapper,
.report-viewer-host[b-u010sx7gov]  .dxbrv-report-preview,
.report-viewer-host[b-u010sx7gov]  .dxbrv-report-preview-content {
    display: flex;
    flex-direction: column;
    min-height: 0;
}
/* /Components/Pages/Sys/ReportTemplateMgrPage.razor.rz.scp.css */
.report-template-toolbar[b-wrdh0a4wng] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.report-template-permission-bar[b-wrdh0a4wng] {
    flex-wrap: wrap;
}

.report-template-permission-bar[b-wrdh0a4wng]  .permission-action-bar {
    flex-wrap: wrap;
}

.report-template-permission-bar[b-wrdh0a4wng]  .dxbl-btn-group {
    flex-wrap: wrap;
}
/* /Components/Pages/UserManagers/UserMgrs.razor.rz.scp.css */
body[b-z734xca844] {
}

.row[b-z734xca844] {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
    padding-left: 4px;
}

    .row > div[b-z734xca844] {
        padding-bottom: 4px;
    }

.user-manager-grid[b-z734xca844] {
    min-height: 420px;
}

.user-manager-actions[b-z734xca844] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.role-check-item[b-z734xca844] {
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    background-color: var(--bs-body-bg);
}
/* /Components/Pages/Workflow/WorkflowDefinitionMgr.razor.rz.scp.css */
/* 工作流定义管理页面样式 */
.container-fluid[data-page="workflow-definitions-mgr"][b-mvremplgur] {
    min-height: 100vh;
    background-color: #f8f9fa;
}

/* 页面头部样式 - 参考统一港口管理页面 */
.page-header-light[b-mvremplgur] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 0.75rem 1rem !important;
    margin-bottom: 0.5rem;
    overflow: hidden;
}

/* 保证最小高度一致 */
.page-header-light .d-flex[b-mvremplgur] {
    min-height: 56px;
    align-items: center;
}

.page-icon-lg[b-mvremplgur] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(13, 110, 253, 0.1);
    border-radius: 12px;
    font-size: 20px;
}

.page-title[b-mvremplgur] {
    color: #212529;
    margin: 0;
    font-weight: 600;
    font-size: 1.5rem;
}

.page-title + small[b-mvremplgur] {
    color: #6c757d;
    font-size: 0.875rem;
}

/* 统计预览样式 - 与统一港口管理页面保持一致 */
.stats-preview[b-mvremplgur] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 1rem;
    background: white;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-right: 0.75rem;
}

.stat-preview-item[b-mvremplgur] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 60px;
}

.stat-preview-label[b-mvremplgur] {
    font-size: 0.75rem;
    color: #6c757d;
    margin-bottom: 2px;
    font-weight: 500;
    line-height: 1;
}

.stat-preview-value[b-mvremplgur] {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
}

/* 头部操作区域 */
.header-actions[b-mvremplgur] {
    gap: 0.5rem;
}

/* 主内容卡片 */
.main-content-card[b-mvremplgur] {
    border: none;
    border-radius: 12px;
    background: white;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.main-content-card .card-body[b-mvremplgur] {
    padding: 1.5rem;
}

/* 搜索区域样式 */
.input-group-text[b-mvremplgur] {
    border: 1px solid #e9ecef;
    background-color: #f8f9fa;
    border-radius: 8px 0 0 8px;
}

.input-group .form-control[b-mvremplgur] {
    border: 1px solid #e9ecef;
    border-left: none;
}

.input-group .btn[b-mvremplgur] {
    border-radius: 8px;
}

/* 表格样式优化 */
.table[b-mvremplgur] {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.table th[b-mvremplgur] {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    font-weight: 600;
    color: #495057;
    padding: 1rem 0.75rem;
}

.table td[b-mvremplgur] {
    padding: 0.875rem 0.75rem;
    vertical-align: middle;
    border-bottom: 1px solid #f0f0f0;
}

.table tbody tr:hover[b-mvremplgur] {
    background-color: #f8f9fa;
    transition: background-color 0.2s ease;
}

/* 徽章样式 */
.badge[b-mvremplgur] {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-weight: 500;
}

/* 字体样式 */
.font-monospace[b-mvremplgur] {
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 0.875rem;
}

.fw-medium[b-mvremplgur] {
    font-weight: 500;
}

/* 按钮组样式 */
.btn-group .btn[b-mvremplgur] {
    border-radius: 6px;
    margin-right: 0.25rem;
}

.btn-group .btn:last-child[b-mvremplgur] {
    margin-right: 0;
}

/* 操作按钮样式 */
.btn-outline-secondary[b-mvremplgur] {
    border-color: #d1d5db;
    color: #6b7280;
}

.btn-outline-secondary:hover[b-mvremplgur] {
    background-color: #f3f4f6;
    border-color: #9ca3af;
    color: #374151;
}

.btn-outline-success[b-mvremplgur] {
    border-color: #10b981;
    color: #059669;
}

.btn-outline-success:hover[b-mvremplgur] {
    background-color: #d1fae5;
    border-color: #059669;
    color: #047857;
}
.btn[b-mvremplgur]
{

}

/* ===== 表格操作列按钮文字样式修复 ===== */
/* 修复按钮图标和文字颜色对比度问题 */

/* 确保表格操作列按钮的图标和文字使用正确的颜色 */
.table .btn i[b-mvremplgur] {
    margin-right: 0.25rem;
}

/* 修复按钮文字颜色 - 确保与背景色有足够对比度 */
.table .btn-info[b-mvremplgur],
.table .btn-info i[b-mvremplgur] {
    color: #ffffff !important;
}

.table .btn-primary[b-mvremplgur],
.table .btn-primary i[b-mvremplgur] {
    color: #ffffff !important;
}

.table .btn-success[b-mvremplgur],
.table .btn-success i[b-mvremplgur] {
    color: #ffffff !important;
}

.table .btn-warning[b-mvremplgur],
.table .btn-warning i[b-mvremplgur] {
    color: #000000 !important;
}

.table .btn-danger[b-mvremplgur],
.table .btn-danger i[b-mvremplgur] {
    color: #ffffff !important;
}

.table .btn-secondary[b-mvremplgur],
.table .btn-secondary i[b-mvremplgur] {
    color: #ffffff !important;
}

.table .btn-light[b-mvremplgur],
.table .btn-light i[b-mvremplgur] {
    color: #000000 !important;
}

.table .btn-dark[b-mvremplgur],
.table .btn-dark i[b-mvremplgur] {
    color: #ffffff !important;
}

/* outline 按钮变体 */
.table .btn-outline-info[b-mvremplgur] {
    color: #0dcaf0 !important;
}

.table .btn-outline-info i[b-mvremplgur] {
    color: #0dcaf0 !important;
}

.table .btn-outline-info:hover[b-mvremplgur],
.table .btn-outline-info:hover i[b-mvremplgur] {
    color: #ffffff !important;
}

.table .btn-outline-primary[b-mvremplgur] {
    color: #0d6efd !important;
}

.table .btn-outline-primary i[b-mvremplgur] {
    color: #0d6efd !important;
}

.table .btn-outline-primary:hover[b-mvremplgur],
.table .btn-outline-primary:hover i[b-mvremplgur] {
    color: #ffffff !important;
}

.table .btn-outline-success[b-mvremplgur] {
    color: #198754 !important;
}

.table .btn-outline-success i[b-mvremplgur] {
    color: #198754 !important;
}

.table .btn-outline-success:hover[b-mvremplgur],
.table .btn-outline-success:hover i[b-mvremplgur] {
    color: #ffffff !important;
}

.table .btn-outline-warning[b-mvremplgur] {
    color: #ffc107 !important;
}

.table .btn-outline-warning i[b-mvremplgur] {
    color: #ffc107 !important;
}

.table .btn-outline-warning:hover[b-mvremplgur],
.table .btn-outline-warning:hover i[b-mvremplgur] {
    color: #000000 !important;
}

.table .btn-outline-danger[b-mvremplgur] {
    color: #dc3545 !important;
}

.table .btn-outline-danger i[b-mvremplgur] {
    color: #dc3545 !important;
}

.table .btn-outline-danger:hover[b-mvremplgur],
.table .btn-outline-danger:hover i[b-mvremplgur] {
    color: #ffffff !important;
}

.table .btn-outline-secondary[b-mvremplgur] {
    color: #6c757d !important;
}

.table .btn-outline-secondary i[b-mvremplgur] {
    color: #6c757d !important;
}

.table .btn-outline-secondary:hover[b-mvremplgur],
.table .btn-outline-secondary:hover i[b-mvremplgur] {
    color: #ffffff !important;
}

/* 确保按钮内容使用 flexbox 布局，图标和文字正确对齐 */
.table .btn[b-mvremplgur] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    white-space: nowrap;
}

/* 小尺寸按钮 */
.table .btn-sm[b-mvremplgur],
.table .btn-xs[b-mvremplgur] {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}

/* 超小尺寸按钮 */
.table .btn-xs[b-mvremplgur] {
    padding: 0.125rem 0.375rem;
    font-size: 0.7rem;
}

/* 只有图标的按钮 */
.table .btn i:only-child[b-mvremplgur] {
    margin-right: 0;
}

/* 响应式设计 - 与统一港口管理页面保持一致 */
@media (max-width: 1200px) {
    .stats-preview[b-mvremplgur] {
        gap: 0.75rem;
        padding: 0.375rem 0.75rem;
    }
    
    .stat-preview-item[b-mvremplgur] {
        min-width: 50px;
    }
    
    .stat-preview-label[b-mvremplgur] {
        font-size: 0.7rem;
    }
    
    .stat-preview-value[b-mvremplgur] {
        font-size: 1rem;
    }
}

@media (max-width: 992px) {
    .stats-preview[b-mvremplgur] {
        display: none !important; /* 在中等屏幕隐藏统计预览 */
    }
    
    .page-header-light .d-flex[b-mvremplgur] {
      gap: 0.5rem;
  }
}

@media (max-width: 768px) {
    .page-header-light[b-mvremplgur] {
      padding: 0.5rem 0.75rem !important;
        margin-bottom: 0.375rem;
    }
    
    .page-icon-lg[b-mvremplgur] {
        width: 40px; 
        height: 40px;
        font-size: 1.25rem; 
        border-radius: 10px;
    }
    
.page-title[b-mvremplgur] {
        font-size: 1.125rem !important; 
    }
    
    .page-header-light .d-flex[b-mvremplgur] {
        min-height: 48px;
 flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
  }
  
    .header-actions[b-mvremplgur] {
   justify-content: center;
    }
  
    .main-content-card .card-body[b-mvremplgur] {
     padding: 1rem;
    }
    
    .table[b-mvremplgur] {
 font-size: 0.875rem;
    }
    
    .btn-group[b-mvremplgur] {
        flex-wrap: wrap;
        gap: 0.25rem;
    }
}

@media (max-width: 576px) {
    .page-header-light[b-mvremplgur] {
   padding: 0.375rem 0.5rem !important;
        margin-bottom: 0.25rem;
    }

    .page-icon-lg[b-mvremplgur] {
     width: 36px;
        height: 36px;
        font-size: 1.125rem;
     border-radius: 8px;
    }

    .page-title[b-mvremplgur] {
        font-size: 1rem !important;
    }
    
    .table td[b-mvremplgur], .table th[b-mvremplgur] {
        padding: 0.5rem 0.375rem;
    }
}

/* 页面动画 */
.main-content-card[b-mvremplgur] {
    animation: fadeInUp-b-mvremplgur 0.5s ease-out;
}

@keyframes fadeInUp-b-mvremplgur {
  from {
      opacity: 0;
     transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 加载状态样式 */
.loading-overlay[b-mvremplgur] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
justify-content: center;
 z-index: 1000;
}

.loading-spinner[b-mvremplgur] {
    width: 2rem;
    height: 2rem;
    border: 0.25rem solid #f3f3f3;
    border-radius: 50%;
    border-top: 0.25rem solid #007bff;
    animation: spin-b-mvremplgur 1s linear infinite;
}

@keyframes spin-b-mvremplgur {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 空数据状态样式 */
.empty-state[b-mvremplgur] {
    text-align: center;
    padding: 3rem 1rem;
 color: #6c757d;
}

.empty-state i[b-mvremplgur] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state h5[b-mvremplgur] {
    margin-bottom: 0.5rem;
    color: #495057;
}

.empty-state p[b-mvremplgur] {
    margin-bottom: 0;
    font-size: 0.875rem;
}
/* /Components/Pages/Workflow/WorkflowManagement.razor.rz.scp.css */
.workflow-management[b-i5lskd13it] { 
    padding: 1rem; 
}

.page-header[b-i5lskd13it] { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    margin-bottom: 1rem; 
}

.page-title[b-i5lskd13it] { 
    margin: 0; 
    display: flex; 
    align-items: center; 
    gap: 0.5rem; 
}

.page-actions .btn[b-i5lskd13it] { 
    margin-left: 0.5rem; 
}

/* filter layout */
.filter-section[b-i5lskd13it] { 
    display: flex; 
    gap: 1rem; 
    flex-wrap: wrap; 
    margin-bottom: 1rem; 
    align-items: flex-end; 
}

.filter-group[b-i5lskd13it] { 
    display: flex; 
    flex-direction: column; 
    min-width: 160px; 
}

.filter-group.ms-auto[b-i5lskd13it] { 
    margin-left: auto; 
    display: flex; 
    align-items: flex-end; 
}

.workflow-list-container[b-i5lskd13it] { 
    min-height: 200px; 
}

.loading-spinner[b-i5lskd13it] { 
    display: flex; 
    align-items: center; 
    gap: 0.5rem; 
    color: #6c757d; 
}

.workflow-grid[b-i5lskd13it] { 
    display: grid; 
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); 
    gap: 1rem; 
}

.workflow-card[b-i5lskd13it] { 
    border: 1px solid #e9ecef; 
    border-radius: 8px; 
    padding: 0.75rem; 
    background: #fff; 
    display: flex; 
    flex-direction: column;
    transition: all 0.3s ease;
}

.workflow-card.enabled[b-i5lskd13it] { 
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04); 
}

.workflow-card.disabled[b-i5lskd13it] { 
    opacity: 0.7; 
}

.workflow-card:hover[b-i5lskd13it] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.card-header[b-i5lskd13it] { 
    display: flex; 
    justify-content: space-between; 
    align-items: flex-start; 
}

.workflow-info[b-i5lskd13it] { 
    display: flex; 
    flex-direction: column; 
}

.workflow-title[b-i5lskd13it] { 
    margin: 0; 
    font-size: 1.1rem;
    font-weight: 600;
}

.workflow-code[b-i5lskd13it] {
    font-size: 0.85rem;
    color: #6c757d;
    font-family: monospace;
}

.workflow-badges[b-i5lskd13it] { 
    display: flex; 
    gap: 0.5rem; 
    align-items: center;
    flex-wrap: wrap;
}

.badge[b-i5lskd13it] { 
    padding: 0.25rem 0.5rem; 
    border-radius: 4px; 
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
}

.badge-type[b-i5lskd13it] { 
    background: #f1f1f1; 
    color: #495057;
}

.badge-default[b-i5lskd13it] { 
    background: #fff3cd; 
    color: #856404; 
    border: 1px solid #ffeeba; 
}

.badge-status.enabled[b-i5lskd13it] { 
    background: #d4edda; 
    color: #155724; 
}

.badge-status.disabled[b-i5lskd13it] { 
    background: #f8d7da; 
    color: #721c24; 
}

.card-content[b-i5lskd13it] { 
    margin-top: 0.5rem; 
    flex: 1; 
}

.workflow-description[b-i5lskd13it] {
    color: #6c757d;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.workflow-details[b-i5lskd13it] { 
    display: flex; 
    gap: 1rem; 
    flex-wrap: wrap; 
    margin-top: 0.5rem; 
}

.detail-item[b-i5lskd13it] {
    font-size: 0.85rem;
}

.detail-item label[b-i5lskd13it] { 
    font-weight: 600; 
    margin-right: 0.25rem; 
    color: #495057;
}

.detail-item span[b-i5lskd13it] {
    color: #6c757d;
}

/* 修复操作按钮显示问题 - 确保始终可见 */
.card-actions[b-i5lskd13it] { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #f0f0f0;
    opacity: 1; /* 确保始终可见 */
    visibility: visible; /* 确保始终可见 */
}

.action-group[b-i5lskd13it] { 
    display: flex; 
    gap: 0.25rem;
    flex-wrap: wrap;
}

.action-group .btn[b-i5lskd13it] { 
    margin-right: 0;
    font-size: 0.8rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    opacity: 1; /* 确保按钮始终可见 */
    visibility: visible; /* 确保按钮始终可见 */
}

/* 移除任何可能导致按钮隐藏的样式 */
.workflow-card .btn[b-i5lskd13it] {
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-flex !important;
    align-items: center;
    gap: 0.25rem;
}

.workflow-card .btn i[b-i5lskd13it] {
    font-size: 0.75rem;
}

/* 自定义查看按钮样式 - 紫色主题 */
.workflow-card .btn-info[b-i5lskd13it] {
    background-color: #6f42c1 !important;
    border-color: #6f42c1 !important;
    color: white !important;
}

.workflow-card .btn-info:hover[b-i5lskd13it] {
    background-color: #5a359a !important;
    border-color: #5a359a !important;
    color: white !important;
}

.workflow-card .btn-info:focus[b-i5lskd13it],
.workflow-card .btn-info:active[b-i5lskd13it] {
    background-color: #5a359a !important;
    border-color: #5a359a !important;
    color: white !important;
    box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.25) !important;
}

.pagination-wrapper[b-i5lskd13it] { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    margin-top: 1rem; 
}

.pagination-info[b-i5lskd13it] {
    color: #6c757d;
    font-size: 0.9rem;
}

.empty-state[b-i5lskd13it] { 
    text-align: center; 
    padding: 2rem; 
    color: #6c757d; 
}

.empty-state i[b-i5lskd13it] {
    color: #dee2e6;
    margin-bottom: 1rem;
}

.empty-state h4[b-i5lskd13it] {
    color: #495057;
    margin-bottom: 0.5rem;
}

.empty-state p[b-i5lskd13it] {
    margin-bottom: 1.5rem;
}

/* 工作流类型样式 */
.type-hr[b-i5lskd13it] { 
    background: #e8f5e9; 
    color: #2e7d32;
}

.type-finance[b-i5lskd13it] { 
    background: #e3f2fd; 
    color: #1565c0;
}

.type-procurement[b-i5lskd13it] { 
    background: #fff3e0; 
    color: #ef6c00;
}

.type-it[b-i5lskd13it] { 
    background: #f3e5f5; 
    color: #7b1fa2;
}

.type-general[b-i5lskd13it] { 
    background: #f5f5f5; 
    color: #616161;
}

.type-default[b-i5lskd13it] { 
    background: #fafafa; 
    color: #757575;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .workflow-grid[b-i5lskd13it] {
        grid-template-columns: 1fr;
    }
    
    .filter-section[b-i5lskd13it] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-group.ms-auto[b-i5lskd13it] {
        margin-left: 0;
        margin-top: 1rem;
    }
    
    .page-header[b-i5lskd13it] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }
    
    .card-actions[b-i5lskd13it] {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .action-group[b-i5lskd13it] {
        justify-content: center;
    }
    
    .pagination-wrapper[b-i5lskd13it] {
        flex-direction: column;
        gap: 1rem;
    }
}
/* /Components/Pages/Workflow/WorkflowTaskCenter.razor.rz.scp.css */
.workflow-tasks[b-ia9e4f6k5q] {
    padding: 20px;
}

.workflow-tasks .card[b-ia9e4f6k5q] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.workflow-tasks .nav-tabs[b-ia9e4f6k5q] {
    border-bottom: 1px solid #dee2e6;
}

.workflow-tasks .nav-tabs .nav-link[b-ia9e4f6k5q] {
    color: #6c757d;
    border: 1px solid transparent;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.workflow-tasks .nav-tabs .nav-link:hover[b-ia9e4f6k5q] {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate;
}

.workflow-tasks .nav-tabs .nav-link.active[b-ia9e4f6k5q] {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.workflow-tasks .task-card[b-ia9e4f6k5q] {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    border: 1px solid #e0e0e0;
}

.workflow-tasks .task-card:hover[b-ia9e4f6k5q] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.workflow-tasks .task-card .card-header[b-ia9e4f6k5q] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
    padding: 0.75rem 1rem;
}

.workflow-tasks .task-card .card-body[b-ia9e4f6k5q] {
    padding: 1rem;
}

.workflow-tasks .task-card .card-footer[b-ia9e4f6k5q] {
    border-top: 1px solid #e0e0e0;
    padding: 0.75rem 1rem;
}

.workflow-tasks .task-card .card-title[b-ia9e4f6k5q] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #212529;
}

.workflow-tasks .task-card .card-text[b-ia9e4f6k5q] {
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
}

.workflow-tasks .badge[b-ia9e4f6k5q] {
    font-size: 0.75rem;
    padding: 0.375rem 0.5rem;
}

.workflow-tasks .btn-group .btn[b-ia9e4f6k5q] {
    flex: 1;
}

.workflow-tasks .btn-sm[b-ia9e4f6k5q] {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
}

.workflow-tasks .pagination[b-ia9e4f6k5q] {
    margin-bottom: 0;
}

.workflow-tasks .pagination .page-link[b-ia9e4f6k5q] {
    color: #0d6efd;
    border-color: #dee2e6;
}

.workflow-tasks .pagination .page-item.active .page-link[b-ia9e4f6k5q] {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.workflow-tasks h2[b-ia9e4f6k5q] {
    color: #495057;
    margin-bottom: 0;
}

.workflow-tasks .spinner-border[b-ia9e4f6k5q] {
    width: 3rem;
    height: 3rem;
}

.workflow-tasks .text-center .fa-tasks[b-ia9e4f6k5q] {
    opacity: 0.3;
}

/* 工作流任务中心样式 */
.workflow-task-center[b-ia9e4f6k5q] {
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-ia9e4f6k5q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e9ecef;
}

.page-title[b-ia9e4f6k5q] {
    margin: 0;
    color: #2c3e50;
    font-weight: 600;
}

.page-title i[b-ia9e4f6k5q] {
    margin-right: 10px;
    color: #3498db;
}

.page-actions[b-ia9e4f6k5q] {
    display: flex;
    gap: 10px;
}

/* 统计卡片样式 */
.stats-row[b-ia9e4f6k5q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.stat-card[b-ia9e4f6k5q] {
    background: white;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-left: 4px solid #3498db;
}

.stat-card:hover[b-ia9e4f6k5q] {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.stat-card.pending[b-ia9e4f6k5q] {
    border-left-color: #f39c12;
}

.stat-card.completed[b-ia9e4f6k5q] {
    border-left-color: #27ae60;
}

.stat-card.timeout[b-ia9e4f6k5q] {
    border-left-color: #e74c3c;
}

.stat-card.total[b-ia9e4f6k5q] {
    border-left-color: #9b59b6;
}

.stat-icon[b-ia9e4f6k5q] {
    font-size: 2.5rem;
    margin-right: 20px;
    opacity: 0.8;
}

.stat-card.pending .stat-icon[b-ia9e4f6k5q] {
    color: #f39c12;
}

.stat-card.completed .stat-icon[b-ia9e4f6k5q] {
    color: #27ae60;
}

.stat-card.timeout .stat-icon[b-ia9e4f6k5q] {
    color: #e74c3c;
}

.stat-card.total .stat-icon[b-ia9e4f6k5q] {
    color: #9b59b6;
}

.stat-content[b-ia9e4f6k5q] {
    flex: 1;
}

.stat-number[b-ia9e4f6k5q] {
    font-size: 2rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 5px;
}

.stat-label[b-ia9e4f6k5q] {
    font-size: 0.9rem;
    color: #7f8c8d;
    font-weight: 500;
}

/* 筛选区域样式 */
.filter-section[b-ia9e4f6k5q] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.filter-group[b-ia9e4f6k5q] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.filter-group label[b-ia9e4f6k5q] {
    font-weight: 500;
    color: #34495e;
    margin: 0;
    white-space: nowrap;
}

.filter-group .form-control[b-ia9e4f6k5q] {
    min-width: 120px;
    padding: 6px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.9rem;
}

/* 任务列表样式 */
.task-list-container[b-ia9e4f6k5q] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.task-list[b-ia9e4f6k5q] {
    padding: 20px;
}

.task-card[b-ia9e4f6k5q] {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 16px;
    background: white;
    transition: all 0.2s ease;
    cursor: pointer;
    position: relative;
}

.task-card:hover[b-ia9e4f6k5q] {
    border-color: #3498db;
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.15);
    transform: translateY(-1px);
}

.task-card.timeout[b-ia9e4f6k5q] {
    border-left: 4px solid #e74c3c;
    background: linear-gradient(135deg, #fff 0%, #fff5f5 100%);
}

.task-card.priority-urgent[b-ia9e4f6k5q] {
    border-left: 4px solid #e74c3c;
}

.task-card.priority-high[b-ia9e4f6k5q] {
    border-left: 4px solid #f39c12;
}

.task-header[b-ia9e4f6k5q] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
}

.task-title h4[b-ia9e4f6k5q] {
    margin: 0 0 5px 0;
    color: #2c3e50;
    font-size: 1.2rem;
    font-weight: 600;
}

.task-workflow[b-ia9e4f6k5q] {
    color: #7f8c8d;
    font-size: 0.9rem;
    font-weight: 500;
}

.task-badges[b-ia9e4f6k5q] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.badge[b-ia9e4f6k5q] {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
}

.badge-priority.priority-urgent[b-ia9e4f6k5q] {
    background: #e74c3c;
    color: white;
}

.badge-priority.priority-high[b-ia9e4f6k5q] {
    background: #f39c12;
    color: white;
}

.badge-priority.priority-normal[b-ia9e4f6k5q] {
    background: #3498db;
    color: white;
}

.badge-priority.priority-low[b-ia9e4f6k5q] {
    background: #95a5a6;
    color: white;
}

.badge-status.status-waiting[b-ia9e4f6k5q] {
    background: #f39c12;
    color: white;
}

.badge-status.status-running[b-ia9e4f6k5q] {
    background: #3498db;
    color: white;
}

.badge-status.status-completed[b-ia9e4f6k5q] {
    background: #27ae60;
    color: white;
}

.badge-status.status-skipped[b-ia9e4f6k5q] {
    background: #95a5a6;
    color: white;
}

.badge-status.status-rejected[b-ia9e4f6k5q] {
    background: #e74c3c;
    color: white;
}

.badge-timeout[b-ia9e4f6k5q] {
    background: #e74c3c;
    color: white;
    animation: pulse-b-ia9e4f6k5q 2s infinite;
}

@keyframes pulse-b-ia9e4f6k5q {
    0% { opacity: 1; }
    50% { opacity: 0.7; }
    100% { opacity: 1; }
}

.task-content[b-ia9e4f6k5q] {
    margin-bottom: 15px;
}

.task-info-row[b-ia9e4f6k5q] {
    display: flex;
    gap: 30px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.task-info-item[b-ia9e4f6k5q] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.task-info-item label[b-ia9e4f6k5q] {
    font-weight: 500;
    color: #7f8c8d;
    margin: 0;
    font-size: 0.9rem;
}

.task-info-item span[b-ia9e4f6k5q] {
    color: #2c3e50;
    font-size: 0.9rem;
}

.task-actions[b-ia9e4f6k5q] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.task-actions .btn-sm[b-ia9e4f6k5q] {
    padding: 6px 12px;
    font-size: 0.85rem;
    border-radius: 6px;
    font-weight: 500;
}

/* 加载和空状态样式 */
.loading-spinner[b-ia9e4f6k5q] {
    text-align: center;
    padding: 60px 20px;
    color: #7f8c8d;
}

.loading-spinner i[b-ia9e4f6k5q] {
    font-size: 2rem;
    margin-bottom: 10px;
    color: #3498db;
}

.empty-state[b-ia9e4f6k5q] {
    text-align: center;
    padding: 80px 20px;
    color: #7f8c8d;
}

.empty-state i[b-ia9e4f6k5q] {
    color: #bdc3c7;
    margin-bottom: 20px;
}

.empty-state h4[b-ia9e4f6k5q] {
    color: #7f8c8d;
    margin-bottom: 10px;
}

/* 分页样式 */
.pagination-wrapper[b-ia9e4f6k5q] {
    padding: 20px;
    border-top: 1px solid #e9ecef;
    display: flex;
    justify-content: center;
}

.pagination[b-ia9e4f6k5q] {
    margin: 0;
}

.pagination .page-link[b-ia9e4f6k5q] {
    color: #3498db;
    border: 1px solid #dee2e6;
    padding: 8px 12px;
    margin: 0 2px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.pagination .page-link:hover[b-ia9e4f6k5q] {
    background-color: #3498db;
    color: white;
    border-color: #3498db;
}

.pagination .page-item.active .page-link[b-ia9e4f6k5q] {
    background-color: #3498db;
    border-color: #3498db;
    color: white;
}

.pagination .page-item.disabled .page-link[b-ia9e4f6k5q] {
    color: #6c757d;
    background-color: #fff;
    border-color: #dee2e6;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .workflow-task-center[b-ia9e4f6k5q] {
        padding: 15px;
    }
    
    .page-header[b-ia9e4f6k5q] {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }
    
    .stats-row[b-ia9e4f6k5q] {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .filter-section[b-ia9e4f6k5q] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .task-header[b-ia9e4f6k5q] {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
    
    .task-info-row[b-ia9e4f6k5q] {
        flex-direction: column;
        gap: 8px;
    }
    
    .task-actions[b-ia9e4f6k5q] {
        justify-content: center;
    }
}

/* 文本颜色辅助类 */
.text-danger[b-ia9e4f6k5q] {
    color: #e74c3c !important;
}
/* /Components/Shared/DefaultLayout.razor.rz.scp.css */
.layout-drawer-body[b-svlimmfhgv] {
    padding: 1rem;
}

    .layout-drawer-body[b-svlimmfhgv]  .groupbox {
        margin-top: 1rem;
    }

    .layout-drawer-body[b-svlimmfhgv]  .btn-info {
        margin-bottom: 1rem;
    }

.layout-item[b-svlimmfhgv] {
    --bb-layout-sidebar-bg: #f8f9fa;
    --bb-layout-footer-bg: #e9ecef;
    cursor: pointer;
    border: 2px solid #e9ecef;
    padding: 4px;
    border-radius: 4px;
    height: 80px;
    width: 120px;
    transition: border .3s linear;
}

    .layout-item:hover[b-svlimmfhgv],
    .layout-item.active[b-svlimmfhgv] {
        border: 2px solid #28a745;
    }

    .layout-item .layout-left[b-svlimmfhgv] {
        width: 30%;
        border-right: 1px solid var(--bs-border-color);
    }

        .layout-item .layout-left .layout-left-header[b-svlimmfhgv] {
            height: 16px;
            background-color: var(--bb-header-bg);
        }

        .layout-item .layout-left .layout-left-body[b-svlimmfhgv],
        .layout-item .layout-body .layout-left[b-svlimmfhgv] {
            background-color: var(--bb-layout-sidebar-bg);
        }

    .layout-item .layout-right .layout-right-header[b-svlimmfhgv],
    .layout-item .layout-top[b-svlimmfhgv] {
        background-color: var(--bb-header-bg);
        height: 16px;
    }

    .layout-item .layout-right .layout-right-footer[b-svlimmfhgv],
    .layout-item .layout-right-footer[b-svlimmfhgv] {
        background-color: var(--bb-layout-footer-bg);
        height: 12px;
    }

    .layout-item .layout-top[b-svlimmfhgv],
    .layout-item .layout-body[b-svlimmfhgv],
    .layout-item .layout-right-footer[b-svlimmfhgv] {
        width: 100%;
    }

#blazor-error-ui[b-svlimmfhgv] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-svlimmfhgv] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Shared/MainLayout.razor.rz.scp.css */
.layout-drawer-body[b-at6vo81en2] {
    padding: 1rem;
}


    .layout-drawer-body[b-at6vo81en2]  .groupbox {
        margin-top: 1rem;
    }

    .layout-drawer-body[b-at6vo81en2]  .btn-info {
        margin-bottom: 1rem;
    }

.layout-item[b-at6vo81en2] {
    --bb-layout-sidebar-bg: #f8f9fa;
    --bb-layout-footer-bg: #e9ecef;
    cursor: pointer;
    border: 2px solid #e9ecef;
    padding: 4px;
    border-radius: 4px;
    height: 80px;
    width: 120px;
    transition: border .3s linear;
}

    .layout-item:hover[b-at6vo81en2],
    .layout-item.active[b-at6vo81en2] {
        border: 2px solid #28a745;
    }

    .layout-item .layout-left[b-at6vo81en2] {
        width: 30%;
        border-right: 1px solid var(--bs-border-color);
    }

        .layout-item .layout-left .layout-left-header[b-at6vo81en2] {
            height: 16px;
            background-color: var(--bb-header-bg);
        }

        .layout-item .layout-left .layout-left-body[b-at6vo81en2],
        .layout-item .layout-body .layout-left[b-at6vo81en2] {
            background-color: var(--bb-layout-sidebar-bg);
        }

    .layout-item .layout-right .layout-right-header[b-at6vo81en2],
    .layout-item .layout-top[b-at6vo81en2] {
        background-color: var(--bb-header-bg);
        height: 16px;
    }

    .layout-item .layout-right .layout-right-footer[b-at6vo81en2],
    .layout-item .layout-right-footer[b-at6vo81en2] {
        background-color: var(--bb-layout-footer-bg);
        height: 12px;
    }

    .layout-item .layout-top[b-at6vo81en2],
    .layout-item .layout-body[b-at6vo81en2],
    .layout-item .layout-right-footer[b-at6vo81en2] {
        width: 100%;
    }

#blazor-error-ui[b-at6vo81en2] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-at6vo81en2] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/WebParts/MenuMgrPart.razor.rz.scp.css */
body[b-lfqhhw945u] {
}
.row[b-lfqhhw945u] {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
    padding-left: 4px;
}

    .row > div[b-lfqhhw945u] {
        padding-bottom: 4px;
    }
/* /Components/WebParts/PageFunctionConfigPart.razor.rz.scp.css */
body[b-ilpq3p0x43] {
}
.row[b-ilpq3p0x43] {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
    padding-left: 4px;
}

    .row > div[b-ilpq3p0x43] {
        padding-bottom: 4px;
    }

.split .split-pane[b-ilpq3p0x43] {
    height: unset;
    position: relative;
}
/* /Components/WebParts/RoleMgrPart.razor.rz.scp.css */
body[b-r9st7c01pr] {
}
.row[b-r9st7c01pr] {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
    padding-left: 4px;
}

    .row > div[b-r9st7c01pr] {
        padding-bottom: 4px;
    }

.split .split-pane[b-r9st7c01pr] {
    height: unset;
    position: relative;
}
/* /Components/WebParts/RoleSelectedParts.razor.rz.scp.css */
body[b-skqjh43wf2] {
}

.row[b-skqjh43wf2] {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
    padding-left: 4px;
}

    .row > div[b-skqjh43wf2] {
        padding-bottom: 4px;
    }

/* /Components/WebParts/SelectUserPart.razor.rz.scp.css */
body[b-raiirs9ukm] {
}
.row[b-raiirs9ukm] {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
    padding-left: 4px;
}

    .row > div[b-raiirs9ukm] {
        padding-bottom: 4px;
    }
/* /Components/WebParts/UserMgrParts.razor.rz.scp.css */
body[b-gn06qy7ehl] {
}
.row[b-gn06qy7ehl] {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
    padding-left: 4px;
}

    .row > div[b-gn06qy7ehl] {
        padding-bottom: 4px;
    }