@import '_content/Bio.FormSetLib/Bio.FormSetLib.5qm2ya8k88.bundle.scp.css';

/* /Components/Component/CustomPatientSearch.razor.rz.scp.css */
/* 主容器样式 */
.advanced-search-container[b-66c3kavms4] {
    width: 100%;
    padding: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* 添加按钮区域 */
.add-buttons-container[b-66c3kavms4] {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.hint-text[b-66c3kavms4] {
    margin-left: 10px;
    color: #666;
    font-size: 14px;
}

/* 列表末尾添加按钮 */
.list-end-buttons[b-66c3kavms4] {
    display: flex;
    align-items: center;
    padding: 5px 0;
    margin: 2px 0 2px 0;
    background-color: #f8f9fa;
    border-radius: 4px;
}

/* 条件构建区域 */
.conditions-container[b-66c3kavms4] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 10px;
    background-color: #f8f9fa;
    position: relative; /* 为绝对定位做准备 */
}

/* 条件行样式 */
.condition-row[b-66c3kavms4] {
    display: flex;
    align-items: center;
    padding: 5px 0;
    margin: 2px 0;
    position: relative; /* 为绝对定位做准备 */
}

/* 绝对定位的删除按钮 */
.absolute-position[b-66c3kavms4] {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    margin-left: -10px; /* 负边距使按钮向外偏移 */
}

/* 缩进表示层级 */
.indented[b-66c3kavms4] {
    margin-left: 24px;
}

/* 字段样式 */
.field-name[b-66c3kavms4] {
    color: #0366d6;
    margin: 0 5px;
    font-weight: 500;
}

.operator[b-66c3kavms4] {
    margin: 0 5px;
    color: #333;
}

.field-value[b-66c3kavms4] {
    margin: 0 5px;
    color: #d73a49;
}

.logical-connector[b-66c3kavms4] {
    margin: 0 5px;
    color: #6f42c1;
    font-weight: 500;
}

/* 可点击的逻辑连接符 */
.clickable[b-66c3kavms4] {
    cursor: pointer;
    padding: 2px 5px;
    border-radius: 3px;
    background-color: #f0e7ff;
    transition: background-color 0.2s;
}

.clickable:hover[b-66c3kavms4] {
    background-color: #e6d8fc;
    text-decoration: underline;
}

/* 分组样式 */
.group-bracket[b-66c3kavms4] {
    font-weight: bold;
    font-size: 16px;
    margin: 0 5px;
}

.group-start[b-66c3kavms4], .group-end[b-66c3kavms4] {
    background-color: #f1f8ff;
}

.group-buttons[b-66c3kavms4] {
    display: flex;
    margin-left: 10px;
}

/* 按钮样式 */
button[b-66c3kavms4] {
    margin-right: 5px;
    padding: 4px 8px;
    background-color: #f1f8ff;
    border: 1px solid #c8e1ff;
    border-radius: 3px;
    cursor: pointer;
    color: #0366d6;
}

button:hover[b-66c3kavms4] {
    background-color: #dbedff;
}

.add-condition-btn[b-66c3kavms4] {
    font-weight: bold;
}

.add-group-btn[b-66c3kavms4] {
    font-weight: bold;
}

.remove-btn[b-66c3kavms4] {
    background-color: #ffdce0;
    border-color: #ffdce0;
    color: #cb2431;
    font-weight: bold;
}

.remove-btn:hover[b-66c3kavms4] {
    background-color: #ffccd1;
}

.action-buttons-container[b-66c3kavms4] {
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
}

.search-btn[b-66c3kavms4] {
    background-color: #0366d6;
    color: white;
    margin-right: 10px;
}

.clear-btn[b-66c3kavms4] {
    background-color: #f6f8fa;
    color: #24292e;
    margin-right: 10px;
}

.export-btn[b-66c3kavms4] {
    background-color: #28a745;
    color: white;
    margin-right: 10px;
}

.import-btn[b-66c3kavms4] {
    background-color: #6f42c1;
    color: white;
}
/* /Components/Component/EventCard.razor.rz.scp.css */
.tabs-container[b-hwu5ibfpkl] {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.mud-tabs[b-hwu5ibfpkl] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.mud-tabs-panels[b-hwu5ibfpkl] {
    flex: 1;
    overflow: hidden;
}

.pa-6[b-hwu5ibfpkl] {
    padding: 5px !important;
}

.mud-tab-panel[b-hwu5ibfpkl] {
    height: 100%;
    overflow: hidden;
}

.event-timeline-container[b-hwu5ibfpkl] {
    /* width: calc(100% - 50px); */
    overflow-x: auto;
    padding: 4px 6px 6px 0;
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: nowrap;
    /* 启用硬件加速，改善滚动性能 */
    transform: translateZ(0);
    will-change: transform;
    /* 避免无用的渲染工作 */
    overscroll-behavior: contain;
    /* 改善滚动行为 */
    scroll-behavior: smooth;
}

.event-end-placeholder[b-hwu5ibfpkl] {
    flex: 0 0 auto;
    height: 1px;
}
  
/*创建事件按钮*/
.addEventBtn[b-hwu5ibfpkl] {
    justify-content: flex-start;
    align-items: center;
    width: 50px;
    position: relative;
}

.addEventBtn[b-hwu5ibfpkl]::before {
    content: '';
    position: absolute;
    left: -18px;
    top: 0;
    width: 20px;
    height: 100%;
    background: linear-gradient(to left, rgba(242, 242, 242, 1), rgba(242, 242, 242, 0.1));
    pointer-events: none;
}

/*概览按钮*/
.leftCard-view[b-hwu5ibfpkl] {
    margin-left: 10px;
    display: flex;
    width: 60px;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
}
.leftCard-card[b-hwu5ibfpkl] {
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    width: 60px;
    height: 60px;
    /* 避免边框变化导致的布局变化 */
    border-width: 1px;
    border-style: solid;
    /* 将卡片放在自己的层上，减少重绘 */
    transform: translateZ(0);
    will-change: transform;
}

.leftCard-card:hover[b-hwu5ibfpkl] {
    transform: translateY(-2px) scale(1.01);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.leftCard-card.selected[b-hwu5ibfpkl] {
    border-width: 2px !important;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); */
    background-color: rgba(0, 0, 0, 0.02);
    transform: translateY(-1px);
}

/* 确保选中状态下的悬停效果叠加 */
.leftCard-card.selected:hover[b-hwu5ibfpkl] {
    transform: translateY(-3px) scale(1.01);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

/* 优化时间和图标显示 */
.leftCard-time[b-hwu5ibfpkl] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.leftCard-timeText[b-hwu5ibfpkl] {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.leftCard-timeIcon[b-hwu5ibfpkl] {
    font-size: 0.8rem;
}

.leftCard-card-top[b-hwu5ibfpkl] {
    padding: 4px;
}

.leftCard-card-bottom[b-hwu5ibfpkl] {
    padding: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* /Components/Component/EventCard_From.razor.rz.scp.css */
.event-item[b-sm7n0vbsru] {
    min-width: 245px;
    flex: 0 0 auto;
    /* 将卡片放在自己的层上，减少重绘 */
    transform: translateZ(0);
    will-change: transform;
    /* 在动画期间避免重绘 */
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.leftCard-card[b-sm7n0vbsru] {
    cursor: pointer;
    min-width: 245px;
    height: 60px;
    
    box-sizing: border-box;
    text-align: left;
    border-radius: 4px;
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.leftCard-card-top[b-sm7n0vbsru] {
    display: flex;
    justify-content: space-between;
    padding: 0 6px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    font-size:14px
}
.leftCard-time[b-sm7n0vbsru] {
    display: flex;
    line-height: 30px;
}
.leftCard-timeText[b-sm7n0vbsru] {
    margin-right: 5px;
    width: 84px;
}
.leftCard-timeIcon[b-sm7n0vbsru] {
/*    font-size: 12px;*/
    padding: 0 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}



/* 确保选中状态下的悬停效果适当 */
.leftCard-card-bottom[b-sm7n0vbsru] {
    padding:3px 6px 0
}

/* 住院状态下拉框样式 */
.hospitalization-status-dropdown[b-sm7n0vbsru] {
    margin-left: 8px;
    display: inline-block;
}

.hospitalization-status-select[b-sm7n0vbsru] {
    min-width: 120px;
    max-width: 200px;
    font-size: 12px;
    color: #666;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    padding: 2px 6px;
}

.hospitalization-status-select .mud-select[b-sm7n0vbsru] {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.hospitalization-status-select .mud-input-root[b-sm7n0vbsru] {
    min-height: 24px;
    font-size: 12px;
}

.hospitalization-status-select .mud-input-root[b-sm7n0vbsru]::before {
    border-bottom: none;
}

.hospitalization-status-select .mud-input-root[b-sm7n0vbsru]::after {
    border-bottom: none;
}

/* 不同状态的颜色 */
    .hospitalization-status-select[data-status="已入院"][b-sm7n0vbsru] {
        color: #2196f3;
        background-color: #e3f2fd;
        border-color: #2196f3;
    }

.hospitalization-status-select[data-status="已出院"][b-sm7n0vbsru] {
    color: #4caf50;
    background-color: #e8f5e8;
    border-color: #4caf50;
}

.hospitalization-status-select[data-status="无住院记录"][b-sm7n0vbsru] {
    color: #999;
    background-color: #f5f5f5;
    border-color: #ddd;
}

/* 住院状态文字样式 */
.leftCard-hospitalizationText[b-sm7n0vbsru] {
    margin-left: 8px;
    font-size: 13px;
    font-weight: 500;
    padding: 0px 3px;
    border-radius: 3px;
}

.leftCard-hospitalizationText:hover[b-sm7n0vbsru] {
    transform: scale(1.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 响应式设计 */
@media (max-width: 768px) {
    .hospitalization-status-dropdown[b-sm7n0vbsru] {
        margin-left: 4px;
    }
    
    .hospitalization-status-select[b-sm7n0vbsru] {
        min-width: 100px;
        max-width: 150px;
        font-size: 11px;
    }
    .leftCard-hospitalizationText[b-sm7n0vbsru] {
        margin-left: 4px;
        font-size: 11px;
        padding: 1px 4px;
    }
}

/* /Components/Component/EventPersonnelStatsTable.razor.rz.scp.css */
[b-a6a4rdx4ko] .physician-stats-table {
    width: 100%;
    table-layout: fixed;
}

[b-a6a4rdx4ko] .physician-stats-table th {
    background-color: #f5f5f5;
    font-weight: 600;
    padding: 10px 8px;
    border-bottom: 2px solid #e0e0e0;
}

[b-a6a4rdx4ko] .physician-stats-table td {
    padding: 8px;
    border-bottom: 1px solid #eeeeee;
    word-break: break-word;
}

[b-a6a4rdx4ko] .physician-stats-scroll::-webkit-scrollbar {
    width: 8px;
}

[b-a6a4rdx4ko] .physician-stats-scroll::-webkit-scrollbar-thumb {
    background: #c9d3dc;
    border-radius: 999px;
}

[b-a6a4rdx4ko] .physician-stats-scroll::-webkit-scrollbar-track {
    background: #f5f7fa;
}
/* /Components/Component/EventStatusPieChart.razor.rz.scp.css */
/* 组件样式（当前无特殊样式） */
/* /Components/Component/InputTaskComponent.razor.rz.scp.css */
.taskList[b-9m1w4vpup6] {
    height: calc(100vh - 220px);
    position: relative;
    border-top: 1px solid #ccc;
    padding-top: 12px;
}

[b-9m1w4vpup6] .table-container {
    overflow: auto;
    position: relative;
}

[b-9m1w4vpup6] .table {
    margin-bottom: 0;
}

[b-9m1w4vpup6] .table > thead {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #f8f9fa;
}

[b-9m1w4vpup6] .table > thead > tr > th {
    position: sticky;
    top: 0;
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
}

[b-9m1w4vpup6] .table > tbody > tr > td {
    vertical-align: middle;
}

/* /Components/Component/InputTaskSearch.razor.rz.scp.css */
.mud-input > input.mud-input-root-outlined[b-c33z8pbzn2], div.mud-input-slot.mud-input-root-outlined[b-c33z8pbzn2] {
    padding: 12.5px 5px;
}

.search-fields[b-c33z8pbzn2] {
    display: flex;
    gap: 14px;
    flex: 1;
}

.search-buttons[b-c33z8pbzn2] {
    display: flex;
    gap: 4px;
    align-items: center;
    padding-top: 4px;
    padding-bottom:8px;
    justify-content:center;
}
/* /Components/Component/OverViewData.razor.rz.scp.css */
.dataTitle[b-c2pnlja5k8] {
    text-align: center;
    font-size: 16px;
}

.dataNum[b-c2pnlja5k8] {
    text-align: center;
    font-size: 16px;
}

.dataAdd[b-c2pnlja5k8] {
    text-align: center;
    font-size: 16px;
    color: green
}

.dataIconBox[b-c2pnlja5k8] {
    width: 35px;
    margin-right: 3px;
    display: flex;
    justify-content: center;
    align-items: center
}

.dataMessage[b-c2pnlja5k8] {
    width: calc(100% - 38px)
}

[b-c2pnlja5k8] .mud-tooltip-root.mud-tooltip-inline {
    width: 100%
}

.dataMessage .title[b-c2pnlja5k8] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    cursor: pointer;
    display: inline-block
}

.dataMessage .icon[b-c2pnlja5k8] {
    margin-top: -4px;
    font-size: 16px;
}
/* /Components/Component/PatientBasicInfo.razor.rz.scp.css */
/* 患者信息纵向布局容器 */
.patient-info-vertical[b-rolp05i8bh] {
    background-color: #f8f9fa;
    border-radius: 8px;
    height: 100%;
    overflow-y: auto;
}

/* 标题 */
.info-header[b-rolp05i8bh] {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    padding: 12px 16px;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 1;
}

/* 内容区域 */
.info-content[b-rolp05i8bh] {
    padding: 8px 16px;
}

/* 每行信息 */
.info-row[b-rolp05i8bh] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 6px 0;
    border-bottom: 1px dashed #eee;
    font-size: 13px;
    line-height: 1.5;
}

.info-row:last-child[b-rolp05i8bh] {
    border-bottom: none;
}

/* 标签 */
.info-label[b-rolp05i8bh] {
    color: #666;
    flex-shrink: 0;
    min-width: 80px;
}

/* 值 */
.info-value[b-rolp05i8bh] {
    color: #333;
    flex: 1;
    word-break: break-all;
    white-space: pre-line;
}

/* 验证状态标签 */
.validity-text[b-rolp05i8bh] {
    display: inline-block;
    min-width: 42px;
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    border-radius: 3px;
    margin-left: 6px;
    padding: 0 4px;
    flex-shrink: 0;
}

/* 带验证状态的行 - 两行布局 */
.info-row-with-validity[b-rolp05i8bh] {
    flex-direction: column;
    align-items: flex-start;
}

.info-row-header[b-rolp05i8bh] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
}

/* 不换行的值 */
.info-value-nowrap[b-rolp05i8bh] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* 加载状态 */
.info-loading[b-rolp05i8bh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: #666;
    gap: 12px;
}

/* 滚动条样式 */
.patient-info-vertical[b-rolp05i8bh]::-webkit-scrollbar {
    width: 4px;
}

.patient-info-vertical[b-rolp05i8bh]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}

.patient-info-vertical[b-rolp05i8bh]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 2px;
}

.patient-info-vertical[b-rolp05i8bh]::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}
/* /Components/Component/PatientDataList.razor.rz.scp.css */
.virtual-container[b-nhih8jdjdc] {
    height: calc(100vh - 250px);
    overflow-y: auto;
    overflow-x: auto;
    width: 100%;
}

.patient-row[b-nhih8jdjdc] {
    padding: 8px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    min-width: max-content;
    width: 100%;
}

.patient-row:hover[b-nhih8jdjdc] {
    background-color: #f5f5f5;
}

.patient-row.selected[b-nhih8jdjdc] {
    background-color: #e6f7ff;
}

.patient-cell[b-nhih8jdjdc] {
    padding: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.header-row[b-nhih8jdjdc] {
    display: flex;
    padding: 8px;
    background-color: #fafafa;
    border-bottom: 1px solid #f0f0f0;
    font-weight: 500;
    min-width: max-content;
    width: 100%;
}

.header-row .patient-cell[b-nhih8jdjdc] {
    cursor: pointer;
}

.sort-asc[b-nhih8jdjdc] {
    color: #1976d2;
    font-weight: bold;
}

.sort-desc[b-nhih8jdjdc] {
    color: #d32f2f;
    font-weight: bold;
}

.sort-default[b-nhih8jdjdc] {
    color: #aaa;
}

/* 列宽定义 */
.patient-cell[b-nhih8jdjdc] {
    max-width: 200px;
    position: relative;
}

.patient-cell.checkbox-cell[b-nhih8jdjdc] {
    min-width: 50px;
    max-width: 50px;
}

.patient-cell.name-cell[b-nhih8jdjdc] {
    min-width: 120px;
    max-width: 120px;
}

.patient-cell.gender-cell[b-nhih8jdjdc] {
    min-width: 80px;
    max-width: 80px;
}

.patient-cell.medical-record-cell[b-nhih8jdjdc] {
    min-width: 120px;
    max-width: 120px;
}

.patient-cell.age-cell[b-nhih8jdjdc] {
    min-width: 120px;
    max-width: 120px;
}

.patient-cell.sid-number-cell[b-nhih8jdjdc] {
    min-width: 160px;
    max-width: 160px;
}

.patient-cell.dynamic-cell[b-nhih8jdjdc] {
    min-width: 120px;
    max-width: 120px;
}

/* 复选框单元格点击区域 */
.patient-cell.checkbox-cell-clickable[b-nhih8jdjdc] {
    min-width: 50px;
    max-width: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
}

/* 复选框输入样式 */
.checkbox-input[b-nhih8jdjdc] {
    cursor: pointer;
    pointer-events: none;
}

/* Tooltip 悬停效果 */
.patient-cell:hover[b-nhih8jdjdc]::after {
    content: attr(data-tooltip);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    pointer-events: none;
    max-width: 300px;
    word-wrap: break-word;
    white-space: normal;
}

.patient-cell:hover[b-nhih8jdjdc]::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-bottom-color: #333;
    z-index: 1001;
    pointer-events: none;
}

/* 加载指示器 */
.loading-more-indicator[b-nhih8jdjdc] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    color: #666;
}

.loading-more-indicator.empty-state[b-nhih8jdjdc] {
    color: #999;
}

.loading-spinner[b-nhih8jdjdc] {
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    animation: spin-b-nhih8jdjdc 1s linear infinite;
    margin-right: 8px;
}

@keyframes spin-b-nhih8jdjdc {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 哨兵元素 */
.load-more-sentinel[b-nhih8jdjdc] {
    height: 50px;
    width: 100%;
    opacity: 0;
    pointer-events: none;
}

/* 总数显示 */
.total-count-display[b-nhih8jdjdc] {
    padding: 8px 12px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e0e0e0;
    font-size: 13px;
    color: #666;
    text-align:center
}
/* /Components/Component/PatientEdit.razor.rz.scp.css */
/* PatientEdit 样式已迁移到 app.css（全局），因为 Blazor scoped CSS 在 MudDialog RenderFragment 中不生效 */
/* 保留此文件以供将来组件内样式使用 */
/* /Components/Component/PatientEventOverview.razor.rz.scp.css */
/* 主容器：左右分栏 */
.patientOverviewBox[b-1dvftcskqq] {
    display: flex;
    flex-direction: row;
    height: 100%;
    gap: 16px;
    background-color: #fff;
    border-radius: 6px;
    padding: 12px;
    overflow: hidden;
}

/* 加载状态 */
.overview-loading[b-1dvftcskqq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    gap: 12px;
}

/* 左侧面板：患者信息 */
.overview-left-panel[b-1dvftcskqq] {
    width: 220px;
    flex-shrink: 0;
    border-right: 1px solid #e0e0e0;
    padding-right: 16px;
    overflow-y: auto;
}

/* 右侧面板 */
.overview-right-panel[b-1dvftcskqq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

/* Tab 切换按钮 */
.overview-tabs[b-1dvftcskqq] {
    display: flex;
    gap: 24px;
    margin-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 0;
}

.overview-tab[b-1dvftcskqq] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 4px;
    cursor: pointer;
    color: #666;
    font-size: 14px;
    transition: all 0.2s;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
}

.overview-tab:hover[b-1dvftcskqq] {
    color: #1976d2;
}

.overview-tab.active[b-1dvftcskqq] {
    color: #1976d2;
    border-bottom-color: #1976d2;
    font-weight: 500;
}

/* 内容区 */
.overview-content[b-1dvftcskqq] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* 诊疗情况：左右布局 */
.treatment-view[b-1dvftcskqq] {
    display: flex;
    flex: 1;
    gap: 16px;
    overflow: hidden;
}

/* 时间轴容器 */
.timeline-container[b-1dvftcskqq] {
    width: 160px;
    flex-shrink: 0;
    overflow-y: auto;
    padding-right: 8px;
}

/* 时间轴项 */
.timeline-item[b-1dvftcskqq] {
    position: relative;
    padding: 10px 12px 10px 20px;
    cursor: pointer;
    border-left: 2px solid #e0e0e0;
    margin-left: 6px;
    margin-bottom: 4px;
    transition: all 0.2s;
}

.timeline-item[b-1dvftcskqq]::before {
    content: '';
    position: absolute;
    left: -6px;
    top: 14px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e0e0e0;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #e0e0e0;
    transition: all 0.2s;
}

.timeline-item:hover[b-1dvftcskqq] {
    background: rgba(25, 118, 210, 0.04);
}

.timeline-item.active[b-1dvftcskqq] {
    background: rgba(25, 118, 210, 0.08);
    border-left-color: #1976d2;
}

.timeline-item.active[b-1dvftcskqq]::before {
    background: #1976d2;
    box-shadow: 0 0 0 1px #1976d2;
}

.timeline-date[b-1dvftcskqq] {
    font-size: 13px;
    font-weight: 500;
    color: #333;
    margin-bottom: 2px;
}

.timeline-type[b-1dvftcskqq] {
    font-size: 12px;
    color: #1976d2;
}

.timeline-name[b-1dvftcskqq] {
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 事件详情容器 */
.event-detail-container[b-1dvftcskqq] {
    flex: 1;
    overflow-y: auto;
    padding-right: 8px;
}

/* 事件详情卡片 */
.event-detail-card[b-1dvftcskqq] {
    margin-bottom: 16px;
    background: #fafafa;
    border-radius: 8px;
    border: 1px solid #e8e8e8;
    overflow: hidden;
}

.event-detail-header[b-1dvftcskqq] {
    font-size: 14px;
    font-weight: 500;
    color: #1976d2;
    padding: 12px 16px;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
}

.event-detail-content[b-1dvftcskqq] {
    padding: 12px 16px;
}

/* 懒加载占位符 */
.event-placeholder[b-1dvftcskqq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px 20px;
    color: #666;
    font-size: 13px;
}

/* 滚动条样式 */
.timeline-container[b-1dvftcskqq]::-webkit-scrollbar,
.event-detail-container[b-1dvftcskqq]::-webkit-scrollbar,
.overview-left-panel[b-1dvftcskqq]::-webkit-scrollbar {
    width: 4px;
}

.timeline-container[b-1dvftcskqq]::-webkit-scrollbar-track,
.event-detail-container[b-1dvftcskqq]::-webkit-scrollbar-track,
.overview-left-panel[b-1dvftcskqq]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}

.timeline-container[b-1dvftcskqq]::-webkit-scrollbar-thumb,
.event-detail-container[b-1dvftcskqq]::-webkit-scrollbar-thumb,
.overview-left-panel[b-1dvftcskqq]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 2px;
}

.timeline-container[b-1dvftcskqq]::-webkit-scrollbar-thumb:hover,
.event-detail-container[b-1dvftcskqq]::-webkit-scrollbar-thumb:hover,
.overview-left-panel[b-1dvftcskqq]::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}
/* /Components/Component/PatientFromData.razor.rz.scp.css */

.patientInfoLeft span[b-g52r7w815i] {
    display: inline-block;
    line-height: 38px;
    font-size: 14px;
    margin: 0 10px;
}
[b-g52r7w815i] .mud-button-label .mud-button-icon-start.mud-button-icon-size-small {
    margin-inline-end: 0px;
}
/* /Components/Component/PatientSearch.razor.rz.scp.css */
.mud-input > input.mud-input-root-outlined[b-9x5wzo3xfp], div.mud-input-slot.mud-input-root-outlined[b-9x5wzo3xfp] {
    padding: 12.5px 5px;
}

.search-container[b-9x5wzo3xfp] {
    display: flex;
    align-items: center; /* 垂直居中对齐 */
    gap: 6px; /* 元素之间的间距 */
}

.search-fields[b-9x5wzo3xfp] {
    display: flex;
    gap: 4px;
    flex: 1;
    align-items: flex-end;
}

.search-buttons[b-9x5wzo3xfp] {
    display: flex;
    gap: 4px;
    align-items: center;
    padding-top:4px
}
/* /Components/Dialog/AddEventDialog.razor.rz.scp.css */
/* /Components/Dialog/AIAssistantDialog.razor.rz.scp.css */
/* AI 助手对话框自适应样式 */

/* 确保对话框容器有适当的边距 */
[b-pndiajaas2] .mud-dialog-container {
    padding: 30px;
}

/* 对话框本身的样式优化 */
[b-pndiajaas2] .mud-dialog {
    max-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
}

/* 确保 DialogContent 可以滚动 */
[b-pndiajaas2] .mud-dialog-content {
    overflow-y: auto;
    flex: 1;
}
/* /Components/Dialog/AISuggestionTab.razor.rz.scp.css */
.suggestion-container[b-am2tr62f35] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background-color: #fafafa;
}

.suggestion-header[b-am2tr62f35] {
    padding: 24px;
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
}

.suggestion-content[b-am2tr62f35] {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
}

.loading-container[b-am2tr62f35] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 300px;
}

.placeholder-content[b-am2tr62f35] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px 20px;
}

/* Scrollbar styling */
.suggestion-content[b-am2tr62f35]::-webkit-scrollbar {
    width: 8px;
}

.suggestion-content[b-am2tr62f35]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.suggestion-content[b-am2tr62f35]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.suggestion-content[b-am2tr62f35]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .suggestion-header[b-am2tr62f35] {
        padding: 16px;
    }

    .suggestion-content[b-am2tr62f35] {
        padding: 16px;
    }

    .placeholder-content[b-am2tr62f35] {
        padding: 24px 12px;
    }
}

/* /Components/Dialog/CanvasPanel.razor.rz.scp.css */
.canvas-container[b-m2d2yi6pba] {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-right: 1px solid #e0e0e0;
}

.canvas-content-area[b-m2d2yi6pba] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 12px;
    background-color: #ffffff;
}

.canvas-content-area:empty[b-m2d2yi6pba] {
    border: 1px dashed #e0e0e0;
    border-radius: 4px;
}

/* 流式输出样式 */
[b-m2d2yi6pba] .reasoning-chunk {
    display: block;
    background-color: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 8px 12px;
    margin: 4px 0;
    color: #856404;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
}

[b-m2d2yi6pba] .reasoning-chunk strong {
    color: #664d03;
    font-weight: 600;
}

[b-m2d2yi6pba] .answer-chunk {
    color: #212529;
    font-size: 14px;
    line-height: 1.6;
    white-space: pre-wrap;
    word-wrap: break-word;
}
/* /Components/Dialog/ChangePasswordDialog.razor.rz.scp.css */
.change-password-content[b-f5krd40z52] {
    min-width: 320px;
}

/* /Components/Dialog/ChatInputArea.razor.rz.scp.css */
/* 输入区域容器 - 固定在底部 */
.chat-input-area[b-ju7nlb70gy] {
    border-top: 1px solid #e0e0e0;
    background-color: #ffffff;
    padding: 16px;
}

/* 建议问题容器 */
.suggested-questions-container[b-ju7nlb70gy] {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

/* 单个建议问题项 */
.suggested-question-item[b-ju7nlb70gy] {
    flex: 1;
    min-width: 0;
    padding: 12px 16px;
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    color: #333333;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.suggested-question-item:hover:not(:disabled)[b-ju7nlb70gy] {
    background-color: #e8f0fe;
    border-color: #4d7cfe;
    color: #4d7cfe;
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(77, 124, 254, 0.15);
}

.suggested-question-item:active:not(:disabled)[b-ju7nlb70gy] {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(77, 124, 254, 0.1);
}

.suggested-question-item:disabled[b-ju7nlb70gy] {
    cursor: not-allowed;
    opacity: 0.5;
}

/* 输入包装器 */
.input-wrapper[b-ju7nlb70gy] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
}

/* 输入字段组 */
.input-field-group[b-ju7nlb70gy] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* 快捷键提示 */
.send-shortcut-hint[b-ju7nlb70gy] {
    margin-top: 8px;
    color: #8a8a8a;
    font-size: 12px;
}

/* 输入框 */
.chat-input-field[b-ju7nlb70gy] {
    width: 100%;
}

/* 发送按钮 */
.send-button[b-ju7nlb70gy] {
    flex-shrink: 0;
    margin-bottom: 4px;
}

/* 发送控制区 */
.sending-controls[b-ju7nlb70gy] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    margin-bottom: 4px;
}

/* 取消按钮 */
.cancel-button[b-ju7nlb70gy] {
    transition: all 0.3s ease;
}

.cancel-button:hover[b-ju7nlb70gy] {
    transform: scale(1.1);
}
/* /Components/Dialog/ChatInterface.razor.rz.scp.css */
/* Outer container - takes full width from parent */
.chat-container[b-rkpm7sfbz4] {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
}

/* Layout container - splits into left and right panels */
.chat-layout[b-rkpm7sfbz4] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
}

/* Left panel - 50% width, contains canvas */
.left-panel[b-rkpm7sfbz4] {
    width: 50%;
    height: 100%;
    background-color: #ffffff;
    border-right: 1px solid #e0e0e0;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* Right panel - 50% width, contains chat interface */
.right-panel[b-rkpm7sfbz4] {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    background-color: #f5f5f5;
}

/* Inner content wrapper - fixed width and centered within right panel */
.chat-content-wrapper[b-rkpm7sfbz4] {
    width: 100%;
    max-width: 1000px;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* Canvas Debug Panel */
.canvas-debug-panel[b-rkpm7sfbz4] {
    margin-top: 16px;
    padding: 12px;
    background-color: #f5f5f5;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.canvas-debug-panel summary[b-rkpm7sfbz4] {
    cursor: pointer;
    font-weight: 500;
    color: #666;
    user-select: none;
}

.canvas-debug-panel pre[b-rkpm7sfbz4] {
    margin-top: 8px;
    padding: 8px;
    background-color: #ffffff;
    border-radius: 4px;
    overflow-x: auto;
    font-size: 12px;
}

/* Canvas loading overlay */
.canvas-loading-overlay[b-rkpm7sfbz4] {
    position: absolute;
    inset: 0;
    background-color: rgba(255, 255, 255, 0.92);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.canvas-loading-content[b-rkpm7sfbz4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
    color: #333333;
}

.canvas-loading-spinner[b-rkpm7sfbz4] {
    width: 32px;
    height: 32px;
    border: 3px solid #d7d7d7;
    border-top-color: #4d7cfe;
    border-radius: 50%;
    animation: canvas-loading-spin-b-rkpm7sfbz4 1s linear infinite;
}

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

.canvas-loading-text[b-rkpm7sfbz4] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
}

.canvas-loading-dot[b-rkpm7sfbz4] {
    width: 6px;
    height: 6px;
    background-color: #4d7cfe;
    border-radius: 50%;
    opacity: 0.25;
    animation: canvas-loading-dot-b-rkpm7sfbz4 1s ease-in-out infinite;
}

.canvas-loading-dot:nth-of-type(2)[b-rkpm7sfbz4] {
    animation-delay: 0.2s;
}

.canvas-loading-dot:nth-of-type(3)[b-rkpm7sfbz4] {
    animation-delay: 0.4s;
}

@keyframes canvas-loading-dot-b-rkpm7sfbz4 {
    0%, 100% {
        opacity: 0.25;
        transform: translateY(0);
    }

    50% {
        opacity: 1;
        transform: translateY(-4px);
    }
}
/* /Components/Dialog/ChatMessageList.razor.rz.scp.css */
/* 消息列表容器 - 占据剩余空间 */
.chat-messages[b-6d91pg38u2] {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: #ffffff;
}

/* 消息包装器 */
.message-wrapper[b-6d91pg38u2] {
    display: flex;
    width: 100%;
}

.message-wrapper.user-message[b-6d91pg38u2] {
    justify-content: flex-end;
}

.message-wrapper.ai-message[b-6d91pg38u2] {
    justify-content: flex-start;
}

/* 消息气泡 */
.message-bubble[b-6d91pg38u2] {
    display: flex;
    gap: 12px;
    max-width: 85%;
    align-items: flex-start;
}

.user-message .message-bubble[b-6d91pg38u2] {
    flex-direction: row-reverse;
}

/* 头像 */
.message-avatar[b-6d91pg38u2] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: #e3f2fd;
    color: #1976d2;
}

.user-message .message-avatar[b-6d91pg38u2] {
    background-color: #f3e5f5;
    color: #7b1fa2;
}

/* 消息内容 */
.message-content[b-6d91pg38u2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.message-text[b-6d91pg38u2] {
    padding: 12px 16px;
    border-radius: 12px;
    background-color: #f5f5f5;
    color: #333;
    line-height: 1.5;
    word-wrap: break-word;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    overflow-x: auto;
}

.user-message .message-text[b-6d91pg38u2] {
    background-color: #1976d2;
    color: #ffffff;
}

/* Markdown content in AI messages */
.ai-message .message-text[b-6d91pg38u2] {
    padding: 8px 12px;
}

/* Override markdown styles for chat bubbles */
.ai-message .markdown-content[b-6d91pg38u2] {
    color: #333;
}

.ai-message .markdown-content pre[b-6d91pg38u2] {
    margin: 8px 0;
    max-width: 100%;
    overflow-x: auto;
}

.ai-message .markdown-content code[b-6d91pg38u2] {
    font-size: 13px;
}

.ai-message .markdown-content p:last-child[b-6d91pg38u2] {
    margin-bottom: 0;
}

.ai-message .markdown-content h1[b-6d91pg38u2],
.ai-message .markdown-content h2[b-6d91pg38u2],
.ai-message .markdown-content h3[b-6d91pg38u2] {
    margin-top: 0.5em;
}

.ai-message .markdown-content h1:first-child[b-6d91pg38u2],
.ai-message .markdown-content h2:first-child[b-6d91pg38u2],
.ai-message .markdown-content h3:first-child[b-6d91pg38u2] {
    margin-top: 0;
}

/* 进一步优化聊天气泡中的 Markdown 标题 */
.ai-message .markdown-content h1[b-6d91pg38u2] {
    font-size: 1.4em;
    margin-top: 0.6em;
    margin-bottom: 0.3em;
}

.ai-message .markdown-content h2[b-6d91pg38u2] {
    font-size: 1.25em;
    margin-top: 0.6em;
    margin-bottom: 0.3em;
}

.ai-message .markdown-content h3[b-6d91pg38u2] {
    font-size: 1.1em;
    margin-top: 0.5em;
    margin-bottom: 0.25em;
}

/* 优化列表在聊天气泡中的显示 */
.ai-message .markdown-content ul[b-6d91pg38u2],
.ai-message .markdown-content ol[b-6d91pg38u2] {
    margin-bottom: 0.7em;
}

.ai-message .markdown-content li[b-6d91pg38u2] {
    margin-bottom: 0.3em;
    line-height: 1.5;
}

/* 时间戳 */
.message-time[b-6d91pg38u2] {
    font-size: 11px;
    color: #999;
    padding: 0 8px;
}

.user-message .message-time[b-6d91pg38u2] {
    text-align: right;
}

/* Loading message styles */
.loading-message[b-6d91pg38u2] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.loading-dots[b-6d91pg38u2] {
    display: inline-flex;
    gap: 4px;
    align-items: center;
}

.loading-dots .dot[b-6d91pg38u2] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #666;
    animation: dot-bounce-b-6d91pg38u2 1.4s infinite ease-in-out both;
}

.loading-dots .dot:nth-child(1)[b-6d91pg38u2] {
    animation-delay: -0.32s;
}

.loading-dots .dot:nth-child(2)[b-6d91pg38u2] {
    animation-delay: -0.16s;
}

@keyframes dot-bounce-b-6d91pg38u2 {
    0%, 80%, 100% {
        transform: scale(0.8);
        opacity: 0.5;
    }
    40% {
        transform: scale(1.2);
        opacity: 1;
    }
}

/* Scrollbar styling */
.chat-messages[b-6d91pg38u2]::-webkit-scrollbar {
    width: 8px;
}

.chat-messages[b-6d91pg38u2]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.chat-messages[b-6d91pg38u2]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.chat-messages[b-6d91pg38u2]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}
/* /Components/Dialog/DataAnalysisTab.razor.rz.scp.css */
.analysis-container[b-bu0r71y7vc] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background-color: #fafafa;
}

.analysis-header[b-bu0r71y7vc] {
    padding: 24px;
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
}

.analysis-content[b-bu0r71y7vc] {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
}

.loading-container[b-bu0r71y7vc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 300px;
}

.placeholder-content[b-bu0r71y7vc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px 20px;
}

/* Scrollbar styling */
.analysis-content[b-bu0r71y7vc]::-webkit-scrollbar {
    width: 8px;
}

.analysis-content[b-bu0r71y7vc]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.analysis-content[b-bu0r71y7vc]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.analysis-content[b-bu0r71y7vc]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .analysis-header[b-bu0r71y7vc] {
        padding: 16px;
    }

    .analysis-content[b-bu0r71y7vc] {
        padding: 16px;
    }

    .placeholder-content[b-bu0r71y7vc] {
        padding: 24px 12px;
    }
}

/* /Components/Dialog/EventRecycleBinDialog.razor.rz.scp.css */
[b-kuynvcgnsv] .mud-table {
    min-width: 600px;
}

[b-kuynvcgnsv] .mud-dialog {
    min-width: 800px;
}

[b-kuynvcgnsv] .mud-dialog-content {
    padding: 20px;
} 
/* /Components/Dialog/PermissionDialogs.razor.rz.scp.css */
 .modal-overlay[b-f9kzxv5kah] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1050;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modal-backdrop[b-f9kzxv5kah] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1040;
    }

    .modal[b-f9kzxv5kah] {
        z-index: 1060;
        position: relative;
        margin: 0;
        width: 100%;
    }

    .modal-dialog[b-f9kzxv5kah] {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-content[b-f9kzxv5kah] {
        background-color: #fff;
        border-radius: 0.3rem;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }

    .modal-header[b-f9kzxv5kah] {
        border-bottom: 1px solid #dee2e6;
        padding: 1rem;
    }

    .modal-body[b-f9kzxv5kah] {
        padding: 1rem;
    }

.modal-footer[b-f9kzxv5kah] {
    border-top: 1px solid #dee2e6;
    padding: 1rem;
}
/* /Components/Dialog/RolePermissionDialog.razor.rz.scp.css */
.permission-dialog[b-hm5cydnryk] {
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    padding: 0;
    width: 80%;
    max-width: 900px;
    max-height: 90vh;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    animation: fadeIn 0.3s ease-out;
}

    .permission-dialog[open][b-hm5cydnryk] {
        display: flex;
        flex-direction: column;
    }

    .permission-dialog[b-hm5cydnryk]::backdrop {
        background-color: rgba(0, 0, 0, 0.5);
        animation: fadeIn 0.2s ease-in;
    }

.modal-header[b-hm5cydnryk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
}

    .modal-header h3[b-hm5cydnryk] {
        margin: 0;
        font-size: 1.25rem;
    }



.modal-body[b-hm5cydnryk] {
    flex: 1;
    overflow-y: auto;
    min-height: 200px;
}



.permission-container[b-hm5cydnryk] {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.header-row[b-hm5cydnryk] {
    display: flex;
    background-color: var(--bio-primary);
    font-weight: bold;
    border-bottom: 1px solid #dee2e6;
    color: white;
}

.module-col[b-hm5cydnryk] {
    width: 200px;
    padding: 10px 20px;
    border-right: 1px solid #dee2e6;
}

.permission-col[b-hm5cydnryk] {
    flex: 1;
    padding: 10px 20px;
}

.permission-content[b-hm5cydnryk] {
    flex: 1;
    overflow-y: auto;
}

.permission-group[b-hm5cydnryk] {
    display: flex;
    border-bottom: 1px solid #dee2e6;
}

    .permission-group:last-child[b-hm5cydnryk] {
        border-bottom: none;
    }

.permission-grid[b-hm5cydnryk] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

    .permission-grid .form-check[b-hm5cydnryk] {
        min-width: 150px;
    }

/* 美化复选框和标签的样式 */
.form-check[b-hm5cydnryk] {
    display: flex;
    align-items: center;
    margin: 0;
}

.form-check-input[b-hm5cydnryk] {
    margin-right: 8px;
    accent-color: var(--bio-primary);
    cursor: pointer;
}

.form-check-label[b-hm5cydnryk] {
    margin-bottom: 0;
    user-select: none;
}

/* 确保复选框在选中状态下使用正确的颜色 */
.form-check-input:checked[b-hm5cydnryk] {
    background-color: var(--bio-primary);
    border-color: var(--bio-primary);
}

/* 复选框悬停效果 */
.form-check-input:hover[b-hm5cydnryk] {
    border-color: var(--bio-primary);
}

/* 复选框获得焦点时的样式 */
.form-check-input:focus[b-hm5cydnryk] {
    border-color: var(--bio-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bio-primary-rgb), 0.25);
}

@@keyframes fadeIn {
    from[b-hm5cydnryk] {
        opacity: 0;
    }

    to[b-hm5cydnryk] {
        opacity: 1;
    }
}

/* 添加自定义indeterminate样式 */
.form-check-input.indeterminate[b-hm5cydnryk] {
    background-color: var(--bio-primary);
    border-color: var(--bio-primary);
    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='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:indeterminate[b-hm5cydnryk] {
    background-color: var(--bio-primary);
    border-color: var(--bio-primary);
    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='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
/* /Components/Dialog/Templates/ClinicalAnalysisTemplate.razor.rz.scp.css */
/* ==========================================
   现代化临床分析模板样式
   ========================================== */

/* 全局设置 */
.modern-clinical-card[b-xdotd1tyb6] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', 'PingFang SC', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #1a202c;
    background: #f7fafc;
    padding: 20px;
    min-height: 100%;
}

/* ==========================================
   患者卡片顶部
   ========================================== */

.patient-card[b-xdotd1tyb6] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(102, 126, 234, 0.3);
    margin-bottom: 24px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.patient-card:hover[b-xdotd1tyb6] {
    transform: translateY(-2px);
    box-shadow: 0 15px 50px rgba(102, 126, 234, 0.4);
}

.patient-card-header[b-xdotd1tyb6] {
    display: flex;
    align-items: center;
    padding: 24px;
    gap: 20px;
}

.patient-avatar[b-xdotd1tyb6] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgba(255, 255, 255, 0.3);
    flex-shrink: 0;
}

.avatar-text[b-xdotd1tyb6] {
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
}

.patient-info[b-xdotd1tyb6] {
    flex: 1;
}

.patient-name[b-xdotd1tyb6] {
    font-size: 28px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 12px 0;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.patient-meta[b-xdotd1tyb6] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.meta-item[b-xdotd1tyb6] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.95);
    font-size: 14px;
    font-weight: 500;
}

.meta-icon[b-xdotd1tyb6] {
    width: 18px;
    height: 18px;
    opacity: 0.9;
}

.patient-card-body[b-xdotd1tyb6] {
    background: rgba(255, 255, 255, 0.95);
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.chief-complaint-box[b-xdotd1tyb6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.complaint-label[b-xdotd1tyb6] {
    font-size: 12px;
    font-weight: 600;
    color: #718096;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.complaint-text[b-xdotd1tyb6] {
    font-size: 15px;
    font-weight: 500;
    color: #2d3748;
    margin: 0;
    line-height: 1.7;
}

.diagnosis-section[b-xdotd1tyb6] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.diagnosis-label[b-xdotd1tyb6] {
    font-size: 12px;
    font-weight: 600;
    color: #718096;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.diagnosis-list[b-xdotd1tyb6] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.diagnosis-tag[b-xdotd1tyb6] {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #ffffff;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.diagnosis-tag:hover[b-xdotd1tyb6] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.summary-box[b-xdotd1tyb6] {
    padding: 16px;
    background: #f7fafc;
    border-radius: 8px;
    border-left: 4px solid #667eea;
}

.summary-text[b-xdotd1tyb6] {
    margin: 0;
    color: #4a5568;
    font-size: 14px;
    line-height: 1.7;
}

/* ==========================================
   主内容区域 - 双列布局
   ========================================== */

.content-grid[b-xdotd1tyb6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.content-column[b-xdotd1tyb6] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ==========================================
   信息卡片通用样式
   ========================================== */

.info-card[b-xdotd1tyb6] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.info-card:hover[b-xdotd1tyb6] {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.card-header[b-xdotd1tyb6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 2px solid #f7fafc;
    cursor: pointer;
    user-select: none;
    transition: background 0.2s ease;
}

.card-header:hover[b-xdotd1tyb6] {
    background: #f7fafc;
}

.card-title[b-xdotd1tyb6] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.card-title h2[b-xdotd1tyb6] {
    font-size: 16px;
    font-weight: 700;
    color: #2d3748;
    margin: 0;
}

.title-icon[b-xdotd1tyb6] {
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
}

.alert-icon[b-xdotd1tyb6] {
    background: linear-gradient(135deg, #f56565 0%, #c53030 100%);
    color: #ffffff;
}

.warning-icon[b-xdotd1tyb6] {
    background: linear-gradient(135deg, #ed8936 0%, #c05621 100%);
    color: #ffffff;
}

.timeline-icon[b-xdotd1tyb6] {
    background: linear-gradient(135deg, #4299e1 0%, #2b6cb0 100%);
    color: #ffffff;
}

.quality-icon[b-xdotd1tyb6] {
    background: linear-gradient(135deg, #48bb78 0%, #2f855a 100%);
    color: #ffffff;
}

.data-icon[b-xdotd1tyb6] {
    background: linear-gradient(135deg, #9f7aea 0%, #6b46c1 100%);
    color: #ffffff;
}

.title-badge[b-xdotd1tyb6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    background: #e2e8f0;
    color: #4a5568;
}

.alert-badge[b-xdotd1tyb6] {
    background: #fed7d7;
    color: #c53030;
}

.warning-badge[b-xdotd1tyb6] {
    background: #feebc8;
    color: #c05621;
}

.timeline-badge[b-xdotd1tyb6] {
    background: #bee3f8;
    color: #2b6cb0;
}

.quality-score-badge[b-xdotd1tyb6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    background: linear-gradient(135deg, #48bb78 0%, #2f855a 100%);
    color: #ffffff;
}

.expand-btn[b-xdotd1tyb6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: #f7fafc;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.expand-btn:hover[b-xdotd1tyb6] {
    background: #e2e8f0;
    transform: scale(1.1);
}

.expand-icon[b-xdotd1tyb6] {
    font-size: 18px;
    font-weight: 600;
    color: #4a5568;
}

.card-content[b-xdotd1tyb6] {
    padding: 20px;
}

/* ==========================================
   异常发现卡片
   ========================================== */

.alert-card[b-xdotd1tyb6] {
    border-left: 4px solid #f56565;
}

.abnormal-card[b-xdotd1tyb6] {
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 12px;
    background: #fff5f5;
    border: 1px solid #feb2b2;
    transition: all 0.2s ease;
}

.abnormal-card:hover[b-xdotd1tyb6] {
    box-shadow: 0 4px 12px rgba(245, 101, 101, 0.15);
    transform: translateX(4px);
}

.abnormal-card:last-child[b-xdotd1tyb6] {
    margin-bottom: 0;
}

.abnormal-card.severity-critical[b-xdotd1tyb6] {
    background: linear-gradient(135deg, #fff5f5 0%, #fed7d7 100%);
    border-color: #fc8181;
}

.abnormal-card.severity-serious[b-xdotd1tyb6] {
    background: #fffaf0;
    border-color: #fbd38d;
}

.abnormal-header[b-xdotd1tyb6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.abnormal-name[b-xdotd1tyb6] {
    font-weight: 700;
    font-size: 15px;
    color: #2d3748;
}

.category-badge[b-xdotd1tyb6] {
    padding: 4px 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.category-badge.badge-laboratory[b-xdotd1tyb6] {
    background: #bee3f8;
    color: #2c5282;
}

.category-badge.badge-imaging[b-xdotd1tyb6] {
    background: #d6bcfa;
    color: #553c9a;
}

.category-badge.badge-vital_sign[b-xdotd1tyb6] {
    background: #fbb6ce;
    color: #97266d;
}

.category-badge.badge-other[b-xdotd1tyb6] {
    background: #e2e8f0;
    color: #4a5568;
}

.abnormal-value-row[b-xdotd1tyb6] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 10px;
}

.abnormal-value[b-xdotd1tyb6] {
    font-size: 20px;
    font-weight: 700;
    color: #e53e3e;
}

.normal-range-text[b-xdotd1tyb6] {
    font-size: 13px;
    color: #718096;
}

.clinical-note[b-xdotd1tyb6] {
    margin: 0;
    font-size: 13px;
    color: #4a5568;
    line-height: 1.6;
    padding: 12px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 6px;
}

/* ==========================================
   风险评估卡片
   ========================================== */

.warning-card[b-xdotd1tyb6] {
    border-left: 4px solid #ed8936;
}

.risk-card[b-xdotd1tyb6] {
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 12px;
    background: #fffaf0;
    border: 1px solid #fbd38d;
    transition: all 0.2s ease;
}

.risk-card:hover[b-xdotd1tyb6] {
    box-shadow: 0 4px 12px rgba(237, 137, 54, 0.15);
    transform: translateX(4px);
}

.risk-card:last-child[b-xdotd1tyb6] {
    margin-bottom: 0;
}

.risk-card.severity-high[b-xdotd1tyb6] {
    background: linear-gradient(135deg, #fff5f5 0%, #fed7d7 100%);
    border-color: #fc8181;
}

.risk-header-row[b-xdotd1tyb6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.risk-type-label[b-xdotd1tyb6] {
    font-weight: 700;
    font-size: 15px;
    color: #2d3748;
}

.severity-badge[b-xdotd1tyb6] {
    padding: 4px 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.severity-badge.severity-critical[b-xdotd1tyb6],
.severity-badge.severity-high[b-xdotd1tyb6] {
    background: #fc8181;
    color: #ffffff;
}

.severity-badge.severity-serious[b-xdotd1tyb6],
.severity-badge.severity-medium[b-xdotd1tyb6] {
    background: #fbd38d;
    color: #744210;
}

.severity-badge.severity-moderate[b-xdotd1tyb6] {
    background: #fbd38d;
    color: #744210;
}

.severity-badge.severity-mild[b-xdotd1tyb6],
.severity-badge.severity-low[b-xdotd1tyb6] {
    background: #9ae6b4;
    color: #22543d;
}

.risk-description[b-xdotd1tyb6] {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #4a5568;
    line-height: 1.6;
}

.recommendation-box[b-xdotd1tyb6] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px;
    background: linear-gradient(135deg, #ebf8ff 0%, #bee3f8 100%);
    border-radius: 6px;
    border-left: 3px solid #4299e1;
}

.recommendation-icon[b-xdotd1tyb6] {
    font-size: 16px;
    flex-shrink: 0;
}

.recommendation-text[b-xdotd1tyb6] {
    flex: 1;
    font-size: 13px;
    color: #2c5282;
    font-weight: 500;
    line-height: 1.6;
}

/* ==========================================
   数据质量卡片
   ========================================== */

.quality-card[b-xdotd1tyb6] {
    border-left: 4px solid #48bb78;
}

.quality-progress-section[b-xdotd1tyb6] {
    margin-bottom: 20px;
}

.quality-progress-bar[b-xdotd1tyb6] {
    height: 32px;
    background: #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    margin-bottom: 8px;
}

.quality-progress-fill[b-xdotd1tyb6] {
    height: 100%;
    background: linear-gradient(90deg, #48bb78 0%, #38a169 100%);
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 12px;
    position: relative;
}

.progress-text[b-xdotd1tyb6] {
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.quality-grade[b-xdotd1tyb6] {
    display: inline-block;
    padding: 4px 12px;
    background: #c6f6d5;
    color: #22543d;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
}

.quality-section[b-xdotd1tyb6] {
    margin-top: 20px;
}

.section-subtitle[b-xdotd1tyb6] {
    font-size: 14px;
    font-weight: 700;
    color: #2d3748;
    margin: 0 0 12px 0;
}

.quality-list[b-xdotd1tyb6] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.quality-item[b-xdotd1tyb6] {
    padding: 10px 12px;
    margin-bottom: 6px;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1.6;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.quality-item[b-xdotd1tyb6]:before {
    content: "•";
    font-weight: 700;
    flex-shrink: 0;
}

.missing-item[b-xdotd1tyb6] {
    background: #fff5f5;
    color: #742a2a;
    border-left: 3px solid #fc8181;
}

.missing-item[b-xdotd1tyb6]:before {
    color: #fc8181;
}

.inconsistency-item[b-xdotd1tyb6] {
    background: #fffaf0;
    color: #744210;
    border-left: 3px solid #ed8936;
}

.inconsistency-item[b-xdotd1tyb6]:before {
    color: #ed8936;
}

.recommendation-item[b-xdotd1tyb6] {
    background: #f0fff4;
    color: #22543d;
    border-left: 3px solid #48bb78;
}

.recommendation-item[b-xdotd1tyb6]:before {
    content: "💡";
}

/* ==========================================
   时间线卡片
   ========================================== */

.timeline-card[b-xdotd1tyb6] {
    border-left: 4px solid #4299e1;
}

.timeline-container[b-xdotd1tyb6] {
    position: relative;
}

.timeline-item[b-xdotd1tyb6] {
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
    position: relative;
}

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

.timeline-item:not(:last-child)[b-xdotd1tyb6]:after {
    content: "";
    position: absolute;
    left: 19px;
    top: 44px;
    width: 2px;
    height: calc(100% - 24px);
    background: linear-gradient(180deg, #cbd5e0 0%, transparent 100%);
}

.timeline-marker[b-xdotd1tyb6] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
}

.timeline-marker.admission[b-xdotd1tyb6] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.timeline-marker.examination[b-xdotd1tyb6] {
    background: linear-gradient(135deg, #4299e1 0%, #2b6cb0 100%);
}

.timeline-marker.surgery[b-xdotd1tyb6] {
    background: linear-gradient(135deg, #f56565 0%, #c53030 100%);
}

.timeline-marker.medication[b-xdotd1tyb6] {
    background: linear-gradient(135deg, #48bb78 0%, #2f855a 100%);
}

.timeline-marker.discharge[b-xdotd1tyb6] {
    background: linear-gradient(135deg, #ed8936 0%, #c05621 100%);
}

.marker-icon[b-xdotd1tyb6] {
    font-size: 18px;
}

.timeline-content[b-xdotd1tyb6] {
    flex: 1;
    padding: 8px 0;
}

.timeline-header[b-xdotd1tyb6] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 6px;
    gap: 12px;
}

.timeline-title[b-xdotd1tyb6] {
    font-weight: 700;
    font-size: 15px;
    color: #2d3748;
}

.timeline-date[b-xdotd1tyb6] {
    font-size: 12px;
    color: #718096;
    font-weight: 500;
    flex-shrink: 0;
}

.timeline-description[b-xdotd1tyb6] {
    margin: 0;
    font-size: 13px;
    color: #4a5568;
    line-height: 1.6;
}

.timeline-item.importance-high .timeline-content[b-xdotd1tyb6] {
    padding: 12px;
    background: #fffbeb;
    border-radius: 8px;
    border-left: 3px solid #fbbf24;
}

/* ==========================================
   医疗信息卡片
   ========================================== */

.categorized-card[b-xdotd1tyb6] {
    border-left: 4px solid #9f7aea;
}

.tab-navigation[b-xdotd1tyb6] {
    display: flex;
    gap: 4px;
    border-bottom: 2px solid #e2e8f0;
    margin-bottom: 16px;
}

.tab-btn[b-xdotd1tyb6] {
    padding: 10px 16px;
    border: none;
    background: transparent;
    color: #718096;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    transition: all 0.2s ease;
    position: relative;
    bottom: -2px;
}

.tab-btn:hover[b-xdotd1tyb6] {
    color: #2d3748;
    background: #f7fafc;
}

.tab-btn.active[b-xdotd1tyb6] {
    color: #9f7aea;
    border-bottom-color: #9f7aea;
}

.tab-panel[b-xdotd1tyb6] {
    min-height: 200px;
}

.data-list[b-xdotd1tyb6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.data-item[b-xdotd1tyb6] {
    padding: 16px;
    border-radius: 8px;
    background: #f7fafc;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}

.data-item:hover[b-xdotd1tyb6] {
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transform: translateX(2px);
}

.data-item.abnormal[b-xdotd1tyb6] {
    background: #fff5f5;
    border-color: #feb2b2;
}

.item-header[b-xdotd1tyb6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.item-name[b-xdotd1tyb6] {
    font-weight: 700;
    font-size: 15px;
    color: #2d3748;
}

.item-meta[b-xdotd1tyb6] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 13px;
    margin-bottom: 8px;
}

.meta-label[b-xdotd1tyb6] {
    color: #718096;
    font-weight: 500;
}

.meta-value[b-xdotd1tyb6] {
    color: #4a5568;
}

.meta-divider[b-xdotd1tyb6] {
    color: #cbd5e0;
}

.status-badge[b-xdotd1tyb6] {
    padding: 3px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
}

.status-badge.status-confirmed[b-xdotd1tyb6] {
    background: #c6f6d5;
    color: #22543d;
}

.status-badge.status-suspected[b-xdotd1tyb6] {
    background: #feebc8;
    color: #744210;
}

.status-badge.status-ruled_out[b-xdotd1tyb6] {
    background: #e2e8f0;
    color: #4a5568;
}

.medication-details[b-xdotd1tyb6],
.surgery-details[b-xdotd1tyb6],
.symptom-details[b-xdotd1tyb6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.detail-row[b-xdotd1tyb6] {
    display: flex;
    gap: 12px;
    font-size: 13px;
}

.detail-label[b-xdotd1tyb6] {
    color: #718096;
    font-weight: 600;
    min-width: 80px;
}

.detail-value[b-xdotd1tyb6] {
    color: #2d3748;
    flex: 1;
}

.examination-result[b-xdotd1tyb6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px;
    background: #ffffff;
    border-radius: 6px;
    font-size: 13px;
}

.result-label[b-xdotd1tyb6] {
    color: #718096;
    font-weight: 600;
}

.result-value[b-xdotd1tyb6] {
    color: #2d3748;
    font-weight: 600;
}

.result-value.abnormal-value[b-xdotd1tyb6] {
    color: #e53e3e;
    font-weight: 700;
}

.normal-range-hint[b-xdotd1tyb6] {
    color: #718096;
    font-size: 12px;
}

.abnormal-indicator[b-xdotd1tyb6] {
    padding: 4px 10px;
    background: #fc8181;
    color: #ffffff;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
}

/* ==========================================
   响应式设计
   ========================================== */

@media (max-width: 1200px) {
    .content-grid[b-xdotd1tyb6] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .modern-clinical-card[b-xdotd1tyb6] {
        padding: 12px;
    }

    .patient-card-header[b-xdotd1tyb6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .patient-avatar[b-xdotd1tyb6] {
        width: 60px;
        height: 60px;
    }

    .avatar-text[b-xdotd1tyb6] {
        font-size: 28px;
    }

    .patient-name[b-xdotd1tyb6] {
        font-size: 22px;
    }

    .patient-meta[b-xdotd1tyb6] {
        flex-direction: column;
        gap: 8px;
    }

    .tab-navigation[b-xdotd1tyb6] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .tab-btn[b-xdotd1tyb6] {
        white-space: nowrap;
    }

    .detail-row[b-xdotd1tyb6] {
        flex-direction: column;
        gap: 4px;
    }

    .detail-label[b-xdotd1tyb6] {
        min-width: auto;
    }
}

/* ==========================================
   打印样式
   ========================================== */

@media print {
    .modern-clinical-card[b-xdotd1tyb6] {
        background: #ffffff;
        padding: 0;
    }

    .patient-card[b-xdotd1tyb6] {
        box-shadow: none;
        page-break-inside: avoid;
    }

    .info-card[b-xdotd1tyb6] {
        box-shadow: none;
        border: 1px solid #e2e8f0;
        page-break-inside: avoid;
    }

    .expand-btn[b-xdotd1tyb6] {
        display: none;
    }

    .card-content[b-xdotd1tyb6] {
        display: block !important;
    }
}

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

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

.info-card[b-xdotd1tyb6] {
    animation: fadeIn-b-xdotd1tyb6 0.3s ease-out;
}

.abnormal-card[b-xdotd1tyb6],
.risk-card[b-xdotd1tyb6],
.timeline-item[b-xdotd1tyb6],
.data-item[b-xdotd1tyb6] {
    animation: fadeIn-b-xdotd1tyb6 0.3s ease-out;
}
/* /Components/Dialog/Templates/ClinicalSummaryTemplate.razor.rz.scp.css */
/* ========================================
   临床摘要文档 - 专业医疗排版样式
   ======================================== */

/* 文档容器 */
.clinical-summary-document[b-kofvaesxzt] {
    max-width: 900px;
    margin: 0 auto;
    padding: 32px;
    background: #ffffff;
    font-family: -apple-system, 'Microsoft YaHei', 'Segoe UI', sans-serif;
    color: #2c3e50;
    line-height: 1.6;
}

/* ========================================
   文档标题区
   ======================================== */

.document-header[b-kofvaesxzt] {
    border-bottom: 2px solid #3498db;
    padding-bottom: 16px;
    margin-bottom: 32px;
}

.document-title[b-kofvaesxzt] {
    font-size: 28px;
    font-weight: 600;
    color: #2c3e50;
    margin: 0 0 8px 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.title-icon[b-kofvaesxzt] {
    font-size: 32px;
}

.document-meta[b-kofvaesxzt] {
    display: flex;
    gap: 16px;
    font-size: 13px;
    color: #7f8c8d;
}

.meta-item[b-kofvaesxzt] {
    display: flex;
    align-items: center;
}

/* ========================================
   内容模块
   ======================================== */

.summary-section[b-kofvaesxzt] {
    margin-bottom: 32px;
    page-break-inside: avoid; /* 打印友好 */
}

.section-title[b-kofvaesxzt] {
    font-size: 20px;
    font-weight: 600;
    color: #34495e;
    border-left: 4px solid #3498db;
    padding-left: 12px;
    margin-bottom: 16px;
}

.section-content[b-kofvaesxzt] {
    padding-left: 16px;
}

/* ========================================
   患者概况模块
   ======================================== */

.patient-info-grid[b-kofvaesxzt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    padding: 16px;
    background: #f8f9fa;
    border-radius: 8px;
}

.info-item[b-kofvaesxzt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-label[b-kofvaesxzt] {
    font-size: 13px;
    color: #7f8c8d;
    font-weight: 500;
}

.info-value[b-kofvaesxzt] {
    font-size: 15px;
    color: #2c3e50;
    font-weight: 600;
}

/* ========================================
   临床背景模块
   ======================================== */

.background-description[b-kofvaesxzt] {
    padding: 16px;
    background: #f8f9fa;
    border-radius: 8px;
    margin: 0;
    line-height: 1.8;
}

.background-description strong[b-kofvaesxzt] {
    color: #3498db;
}

/* ========================================
   数据完整性评估模块
   ======================================== */

.integrity-overview[b-kofvaesxzt] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.integrity-stats[b-kofvaesxzt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.stat-item[b-kofvaesxzt] {
    text-align: center;
    padding: 16px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 2px solid #e9ecef;
}

.stat-value[b-kofvaesxzt] {
    font-size: 32px;
    font-weight: 700;
    color: #3498db;
    margin-bottom: 4px;
}

.stat-label[b-kofvaesxzt] {
    font-size: 14px;
    color: #7f8c8d;
}

.integrity-assessment[b-kofvaesxzt] {
    padding: 16px;
    background: #f8f9fa;
    border-radius: 8px;
}

.integrity-indicator[b-kofvaesxzt] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border-radius: 6px;
    font-weight: 500;
    line-height: 1.6;
}

.integrity-indicator.high[b-kofvaesxzt] {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.integrity-indicator.medium[b-kofvaesxzt] {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}

.integrity-indicator.low[b-kofvaesxzt] {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.indicator-icon[b-kofvaesxzt] {
    font-size: 18px;
    flex-shrink: 0;
}

.indicator-text[b-kofvaesxzt] {
    flex: 1;
}

/* ========================================
   数据质量分析模块
   ======================================== */

.quality-checklist[b-kofvaesxzt] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.quality-checklist li[b-kofvaesxzt] {
    padding: 12px 16px;
    border-bottom: 1px solid #ecf0f1;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.quality-checklist li:last-child[b-kofvaesxzt] {
    border-bottom: none;
}

.quality-checklist li[b-kofvaesxzt]:before {
    content: attr(data-icon);
    font-size: 16px;
    flex-shrink: 0;
    line-height: 1.5;
}

/* ========================================
   AI 协助建议模块
   ======================================== */

.suggestions-intro[b-kofvaesxzt] {
    margin-bottom: 12px;
    font-weight: 500;
}

.suggestions-list[b-kofvaesxzt] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.suggestions-list li[b-kofvaesxzt] {
    padding: 8px 0 8px 24px;
    position: relative;
}

.suggestions-list li[b-kofvaesxzt]:before {
    content: "•";
    position: absolute;
    left: 8px;
    color: #3498db;
    font-weight: bold;
}

/* ========================================
   页脚信息
   ======================================== */

.document-footer[b-kofvaesxzt] {
    border-top: 1px solid #ecf0f1;
    padding-top: 16px;
    margin-top: 32px;
}

.footer-info[b-kofvaesxzt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 13px;
    color: #7f8c8d;
}

.footer-item[b-kofvaesxzt] {
    display: flex;
    gap: 4px;
}

/* ========================================
   打印样式
   ======================================== */

@media print {
    .clinical-summary-document[b-kofvaesxzt] {
        padding: 16px;
    }

    .summary-section[b-kofvaesxzt] {
        page-break-inside: avoid;
    }

    .document-title[b-kofvaesxzt] {
        color: #000;
    }

    .integrity-indicator[b-kofvaesxzt] {
        border: 1px solid #ddd !important;
    }
}
/* /Components/Layout/IpadLayout.razor.rz.scp.css */
/* iPad布局专用样式 */
.ipad-layout[b-zgvl3s0q0r] {
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.ipad-main[b-zgvl3s0q0r] {
    flex: 1;
    overflow-y: hidden;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .header-content[b-zgvl3s0q0r] {
        flex-direction: column;
        gap: 1rem;
    }

    .navigation-steps[b-zgvl3s0q0r] {
        gap: 1rem;
    }

    .step[b-zgvl3s0q0r] {
        padding: 0.3rem 0.8rem;
    }

    .step-text[b-zgvl3s0q0r] {
        font-size: 0.8rem;
    }
}

/* 平板横屏优化 */
@media (orientation: landscape) and (max-height: 768px) {
    .ipad-header[b-zgvl3s0q0r] {
        padding: 0.5rem 1rem;
    }
}

/* 触摸优化 */
@media (hover: none) and (pointer: coarse) {
    .step[b-zgvl3s0q0r] {
        padding: 0.8rem 1.2rem;
        min-height: 48px;
    }
} 
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-vpfd59812b] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-vpfd59812b] {
    flex: 1;
}

.sidebar[b-vpfd59812b] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-vpfd59812b] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-vpfd59812b]  a, .top-row[b-vpfd59812b]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-vpfd59812b]  a:hover, .top-row[b-vpfd59812b]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-vpfd59812b]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }


@media (max-width: 640.98px) {
    .top-row[b-vpfd59812b] {
        justify-content: space-between;
    }

    .top-row[b-vpfd59812b]  a, .top-row[b-vpfd59812b]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-vpfd59812b] {
        flex-direction: row;
    }

    .sidebar[b-vpfd59812b] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-vpfd59812b] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-vpfd59812b]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-vpfd59812b], article[b-vpfd59812b] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-vpfd59812b] {
    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-vpfd59812b] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.user-menu-activator[b-vpfd59812b] {
    cursor: pointer;
    color: var(--bio-bg-card);
    white-space: nowrap;
}

[b-vpfd59812b] .user-popover .mud-list {
    min-width: 280px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.user-popover-content[b-vpfd59812b] {
    padding: 8px 16px;
}

.user-info-row[b-vpfd59812b] {
    display:flex;
    gap: 20px;
    font-size:16px;
}

.user-info-item[b-vpfd59812b] {
    min-width: 0;
    flex: 1;
    display:flex;
}

.user-info-label[b-vpfd59812b] {
    color: var(--mud-palette-text-secondary);
}

.user-info-value[b-vpfd59812b] {
    min-height: 20px;
    word-break: break-all;
}

.user-menu-actions[b-vpfd59812b] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 12px 10px;
}

.change-password-button[b-vpfd59812b] {
    justify-content: flex-start;
    font-size: 15px;
    font-weight: 600;
    padding-left: 4px;
}

/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-uxsocwk4nq] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-uxsocwk4nq] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-uxsocwk4nq] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-uxsocwk4nq] {
    font-size: 1.1rem;
}

.bi[b-uxsocwk4nq] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-uxsocwk4nq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-uxsocwk4nq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-uxsocwk4nq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-uxsocwk4nq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-uxsocwk4nq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-uxsocwk4nq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-uxsocwk4nq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-uxsocwk4nq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-uxsocwk4nq] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-uxsocwk4nq] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-uxsocwk4nq] {
        padding-bottom: 1rem;
    }

    .nav-item[b-uxsocwk4nq]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-uxsocwk4nq]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-uxsocwk4nq]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-uxsocwk4nq] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-uxsocwk4nq] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-uxsocwk4nq] {
        display: none;
    }

    .nav-scrollable[b-uxsocwk4nq] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/PageForiPad/IpadForm.razor.rz.scp.css */
/* 顶部导航栏样式 */
.ipad-header[b-sxbta9xnnu] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 1rem 2rem;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.header-content[b-sxbta9xnnu] {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

.navigation-steps[b-sxbta9xnnu] {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.step[b-sxbta9xnnu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease;
    cursor: pointer;
}

.step.active[b-sxbta9xnnu] {
    background: linear-gradient(135deg, #18b797 0%, #01A63E 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(24, 183, 151, 0.4);
}

.step.clickable:hover[b-sxbta9xnnu] {
    background: rgba(24, 183, 151, 0.1);
    transform: translateY(-1px);
}

.step-number[b-sxbta9xnnu] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.9rem;
}

.step.active .step-number[b-sxbta9xnnu] {
    background: rgba(255, 255, 255, 0.9);
    color: #18b797;
}

.step-text[b-sxbta9xnnu] {
    font-weight: 500;
    font-size: 0.9rem;
}

/* 页面布局样式 */
.ipad-form[b-sxbta9xnnu] {
    padding: 1rem;
    height: calc(100vh - 80px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}


/* 响应式设计 */
@media (max-width: 768px) {
    .header-content[b-sxbta9xnnu] {
        flex-direction: column;
        gap: 1rem;
    }

    .navigation-steps[b-sxbta9xnnu] {
        gap: 1rem;
    }

    .step[b-sxbta9xnnu] {
        padding: 0.3rem 0.8rem;
    }

    .step-text[b-sxbta9xnnu] {
        font-size: 0.8rem;
    }

    .ipad-form[b-sxbta9xnnu] {
        padding: 0.5rem;
    }
}

/* 平板横屏优化 */
@media (orientation: landscape) and (max-height: 768px) {
    .ipad-header[b-sxbta9xnnu] {
        padding: 0.5rem 1rem;
    }
}

/* 触摸优化 */
@media (hover: none) and (pointer: coarse) {
    .step[b-sxbta9xnnu] {
        padding: 0.8rem 1.2rem;
        min-height: 48px;
    }
} 
/* /Components/PageForiPad/IpadIndex.razor.rz.scp.css */
.simple-input-container[b-gaf1rhv5rr] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    background: #f0f0f0;
}

.input-card[b-gaf1rhv5rr] {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    width: 80%;
    text-align: center;
}

@keyframes fadeInUp-b-gaf1rhv5rr {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.input-card h2[b-gaf1rhv5rr] {
    color: #333;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 0;
}

.patient-input[b-gaf1rhv5rr] {
    margin-bottom: 30px;
    width: 100%;
}

.patient-input[b-gaf1rhv5rr]  .mud-input-root {
    border-radius: 12px;
    font-size: 18px;
}

.patient-input[b-gaf1rhv5rr]  .mud-input-root .mud-input {
    padding: 16px 20px;
    font-size: 18px;
    border-radius: 12px;
    border: 2px solid #e0e0e0;
    transition: all 0.3s ease;
}

/* .patient-input ::deep .mud-input-root .mud-input:focus-within {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
} */

.patient-input[b-gaf1rhv5rr]  .mud-label {
    font-size: 16px;
    color: #666;
    font-weight: 500;
}

.button-container[b-gaf1rhv5rr] {
    margin-top: 20px;
    margin-bottom: 20px;
}

.confirm-button[b-gaf1rhv5rr] {
    background: #18b797;
    color: white;
    border: none;
    border-radius: 12px;
    padding: 16px 40px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    max-width: 200px;
    min-height: 56px;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.confirm-button:hover:not(:disabled)[b-gaf1rhv5rr] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}

.confirm-button:active:not(:disabled)[b-gaf1rhv5rr] {
    transform: translateY(0);
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.confirm-button:disabled[b-gaf1rhv5rr] {
    background: #ccc;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

.loading-section[b-gaf1rhv5rr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    margin-top: 20px;
}

.loading-section p[b-gaf1rhv5rr] {
    margin-top: 15px;
    color: #666;
    font-size: 16px;
    font-weight: 500;
}

.loading-section[b-gaf1rhv5rr]  .mud-progress-circular {
    color: #667eea;
}

/* 顶部导航栏样式 */
.ipad-header[b-gaf1rhv5rr] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 1rem 2rem;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.header-content[b-gaf1rhv5rr] {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

.navigation-steps[b-gaf1rhv5rr] {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.step[b-gaf1rhv5rr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease;
    cursor: pointer;
}

.step.active[b-gaf1rhv5rr] {
    background: linear-gradient(135deg, #18b797 0%, #01A63E 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(24, 183, 151, 0.4);
}

.step.clickable:hover[b-gaf1rhv5rr] {
    background: rgba(24, 183, 151, 0.1);
    transform: translateY(-1px);
}

.step-number[b-gaf1rhv5rr] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.9rem;
}

.step.active .step-number[b-gaf1rhv5rr] {
    background: rgba(255, 255, 255, 0.9);
    color: #18b797;
}

.step-text[b-gaf1rhv5rr] {
    font-weight: 500;
    font-size: 0.9rem;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .simple-input-container[b-gaf1rhv5rr] {
        padding: 15px;
    }
    
    .input-card[b-gaf1rhv5rr] {
        padding: 30px 25px;
        border-radius: 15px;
    }
    
    .input-card h2[b-gaf1rhv5rr] {
        font-size: 24px;
        margin-bottom: 25px;
    }
    
    .patient-input[b-gaf1rhv5rr]  .mud-input-root .mud-input {
        padding: 14px 16px;
        font-size: 16px;
    }
    
    .confirm-button[b-gaf1rhv5rr] {
        padding: 14px 30px;
        font-size: 16px;
        min-height: 50px;
    }

    .header-content[b-gaf1rhv5rr] {
        flex-direction: column;
        gap: 1rem;
    }

    .navigation-steps[b-gaf1rhv5rr] {
        gap: 1rem;
    }

    .step[b-gaf1rhv5rr] {
        padding: 0.3rem 0.8rem;
    }

    .step-text[b-gaf1rhv5rr] {
        font-size: 0.8rem;
    }
}

@media (max-width: 480px) {
    .input-card[b-gaf1rhv5rr] {
        padding: 25px 20px;
        width: 94%;
    }
    
    .input-card h2[b-gaf1rhv5rr] {
        font-size: 22px;
    }
    
    .patient-input[b-gaf1rhv5rr]  .mud-input-root .mud-input {
        padding: 12px 14px;
        font-size: 15px;
    }
    
    .confirm-button[b-gaf1rhv5rr] {
        padding: 12px 25px;
        font-size: 15px;
        min-height: 48px;
    }
}

/* iPad 横屏优化 */
@media (orientation: landscape) and (max-height: 768px) {
    .simple-input-container[b-gaf1rhv5rr] {
        min-height: 100vh;
        padding: 15px;
    }
    
    .input-card[b-gaf1rhv5rr] {
        padding: 25px 30px;
    }
    
    .input-card h2[b-gaf1rhv5rr] {
        margin-bottom: 20px;
    }
    
    .button-container[b-gaf1rhv5rr] {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .ipad-header[b-gaf1rhv5rr] {
        padding: 0.5rem 1rem;
    }
}

/* 触摸设备优化 */
@media (hover: none) and (pointer: coarse) {
    .confirm-button[b-gaf1rhv5rr] {
        min-height: 60px;
        font-size: 20px;
    }
    
    .patient-input[b-gaf1rhv5rr]  .mud-input-root .mud-input {
        min-height: 50px;
    }

    .step[b-gaf1rhv5rr] {
        padding: 0.8rem 1.2rem;
        min-height: 48px;
    }
} 
/* /Components/PageForiPad/PatientEditForIpad.razor.rz.scp.css */

.p-relative[b-2qvzmir62n]{
    position: relative;
}

/* 基础样式 */
.form-row[b-2qvzmir62n] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
}

.form-field[b-2qvzmir62n] {
    flex: 1;
    min-width: 200px;
    position: relative;
}



@media (min-width: 769px) and (max-width: 1024px) {
    .form-field[b-2qvzmir62n] {
        min-width: calc(50% - 8px);
    }
}

@media (min-width: 1025px) {
    .form-field[b-2qvzmir62n] {
        min-width: calc(33.333% - 11px);
    }
}

/* 特殊字段样式 */
.sid-field[b-2qvzmir62n], .phone-field[b-2qvzmir62n], .weixin-field[b-2qvzmir62n], .weixin-phone-field[b-2qvzmir62n] {
    position: relative;
}

.valid-field[b-2qvzmir62n] {
    min-width: 120px;
    max-width: 150px;
}

.action-field[b-2qvzmir62n] {
    /* min-width: 80px; */
    max-width: 100px;
    margin-top: 30px;
}

/* 表单区域样式 */
.form-section[b-2qvzmir62n] {
    margin: 24px 0;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

.section-header[b-2qvzmir62n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e0e0e0;
}

.section-header h6[b-2qvzmir62n] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.add-btn[b-2qvzmir62n] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background-color: #1976d2;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.add-btn:hover[b-2qvzmir62n] {
    background-color: #1565c0;
}

.add-btn i[b-2qvzmir62n] {
    font-size: 16px;
}

.section-content[b-2qvzmir62n] {
    padding: 16px;
}

/* 联系人和地址项目样式 */
.contact-item[b-2qvzmir62n], .address-item[b-2qvzmir62n] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
    background-color: #fafafa;
}

.contact-item:last-child[b-2qvzmir62n], .address-item:last-child[b-2qvzmir62n] {
    margin-bottom: 0;
}

/* 删除按钮样式 */
.remove-btn[b-2qvzmir62n] {
    padding: 6px 12px;
    background-color: #dc3545;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    height: fit-content;
}

.remove-btn:hover[b-2qvzmir62n] {
    background-color: #c82333;
}

/* 验证状态样式 */
.phone-status-valid[b-2qvzmir62n] {
    color: #28a745;
}

.phone-status-invalid[b-2qvzmir62n] {
    color: #dc3545;
}

.phone-status-pending[b-2qvzmir62n] {
    color: #ffc107;
}

/* 证件号验证样式 */
.sid-number-invalid input[b-2qvzmir62n],
.sid-number-invalid .form-control[b-2qvzmir62n],
.sid-number-invalid .form-floating input[b-2qvzmir62n],
.sid-number-invalid .input-group input[b-2qvzmir62n] {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.sid-number-invalid input:focus[b-2qvzmir62n],
.sid-number-invalid .form-control:focus[b-2qvzmir62n],
.sid-number-invalid .form-floating input:focus[b-2qvzmir62n],
.sid-number-invalid .input-group input:focus[b-2qvzmir62n] {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

/* 更通用的选择器，针对所有可能的input元素 */
.sid-number-invalid * input[b-2qvzmir62n] {
    border-color: #dc3545 !important;
}

.sid-number-invalid * input:focus[b-2qvzmir62n] {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

/* 弹窗样式优化 */
.mud-dialog-content[b-2qvzmir62n] {
    padding: 0;
}

.mud-dialog-actions[b-2qvzmir62n] {
    padding: 16px;
    border-top: 1px solid #e0e0e0;
}

/* 确保在iPad上不会出现横向滚动条 */
.mud-container[b-2qvzmir62n] {
    overflow-x: hidden;
}

/* 输入框样式优化 */
.form-field input[b-2qvzmir62n],
.form-field select[b-2qvzmir62n],
.form-field .form-control[b-2qvzmir62n] {
    width: 100%;
    box-sizing: border-box;
}

/* 标签样式优化 */
.form-field label[b-2qvzmir62n] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 4px;
    display: block;
}

/* 响应式调整 */
@media (max-width: 480px) {
    .form-row[b-2qvzmir62n] {
        gap: 12px;
    }
    
    .form-field[b-2qvzmir62n] {
        min-width: 100%;
    }
    
    .contact-item[b-2qvzmir62n], .address-item[b-2qvzmir62n] {
        flex-direction: column;
        gap: 12px;
    }
    
    .valid-field[b-2qvzmir62n], .action-field[b-2qvzmir62n] {
        min-width: 100%;
        max-width: none;
    }
}
/* /Components/PageForiPad/SelectForm.razor.rz.scp.css */
/* 页面容器 */
.page-container[b-dse76c0zs0] {
    display: flex;
    flex-direction: column;
    /* min-height: 100vh; */
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    gap: 20px;
    height: calc(100vh - 80px);
    overflow: auto;
}
/* 顶部导航栏样式 */
.ipad-header[b-dse76c0zs0] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 1rem 2rem;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.header-content[b-dse76c0zs0] {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

.navigation-steps[b-dse76c0zs0] {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.step[b-dse76c0zs0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease;
    cursor: pointer;
}

.step.active[b-dse76c0zs0] {
    background: linear-gradient(135deg, #18b797 0%, #01A63E 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(24, 183, 151, 0.4);
}

.step.clickable:hover[b-dse76c0zs0] {
    background: rgba(24, 183, 151, 0.1);
    transform: translateY(-1px);
}

.step-number[b-dse76c0zs0] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.9rem;
}

.step.active .step-number[b-dse76c0zs0] {
    background: rgba(255, 255, 255, 0.9);
    color: #18b797;
}

.step-text[b-dse76c0zs0] {
    font-weight: 500;
    font-size: 0.9rem;
}

/* 患者信息区域 */
.patient-info-section[b-dse76c0zs0] {
    flex: 0 0 auto;
}

.patient-card[b-dse76c0zs0] {
    background: white;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    animation: fadeInUp-b-dse76c0zs0 0.3s ease-out;
}

@keyframes fadeInUp-b-dse76c0zs0 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.patient-card h2[b-dse76c0zs0] {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    margin-top: 0;
    text-align: center;
}

.patient-info[b-dse76c0zs0] {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 20px;
}

.info-row[b-dse76c0zs0] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 15px;
}

.info-row:last-child[b-dse76c0zs0] {
    margin-bottom: 0;
}

.info-item[b-dse76c0zs0] {
    flex: 1;
    min-width: 200px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.info-item label[b-dse76c0zs0] {
    font-weight: 600;
    color: #555;
    min-width: 80px;
    font-size: 14px;
}

.info-item span[b-dse76c0zs0] {
    color: #333;
    font-size: 14px;
    flex: 1;
}

.loading-info[b-dse76c0zs0] {
    text-align: center;
    padding: 40px;
    color: #666;
}

/* 列表区域 */
.list-section[b-dse76c0zs0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.list-container[b-dse76c0zs0] {
    background: white;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    flex: 1;
    display: flex;
    flex-direction: column;
    animation: fadeInUp-b-dse76c0zs0 0.4s ease-out;
}

.list-header[b-dse76c0zs0] {
    margin-bottom: 25px;
    text-align: center;
}

.list-header h3[b-dse76c0zs0] {
    color: #333;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 0;
}

.list-header p[b-dse76c0zs0] {
    color: #666;
    font-size: 14px;
    margin: 0;
}

.list-content[b-dse76c0zs0] {
    flex: 1;
    overflow-y: auto;
    padding-right: 10px;
}

/* 卡片网格布局 */
.cards-grid[b-dse76c0zs0] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 10px 0;
}

/* 卡片项样式 */
.card-item[b-dse76c0zs0] {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 120px;
}

.card-item:hover[b-dse76c0zs0] {
    background: #e9ecef;
    border-color: #007bff;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 123, 255, 0.2);
}

.card-content[b-dse76c0zs0] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.card-title[b-dse76c0zs0] {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 15px 0;
    text-align: center;
    line-height: 1.4;
}

.fill-button[b-dse76c0zs0] {
    background: #007bff;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

.fill-button:hover[b-dse76c0zs0] {
    background: #0056b3;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0, 123, 255, 0.3);
}

.fill-button:active[b-dse76c0zs0] {
    transform: translateY(0);
}

/* 加载状态 */
.loading-cards[b-dse76c0zs0] {
    text-align: center;
    padding: 40px;
    color: #666;
}

.loading-cards p[b-dse76c0zs0] {
    font-size: 16px;
    margin: 0;
}

.empty-list[b-dse76c0zs0] {
    text-align: center;
    color: #999;
    padding: 40px;
}

.empty-list p[b-dse76c0zs0] {
    font-size: 16px;
    margin: 0;
}

/* 住院事件选择容器 */
.inpatient-selection-container[b-dse76c0zs0] {
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    margin: 20px 0;
}

.inpatient-selection-container h3[b-dse76c0zs0] {
    color: #333;
    margin-bottom: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

/* 住院事件网格布局 */
.inpatient-events-grid[b-dse76c0zs0] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    max-width: 600px;
    margin: 0 auto;
}

/* 住院事件卡片样式 */
.inpatient-event-card[b-dse76c0zs0] {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 12px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    text-align: center;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inpatient-event-card:hover[b-dse76c0zs0] {
    border-color: #007bff;
    box-shadow: 0 8px 16px rgba(0,123,255,0.2);
    transform: translateY(-4px);
}

.inpatient-event-card:active[b-dse76c0zs0] {
    transform: translateY(-2px);
}

.inpatient-event-card .event-date[b-dse76c0zs0] {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
}

/* 表单卡片容器 */
.form-cards-container[b-dse76c0zs0] {
    width: 100%;
}

/* 返回按钮容器 */
.back-button-container[b-dse76c0zs0] {
    margin-bottom: 20px;
    text-align: left;
}

/* 返回按钮样式 */
.back-button[b-dse76c0zs0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: #6c757d;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.back-button:hover[b-dse76c0zs0] {
    background: #5a6268;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    transform: translateY(-1px);
}

.back-button:active[b-dse76c0zs0] {
    transform: translateY(0);
}

.back-button .back-icon[b-dse76c0zs0] {
    font-size: 16px;
    font-weight: bold;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .page-container[b-dse76c0zs0] {
        padding: 15px;
        gap: 15px;
    }
    .header-content[b-dse76c0zs0] {
        flex-direction: column;
        gap: 1rem;
    }

    .navigation-steps[b-dse76c0zs0] {
        gap: 1rem;
    }

    .step[b-dse76c0zs0] {
        padding: 0.3rem 0.8rem;
    }

    .step-text[b-dse76c0zs0] {
        font-size: 0.8rem;
    }
    
    .patient-card[b-dse76c0zs0],
    .list-container[b-dse76c0zs0] {
        padding: 0.6rem 1rem;
        border-radius: 15px;
    }
    
    .patient-card h2[b-dse76c0zs0] {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .list-header h3[b-dse76c0zs0] {
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    .info-row[b-dse76c0zs0] {
        gap: 15px;
        margin-bottom: 12px;
    }
    
    .info-item[b-dse76c0zs0] {
        min-width: 150px;
    }
    
    .info-item label[b-dse76c0zs0] {
        font-size: 13px;
        min-width: 70px;
    }
    
    .info-item span[b-dse76c0zs0] {
        font-size: 13px;
    }
    
    .cards-grid[b-dse76c0zs0] {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .card-item[b-dse76c0zs0] {
        padding: 15px;
        min-height: 100px;
    }
    
    .card-title[b-dse76c0zs0] {
        font-size: 14px;
        margin-bottom: 12px;
    }
    
    .fill-button[b-dse76c0zs0] {
        padding: 8px 12px;
        font-size: 13px;
    }

    .inpatient-events-grid[b-dse76c0zs0] {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        padding: 0 10px;
    }
    
    .inpatient-event-card[b-dse76c0zs0] {
        padding: 15px;
        min-height: 70px;
    }
    
    .inpatient-event-card .event-date[b-dse76c0zs0] {
        font-size: 14px;
    }

    .back-button[b-dse76c0zs0] {
        padding: 8px 12px;
        font-size: 13px;
    }
    
    .back-button .back-icon[b-dse76c0zs0] {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .page-container[b-dse76c0zs0] {
        padding: 10px;
        gap: 10px;
    }
    .ipad-header[b-dse76c0zs0] {
        padding: 0.5rem 1rem;
    }
    
    .patient-card[b-dse76c0zs0],
    .list-container[b-dse76c0zs0] {
        padding: 20px 15px;
    }
    
    .patient-card h2[b-dse76c0zs0] {
        font-size: 18px;
    }
    
    .list-header h3[b-dse76c0zs0] {
        font-size: 16px;
    }
    
    .info-row[b-dse76c0zs0] {
        flex-direction: column;
        gap: 10px;
    }
    
    .info-item[b-dse76c0zs0] {
        min-width: auto;
    }
    
    .cards-grid[b-dse76c0zs0] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .card-item[b-dse76c0zs0] {
        padding: 12px;
        min-height: 90px;
    }
    
    .card-title[b-dse76c0zs0] {
        font-size: 13px;
        margin-bottom: 10px;
    }
    
    .fill-button[b-dse76c0zs0] {
        padding: 6px 10px;
        font-size: 12px;
    }

    .inpatient-events-grid[b-dse76c0zs0] {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .inpatient-event-card[b-dse76c0zs0] {
        padding: 12px;
        min-height: 60px;
    }
}

/* iPad 横屏优化 */
@media (orientation: landscape) and (max-height: 768px) {
    .page-container[b-dse76c0zs0] {
        padding: 15px;
        gap: 15px;
    }
    
    .patient-card[b-dse76c0zs0],
    .list-container[b-dse76c0zs0] {
        padding: 20px 25px;
    }
    
    .patient-card h2[b-dse76c0zs0] {
        margin-bottom: 15px;
    }
    
    .list-header h3[b-dse76c0zs0] {
        margin-bottom: 15px;
    }
    
    .cards-grid[b-dse76c0zs0] {
        gap: 15px;
    }
    
    .card-item[b-dse76c0zs0] {
        padding: 15px;
        min-height: 100px;
    }
} 

/* 触摸设备优化 */
@media (hover: none) and (pointer: coarse) {
    .step[b-dse76c0zs0] {
        padding: 0.8rem 1.2rem;
        min-height: 48px;
    }
} 
/* /Components/Pages/BI.razor.rz.scp.css */
/* BI 页面样式已移至 wwwroot/css/bi.css */
/* /Components/Pages/CheckTask.razor.rz.scp.css */
.checkTaskBox[b-fhp0d86t69] {
    padding: 8px 12px;
    height: calc(100vh - 64px);
}
/* /Components/Pages/EventManage.razor.rz.scp.css */
/* 样式由 common.css 全局统一管理 */
/* /Components/Pages/EventStatusStatistics.razor.rz.scp.css */
.taskList[b-yya8t7qie6] {
    min-height: 480px; /* 确保至少能显示10条数据（每行约42px + 表头 + 分页） */
    max-height: calc(100vh - 380px); /* 大屏幕时限制最大高度，留出搜索和统计区域 */
    position: relative;
    border-top: 1px solid #ccc;
    padding-top: 12px;
    overflow: auto;
}

[b-yya8t7qie6] .table-container {
    overflow: auto;
    position: relative;
}

[b-yya8t7qie6] .table {
    margin-bottom: 0;
}

[b-yya8t7qie6] .table > thead {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #f8f9fa;
}

[b-yya8t7qie6] .table > thead > tr > th {
    position: sticky;
    top: 0;
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
}

[b-yya8t7qie6] .table > tbody > tr > td {
    vertical-align: middle;
}

/* 统计区域样式 */
.statistics-section[b-yya8t7qie6] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e0e0e0;
}
/* /Components/Pages/EventTypeManage.razor.rz.scp.css */
/* 样式由 common.css 全局统一管理 */
/* /Components/Pages/FormsetStatistics.razor.rz.scp.css */
.option-tag[b-aaraxwpnge] {
    border-radius: 4px;
    border: solid 1px #3f6ad8;
    background-color: #eef2fc;
    color: #3f6ad8;
    margin-right: 5px;
    font-size: 12px;
    height: 22px;
    padding: 1px 8px;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 3px;
}

.option-more[b-aaraxwpnge] {
    border-radius: 4px;
    border: solid 1px #6c757d;
    background-color: #f1f1f1;
    color: #6c757d;
    margin-right: 5px;
    font-size: 12px;
    height: 22px;
    padding: 1px 8px;
    line-height: 20px;
    display: inline-block;
}
/* 表单集按钮样式 */
.formset-buttons[b-aaraxwpnge] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.formset-button[b-aaraxwpnge] {
    padding: 8px 16px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s ease;
}

.formset-button:hover[b-aaraxwpnge] {
    background-color: #e0e0e0;
}

.formset-button.selected[b-aaraxwpnge] {
    background-color: var(--bio-primary, #18b797);
    color: white;
    border-color: var(--bio-primary, #18b797);
}

/* 进度条相关样式 - 确保这些样式正确应用 */
.loading-container[b-aaraxwpnge] {
    margin: 20px 0;
    text-align: center;
}

.progress-container[b-aaraxwpnge] {
    width: 80%;
    max-width: 600px;
    height: 20px;
    background-color: #e9ecef;
    border-radius: 4px;
    margin: 10px auto;
    position: relative;
    overflow: hidden;
}

.progress-bar[b-aaraxwpnge] {
    height: 100%;
    background-color: var(--bio-primary, #18b797);
    border-radius: 4px;
    transition: width 0.3s ease;
}

.progress-text[b-aaraxwpnge] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 20px;
    color: #333;
    font-size: 12px;
    text-shadow: 0 0 2px #fff;
}

/* 统计数据展示相关样式 */
.stats-tree[b-aaraxwpnge] {
    margin-top: 20px;
}

.question-summary[b-aaraxwpnge] {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 5px;
    border-radius: 4px;
}

.question-summary:hover[b-aaraxwpnge] {
    background-color: #f5f5f5;
}

.toggle-icon[b-aaraxwpnge] {
    display: inline-block;
    width: 20px;
    text-align: center;
    font-weight: bold;
}

.question-stats[b-aaraxwpnge] {
    margin-left: 10px;
    color: #666;
}

.percent-value[b-aaraxwpnge] {
    font-weight: bold;
}

.question-details[b-aaraxwpnge] {
    margin-left: 25px;
    margin-top: 10px;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 4px;
}

.bar-container[b-aaraxwpnge] {
    margin: 5px 0;
}

.bar-label[b-aaraxwpnge] {
    display: inline-block;
    width: 60%;
}

.non-predefined-option[b-aaraxwpnge] {
    color: #ff6600;
    font-style: italic;
}

.bar[b-aaraxwpnge] {
    display: inline-block;
    height: 15px;
    background-color: #4CAF50;
    border-radius: 2px;
    vertical-align: middle;
    min-width: 2px;
}
/* /Components/Pages/InputTask.razor.rz.scp.css */
.InputTaskBox[b-286zjjg2b9] {
    padding: 8px 12px;
    height: calc(100vh - 64px);
}


.mud-tabs-tabbar .mud-tabs-tabbar-inner[b-286zjjg2b9] {
    height: 32px !important;
    min-height: 32px !important;
}

.mud-tabs .mud-tab[b-286zjjg2b9] {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 16px !important;
}



/* /Components/Pages/Login.razor.rz.scp.css */
.div-login[b-mteupba6c9] {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.bioo-input-user[b-mteupba6c9] {
    background-image: url('/images/login-account.png');
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 35px;
    margin-top: 10px;
}

.div-input-pwd[b-mteupba6c9] {
    margin-top: 15px;
    position: relative;
}

.login-pwd[b-mteupba6c9] {
    background-image: url('/images/login-pwd.png');
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 35px;
    width: 100%;
}

.icon-pwd[b-mteupba6c9] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: var(--bio-text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-bg[b-mteupba6c9] {
    position: absolute;
    width:100vw;
    height:100vh;
    z-index: 1;
    object-fit: cover;
    object-position:center;
}

.login-left-logo[b-mteupba6c9] {
    position: absolute;
    z-index: 2;
    left: 5%;
    top: 5%;
}

.language-switcher-container[b-mteupba6c9] {
    position: absolute;
    z-index: 3;
    right: 5%;
    top: 5%;
}

/* /Components/Pages/LoginSystem.razor.rz.scp.css */
.div-sys[b-h3xvvidgwm] {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #f2f2f2;
    overflow: auto;
    padding: 15px 0;
}

.sys-bg[b-h3xvvidgwm] {
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}

.div-card[b-h3xvvidgwm] {
    z-index: 2;
    width: 100%;
    min-height: 0;
    padding-left: 50px;
    padding-right: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    gap: 50px;
    box-sizing: border-box;
}
/* /Components/Pages/ModuleManage.razor.rz.scp.css */
/* 样式由 common.css 全局统一管理 */
/* /Components/Pages/OverView.razor.rz.scp.css */


.overViewBox[b-vnqio729qz] {
    padding:8px 12px;
}
/* /Components/Pages/OverViewAll.razor.rz.scp.css */

/* /Components/Pages/PatientEnrollmentDetail.razor.rz.scp.css */
.page-container[b-al8kjcdw15] {
    height: calc(100vh - 64px); /* 减去顶部导航栏高度 */
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.search-section[b-al8kjcdw15] {
    padding: 16px;
    flex-shrink: 0; /* 防止搜索区域被压缩 */
    padding-bottom: 4px
}

.grid-section[b-al8kjcdw15] {
    flex: 1;
    min-height: 0; /* 重要：允许内容区域收缩 */
    overflow: hidden;
}

.grid-item[b-al8kjcdw15] {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.grid-content[b-al8kjcdw15] {
    flex: 1;
    overflow: auto;
    min-height: 0; /* 重要：允许内容滚动 */
}

.custom-height[b-al8kjcdw15] {
    height: calc(100vh - 100px);
}

.content-container[b-al8kjcdw15] {
    height: 100%;
    overflow: auto;
}

.expansion-panels-container[b-al8kjcdw15] {
    height: calc(100vh - 250px); /* 调整为适合的高度 */
    overflow-y: auto;
}

.patient-info-card[b-al8kjcdw15] {
    background-color: #f5f5f5 !important; /* 浅灰色 */
}

.patientList[b-al8kjcdw15] {
    flex: 1;
    min-height: 0; /* 关键属性 */
    display: flex;
    flex-direction: column;
    position: relative;
}

.custom-dialog[b-al8kjcdw15] {
    max-width: 1200px !important;
    width: 1200px !important;
}

/* 添加滚动容器 */
.scroll-container[b-al8kjcdw15] {
    flex: 1;
    overflow-y: auto;
    position: relative;
}

.patientPreview[b-al8kjcdw15] {
    flex: 1;
    padding: 10px;
    display: flex;
    height: calc(100vh - 318px);
    gap: 10px;
}
/* /Components/Pages/PatientManagement.razor.rz.scp.css */
/* ─── 拖拽分割线（还原 BootstrapBlazor Split 样式） ─── */
[b-ol2fzwwhjq] .patient-split-container {
    position: relative;
}

[b-ol2fzwwhjq] .patient-split-left {
    width: 29%;
    min-width: 15%;
    max-width: 60%;
    flex-shrink: 0;
}

[b-ol2fzwwhjq] .patient-split-right {
    flex: 1;
    min-width: 0;
}

/* Bar 主体：3px 宽，浅灰背景，内容允许溢出 */
[b-ol2fzwwhjq] .patient-split-handle {
    width: 3px;
    cursor: col-resize;
    background: #dee2e6;
    flex-shrink: 0;
    position: relative;
    z-index: 10;
    transition: background-color 0.3s linear;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

[b-ol2fzwwhjq] .search-split-handle {
    height: 3px;
    cursor: row-resize;
    background: #dee2e6;
    flex-shrink: 0;
    position: relative;
    z-index: 10;
    transition: background-color 0.3s linear;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

/* 16px 隐形触发区，扩大可拖拽区域 */
[b-ol2fzwwhjq] .patient-split-handle::after {
    content: '';
    cursor: col-resize;
    display: block;
    height: 100%;
    position: absolute;
    width: 16px;
    z-index: 10;
}

[b-ol2fzwwhjq] .search-split-handle::after {
    content: '';
    cursor: row-resize;
    display: block;
    height: 16px;
    position: absolute;
    width: 100%;
    z-index: 10;
}

/* Handler 双竖线容器 */
[b-ol2fzwwhjq] .split-handler {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    position: relative;
    background-color: #fff;
    padding: 2px 0;
}

[b-ol2fzwwhjq] .split-handler-horizontal {
    flex-direction: column;
    width: 24px;
    height: auto;
    padding: 0 2px;
}

/* Handler 竖线 */
[b-ol2fzwwhjq] .split-handler > div {
    border-radius: 3px;
    background: #606266;
    width: 2px;
    height: 100%;
}

[b-ol2fzwwhjq] .split-handler > div:not(:first-child) {
    margin-left: 4px;
}

[b-ol2fzwwhjq] .split-handler-horizontal > div {
    width: 100%;
    height: 2px;
}

[b-ol2fzwwhjq] .split-handler-horizontal > div:not(:first-child) {
    margin-left: 0;
    margin-top: 4px;
}

/* Hover 状态 */
[b-ol2fzwwhjq] .patient-split-handle:hover,
[b-ol2fzwwhjq] .patient-split-handle.active,
[b-ol2fzwwhjq] .search-split-handle:hover,
[b-ol2fzwwhjq] .search-split-handle.active {
    background-color: #409eff;
}

[b-ol2fzwwhjq] .patient-split-handle:hover .split-handler,
[b-ol2fzwwhjq] .patient-split-handle.active .split-handler,
[b-ol2fzwwhjq] .search-split-handle:hover .split-handler,
[b-ol2fzwwhjq] .search-split-handle.active .split-handler {
    background-color: #fff;
}

[b-ol2fzwwhjq] .patient-split-handle:hover .split-handler > div,
[b-ol2fzwwhjq] .patient-split-handle.active .split-handler > div,
[b-ol2fzwwhjq] .search-split-handle:hover .split-handler > div,
[b-ol2fzwwhjq] .search-split-handle.active .split-handler > div {
    background: #606266;
}

/* ─── 页面布局 ─── */
.page-container[b-ol2fzwwhjq] {
    height: calc(100vh - 64px); /* 减去顶部导航栏高度 */
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.search-section[b-ol2fzwwhjq] {
    padding: 16px;
    flex-shrink: 0; /* 防止搜索区域被压缩 */
    padding-bottom: 4px;
    box-sizing: border-box;
    overflow: hidden;
}

.grid-section[b-ol2fzwwhjq] {
    flex: 1;
    min-height: 0; /* 重要：允许内容区域收缩 */
    overflow: hidden;
}

.grid-item[b-ol2fzwwhjq] {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.grid-content[b-ol2fzwwhjq] {
    flex: 1;
    overflow: auto;
    min-height: 0; /* 重要：允许内容滚动 */
}

.custom-height[b-ol2fzwwhjq] {
    height: calc(100vh - 100px);
}

.content-container[b-ol2fzwwhjq] {
    height: 100%;
    overflow: auto;
}

.expansion-panels-container[b-ol2fzwwhjq] {
    height: calc(100vh - 250px); /* 调整为适合的高度 */
    overflow-y: auto;
}

.patient-info-card[b-ol2fzwwhjq] {
    background-color: #f5f5f5 !important; /* 浅灰色 */
}

.patientList[b-ol2fzwwhjq] {
    flex: 1;
    min-height: 0; /* 关键属性 */
    display: flex;
    flex-direction: column;
    position: relative;
}
.custom-dialog[b-ol2fzwwhjq] {
    max-width: 1200px !important;
    width: 1200px !important;
}

/* 添加滚动容器 */
.scroll-container[b-ol2fzwwhjq] {
    flex: 1;
    overflow-y: auto;
    position: relative;
}

/*个人信息*/
.patientInfo[b-ol2fzwwhjq] {
    display:flex;
    padding:0 14px;
    height:43px;
    justify-content:space-between;
    box-sizing:border-box
}
/*事件卡片*/
.patientEvent[b-ol2fzwwhjq] {
    display: flex;
    /* justify-content: space-between; */
}
.patientPreview[b-ol2fzwwhjq] {
    flex: 1;
    min-height: 0; /* 允许 flex 子项收缩 */
    padding: 10px;
    padding-bottom: 16px; /* 底部留白，防止按钮贴底 */
    display: flex;
    gap:10px;
}
/* /Components/Pages/PatientsOutOfGroup.razor.rz.scp.css */
.page-container[b-vzegd3udhc] {
    height: calc(100vh - 64px); /* 减去顶部导航栏高度 */
    /* display: flex;
    flex-direction: column; */
    overflow: auto;
}

.search-section[b-vzegd3udhc] {
    padding: 16px;
    flex-shrink: 0; /* 防止搜索区域被压缩 */
    padding-bottom:4px
}

.grid-section[b-vzegd3udhc] {
    flex: 1;
    min-height: 0; /* 重要：允许内容区域收缩 */
    overflow: hidden;
}

.grid-item[b-vzegd3udhc] {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.grid-content[b-vzegd3udhc] {
    flex: 1;
    overflow: auto;
    min-height: 0; /* 重要：允许内容滚动 */
}

.custom-height[b-vzegd3udhc] {
    height: calc(100vh - 100px);
}

.content-container[b-vzegd3udhc] {
    height: 100%;
    overflow: auto;
}

.expansion-panels-container[b-vzegd3udhc] {
    height: calc(100vh - 250px); /* 调整为适合的高度 */
    overflow-y: auto;
}

.patient-info-card[b-vzegd3udhc] {
    background-color: #f5f5f5 !important; /* 浅灰色 */
}

.patientList[b-vzegd3udhc] {
    flex: 1;
    min-height: 0; /* 关键属性 */
    display: flex;
    flex-direction: column;
    position: relative;
}
.custom-dialog[b-vzegd3udhc] {
    max-width: 1200px !important;
    width: 1200px !important;
}

/* 添加滚动容器 */
.scroll-container[b-vzegd3udhc] {
    flex: 1;
    overflow-y: auto;
    position: relative;
}

/*个人信息*/
.patientInfo[b-vzegd3udhc] {
    display:flex;
    padding:0 14px;
    height:43px;
    justify-content:space-between;
    box-sizing:border-box
}
/*事件卡片*/
.patientEvent[b-vzegd3udhc] {
    display: flex;
    /* justify-content: space-between; */
}
.patientPreview[b-vzegd3udhc] {
    flex: 1;
    padding: 10px;
    display: flex;
    height: calc(100vh - 248px);/*calc(100vh - 318px)*/
    gap:10px;
}
/* /Components/Pages/PermissionManage.razor.rz.scp.css */

[b-kvhq634ko8] .editdialog-input {
    margin-left: 10px;
    width: 400px;
    margin-bottom: 15px;
}

/* 行编辑按钮 */
[b-kvhq634ko8] .table-cell .btn-group .btn-primary {
    background-color: #2287e5;
    height: 30px;
    padding: 0px 10px;
}

    [b-kvhq634ko8] .table-cell .btn-group .btn-primary i {
        display: none;
    }

/* 行删除按钮 */
[b-kvhq634ko8] .table-cell .btn-group .btn-danger {
    background-color: #d91010;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
}

    [b-kvhq634ko8] .table-cell .btn-group .btn-danger i {
        display: none;
    }


/*表格首行末行有黑线*/
[b-kvhq634ko8] .table-wrapper tbody tr:last-child {
    border-bottom: 1px solid #ffffff;
}

[b-kvhq634ko8] .table-wrapper thead tr:first-child {
    border-top: 1px solid #ffffff;
}

[b-kvhq634ko8] .table tbody {
    vertical-align: middle;
}

/* /Components/Pages/RecordEdit.razor.rz.scp.css */
.CubeFormTop[b-cvjsbs16l9] {
    margin: 16px 16px 0px 16px;
    box-shadow: 0 0 3px 0 rgba(24, 183, 151, .4);
    padding:4px 4px 4px 8px;
}
.patientInfoLeft span[b-cvjsbs16l9] {
    display: inline-block;
    line-height: 26px;
    font-size: 14px;
    margin: 0 6px;
}
.CubeFormBox[b-cvjsbs16l9] {
    flex: 1;
    padding: 16px;
    display: flex;
    height: calc(100vh - var( --bio-topbar-height) - 50px);
    gap: 10px;
}
/* /Components/Pages/RoleManage.razor.rz.scp.css */
/* 样式由 common.css 全局统一管理 */
/* /Components/Pages/UIShowcase/ThemeShowcase.razor.rz.scp.css */
.theme-showcase-preview[b-boz130y8kq] {
    padding: 16px;
    background: var(--bio-bg-page);
    border-radius: var(--bio-radius);
}

.theme-showcase-swatch[b-boz130y8kq] {
    padding: 12px;
    margin-bottom: 8px;
    color: #fff;
    border-radius: 4px;
}

.theme-showcase-swatch-primary[b-boz130y8kq] {
    background: var(--bio-primary);
}

.theme-showcase-swatch-secondary[b-boz130y8kq] {
    background: var(--bio-secondary);
}

.theme-showcase-status-row[b-boz130y8kq] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.theme-showcase-status[b-boz130y8kq] {
    flex: 1 1 120px;
    padding: 8px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
}

.theme-showcase-status-success[b-boz130y8kq] {
    background: var(--bio-success);
}

.theme-showcase-status-error[b-boz130y8kq] {
    background: var(--bio-error);
}

.theme-showcase-status-warning[b-boz130y8kq] {
    background: var(--bio-warning);
}

.theme-showcase-status-info[b-boz130y8kq] {
    background: var(--bio-info);
}

.theme-showcase-sidebar[b-boz130y8kq] {
    margin-top: 8px;
    padding: 12px;
    color: #fff;
    background: var(--bio-sidebar-bg);
    border-radius: 4px;
}

.theme-showcase-button-row[b-boz130y8kq] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.theme-showcase-button[b-boz130y8kq] {
    padding: 10px 16px;
    border-radius: 6px;
    border: 1px solid transparent;
    cursor: default;
    font-size: 14px;
}

.theme-showcase-button-primary[b-boz130y8kq] {
    color: #fff;
    background: var(--bio-primary);
}

.theme-showcase-button-secondary[b-boz130y8kq] {
    color: var(--bio-secondary);
    background: #fff;
    border-color: var(--bio-secondary);
}
/* /Components/Pages/UserManage.razor.rz.scp.css */
/* 样式由 common.css 全局统一管理 */
/* /Components/Shared/LanguageSwitcher.razor.rz.scp.css */
/* 语言切换器样式 */
[b-0r1go01z3j] .language-switcher {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    padding: 8px;
}

[b-0r1go01z3j] .language-switcher:hover {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.language-switcher__item[b-0r1go01z3j] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.language-switcher__flag[b-0r1go01z3j] {
    font-size: 1.2rem;
}