@import '_content/Bio.FormSetLib/Bio.FormSetLib.m7q2om40us.bundle.scp.css';

/* /Components/App.razor.rz.scp.css */
/* /Components/BasePage.razor.rz.scp.css */
/* /Components/Layout/FullScreenLayout.razor.rz.scp.css */
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ========================================
   MainLayout 现代化样式
   玻璃态效果 + 动画增强
   ======================================== */

/* AppBar - 主题绿色背景 */
.app-bar-custom[b-gdp86o0lda] {
    background: var(--primary-color) !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    border-bottom: 1px solid var(--primary-dark) !important;
    transition: all var(--transition-base) var(--ease-out) !important;
}

.app-bar-custom:hover[b-gdp86o0lda] {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1) !important;
}

.system-name[b-gdp86o0lda] {
    color: #FFFFFF !important;
    font-weight: 600;
    font-size: 20px;
    position: relative;
    display: inline-block;
}

.system-name[b-gdp86o0lda]::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: #FFFFFF;
    transition: width var(--transition-base) var(--ease-out);
}

.system-name:hover[b-gdp86o0lda]::after {
    width: 100%;
}

.user-info[b-gdp86o0lda] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    transition: all var(--transition-base) var(--ease-out);
    padding: 4px 8px;
    border-radius: var(--radius-sm);
}

.user-info:hover[b-gdp86o0lda] {
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.15);
}

/* 侧边导航 - 深色医疗绿实心背景（高对比度） */
.main-drawer[b-gdp86o0lda]  .mud-drawer {
    background: linear-gradient(180deg, #0A6B58 0%, #043D32 100%) !important;
    color: #FFFFFF !important;
    border-right: 1px solid #064D3F !important;
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.2) !important;
}

/* 侧边栏展开/收起动画 */
.main-drawer[b-gdp86o0lda]  .mud-drawer-content {
    transition: all var(--transition-slow) var(--ease-out) !important;
}

.menu-btn[b-gdp86o0lda] {
    background-color: transparent;
    transition: all var(--transition-base) var(--ease-bounce) !important;
    border-radius: var(--radius-md) !important;
}

.menu-btn:hover[b-gdp86o0lda] {
    background-color: rgba(255, 255, 255, 0.15);
    transform: scale(1.05);
}

.menu-btn:active[b-gdp86o0lda] {
    transform: scale(0.95);
}

.main-drawer[b-gdp86o0lda]  .menu-btn {
    color: #fff;
}

/* 页面内容区域动画 */
.main-content[b-gdp86o0lda] {
    animation: pageEnter var(--transition-slow) var(--ease-out);
}

/* 顶栏按钮悬浮效果 - 白色图标 */
.app-bar-custom[b-gdp86o0lda]  .mud-icon-button {
    transition: all var(--transition-base) var(--ease-out) !important;
    border-radius: var(--radius-md) !important;
    color: #FFFFFF !important;
}

.app-bar-custom[b-gdp86o0lda]  .mud-icon-button:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

.app-bar-custom[b-gdp86o0lda]  .mud-icon-button:active {
    transform: translateY(0);
    background-color: rgba(255, 255, 255, 0.3) !important;
}

/* Logo/Brand 区域 */
.brand-area[b-gdp86o0lda] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.brand-logo[b-gdp86o0lda] {
    width: 32px;
    height: 32px;
    transition: transform var(--transition-base) var(--ease-bounce);
}

.brand-logo:hover[b-gdp86o0lda] {
    transform: rotate(10deg) scale(1.1);
}

/* 通知徽章动画 */
.notification-badge[b-gdp86o0lda] {
    animation: badgeBounce 0.5s var(--ease-bounce);
}

/* 用户头像悬浮 */
.user-avatar[b-gdp86o0lda] {
    transition: all var(--transition-base) var(--ease-out);
    border: 2px solid transparent;
}

.user-avatar:hover[b-gdp86o0lda] {
    border-color: var(--primary-color);
    box-shadow: 0 0 12px rgba(24, 183, 151, 0.3);
}

/* 响应式调整 */
@media (max-width: 600px) {
    .system-name[b-gdp86o0lda] {
        font-size: 16px;
    }

    .user-info[b-gdp86o0lda] {
        display: none;
    }
}
/* /Components/Layout/NavMenuForFollowup.razor.rz.scp.css */
/* ========================================
   NavMenuForFollowup 导航菜单样式
   深色医疗主题 - 高对比度白色文字
   注意：图标和文字颜色在 app.css 中统一定义
   ======================================== */

/* 导航链接基础样式 */
[b-d940h9e1a9] .nav-menu .mud-nav-link {
    border-radius: var(--radius-sm);
    margin: 4px 10px;
    padding: 10px 16px;
    transition: all var(--transition-base) var(--ease-out);
    position: relative;
    overflow: hidden;
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium); /* 500 中等粗细 */
    line-height: var(--line-height-base);   /* 1.6 行高 */
}

/* 滑动指示条 - 亮色突出 */
[b-d940h9e1a9] .nav-menu .mud-nav-link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 60%;
    background: #FFFFFF;                    /* 纯白色指示条 */
    border-radius: 0 3px 3px 0;
    transition: width var(--transition-base) var(--ease-out);
    opacity: 0;
}

[b-d940h9e1a9] .nav-menu .mud-nav-link:hover::before {
    width: 4px;
    opacity: 1;
}

/* 导航链接悬停样式 - 明显的背景变化 */
[b-d940h9e1a9] .nav-menu .mud-nav-link:hover:not(.mud-nav-link-disabled) {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #FFFFFF !important;
    transform: translateX(2px);
}

/* 激活状态的导航链接 - 高亮显示 */
[b-d940h9e1a9] .nav-menu.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
    background-color: rgba(255, 255, 255, 0.25) !important;  /* 更明显的背景 */
    color: #FFFFFF !important;
    font-weight: var(--font-weight-semibold);  /* 600 加粗 */
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}

[b-d940h9e1a9] .nav-menu.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled)::before {
    width: 4px;
    opacity: 1;
    background: #FFFFFF;
}

[b-d940h9e1a9] .nav-menu.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-icon-root {
    color: #FFFFFF !important;
}

/* 激活状态的导航链接悬停样式 */
[b-d940h9e1a9] .nav-menu.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled) {
    background-color: rgba(255, 255, 255, 0.22);
    transform: translateX(4px);
}

/* 导航组展开动画 */
[b-d940h9e1a9] .nav-menu .mud-nav-group .mud-collapse-container {
    transition: all var(--transition-slow) var(--ease-out) !important;
}

[b-d940h9e1a9] .nav-menu .mud-nav-group .mud-collapse-entering,
[b-d940h9e1a9] .nav-menu .mud-nav-group .mud-collapse-entered {
    animation: slideInLeft var(--transition-base) var(--ease-out);
}

/* 分割线样式 */
[b-d940h9e1a9] .nav-menu .mud-divider {
    border-color: rgba(255, 255, 255, 0.1) !important;
    margin: var(--spacing-sm) var(--spacing-md) !important;
}

/* 菜单文字动画 */
[b-d940h9e1a9] .nav-menu .mud-nav-link-text {
    transition: all var(--transition-base) var(--ease-out);
}

[b-d940h9e1a9] .nav-menu .mud-nav-link:hover .mud-nav-link-text {
    letter-spacing: 0.5px;
}

/* 徽章样式（用于提醒数量） */
[b-d940h9e1a9] .nav-menu .mud-badge {
    animation: badgeBounce 0.5s var(--ease-bounce);
}

/* Mini 模式下的特殊样式 */
[b-d940h9e1a9] .mud-drawer-mini .nav-menu .mud-nav-link {
    justify-content: center;
}

[b-d940h9e1a9] .mud-drawer-mini .nav-menu .mud-nav-link:hover {
    transform: scale(1.1);
}

/* /Components/Modules/ArticleManagement/Components/HealthyNews_SearchPanel.razor.rz.scp.css */
.search-container[b-yg4utyr4h8] {
    padding: 16px;
    background-color: #f5f5f5;
    border-radius: 8px;
}

.search-fields[b-yg4utyr4h8] {
    display: flex;
    flex-direction: column;
}

.search-buttons[b-yg4utyr4h8] {
    display: flex;
    justify-content: flex-start;
}
/* /Components/Modules/ArticleManagement/Dialogs/ArticleEditDialog.razor.rz.scp.css */
/* 仅保留组件内部样式（不涉及 MudDialog 的样式） */

.article-category-select[b-o8ahecqkm5] {
    max-width: 300px;
}

.article-editor-loading[b-o8ahecqkm5] {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
}

.article-editor-wrapper[b-o8ahecqkm5] {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}
/* /Components/Modules/ArticleManagement/Dialogs/ArticleReadingRecordsDialog.razor.rz.scp.css */
/* 阅读记录对话框样式 */
/* /Components/Modules/ArticleManagement/Dialogs/ArticleViewDialog.razor.rz.scp.css */
.article-content[b-d423ismrn2] {
    background-color: #fafafa;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.article-content img[b-d423ismrn2] {
    max-width: 100%;
    height: auto;
}

.article-content video[b-d423ismrn2] {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1em auto;
}
/* /Components/Modules/ArticleManagement/Dialogs/CategoryManagerDialog.razor.rz.scp.css */
/* 分类管理对话框样式 */
/* /Components/Modules/ArticleManagement/Pages/HealthyNewsManager.razor.rz.scp.css */
.healthy-news-container[b-h6zpi5scxy] {
    padding: 24px;
    background: var(--mud-palette-background);
}

[b-h6zpi5scxy] .mud-tabs-tabbar .mud-tabs-tabbar-inner {
    height: 36px !important;
    min-height: 36px !important;
}

[b-h6zpi5scxy] .mud-tabs .mud-tab {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 16px !important;
}

[b-h6zpi5scxy] .mud-table-cell {
    padding: 8px 12px !important;
}
/* /Components/Modules/BedManagement/Components/BedManager.SearchPanel.razor.rz.scp.css */
/* /Components/Modules/BedManagement/Dialogs/BedInfoDialog.razor.rz.scp.css */
.bm-info-card[b-14x1gybzpk] {
    background-color: #f0f9f6;
    border-radius: 6px;
    padding: 10px 24px;
    display: flex;
    justify-content: space-between;
}
/* /Components/Modules/BedManagement/Dialogs/BedStatusListDialog.razor.rz.scp.css */
/* /Components/Modules/BedManagement/Pages/BedManager.razor.rz.scp.css */
/* 页面容器 */
.bed-manager-container[b-wappggkys0] {
    padding: 16px;
}

/* 页面头部 */
.bed-manager-header[b-wappggkys0] {
    margin-bottom: 16px;
}

.bed-manager-title[b-wappggkys0] {
    font-size: 16px;
    color: #333;
}

/* 统计数字样式 */
[b-wappggkys0] .stat-number {
    font-weight: 700;
}

/* 可点击统计项 */
[b-wappggkys0] .stat-clickable {
    cursor: pointer;
}

/* 可点击数字下划线（参照旧系统） */
[b-wappggkys0] .stat-underline {
    text-decoration: underline;
}

[b-wappggkys0] .stat-clickable:hover .stat-underline {
    opacity: 0.8;
}
/* /Components/Modules/DoctorManagement/Components/DoctorList.razor.rz.scp.css */
/* 统计数值 - 深蓝色，易于阅读 */
.stat-number[b-ceoc8h13bs] {
    color: #1976d2;
    font-weight: 600;
}

/* 百分比数值 - 深绿色，易于阅读 */
.stat-percent[b-ceoc8h13bs] {
    color: #2e7d32;
    font-weight: 600;
}

/* 表格单元格内边距 */
[b-ceoc8h13bs] .mud-table-cell {
    padding: 8px 12px;
}

/* 表头样式 */
[b-ceoc8h13bs] .mud-table-head .mud-table-cell {
    font-weight: 600;
    background-color: #fafafa;
}

/* 表格行悬停效果 */
[b-ceoc8h13bs] .mud-table-row:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

/* 操作按钮样式 */
[b-ceoc8h13bs] .mud-button-text {
    min-width: auto;
    padding: 0 4px;
}

/* 分页器样式 */
[b-ceoc8h13bs] .mud-table-pagination {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}
/* /Components/Modules/DoctorManagement/Components/DoctorSearchPanel.razor.rz.scp.css */
.search-container[b-hrjxo4shqx] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-light);
}
/* /Components/Modules/DoctorManagement/Components/PermissionList.razor.rz.scp.css */
/* /Components/Modules/DoctorManagement/Components/Permission_SearchPanel.razor.rz.scp.css */
/* /Components/Modules/DoctorManagement/Dialogs/DoctorEditorDialog.razor.rz.scp.css */
/* DoctorEditorDialog 使用默认布局，暂未需要额外样式 */
/* /Components/Modules/DoctorManagement/Dialogs/DoctorInfoDialog.razor.rz.scp.css */
.dialog-container[b-bmp2yhpv4o] {
    position: relative;
    min-height: 350px;
}

.loading-overlay[b-bmp2yhpv4o] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.9);
    z-index: 10;
    border-radius: var(--radius-md, 6px);
}

.stat-row[b-bmp2yhpv4o] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.stat-item[b-bmp2yhpv4o] {
    min-width: 140px;
    padding: 12px 16px;
    text-align: center;
    border-right: 1px solid var(--border-light, #E2E8F0);
}

.stat-item:last-child[b-bmp2yhpv4o] {
    border-right: none;
}

.stat-label[b-bmp2yhpv4o] {
    color: var(--text-secondary, #64748B);
    margin-bottom: 4px;
}

.stat-value[b-bmp2yhpv4o] {
    color: var(--primary-light, #18b797);
    font-weight: 700;
}

.date-picker-wrapper[b-bmp2yhpv4o] {
    max-width: 150px;
}
/* /Components/Modules/DoctorManagement/Dialogs/PermissionEditorDialog.razor.rz.scp.css */
/* /Components/Modules/DoctorManagement/Pages/DoctorManager.razor.rz.scp.css */
.doctor-manager-container[b-cz2x9p9ccm] {
    padding: 16px;
}

.doctor-manager-header[b-cz2x9p9ccm] {
    margin-bottom: 16px;
}

.doctor-manager-title[b-cz2x9p9ccm] {
    font-size: 16px;
    color: #333;
}

.search-section[b-cz2x9p9ccm] {
    margin-bottom: 16px;
}
/* /Components/Modules/DoctorManagement/Pages/PermissionManager.razor.rz.scp.css */
.permission-manager-container[b-1t22cb4770] {
    padding: 16px;
}
/* /Components/Modules/EducationManagement/Components/EducationTemplateList_SearchPanel.razor.rz.scp.css */
.search-action-bar[b-j4xjzl03tg] {
    width: 100%;
}
/* /Components/Modules/EducationManagement/Components/EducationTemplateList_Table.razor.rz.scp.css */
.template-table[b-yixuap32fn] {
    width: 100%;
}
/* /Components/Modules/EducationManagement/Dialogs/EducationPushHistoryDialog.razor.rz.scp.css */
.push-history-dialog[b-8gwcoxb0k5] {
    min-width: 800px;
    max-width: 1000px;
}

.push-history-dialog .mud-dialog-content[b-8gwcoxb0k5] {
    padding: var(--spacing-lg);
}

.history-table[b-8gwcoxb0k5] {
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
}

.history-table .mud-table-head .mud-table-cell[b-8gwcoxb0k5] {
    background-color: var(--bg-tertiary);
    font-weight: 600;
    color: var(--text-primary);
}

.history-table .mud-table-row:hover[b-8gwcoxb0k5] {
    background-color: var(--primary-lighter) !important;
}
/* /Components/Modules/EducationManagement/Dialogs/EducationTemplateEditDialog.razor.rz.scp.css */
/* 仅保留组件内部样式 */

.education-required-star[b-et6fu3b6mc] {
    color: var(--error-color);
}

.education-project-box[b-et6fu3b6mc] {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    max-height: 150px;
    overflow-y: auto;
}

.education-editor-wrapper[b-et6fu3b6mc] {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}
/* /Components/Modules/EducationManagement/Dialogs/EducationTemplateViewDialog.razor.rz.scp.css */
/* 仅保留组件内部样式 */

.education-content[b-9gyokmvvi9] {
    line-height: 1.6;
}

.education-content img[b-9gyokmvvi9] {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.education-content p[b-9gyokmvvi9] {
    margin-bottom: 1em;
}

.education-content h1[b-9gyokmvvi9],
.education-content h2[b-9gyokmvvi9],
.education-content h3[b-9gyokmvvi9] {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    color: var(--text-primary);
}

.education-content ul[b-9gyokmvvi9],
.education-content ol[b-9gyokmvvi9] {
    padding-left: 1.5em;
    margin-bottom: 1em;
}

.education-content a[b-9gyokmvvi9] {
    color: var(--primary-color);
    text-decoration: underline;
}

.education-content video[b-9gyokmvvi9] {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1em auto;
    border-radius: 4px;
}
/* /Components/Modules/EducationManagement/Pages/EducationTemplateList.razor.rz.scp.css */
.template-list-container[b-t1bexbh8vg] {
    padding: 16px;
}

.template-list-header[b-t1bexbh8vg] {
    margin-bottom: 16px;
}

.template-list-title[b-t1bexbh8vg] {
    font-size: 16px;
    color: #333;
}

.search-section[b-t1bexbh8vg] {
    margin-bottom: 16px;
}

/* 表格行悬停效果增强 */
[b-t1bexbh8vg] .mud-table-row:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

/* 操作按钮样式 */
[b-t1bexbh8vg] .mud-button-text {
    min-width: auto;
    padding: 0 4px;
}

/* 分页器样式 */
[b-t1bexbh8vg] .mud-table-pagination {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

/* 表头样式 */
[b-t1bexbh8vg] .mud-table-head .mud-table-cell {
    font-weight: 600;
    background-color: #fafafa;
}

/* 标签页样式 */
[b-t1bexbh8vg] .mud-tabs-header {
    background-color: #fafafa;
}

[b-t1bexbh8vg] .mud-tab {
    font-weight: 500;
}

[b-t1bexbh8vg] .mud-tab.mud-tab-active {
    font-weight: 600;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .template-list-container[b-t1bexbh8vg] {
        padding: 8px;
    }
}
/* /Components/Modules/FollowUpManagement/Components/TaskManager_SearchPanel.razor.rz.scp.css */
.basic-search-section[b-4c9lo70r8i] {
    margin-bottom: 8px;
}

.advanced-search-section[b-4c9lo70r8i] {
    padding-top: 8px;
}

.basic-action-bar[b-4c9lo70r8i] {
    display: flex;
    justify-content: flex-start;
}
/* /Components/Modules/FollowUpManagement/Components/TaskStatisticsCards.razor.rz.scp.css */
.statistics-cards-container[b-d6z1gexa67] {
    width: 100%;
}

.task-statistics-grid[b-d6z1gexa67] {
    margin: 0;
}

.task-stat-card[b-d6z1gexa67] {
    height: 100%;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: #ffffff !important;
    background: #ffffff !important;
    transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.task-stat-card.clickable[b-d6z1gexa67] {
    cursor: pointer;
}

.task-stat-card.clickable:hover[b-d6z1gexa67] {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    transform: translateY(-2px);
}

.task-stat-card.selected[b-d6z1gexa67] {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 2px rgba(0, 150, 136, 0.12);
}
/* /Components/Modules/FollowUpManagement/Dialogs/AddTaskDialog.razor.rz.scp.css */
/* ====================================
   AddTaskDialog.razor.css
   添加随访任务弹窗样式（中弹窗 960px）
   ==================================== */

/* 弹窗内容区 */
[b-fi5lw3okrk] .mud-dialog-content {
    padding: var(--spacing-lg);  /* 24px */
    background-color: var(--bg-primary);
}

/* 表单网格布局 */
[b-fi5lw3okrk] .mud-grid {
    gap: var(--spacing-md);  /* 16px */
}

/* 输入框聚焦动画 */
[b-fi5lw3okrk] .mud-input-root {
    border-radius: var(--radius-sm);  /* 4px */
    transition: all var(--transition-base) var(--ease-out);
}

[b-fi5lw3okrk] .mud-input-root:focus-within {
    box-shadow: 0 0 0 3px rgba(24, 183, 151, 0.1);
}

/* 选择框样式 */
[b-fi5lw3okrk] .mud-select {
    border-radius: var(--radius-sm);  /* 4px */
}

/* 日期选择器样式 */
[b-fi5lw3okrk] .mud-picker {
    border-radius: var(--radius-sm);  /* 4px */
}

/* 按钮样式增强 */
[b-fi5lw3okrk] .mud-button-root {
    border-radius: var(--radius-sm);  /* 4px */
    min-height: 36px;
    transition: all var(--transition-fast) var(--ease-out);
}

[b-fi5lw3okrk] .mud-button-root:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

[b-fi5lw3okrk] .mud-button-root:active {
    transform: translateY(0);
}

/* 弹窗操作栏 */
[b-fi5lw3okrk] .mud-dialog-actions {
    border-top: 1px solid var(--border-color);
    padding: var(--spacing-md) var(--spacing-lg);  /* 16px 24px */
    gap: var(--spacing-sm);  /* 8px */
}

/* 响应式：移动端 */
@media (max-width: 767px) {
    [b-fi5lw3okrk] .mud-dialog-content {
        padding: var(--spacing-md);  /* 16px */
    }

    [b-fi5lw3okrk] .mud-grid {
        gap: var(--spacing-sm);  /* 8px */
    }

    [b-fi5lw3okrk] .mud-dialog-actions {
        flex-direction: column;
        padding: var(--spacing-md);  /* 16px */
    }

    [b-fi5lw3okrk] .mud-dialog-actions .mud-button-root {
        width: 100%;
        min-height: 44px;  /* 触摸友好 */
    }
}
/* /Components/Modules/FollowUpManagement/Dialogs/AddVisitTaskDialog.razor.rz.scp.css */
.add-visit-task-dialog .mud-dialog-content[b-ervwxxn0lg] {
    background-color: var(--bg-primary);
}

.add-visit-task-dialog .mud-dialog-actions[b-ervwxxn0lg] {
    border-top: 1px solid var(--border-color);
}

/* 患者选择区域 */
.patient-selection-area[b-ervwxxn0lg] {
    margin-top: 8px;
}

/* 标题行：标签 + 按钮 */
.patient-header[b-ervwxxn0lg] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.patient-label[b-ervwxxn0lg] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary);
}

/* 添加患者按钮 */
.add-patient-btn[b-ervwxxn0lg] {
    text-transform: none;
    font-weight: 500;
}

/* 患者标签容器 */
.patient-chips[b-ervwxxn0lg] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* 患者标签样式 - 模拟旧系统样式 */
.patient-chip.mud-chip[b-ervwxxn0lg] {
    background-color: #ffffff;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    font-weight: 500;
    height: 32px;
    border-radius: 16px;
}

.patient-chip.mud-chip .mud-chip-icon[b-ervwxxn0lg] {
    color: var(--primary-color);
}

.patient-chip.mud-chip .mud-chip-close-button[b-ervwxxn0lg] {
    color: var(--primary-color);
}

.patient-chip.mud-chip:hover[b-ervwxxn0lg] {
    background-color: rgba(24, 183, 151, 0.04);
}
/* /Components/Modules/FollowUpManagement/Dialogs/ApproveConfirmationDialog.razor.rz.scp.css */
/* ====================================
   ApproveConfirmationDialog.razor.css
   审核确认弹窗样式（优化版）
   ==================================== */

/* 弹窗添加打开动画 */
[b-73l56skhso] .approve-confirmation-dialog {
    animation: dialogOpen var(--transition-base) var(--ease-out);
}

/* 弹窗内容区 */
[b-73l56skhso] .approve-confirmation-dialog ::deep .mud-dialog-content {
    padding: var(--spacing-lg);  /* 24px */
    background-color: var(--bg-primary);
}

/* ========== 任务信息卡片 ========== */
.task-info-card[b-73l56skhso] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);  /* 6px */
    padding: var(--spacing-md);  /* 16px */
    margin-bottom: var(--spacing-md);  /* 16px */
}

.task-info-header[b-73l56skhso] {
    margin-bottom: var(--spacing-sm);  /* 8px */
    padding-bottom: var(--spacing-sm);  /* 8px */
    border-bottom: 1px solid var(--border-color);
}

.task-info-content[b-73l56skhso] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-sm);  /* 8px */
}

.info-item[b-73l56skhso] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);  /* 4px */
}

.info-label[b-73l56skhso] {
    color: var(--text-tertiary);
    font-size: 13px;
    font-weight: 600;
}

.info-value[b-73l56skhso] {
    color: var(--text-secondary);
    font-size: 14px;
}

/* ========== 审核意见区域 ========== */
.audit-section[b-73l56skhso] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);  /* 6px */
    padding: var(--spacing-md);  /* 16px */
    margin-bottom: var(--spacing-md);  /* 16px */
}

.section-header[b-73l56skhso] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-sm);  /* 8px */
}

.section-title[b-73l56skhso] {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
}

.audit-input[b-73l56skhso] {
    width: 100%;
    margin-bottom: var(--spacing-sm);  /* 8px */
}

[b-73l56skhso] .audit-input ::deep .mud-input-root {
    border-radius: var(--radius-sm);  /* 4px */
}

[b-73l56skhso] .audit-input ::deep textarea {
    font-size: 14px;
}

.skip-checkbox[b-73l56skhso] {
    margin-top: var(--spacing-xs);  /* 4px */
}

/* ========== 宣教选项区域 ========== */
.education-section[b-73l56skhso] {
    background-color: rgba(76, 175, 80, 0.05);  /* 淡绿色背景 */
    border: 1px solid rgba(76, 175, 80, 0.2);
    border-radius: var(--radius-md);  /* 6px */
    padding: var(--spacing-md);  /* 16px */
    margin-bottom: var(--spacing-md);  /* 16px */
    min-height: 200px;  /* 保证最小高度 */
}

/* 宣教区域头部 */
.education-header[b-73l56skhso] {
    margin-bottom: var(--spacing-md);  /* 16px */
    padding-bottom: var(--spacing-sm);  /* 8px */
    border-bottom: 1px solid rgba(76, 175, 80, 0.3);
}

/* 加载状态 */
.education-loading[b-73l56skhso] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-xl) 0;  /* 32px 0 */
}

/* 空数据状态 */
.education-empty[b-73l56skhso] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-xl) 0;  /* 32px 0 */
}

/* 下拉框优化 */
.education-select[b-73l56skhso] {
    width: 100%;
    margin-bottom: var(--spacing-md);  /* 16px */
}

[b-73l56skhso] .education-select ::deep .mud-input-root {
    background-color: white;
}

[b-73l56skhso] .education-select ::deep .mud-select {
    width: 100%;
}

/* 下拉框项样式 */
.education-item[b-73l56skhso] {
    display: flex;
    align-items: center;
    padding: var(--spacing-xs) 0;  /* 4px 0 */
}

/* 预览区块 */
.education-preview[b-73l56skhso] {
    margin-top: var(--spacing-md);  /* 16px */
    padding: var(--spacing-md);  /* 16px */
    background-color: rgba(76, 175, 80, 0.03);
    border: 1px solid rgba(76, 175, 80, 0.15);
    border-radius: var(--radius-sm);  /* 4px */
    animation: fadeIn-b-73l56skhso var(--transition-base) var(--ease-out);
}

.preview-header[b-73l56skhso] {
    margin-bottom: var(--spacing-sm);  /* 8px */
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);  /* 4px */
}

.preview-content[b-73l56skhso] {
    padding: var(--spacing-sm);  /* 8px */
    background-color: white;
    border-radius: var(--radius-sm);  /* 4px */
    color: var(--text-secondary);
    line-height: 1.6;
    max-height: 150px;
    overflow-y: auto;
}

/* 预览文本样式 */
.preview-content[b-73l56skhso]  .mud-typography {
    color: var(--text-secondary);
    font-size: 14px;
}

/* 淡入动画 */
@keyframes fadeIn-b-73l56skhso {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========== 按钮增强 ========== */
[b-73l56skhso] .approve-confirmation-dialog ::deep .mud-button-root {
    border-radius: var(--radius-sm);  /* 4px */
    transition: all var(--transition-fast) var(--ease-out);
}

[b-73l56skhso] .approve-confirmation-dialog ::deep .mud-button-root:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

[b-73l56skhso] .approve-confirmation-dialog ::deep .mud-button-root:active {
    transform: translateY(0);
}

/* AI 生成按钮特殊效果 */
[b-73l56skhso] .approve-confirmation-dialog ::deep .mud-button-outlined:hover {
    background-color: rgba(24, 183, 151, 0.08);
}

/* 弹窗操作栏 */
[b-73l56skhso] .approve-confirmation-dialog ::deep .mud-dialog-actions {
    border-top: 1px solid var(--border-color);
    padding: var(--spacing-md) var(--spacing-lg);  /* 16px 24px */
    gap: var(--spacing-sm);  /* 8px */
}

/* ========== 切换按钮组 ========== */
.tab-button-group[b-73l56skhso] {
    display: flex;
    gap: 0;
    margin-bottom: var(--spacing-md);  /* 16px */
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);  /* 6px */
    overflow: hidden;
}

.tab-button[b-73l56skhso] {
    flex: 1;
    border-radius: 0 !important;
    height: 48px;
    font-size: 15px;
    font-weight: 500;
}

/* 按钮之间的分隔线 */
.tab-button:not(:last-child)[b-73l56skhso] {
    border-right: 1px solid var(--border-color);
}

/* 选中状态的按钮 */
[b-73l56skhso] .tab-button-group .mud-button-filled {
    background-color: var(--mud-palette-primary);
    color: white;
}

/* 未选中状态的按钮 */
[b-73l56skhso] .tab-button-group .mud-button-outlined {
    background-color: white;
    color: var(--text-primary);
    border: none;
}

/* 按钮悬停效果 */
[b-73l56skhso] .tab-button-group .mud-button-outlined:hover {
    background-color: rgba(24, 183, 151, 0.08);
}

/* 内容区域 */
.tab-content[b-73l56skhso] {
    animation: fadeIn-b-73l56skhso 0.2s ease-out;
}

/* ========== 响应式：移动端 ========== */
@media (max-width: 767px) {
    [b-73l56skhso] .approve-confirmation-dialog ::deep .mud-dialog-content {
        padding: var(--spacing-md);  /* 16px */
    }

    .task-info-content[b-73l56skhso] {
        grid-template-columns: 1fr;  /* 单列显示 */
    }

    .task-info-card[b-73l56skhso],
    .audit-section[b-73l56skhso],
    .education-section[b-73l56skhso] {
        padding: var(--spacing-sm);  /* 8px */
        margin-bottom: var(--spacing-sm);  /* 8px */
    }

    .section-header[b-73l56skhso] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xs);  /* 4px */
    }

    .education-header[b-73l56skhso] {
        padding-bottom: var(--spacing-xs);  /* 4px */
    }

    .preview-content[b-73l56skhso] {
        max-height: 120px;
        padding: var(--spacing-xs);  /* 4px */
    }

    [b-73l56skhso] .approve-confirmation-dialog ::deep .mud-dialog-actions {
        flex-direction: column;
        padding: var(--spacing-md);  /* 16px */
    }

    [b-73l56skhso] .approve-confirmation-dialog ::deep .mud-dialog-actions .mud-button-root {
        width: 100%;
        min-height: 44px;  /* 触摸友好 */
    }
}
/* /Components/Modules/FollowUpManagement/Dialogs/CancelTaskDialog.razor.rz.scp.css */
/* ====================================
   CancelTaskDialog.razor.css
   取消随访任务弹窗样式（小弹窗 600px）
   ==================================== */

/* 弹窗内容区 */
[b-i9c1x7vsmi] .mud-dialog-content {
    padding: var(--spacing-lg);  /* 24px */
    min-height: 220px;
}

/* 警告信息框 */
[b-i9c1x7vsmi] .dialog-warning {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);  /* 8px */
    padding: var(--spacing-md);  /* 16px */
    background-color: #FFF5F5;
    border: 1px solid #FC8181;
    border-radius: var(--radius-md);  /* 6px */
    margin-bottom: var(--spacing-md);  /* 16px */
}

[b-i9c1x7vsmi] .dialog-warning .warning-icon {
    color: var(--error-color);
    font-size: 24px;
    flex-shrink: 0;
}

[b-i9c1x7vsmi] .dialog-warning .warning-text {
    font-size: 14px;
    color: #742A2A;
    line-height: 1.5;
    font-weight: 500;
}

/* 输入框聚焦动画 */
[b-i9c1x7vsmi] .mud-input-root {
    border-radius: var(--radius-sm);  /* 4px */
    transition: all var(--transition-base) var(--ease-out);
}

[b-i9c1x7vsmi] .mud-input-root:focus-within {
    box-shadow: 0 0 0 3px rgba(197, 48, 48, 0.1);
}

/* 按钮样式增强 */
[b-i9c1x7vsmi] .mud-button-root {
    border-radius: var(--radius-sm);  /* 4px */
    min-height: 36px;
    transition: all var(--transition-fast) var(--ease-out);
}

[b-i9c1x7vsmi] .mud-button-root:hover {
    transform: translateY(-1px);
}

[b-i9c1x7vsmi] .mud-button-root:active {
    transform: translateY(0);
}

/* 危险按钮特殊样式 */
[b-i9c1x7vsmi] .mud-button-filled.mud-error-color:hover {
    box-shadow: 0 8px 16px rgba(197, 48, 48, 0.2);
}

/* 弹窗操作栏 */
[b-i9c1x7vsmi] .mud-dialog-actions {
    border-top: 1px solid var(--border-color);
    padding: var(--spacing-md) var(--spacing-lg);  /* 16px 24px */
    gap: var(--spacing-sm);  /* 8px */
}

/* 响应式：移动端 */
@media (max-width: 767px) {
    [b-i9c1x7vsmi] .mud-dialog-content {
        padding: var(--spacing-md);  /* 16px */
    }

    [b-i9c1x7vsmi] .dialog-warning {
        flex-direction: column;
        align-items: flex-start;
        padding: var(--spacing-sm);  /* 8px */
    }

    [b-i9c1x7vsmi] .dialog-warning .warning-text {
        font-size: 13px;
    }

    [b-i9c1x7vsmi] .mud-dialog-actions {
        flex-direction: column-reverse;  /* 危险按钮在下方 */
        padding: var(--spacing-md);  /* 16px */
    }

    [b-i9c1x7vsmi] .mud-dialog-actions .mud-button-root {
        width: 100%;
        min-height: 44px;  /* 触摸友好 */
    }
}
/* /Components/Modules/FollowUpManagement/Dialogs/ChangeAuditorDialog.razor.rz.scp.css */
/* ====================================
   ChangeAuditorDialog.razor.css
   批量更换审核人弹窗样式（小弹窗 600px）
   ==================================== */

/* 弹窗内容区 */
[b-5u1r9xx0iu] .mud-dialog-content {
    padding: var(--spacing-lg);  /* 24px */
    min-height: 200px;
}

/* 选择框样式 */
[b-5u1r9xx0iu] .mud-select {
    border-radius: var(--radius-sm);  /* 4px */
    transition: all var(--transition-base) var(--ease-out);
}

[b-5u1r9xx0iu] .mud-select:focus-within {
    box-shadow: 0 0 0 3px rgba(24, 183, 151, 0.1);
}

/* 按钮样式增强 */
[b-5u1r9xx0iu] .mud-button-root {
    border-radius: var(--radius-sm);  /* 4px */
    min-height: 36px;
    transition: all var(--transition-fast) var(--ease-out);
}

[b-5u1r9xx0iu] .mud-button-root:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

[b-5u1r9xx0iu] .mud-button-root:active {
    transform: translateY(0);
}

/* 弹窗操作栏 */
[b-5u1r9xx0iu] .mud-dialog-actions {
    border-top: 1px solid var(--border-color);
    padding: var(--spacing-md) var(--spacing-lg);  /* 16px 24px */
    gap: var(--spacing-sm);  /* 8px */
}

/* 响应式：移动端 */
@media (max-width: 767px) {
    [b-5u1r9xx0iu] .mud-dialog-content {
        padding: var(--spacing-md);  /* 16px */
    }

    [b-5u1r9xx0iu] .mud-dialog-actions {
        flex-direction: column;
        padding: var(--spacing-md);  /* 16px */
    }

    [b-5u1r9xx0iu] .mud-dialog-actions .mud-button-root {
        width: 100%;
        min-height: 44px;  /* 触摸友好 */
    }
}
/* /Components/Modules/FollowUpManagement/Dialogs/EducationSelectionDialog.razor.rz.scp.css */
.education-selection-dialog .full-width[b-f6922biyap] {
    width: 100%;
}
/* /Components/Modules/FollowUpManagement/Dialogs/FormPreviewDialog.razor.rz.scp.css */
/* 预览对话框容器 */
.form-preview-dialog[b-ouxly2y5jr] {
    min-width: 1000px;
    max-width: 1200px;
}

[b-ouxly2y5jr] .mud-dialog-content {
    padding: 16px;
    background-color: #F5F5F5;
    max-height: 85vh;
    overflow-y: auto;
}

/* 标题栏 */
.preview-title[b-ouxly2y5jr] {
    display: flex;
    align-items: center;
    width: 100%;
}

/* 预览容器 */
.preview-container[b-ouxly2y5jr] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Tab 样式 */
.preview-tabs[b-ouxly2y5jr] {
    width: 100%;
    background: transparent;
}

[b-ouxly2y5jr] .preview-tabs .mud-tabs-panels {
    background: transparent;
}

[b-ouxly2y5jr] .preview-tabs .mud-tab-panel {
    padding: 24px 0;
}

/* 设备包装器 */
.device-wrapper[b-ouxly2y5jr] {
    display: flex;
    justify-content: center;
    width: 100%;
}

/* 手机预览包装器 */
.device-wrapper.phone-wrapper[b-ouxly2y5jr] {
    padding: 40px 20px;
    min-height: 780px;
}

/* ========== PC 设备框架 ========== */
.device-pc[b-ouxly2y5jr] {
    width: 900px;
    max-width: 100%;
    background: linear-gradient(145deg, #2D2D2D, #1A1A1A);
    border-radius: 16px;
    padding: 12px 12px 45px 12px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25),
                0 10px 20px rgba(0, 0, 0, 0.15),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
    position: relative;
}

/* PC 底部支架 */
.device-pc[b-ouxly2y5jr]::after {
    content: "";
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 18px;
    background: linear-gradient(145deg, #1A1A1A, #0D0D0D);
    border-radius: 10px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* PC 摄像头 */
.device-pc[b-ouxly2y5jr]::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    background: #333;
    border-radius: 50%;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
}

.device-pc .device-screen[b-ouxly2y5jr] {
    background: #FFFFFF;
    border-radius: 4px;
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* ========== 手机设备框架 ========== */
.device-phone[b-ouxly2y5jr] {
    width: 375px;
    background: linear-gradient(145deg, #1A1A1A, #0D0D0D);
    border-radius: 45px;
    padding: 14px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3),
                0 10px 20px rgba(0, 0, 0, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.05);
    position: relative;
}

/* 手机刘海屏 */
.device-notch[b-ouxly2y5jr] {
    width: 150px;
    height: 30px;
    background: #1A1A1A;
    border-radius: 0 0 20px 20px;
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

/* 刘海屏内的摄像头和传感器 */
.device-notch[b-ouxly2y5jr]::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 6px;
    background: #333;
    border-radius: 3px;
}

.device-notch[b-ouxly2y5jr]::after {
    content: "";
    position: absolute;
    top: 8px;
    right: 20px;
    width: 10px;
    height: 10px;
    background: #333;
    border-radius: 50%;
}

.device-phone .device-screen[b-ouxly2y5jr] {
    background: #FFFFFF;
    border-radius: 32px;
    height: 680px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 35px;
}

/* 手机底部指示条 */
.device-home-indicator[b-ouxly2y5jr] {
    width: 135px;
    height: 5px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    margin: 10px auto 0;
}

/* ========== 预览提示 ========== */
.preview-alert[b-ouxly2y5jr] {
    margin-top: 16px;
    max-width: 600px;
}

/* ========== 响应式适配 ========== */
@media (max-width: 1100px) {
    .form-preview-dialog[b-ouxly2y5jr] {
        min-width: 100%;
        max-width: 100%;
    }

    .device-pc[b-ouxly2y5jr] {
        width: 100%;
        max-width: 800px;
    }

    .device-pc .device-screen[b-ouxly2y5jr] {
        height: 450px;
    }
}

@media (max-width: 500px) {
    .device-phone[b-ouxly2y5jr] {
        width: 100%;
        max-width: 340px;
        border-radius: 35px;
    }

    .device-phone .device-screen[b-ouxly2y5jr] {
        height: 580px;
        border-radius: 25px;
    }

    .device-notch[b-ouxly2y5jr] {
        width: 120px;
        height: 25px;
    }
}

/* ========== 滚动条美化 ========== */
.device-screen[b-ouxly2y5jr]::-webkit-scrollbar {
    width: 6px;
}

.device-screen[b-ouxly2y5jr]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.device-screen[b-ouxly2y5jr]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.device-screen[b-ouxly2y5jr]::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}
/* /Components/Modules/FollowUpManagement/Dialogs/FormSetEditor.razor.rz.scp.css */
.formset-editor-dialog .editor-container[b-tsao66fv2c] {
    max-width: 100%;
    height: 70vh;
    overflow: auto;
    padding: 8px;
}
/* /Components/Modules/FollowUpManagement/Dialogs/SelectPatientsDialog.razor.rz.scp.css */
/* 对话框整体布局优化 */
[b-ct96lvlzkg] .mud-dialog-content {
    display: flex !important;
    flex-direction: column !important;
    padding: 16px !important;
    overflow: hidden !important;
    max-height: 80vh !important;
}

/* 对话框内容包装器 */
.dialog-content-wrapper[b-ct96lvlzkg] {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
}

/* 搜索区域样式 */
.search-panel[b-ct96lvlzkg] {
    margin-bottom: 12px !important;
    background-color: #f9f9f9 !important;
    border-radius: 4px !important;
    flex-shrink: 0 !important;
    padding: 8px !important;
}

/* 搜索容器 */
.search-container[b-ct96lvlzkg] {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
    align-items: center !important;
}

/* 搜索项样式 */
.search-item[b-ct96lvlzkg] {
    flex: 1 !important;
}

/* 日期选择器样式 - 比普通输入框宽，确保完整显示日期范围 */
.date-picker[b-ct96lvlzkg] {
    flex: 2 !important;
    min-width: 220px !important;
}

/* 按钮容器 */
.search-buttons[b-ct96lvlzkg] {
    display: flex !important;
    gap: 8px !important;
    margin-left: auto !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 自定义表格容器 - 使用Flex布局 */
.custom-table-container[b-ct96lvlzkg] {
    display: flex !important;
    flex-direction: column !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    position: relative !important;
    flex: 1 1 auto !important;
    min-height: 400px !important;
    margin-bottom: 8px !important;
}

/* 表格工具栏固定在顶部 */
[b-ct96lvlzkg] .mud-table-toolbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
    background-color: white !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
    padding: 8px !important;
    flex-shrink: 0 !important;
}

/* 表格容器样式 - 只允许表格内容区域滚动 */
[b-ct96lvlzkg] .mud-table-container {
    overflow-y: auto !important;
    max-height: calc(80vh - 250px) !important;
    min-height: 250px !important;
    flex: 1 1 auto !important;
}

/* 表头固定样式 */
[b-ct96lvlzkg] .mud-table-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 9 !important;
    background-color: rgba(24, 183, 151, 0.1) !important;
}

/* 表格分页固定在底部 */
[b-ct96lvlzkg] .mud-table-pagination {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 10 !important;
    background-color: white !important;
    border-top: 1px solid rgba(0,0,0,0.12) !important;
    padding: 4px 0 !important;
    margin-top: auto !important;
    flex-shrink: 0 !important;
}

/* 确保分页按钮正常显示 */
[b-ct96lvlzkg] .mud-table-pagination .mud-select {
    min-width: 80px !important;
}

[b-ct96lvlzkg] .mud-table-pagination .mud-select-input {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

[b-ct96lvlzkg] .mud-table-pagination .mud-input {
    margin-top: 0 !important;
}

/* 自定义表格样式 */
.custom-table[b-ct96lvlzkg] {
    width: 100% !important;
    border-radius: 4px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
}

/* 统一表格单元格样式 */
[b-ct96lvlzkg] .custom-table .mud-table-cell {
    padding: 8px !important;
    text-align: center !important;
    font-size: 14px !important;
}

/* 多日期纵向排列 */
.date-column[b-ct96lvlzkg] {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    align-items: center !important;
}

.date-item[b-ct96lvlzkg] {
    line-height: 1.3 !important;
}

/* 优化序号列宽度 */
[b-ct96lvlzkg] .custom-table .mud-table-cell:first-child {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

/* 自定义表头样式 */
[b-ct96lvlzkg] .custom-header {
    background-color: rgba(24, 183, 151, 0.1) !important;
    font-weight: bold !important;
    font-size: 0.9rem !important;
    color: #333 !important;
}

[b-ct96lvlzkg] .custom-header th {
    background-color: rgba(24, 183, 151, 0.1) !important;
    padding: 8px !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgba(0, 0, 0, 0.7) !important;
    border-bottom: 2px solid rgba(24, 183, 151, 0.3) !important;
    position: relative !important;
}

/* 序号列表头样式 */
[b-ct96lvlzkg] .custom-header th:first-child {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

/* 表头分隔线 */
[b-ct96lvlzkg] .custom-header th:not(:last-child)::after {
    content: "";
    position: absolute !important;
    right: 0 !important;
    top: 25% !important;
    height: 50% !important;
    width: 1px !important;
    background-color: rgba(24, 183, 151, 0.3) !important;
}

/* 行悬停和选中效果 */
[b-ct96lvlzkg] .mud-table-row:hover {
    background-color: rgba(24, 183, 151, 0.05) !important;
}

[b-ct96lvlzkg] .mud-table-row-selected {
    background-color: rgba(24, 183, 151, 0.08) !important;
}

/* 确保表格内容区域可滚动而工具栏和分页区域固定 */
[b-ct96lvlzkg] .mud-table {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* 没有记录时的样式 */
[b-ct96lvlzkg] .mud-table-no-data {
    padding: 32px 0 !important;
    text-align: center !important;
}

/* 固定对话框尺寸 */
[b-ct96lvlzkg] .mud-dialog {
    display: flex !important;
    flex-direction: column !important;
    min-height: 600px !important;
    max-height: 90vh !important;
}

/* 优化搜索栏内按钮 */
[b-ct96lvlzkg] .search-panel .mud-button {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    white-space: nowrap !important;
}

/* 优化对话框按钮区域 */
[b-ct96lvlzkg] .mud-dialog-actions {
    padding: 8px 16px !important;
    border-top: 1px solid rgba(0,0,0,0.1) !important;
    flex-shrink: 0 !important;
}

/* 媒体查询 - 小屏幕适配 */
@media (max-width: 992px) {
    .search-container[b-ct96lvlzkg] {
        flex-wrap: wrap !important;
    }

    .search-buttons[b-ct96lvlzkg] {
        margin-left: 0 !important;
        margin-top: 8px !important;
    }
}
/* /Components/Modules/FollowUpManagement/Dialogs/TaskAuditDialog.razor.rz.scp.css */
/* ====================================
   TaskAuditDialog.razor.css
   任务审核弹窗样式（上下分栏布局）
   ==================================== */

/* 弹窗内容区背景 */
[b-3lo0m1ylwv] .task-audit-dialog ::deep .mud-dialog-content {
    background-color: var(--bg-primary);
}

/* 弹窗添加打开动画 */
[b-3lo0m1ylwv] .task-audit-dialog {
    animation: dialogOpen var(--transition-base) var(--ease-out);
}

/* 响应式：移动端 */
@media (max-width: 767px) {
    [b-3lo0m1ylwv] .task-audit-dialog ::deep .mud-dialog-content {
        padding: var(--spacing-md);
    }
}
/* /Components/Modules/FollowUpManagement/Dialogs/TaskDetailDialog.razor.rz.scp.css */
/* ====================================
   TaskDetailDialog.razor.css
   任务详情查看弹窗样式（上下分栏布局）
   ==================================== */

/* 弹窗内容区背景 */
[b-orcfkadl6o] .task-detail-dialog ::deep .mud-dialog-content {
    background-color: var(--bg-primary);
}

/* 弹窗添加打开动画 */
[b-orcfkadl6o] .task-detail-dialog {
    animation: dialogOpen var(--transition-base) var(--ease-out);
}

/* 响应式：移动端 */
@media (max-width: 767px) {
    [b-orcfkadl6o] .task-detail-dialog ::deep .mud-dialog-content {
        padding: var(--spacing-md);
    }
}
/* /Components/Modules/FollowUpManagement/Dialogs/TaskResultView.razor.rz.scp.css */
.task-result-dialog .result-body[b-13fmrlvapk] {
    padding: 12px;
}

.task-result-dialog .loader[b-13fmrlvapk] {
    display: flex;
    justify-content: center;
    padding: 16px 0;
}

.task-result-dialog .rich-text-container[b-13fmrlvapk] {
    max-height: 60vh;
    overflow-y: auto;
    padding: 8px;
    border-radius: 6px;
    line-height: 1.4;
    word-wrap: break-word;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
    font-size: 0.875rem;
}

/* 使用 ::deep 穿透 Blazor CSS 隔离，让样式作用于 MarkupString 动态渲染的子元素 */

.task-result-dialog .rich-text-container[b-13fmrlvapk]  p {
    margin-bottom: 0.15em;
}

.task-result-dialog .rich-text-container[b-13fmrlvapk]  ul,
.task-result-dialog .rich-text-container[b-13fmrlvapk]  ol {
    padding-left: 1.5em;
    margin-bottom: 0.15em;
}

.task-result-dialog .rich-text-container[b-13fmrlvapk]  img {
    max-width: 100%;
    height: auto;
}

.task-result-dialog .rich-text-container[b-13fmrlvapk]  h1,
.task-result-dialog .rich-text-container[b-13fmrlvapk]  h2,
.task-result-dialog .rich-text-container[b-13fmrlvapk]  h3,
.task-result-dialog .rich-text-container[b-13fmrlvapk]  h4,
.task-result-dialog .rich-text-container[b-13fmrlvapk]  h5,
.task-result-dialog .rich-text-container[b-13fmrlvapk]  h6 {
    margin-top: 0.25em;
    margin-bottom: 0.15em;
    font-weight: 600;
    font-size: 0.875rem;
}

.task-result-dialog .rich-text-container[b-13fmrlvapk]  strong {
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 2;
}

.task-result-dialog .rich-text-container[b-13fmrlvapk]  blockquote {
    border-left: 3px solid #ccc;
    padding-left: 0.8em;
    margin: 0.15em 0;
    color: #666;
}

.task-result-dialog .rich-text-container[b-13fmrlvapk]  code {
    background-color: #f0f0f0;
    padding: 0.1em 0.3em;
    border-radius: 3px;
    font-size: 0.9em;
}

.task-result-dialog .rich-text-container[b-13fmrlvapk]  pre {
    background-color: #f0f0f0;
    padding: 0.6em;
    border-radius: 4px;
    overflow-x: auto;
}

.task-result-dialog .rich-text-container[b-13fmrlvapk]  pre code {
    background-color: transparent;
    padding: 0;
}

.task-result-dialog .rich-text-container[b-13fmrlvapk]  hr {
    border: none;
    border-top: 1px solid #ddd;
    margin: 0.25em 0;
}

.task-result-dialog .rich-text-container[b-13fmrlvapk]  table {
    border-collapse: collapse;
    width: 100%;
    margin: 0.15em 0;
}

.task-result-dialog .rich-text-container[b-13fmrlvapk]  th,
.task-result-dialog .rich-text-container[b-13fmrlvapk]  td {
    border: 1px solid #ddd;
    padding: 0.4em 0.6em;
    text-align: left;
}

.task-result-dialog .rich-text-container[b-13fmrlvapk]  th {
    background-color: #f5f5f5;
    font-weight: 600;
}
/* /Components/Modules/FollowUpManagement/Dialogs/ViewFormDataDialog.razor.rz.scp.css */
/* 表单数据对话框样式 */

.form-data-dialog-content[b-fzqwgdtnt1] {
    max-height: 600px;
    overflow-y: auto;
}

/* 字段标签样式 */
.field-label[b-fzqwgdtnt1] {
    font-weight: 500;
    color: #424242;
    margin-bottom: 4px;
}

/* 字段值样式 */
.field-value[b-fzqwgdtnt1] {
    color: #212121;
    word-break: break-word;
}

/* 空字段值样式 */
.field-value-empty[b-fzqwgdtnt1] {
    color: #9e9e9e;
    font-style: italic;
}

/* 卡片标题样式 */
.card-title[b-fzqwgdtnt1] {
    border-bottom: 2px solid #1976d2;
    padding-bottom: 8px;
}

/* 折叠面板样式优化 */
[b-fzqwgdtnt1] .mud-expansion-panel {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

/* 优化表单数据的可读性 */
[b-fzqwgdtnt1] .mud-expansion-panel-content {
    padding: 16px;
}

/* 移动端优化 */
@media (max-width: 600px) {
    .form-data-dialog-content[b-fzqwgdtnt1] {
        max-height: 500px;
    }
}
/* /Components/Modules/FollowUpManagement/Dialogs/VisitRuleDialog.razor.rz.scp.css */
/* ====================================
   VisitRuleDialog.razor.css
   访视期设置弹窗样式
   ==================================== */

/* 弹窗容器 */
.visit-rule-dialog[b-xcmw0o0dic] {
    min-width: 560px;
}

/* 弹窗内容区 */
[b-xcmw0o0dic] .mud-dialog-content {
    padding: var(--spacing-lg, 24px);
    background-color: var(--bg-primary, #F7F9FC);
}

/* 弹窗操作栏 */
[b-xcmw0o0dic] .mud-dialog-actions {
    padding: var(--spacing-md, 16px) var(--spacing-lg, 24px);
    border-top: 1px solid var(--border-color, #E2E8F0);
    background-color: var(--bg-secondary, #FFFFFF);
    gap: var(--spacing-sm, 8px);
}

/* 规则卡片 */
.rule-card[b-xcmw0o0dic] {
    background-color: var(--bg-secondary, #FFFFFF);
    border: 1px solid var(--border-color, #E2E8F0);
    border-radius: var(--radius-md, 6px);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

/* 卡片头部 */
.card-header[b-xcmw0o0dic] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 8px);
    padding: var(--spacing-sm, 8px) var(--spacing-md, 16px);
    background-color: var(--primary-lighter, #F0FAF7);
    border-bottom: 1px solid var(--border-light, #E2E8F0);
}

.card-title[b-xcmw0o0dic] {
    font-size: var(--font-size-base, 15px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, #1A202C);
}

/* 卡片内容 */
.card-content[b-xcmw0o0dic] {
    padding: var(--spacing-md, 16px);
}

/* 表单布局 */
.rule-form[b-xcmw0o0dic] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 16px);
}

.form-row[b-xcmw0o0dic] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md, 16px);
}

.form-label[b-xcmw0o0dic] {
    min-width: 70px;
    font-size: var(--font-size-base, 15px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--text-secondary, #4A5568);
}

.form-controls[b-xcmw0o0dic] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 8px);
    flex: 1;
}

.control-text[b-xcmw0o0dic] {
    color: var(--text-secondary, #4A5568);
    white-space: nowrap;
}

/* 输入框宽度控制 */
.offset-input[b-xcmw0o0dic] {
    width: 120px;
}

.unit-select[b-xcmw0o0dic] {
    width: 100px;
}

.window-input[b-xcmw0o0dic] {
    width: 100px;
}

.auditor-select[b-xcmw0o0dic] {
    min-width: 240px;
}

/* 输入框样式 */
[b-xcmw0o0dic] .mud-input-outlined-border {
    border-radius: var(--radius-sm, 4px);
    transition: border-color var(--transition-fast, 150ms) ease;
}

[b-xcmw0o0dic] .mud-input-control:focus-within .mud-input-outlined-border {
    border-color: var(--primary-color, #0A6B58);
    box-shadow: 0 0 0 3px rgba(24, 183, 151, 0.1);
}

/* 只读状态 */
[b-xcmw0o0dic] .mud-input-root-outlined.mud-input-read-only .mud-input-outlined-border {
    border-color: var(--border-light, #E2E8F0);
    background-color: var(--bg-tertiary, #EDF2F7);
}

/* 按钮样式 */
[b-xcmw0o0dic] .mud-button {
    border-radius: var(--radius-sm, 4px);
    min-width: 80px;
}

[b-xcmw0o0dic] .mud-button-filled:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

/* 响应式适配 */
@media (max-width: 767px) {
    .visit-rule-dialog[b-xcmw0o0dic] {
        min-width: 100%;
    }

    [b-xcmw0o0dic] .mud-dialog {
        margin: var(--spacing-sm, 8px);
        max-width: calc(100vw - 16px);
    }

    .form-row[b-xcmw0o0dic] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-sm, 8px);
    }

    .form-label[b-xcmw0o0dic] {
        min-width: auto;
    }

    .form-controls[b-xcmw0o0dic] {
        width: 100%;
        flex-wrap: wrap;
    }

    .offset-input[b-xcmw0o0dic],
    .unit-select[b-xcmw0o0dic],
    .window-input[b-xcmw0o0dic] {
        flex: 1;
        min-width: 80px;
    }

    .auditor-select[b-xcmw0o0dic] {
        width: 100%;
        min-width: auto;
    }
}
/* /Components/Modules/FollowUpManagement/Dialogs/VisitTemplateDetailDialog.razor.rz.scp.css */
/* ====================================
   VisitTemplateDetailDialog.razor.css
   模板详情弹窗样式
   ==================================== */

/* 弹窗容器 */
.template-detail-dialog[b-po9g5h0kf1] {
    min-width: 900px;
}

/* 弹窗内容区 */
[b-po9g5h0kf1] .mud-dialog-content {
    padding: var(--spacing-lg, 24px);
    background-color: var(--bg-primary, #F7F9FC);
    max-height: 80vh;
    overflow-y: auto;
}

/* 通用卡片 */
.detail-card[b-po9g5h0kf1] {
    background-color: var(--bg-secondary, #FFFFFF);
    border: 1px solid var(--border-color, #E2E8F0);
    border-radius: var(--radius-md, 6px);
    box-shadow: var(--shadow-sm);
    margin-bottom: var(--spacing-md, 16px);
    overflow: hidden;
    transition: box-shadow var(--transition-base, 250ms) ease;
}

.detail-card:hover[b-po9g5h0kf1] {
    box-shadow: var(--shadow-md);
}

.detail-card:last-child[b-po9g5h0kf1] {
    margin-bottom: 0;
}

/* 卡片头部 */
.card-header[b-po9g5h0kf1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 8px);
    padding: var(--spacing-sm, 8px) var(--spacing-md, 16px);
    background-color: var(--primary-lighter, #F0FAF7);
    border-bottom: 1px solid var(--border-light, #E2E8F0);
}

.card-title[b-po9g5h0kf1] {
    font-size: var(--font-size-base, 15px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, #1A202C);
}

/* 状态标签 */
.status-chip[b-po9g5h0kf1] {
    border-radius: var(--radius-sm, 4px);
    height: 24px;
    font-size: var(--font-size-xs, 12px);
}

/* 卡片内容 */
.card-content[b-po9g5h0kf1] {
    padding: var(--spacing-md, 16px);
}

.table-content[b-po9g5h0kf1] {
    padding: 0;
}

/* 信息头部 */
.info-header[b-po9g5h0kf1] {
    margin-bottom: var(--spacing-md, 16px);
    padding-bottom: var(--spacing-sm, 8px);
    border-bottom: 1px solid var(--border-light, #E2E8F0);
}

.template-name[b-po9g5h0kf1] {
    font-weight: var(--font-weight-bold, 700);
    color: var(--text-primary, #1A202C);
    margin-bottom: var(--spacing-xs, 4px);
}

/* 信息网格 - 2x2 布局 */
.info-grid[b-po9g5h0kf1] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md, 16px);
}

.info-item[b-po9g5h0kf1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 8px);
    padding: var(--spacing-xs, 4px) 0;
}

.info-label[b-po9g5h0kf1] {
    font-size: var(--font-size-sm, 13px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--text-tertiary, #718096);
    min-width: 70px;
}

.info-label[b-po9g5h0kf1]::after {
    content: "：";
}

.info-value[b-po9g5h0kf1] {
    font-size: var(--font-size-base, 15px);
    color: var(--text-primary, #1A202C);
}

.info-highlight[b-po9g5h0kf1] {
    color: var(--primary-color, #0A6B58);
    font-weight: var(--font-weight-semibold, 600);
}

/* 操作按钮栏 */
.action-bar[b-po9g5h0kf1] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 8px);
    margin-bottom: var(--spacing-md, 16px);
}

[b-po9g5h0kf1] .action-bar .mud-button {
    border-radius: var(--radius-sm, 4px);
}

[b-po9g5h0kf1] .action-bar .mud-button-outlined {
    border-width: 1px;
}

[b-po9g5h0kf1] .action-bar .mud-button-outlined:hover:not(:disabled) {
    background-color: var(--primary-lighter, #F0FAF7);
}

[b-po9g5h0kf1] .action-bar .mud-button-filled:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

/* 表格样式 */
[b-po9g5h0kf1] .mud-table {
    border-radius: 0;
}

[b-po9g5h0kf1] .mud-table-head {
    background-color: var(--bg-tertiary, #EDF2F7);
}

[b-po9g5h0kf1] .mud-table-head th {
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, #1A202C);
    font-size: var(--font-size-sm, 13px);
    padding: var(--spacing-sm, 8px) var(--spacing-md, 16px);
}

[b-po9g5h0kf1] .mud-table-row:hover {
    background-color: var(--primary-lighter, #F0FAF7) !important;
    transition: background-color var(--transition-fast, 150ms) ease;
}

[b-po9g5h0kf1] .mud-table-cell {
    font-size: var(--font-size-sm, 13px);
    color: var(--text-secondary, #4A5568);
    padding: var(--spacing-sm, 8px) var(--spacing-md, 16px);
}

[b-po9g5h0kf1] .mud-table-pagination {
    border-top: 1px solid var(--border-light, #E2E8F0);
    padding: var(--spacing-sm, 8px) var(--spacing-md, 16px);
}

/* 操作按钮 */
[b-po9g5h0kf1] .mud-button-text {
    font-size: var(--font-size-sm, 13px);
    min-width: auto;
    padding: var(--spacing-xs, 4px) var(--spacing-sm, 8px);
}

[b-po9g5h0kf1] .mud-button-text:hover {
    background-color: var(--primary-lighter, #F0FAF7);
}

/* 响应式适配 */
@media (max-width: 991px) {
    .template-detail-dialog[b-po9g5h0kf1] {
        min-width: 100%;
    }

    [b-po9g5h0kf1] .mud-dialog {
        margin: var(--spacing-sm, 8px);
        max-width: calc(100vw - 16px);
    }

    [b-po9g5h0kf1] .mud-dialog-content {
        max-height: 85vh;
    }
}

@media (max-width: 767px) {
    [b-po9g5h0kf1] .mud-dialog-content {
        padding: var(--spacing-md, 16px);
    }

    .info-grid[b-po9g5h0kf1] {
        grid-template-columns: 1fr;
        gap: var(--spacing-sm, 8px);
    }

    .action-bar[b-po9g5h0kf1] {
        flex-direction: column;
    }

    .action-bar[b-po9g5h0kf1]  .mud-button {
        width: 100%;
    }

    /* 表格横向滚动 */
    .table-content[b-po9g5h0kf1] {
        overflow-x: auto;
    }

    [b-po9g5h0kf1] .mud-table {
        min-width: 800px;
    }
}
/* /Components/Modules/FollowUpManagement/Pages/TaskManager.razor.rz.scp.css */
/* 任务管理器主页面样式 */
.task-manager-container[b-em7cx0nlgl] {
    padding: 16px;
    background-color: var(--bg-primary, #F5F7FA);
    min-height: calc(100vh - 64px);
}

/* 页面头部样式（复用 HospitalMain 模式） */
.task-manager-header[b-em7cx0nlgl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.task-manager-title[b-em7cx0nlgl] {
    font-size: 1rem;
    color: #333;
}

.task-manager-actions[b-em7cx0nlgl] {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* 统计卡片样式 */
.stat-card[b-em7cx0nlgl] {
    background-color: var(--bg-secondary, #FFFFFF);
    border-radius: var(--radius-md, 6px);
    box-shadow: var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, 0.1));
    transition: all var(--transition-base, 300ms) var(--ease-out, cubic-bezier(0.4, 0, 0.2, 1));
    cursor: pointer;
}

.stat-card:hover[b-em7cx0nlgl] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-hover, 0 8px 16px rgba(10, 107, 88, 0.15));
}

.stat-card.clickable[b-em7cx0nlgl] {
    cursor: pointer;
}

/* 突出显示的统计卡片（总任务数） */
.stat-card-highlight[b-em7cx0nlgl] {
    border: 2px solid var(--mud-palette-success, #4caf50);
    box-shadow: 0 4px 8px rgba(76, 175, 80, 0.2);
}

.stat-card-highlight:hover[b-em7cx0nlgl] {
    box-shadow: 0 8px 16px rgba(76, 175, 80, 0.3);
}

/* 搜索面板样式 */
.search-section[b-em7cx0nlgl] {
    margin-bottom: 16px;
}

.basic-search-section[b-em7cx0nlgl] {
    margin-bottom: 8px;
}

.advanced-search-section[b-em7cx0nlgl] {
    padding-top: 8px;
}

/* 表格操作按钮样式 */
.mud-table-toolbar[b-em7cx0nlgl] {
    padding: 12px 16px;
}

/* 修复 hover 跳动问题：确保表格行高度一致 */
[b-em7cx0nlgl] .mud-table-row {
    transition: background-color 0.2s ease;
}

[b-em7cx0nlgl] .mud-table-row:hover {
    background-color: rgba(0, 0, 0, 0.04);
    transform: none; /* 禁止 transform 变化 */
}

/* 确保表格单元格不因内容变化而改变高度 */
[b-em7cx0nlgl] .mud-table-cell {
    vertical-align: middle;
    padding: 8px 16px;
}

/* 确保按钮 hover 不改变父元素尺寸 */
[b-em7cx0nlgl] .mud-button-text:hover {
    background-color: transparent;
}

/* 任务管理器 - 添加任务按钮（主题绿） */
.task-add-button[b-em7cx0nlgl] {
    background: linear-gradient(120deg, var(--primary-color, #0A6B58), var(--primary-light, #18B797));
    color: #fff;
    font-weight: 600;
    border-radius: 6px;
    padding: 0 20px;
    text-transform: none;
    box-shadow: 0 6px 14px rgba(10, 107, 88, 0.28);
}

.task-add-button:hover[b-em7cx0nlgl],
.task-add-button:focus[b-em7cx0nlgl] {
    background: var(--primary-color, #0A6B58);
    color: #fff;
    box-shadow: 0 8px 18px rgba(10, 107, 88, 0.32);
}

.task-toolbar-actions[b-em7cx0nlgl] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    justify-content: flex-end;
    white-space: nowrap;
}

/* 禁用行的复选框样式 - 已随访和已取消状态 */
[b-em7cx0nlgl] .task-row-disabled .mud-checkbox,
[b-em7cx0nlgl] .task-row-disabled td:first-child .mud-checkbox {
    pointer-events: none !important;
    opacity: 0.4;
}

[b-em7cx0nlgl] .task-row-disabled .mud-checkbox input {
    pointer-events: none !important;
    cursor: not-allowed !important;
}

[b-em7cx0nlgl] .task-row-disabled .mud-checkbox .mud-icon-root {
    color: #999 !important;
}
/* /Components/Modules/FollowUpManagement/Pages/TaskVisitManager.razor.rz.scp.css */
/* ====================================
   TaskVisitManager.razor.css
   随访模板管理页面样式
   与 TaskManager.razor.css 保持一致
   ==================================== */

/* 页面容器 - 与 TaskManager 保持一致 */
.task-manager-container[b-uqb9do9uon] {
    padding: 16px;
    background-color: var(--bg-primary, #F5F7FA);
    min-height: calc(100vh - 64px);
}

/* 页面头部样式 */
.task-manager-header[b-uqb9do9uon] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.task-manager-title[b-uqb9do9uon] {
    font-size: 1rem;
    color: #333;
}

/* 搜索面板样式 */
.search-section[b-uqb9do9uon] {
    margin-bottom: 16px;
}

.basic-search-section[b-uqb9do9uon] {
    margin-bottom: 8px;
}

.advanced-search-section[b-uqb9do9uon] {
    padding-top: 8px;
}

/* 表格工具栏样式 */
.mud-table-toolbar[b-uqb9do9uon] {
    padding: 12px 16px;
}

/* 表格行悬浮效果 - 与 TaskManager 保持一致 */
[b-uqb9do9uon] .mud-table-row {
    transition: background-color 0.2s ease;
}

[b-uqb9do9uon] .mud-table-row:hover {
    background-color: rgba(0, 0, 0, 0.04);
    transform: none;
}

/* 表格单元格样式 */
[b-uqb9do9uon] .mud-table-cell {
    vertical-align: middle;
    padding: 8px 16px;
}

/* 按钮悬浮样式 */
[b-uqb9do9uon] .mud-button-text:hover {
    background-color: transparent;
}
/* /Components/Modules/HealthRecord/Components/HealthArchive.razor.rz.scp.css */
/* 健康档案组件样式 */

.health-archive[b-9ron8bz19i] {
    padding: 8px;
}

/* 区域标题 */
.section[b-9ron8bz19i] {
    margin-bottom: 16px;
}

.section-header[b-9ron8bz19i] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    margin-bottom: 8px;
}

/* 健康监测指标区域 */
.health-monitoring[b-9ron8bz19i] {
    background-color: #f5f5f5;
    border-radius: 8px;
    padding: 12px;
}

.health-metrics[b-9ron8bz19i] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* 健康指标卡片 */
.health-metric-card[b-9ron8bz19i] {
    background-color: #fff;
    border-radius: 8px;
    padding: 12px;
    margin: 4px;
    flex: 1;
    min-width: 200px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.metric-content[b-9ron8bz19i] {
    line-height: 1.5;
}

.metric-label[b-9ron8bz19i],
.metric-value[b-9ron8bz19i],
.metric-unit[b-9ron8bz19i] {
    font-size: 14px;
    color: #333;
}

.metric-value[b-9ron8bz19i] {
    font-weight: 500;
}

.update-time[b-9ron8bz19i] {
    font-size: 12px;
    color: #999;
    margin-top: 4px;
}

/* MudChip 样式微调 */
[b-9ron8bz19i] .mud-chip.mud-chip-size-small {
    height: 17px;
    font-size: 14px;
    border-radius: 4px;
    margin-left: 4px;
}

/* 健康历史信息区域 */
.health-history[b-9ron8bz19i],
.habits-customs[b-9ron8bz19i] {
    padding: 8px 0;
}

/* 检查记录和患者诊断 */
.exam-record[b-9ron8bz19i],
.diagnosis[b-9ron8bz19i] {
    margin-top: 12px;
}
/* /Components/Modules/HealthRecord/Components/HealthCalendar.razor.rz.scp.css */
/* 健康日历组件样式 - 与旧系统一致的简洁风格 */

.health-calendar[b-ceg7efllu6] {
    padding: 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: #f9f9f9;
    border-radius: 8px;
}

/* 头部 */
.calendar-header[b-ceg7efllu6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #eee;
}

.date-display[b-ceg7efllu6] {
    color: #18b797;
    font-weight: 500;
    margin-top: 4px;
}

/* 日历选择器 - 居中显示 */
.calendar-picker[b-ceg7efllu6] {
    margin-bottom: 8px;
    width: 100%;
    display: flex;
    justify-content: center;
}

[b-ceg7efllu6] .calendar-picker-control {
    width: auto;
    max-width: 320px;
}

[b-ceg7efllu6] .calendar-picker-control .mud-picker-static {
    width: auto;
    margin: 0 auto;
}

/* ========== 日历日期标记样式 ========== */

/* 完整数据 - 绿色背景 */
[b-ceg7efllu6] .calendar-green-text {
    background-color: #b1efb1 !important;
    border-radius: 50%;
}

[b-ceg7efllu6] .calendar-green-text .mud-button-label {
    color: #333 !important;
}

/* 部分数据 - 黄色背景 */
[b-ceg7efllu6] .calendar-yellow-text {
    background-color: #ffe69c !important;
    border-radius: 50%;
}

[b-ceg7efllu6] .calendar-yellow-text .mud-button-label {
    color: #333 !important;
}

/* ========== 日历主题色 - 与旧系统一致的主色调 ========== */

/* 导航按钮颜色 */
[b-ceg7efllu6] .mud-picker-static .mud-picker-calendar-header-switch button {
    color: #18b797;
}

/* 悬停效果 */
[b-ceg7efllu6] .mud-picker-static .mud-picker-calendar-content .mud-button-root.mud-icon-button:hover {
    background-color: rgba(24, 183, 151, 0.08);
}

/* 选中日期 */
[b-ceg7efllu6] .mud-picker .mud-selected > .mud-button-root {
    background-color: #18b797 !important;
    color: white !important;
}

[b-ceg7efllu6] .mud-picker .mud-button-filled {
    background-color: #18b797 !important;
}

/* 日历容器样式 */
[b-ceg7efllu6] .mud-picker-static {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;
    border-radius: 8px;
    background: #ffffff;
}

/* ========== 当日数据区域 ========== */

.daily-data[b-ceg7efllu6] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 6px 12px;
    background-color: #f9f9f9;
    border-radius: 8px;
    border: none;
    margin-bottom: 6px;
}

.section-title[b-ceg7efllu6] {
    color: #333;
    font-weight: 600;
    margin-bottom: 0;
    padding-left: 4px;
    font-size: 15px;
}

.section-title-row[b-ceg7efllu6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 4px 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/* ========== 数据卡片容器 - 单列布局 ========== */
.data-cards[b-ceg7efllu6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 4px;
}

/* ========== 健康数据卡片 - MudCard 样式穿透 ========== */

/* 使用 ::deep 穿透 MudCard 组件 */
[b-ceg7efllu6] .data-cards .health-card.mud-card {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.3s ease !important;
    animation: card-slide-in-b-ceg7efllu6 0.35s ease-out backwards;
}

/* 交错动画延迟 - 使用 ::deep */
[b-ceg7efllu6] .data-cards .health-card.mud-card:nth-child(1) { animation-delay: 0ms; }
[b-ceg7efllu6] .data-cards .health-card.mud-card:nth-child(2) { animation-delay: 60ms; }
[b-ceg7efllu6] .data-cards .health-card.mud-card:nth-child(3) { animation-delay: 120ms; }
[b-ceg7efllu6] .data-cards .health-card.mud-card:nth-child(4) { animation-delay: 180ms; }
[b-ceg7efllu6] .data-cards .health-card.mud-card:nth-child(5) { animation-delay: 240ms; }
[b-ceg7efllu6] .data-cards .health-card.mud-card:nth-child(6) { animation-delay: 300ms; }
[b-ceg7efllu6] .data-cards .health-card.mud-card:nth-child(7) { animation-delay: 360ms; }
[b-ceg7efllu6] .data-cards .health-card.mud-card:nth-child(8) { animation-delay: 420ms; }

/* 悬停效果 - 使用 ::deep */
[b-ceg7efllu6] .data-cards .health-card.mud-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 16px rgba(24, 183, 151, 0.2) !important;
}

/* 左侧竖条强调色 */
[b-ceg7efllu6] .data-cards .health-card.mud-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    border-radius: 8px 0 0 8px;
    background: linear-gradient(180deg, #18b797 0%, #68d4b8 100%);
}

/* 让 MudCard 内容区域透明并去除内边距 */
[b-ceg7efllu6] .health-card .mud-card-content {
    background: transparent;
    padding: 0 !important;
    flex: 1;
    display: flex;
    align-items: center;
    width: 100%;
}

/* ========== 健康图标图片样式 ========== */
[b-ceg7efllu6] .health-card .health-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    margin-right: 16px;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 10px;
    /* 统一背景色，让图片与卡片融合 */
    background-color: #f5f5f5;
    box-shadow: none;
    border: 1px solid #eee;
}

/* 无数据提示样式 */
.no-data[b-ceg7efllu6] {
    color: #999;
    font-style: italic;
    font-size: 14px;
}

/* 内容区域 */
.card-content[b-ceg7efllu6] {
    flex: 1;
    min-width: 0;
}

/* 卡片标签 - 与旧系统一致 14px */
.card-label[b-ceg7efllu6] {
    font-size: 14px;
    color: #666;
    margin-bottom: 4px;
}

/* 卡片数值 - 与旧系统一致 20px 加粗 */
.card-value[b-ceg7efllu6] {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

/* 单位 - 与旧系统一致 14px */
.card-value .unit[b-ceg7efllu6] {
    font-size: 14px;
    font-weight: normal;
    color: #999;
    margin-left: 2px;
}

/* MudText 字体大小覆盖 - 标题和数值统一样式 */
[b-ceg7efllu6] .health-card .mud-typography-subtitle1 {
    font-size: 14px !important;
    font-weight: normal !important;
    color: #333;
    line-height: 1.6;
}

/* 数值行与标题保持一致，不加粗 */
[b-ceg7efllu6] .health-card .mud-typography-subtitle1:last-child {
    font-size: 14px !important;
    font-weight: normal !important;
    color: #333;
    margin-top: 2px;
}

/* 状态标签 - 紧凑样式 */
[b-ceg7efllu6] .health-card .mud-chip {
    font-size: 12px !important;
    height: 24px !important;
}

/* ========== 底部按钮 ========== */

.calendar-footer[b-ceg7efllu6] {
    padding-top: 8px;
}

[b-ceg7efllu6] .calendar-footer .mud-button-root {
    background-color: #18b797 !important;
}

[b-ceg7efllu6] .calendar-footer .mud-button-root:hover {
    background-color: #15a085 !important;
}

/* 查看趋势按钮主题色 */
[b-ceg7efllu6] .section-title-row .mud-button-filled {
    background-color: #18b797 !important;
    box-shadow: 0 2px 6px rgba(24, 183, 151, 0.2);
    transition: all 0.3s ease;
}

[b-ceg7efllu6] .section-title-row .mud-button-filled:hover {
    background-color: #15a085 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(24, 183, 151, 0.3);
}

/* ========== 卡片入场动画 ========== */
@keyframes card-slide-in-b-ceg7efllu6 {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Modules/HealthRecord/Components/HealthTrendChart.razor.rz.scp.css */
/* 健康趋势图组件样式 - 绿色主题 */

.trend-chart-container[b-dsaqkaeroe] {
    width: 100%;
    padding: 16px;
    background-color: white;
    display: flex;
    flex-direction: column;
    min-height: 550px;
    max-height: 80vh;
}

/* 顶部控制区域 */
.trend-header[b-dsaqkaeroe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e0e0e0;
    flex-shrink: 0;
}

.trend-controls-left[b-dsaqkaeroe] {
    display: flex;
    align-items: center;
}

.trend-controls-right[b-dsaqkaeroe] {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* 图表区域 */
.trend-chart-area[b-dsaqkaeroe] {
    flex: 1;
    position: relative;
    min-height: 400px;
}

.chart-title[b-dsaqkaeroe] {
    text-align: center;
    margin-bottom: 12px;
    color: #333;
}

/* 底部按钮 */
.trend-footer[b-dsaqkaeroe] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 16px;
    border-top: 1px solid #e0e0e0;
    margin-top: 16px;
    flex-shrink: 0;
}

/* ========== 绿色主题按钮样式 ========== */

/* 按钮组选中状态 */
[b-dsaqkaeroe] .mud-button-group .mud-button-filled {
    background-color: #68b7a1 !important;
}

[b-dsaqkaeroe] .mud-button-group .mud-button-filled:hover {
    background-color: #5aa08b !important;
}

/* 关闭按钮 */
.trend-footer .mud-button-filled[b-dsaqkaeroe] {
    background-color: #68b7a1 !important;
}

.trend-footer .mud-button-filled:hover[b-dsaqkaeroe] {
    background-color: #5aa08b !important;
}

/* 下拉选择框主题色 */
[b-dsaqkaeroe] .mud-input-control .mud-input-slot:hover,
[b-dsaqkaeroe] .mud-input-control .mud-input-slot:focus-within {
    border-color: #68b7a1;
}

[b-dsaqkaeroe] .mud-select .mud-input-slot.mud-input-outlined:focus-within {
    border-color: #68b7a1 !important;
}

.time-dimension-tabs[b-dsaqkaeroe] {
    min-width: 170px;
}

.time-dimension-tabs[b-dsaqkaeroe]  .mud-tabs-toolbar {
    min-height: 38px;
}

.time-dimension-tabs[b-dsaqkaeroe]  .mud-tab.mud-tab-active {
    color: #68b7a1 !important;
}
/* /Components/Modules/OutpatientManagement/Pages/OutpatientMgr.razor.rz.scp.css */
.outpatient-container[b-kr2f0a89b2] {
    padding: 16px;
}

.text-muted[b-kr2f0a89b2] {
    color: #999;
}

[b-kr2f0a89b2] .mud-table-row:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

[b-kr2f0a89b2] .mud-table-head .mud-table-cell {
    font-weight: 600;
    background-color: #fafafa;
}

[b-kr2f0a89b2] .mud-table-pagination {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}
/* /Components/Modules/PatientManagement/Components/AbnormalDataDisplay.razor.rz.scp.css */
.abnormal-data-container[b-m9jfbtunia] {
    font-size: 14px;
    line-height: 1.5;
    min-width: 300px;
}

.abnormal-items[b-m9jfbtunia] {
    margin-bottom: 8px;
}

.abnormal-item[b-m9jfbtunia] {
    margin-bottom: 6px;
    display: flex;
    align-items: baseline;
}

.item-index[b-m9jfbtunia] {
    color: #666;
    min-width: 24px;
}

.item-label[b-m9jfbtunia] {
    color: #333;
    margin-right: 4px;
}

.item-value[b-m9jfbtunia] {
    font-weight: 500;
    flex: 1;
}

.severity-high[b-m9jfbtunia] {
    color: #dc3545;
}

.severity-medium[b-m9jfbtunia] {
    color: #fd7e14;
}

.data-source[b-m9jfbtunia] {
    color: #6c757d;
    font-size: 12px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #eee;
}
/* /Components/Modules/PatientManagement/Components/PatientDetail_EducationHistory.razor.rz.scp.css */
.education-history[b-v0hsuyfm6g] {
    padding: 16px;
}

.action-bar[b-v0hsuyfm6g] {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
}

.education-table[b-v0hsuyfm6g] {
    margin-top: 8px;
}

.unread-status[b-v0hsuyfm6g] {
    color: #ff9800;
    font-weight: bold;
}
/* /Components/Modules/PatientManagement/Components/PatientDetail_FollowupManagement.razor.rz.scp.css */
/* 随访管理容器 */
.followup-management[b-saregs1g02] {
    padding: 0;
}

/* 日期区块 */
.date-section[b-saregs1g02] {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    background: #fafafa;
}

.section-label[b-saregs1g02] {
    padding: 0 12px;
    font-weight: 500;
    font-size: 0.875rem;
    color: #666;
    white-space: nowrap;
}

/* 日期 Tab 列表 */
.date-tabs[b-saregs1g02] {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 4px;
}

.date-tabs[b-saregs1g02]::-webkit-scrollbar {
    height: 4px;
}

.date-tabs[b-saregs1g02]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 2px;
}

.date-tab[b-saregs1g02] {
    cursor: pointer;
    padding: 6px 14px;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.7);
    transition: all 0.2s ease;
    position: relative;
    font-size: 0.875rem;
    border-radius: 4px;
    background: white;
    border: 1px solid #e0e0e0;
}

.date-tab:hover[b-saregs1g02] {
    color: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.04);
}

.date-tab.active[b-saregs1g02] {
    color: white;
    font-weight: 500;
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
}

/* 操作按钮区 */
.action-bar[b-saregs1g02] {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    flex-wrap: wrap;
}

/* 时间轴区域 */
.timeline-section[b-saregs1g02] {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 16px;
    border: 1px solid #eee;
}

/* 表单数据区域 */
.form-data-section[b-saregs1g02] {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #eee;
    overflow: hidden;
}

.form-header[b-saregs1g02] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #f9f9f9;
    border-bottom: 1px solid #eee;
}

/* 任务状态标签 */
.task-status-badge[b-saregs1g02] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}

.task-status-badge.status-completed[b-saregs1g02] {
    background-color: #e8f5e9;
    color: #18b797;
}

.task-status-badge.status-reviewing[b-saregs1g02] {
    background-color: #fff3e0;
    color: #ff9800;
}

.task-status-badge.status-pending[b-saregs1g02] {
    background-color: #e3f2fd;
    color: #2196f3;
}

.task-status-badge.status-notstarted[b-saregs1g02] {
    background-color: #f5f5f5;
    color: #938686;
}

.task-status-badge.status-overdue[b-saregs1g02] {
    background-color: #ffebee;
    color: #f44336;
}

.task-status-badge.status-stopped[b-saregs1g02] {
    background-color: #eeeeee;
    color: #9e9e9e;
}

.task-status-badge.status-default[b-saregs1g02] {
    background-color: #f5f5f5;
    color: #757575;
}

/* 响应式调整 */
@media (max-width: 600px) {
    .date-section[b-saregs1g02] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .section-label[b-saregs1g02] {
        padding: 0 12px 0 12px;
    }

    .date-tabs[b-saregs1g02] {
        padding: 0 12px;
        width: 100%;
    }

    .action-bar[b-saregs1g02] {
        flex-direction: column;
    }

    .form-header[b-saregs1g02] {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }
}
/* /Components/Modules/PatientManagement/Components/PatientList_SearchPanel.razor.rz.scp.css */
.mud-card[b-trsxercqc7] {
    border-radius: 8px;
}

.search-action-bar[b-trsxercqc7] {
    width: 100%;
}
/* /Components/Modules/PatientManagement/Dialogs/AssignFollowupDialog.razor.rz.scp.css */
.loading-placeholder[b-537fqb5mdb] {
    min-height: 180px;
}
/* /Components/Modules/PatientManagement/Dialogs/DischargeDateDialog.razor.rz.scp.css */
/* DischargeDateDialog 使用默认样式，无需额外样式定义 */
/* /Components/Modules/PatientManagement/Dialogs/EducationContentDialog.razor.rz.scp.css */
.education-content-dialog .mud-dialog-content[b-n5c8ez2o4u] {
    max-height: 70vh;
    overflow-y: auto;
}

.education-content img[b-n5c8ez2o4u] {
    max-width: 100%;
    height: auto;
}

.education-content table[b-n5c8ez2o4u] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
}

.education-content table th[b-n5c8ez2o4u],
.education-content table td[b-n5c8ez2o4u] {
    border: 1px solid #dee2e6;
    padding: 0.5rem;
}

.education-content p[b-n5c8ez2o4u] {
    margin-bottom: 0.5rem;
    line-height: 1.6;
}
/* /Components/Modules/PatientManagement/Dialogs/ExcelImportDialog.razor.rz.scp.css */
.upload-area[b-s1nm0bet4x] {
    border: 2px dashed #ccc;
    cursor: pointer;
}
/* /Components/Modules/PatientManagement/Dialogs/ImportConfirmDialog.razor.rz.scp.css */
/* 导入确认对话框样式 */

.import-confirm-dialog[b-3xt7fygo3x] {
    min-width: 900px;
}

.dialog-title[b-3xt7fygo3x] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-header[b-3xt7fygo3x] {
    background-color: #89bce0;
    color: white;
    padding: 8px 16px;
    font-weight: 500;
    border-radius: 4px;
}

.section-header-new[b-3xt7fygo3x] {
    background-color: #89bce0;
    color: white;
    padding: 8px 16px;
    font-weight: 500;
    border-radius: 4px;
}

.table-container[b-3xt7fygo3x] {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: auto;
}

.primary-header[b-3xt7fygo3x] {
    background-color: #89bce0 !important;
    color: white !important;
    text-align: center !important;
    height: 40px;
    font-weight: 500;
}

.secondary-header[b-3xt7fygo3x] {
    background-color: #b7dcc7 !important;
    text-align: center !important;
    height: 40px;
    font-weight: 500;
}

.header-centered th[b-3xt7fygo3x] {
    text-align: center;
}

.text-center[b-3xt7fygo3x] {
    text-align: center;
}

.compact-input[b-3xt7fygo3x] {
    margin: -12px 0 !important;
}

[b-3xt7fygo3x] .mud-table-cell {
    padding: 4px 8px !important;
}

[b-3xt7fygo3x] .mud-input {
    margin: 0 !important;
}

[b-3xt7fygo3x] .mud-input-control {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

[b-3xt7fygo3x] .mud-picker {
    width: 100%;
}

[b-3xt7fygo3x] .mud-picker .mud-input-control {
    min-width: unset;
}

[b-3xt7fygo3x] .mud-table-bordered {
    border: 1px solid rgba(0, 0, 0, 0.12);
}

[b-3xt7fygo3x] .mud-table-bordered .mud-table-root .mud-table-cell {
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.cancel-button[b-3xt7fygo3x] {
    margin-right: 8px;
}

.confirm-button[b-3xt7fygo3x] {
    min-width: 100px;
}
/* /Components/Modules/PatientManagement/Dialogs/PatientEditDialog.razor.rz.scp.css */
/* ========================================
   PatientEditDialog 卡片分区式布局
   ======================================== */

/* 卡片容器 */
.dialog-cards-container[b-mbqrl6fcyy] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 16px);
}

/* ========== 通用卡片样式 ========== */
.dialog-card[b-mbqrl6fcyy] {
    background-color: var(--bg-primary, #FFFFFF);
    border: 1px solid var(--border-color, #E2E8F0);
    border-radius: var(--radius-md, 6px);
    box-shadow: var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02));
    overflow: hidden;
    transition: box-shadow var(--transition-base, 200ms) ease;
}

.dialog-card:hover[b-mbqrl6fcyy] {
    box-shadow: var(--shadow-md, 0 2px 8px rgba(0, 0, 0, 0.06));
}

/* 卡片头部 */
.card-header[b-mbqrl6fcyy] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 8px);
    padding: var(--spacing-sm, 8px) var(--spacing-md, 16px);
    background-color: #F0FAF7;
    border-bottom: 1px solid var(--border-light, #E8EAED);
}

/* 卡片头部操作按钮区域 */
.card-header-actions[b-mbqrl6fcyy] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: var(--spacing-xs, 4px);
}

[b-mbqrl6fcyy] .card-title {
    font-weight: var(--font-weight-semibold, 600) !important;
    color: var(--text-primary, #333333) !important;
    font-size: var(--font-size-sm, 14px) !important;
    margin: 0 !important;
}

/* 卡片内容区 */
.card-content[b-mbqrl6fcyy] {
    padding: var(--spacing-md, 16px);
    background-color: #FFFFFF;
}

.card-content-table[b-mbqrl6fcyy] {
    padding: 0;
}

/* ========== 基本信息卡片 ========== */

/* 表单行布局 - 使用 CSS Grid */
.form-row[b-mbqrl6fcyy] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--spacing-md, 16px);
    margin-bottom: var(--spacing-md, 16px);
}

.form-row:last-child[b-mbqrl6fcyy] {
    margin-bottom: 0;
}

/* 表单字段 */
.form-field[b-mbqrl6fcyy] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 4px);
}

/* 字段标签 */
.field-label[b-mbqrl6fcyy] {
    font-size: var(--font-size-sm, 13px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--text-secondary, #4A5568);
    white-space: nowrap;
}

/* 可编辑字段样式 - 白色背景 + 绿色边框 */
.editable-field[b-mbqrl6fcyy]  .mud-input-outlined-border {
    border-color: var(--primary-light, #18B797) !important;
    border-width: 2px !important;
}

.editable-field[b-mbqrl6fcyy]  .mud-input-control .mud-input-control-input-container {
    background-color: #FFFFFF !important;
}

.editable-field[b-mbqrl6fcyy]  .mud-input.mud-input-outlined {
    background-color: #FFFFFF !important;
}

.editable-field[b-mbqrl6fcyy]  input.mud-input-root {
    background-color: #FFFFFF !important;
}

.editable-field[b-mbqrl6fcyy]  .mud-input-slot {
    background-color: #FFFFFF !important;
}

/* 禁用字段样式 - 保持边框颜色、加深字体颜色 */
.disabled-field[b-mbqrl6fcyy]  .mud-input-outlined-border {
    border-color: var(--border-color, #E2E8F0) !important;
}

.disabled-field[b-mbqrl6fcyy]  input.mud-input-root,
.disabled-field[b-mbqrl6fcyy]  .mud-input-slot {
    color: #4A5568 !important;
    -webkit-text-fill-color: #4A5568 !important;
}

.disabled-field[b-mbqrl6fcyy]  .mud-input-root-adorned-end input {
    color: #4A5568 !important;
    -webkit-text-fill-color: #4A5568 !important;
}

/* 病案号编辑区域 */
.case-number-wrapper[b-mbqrl6fcyy] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs, 4px);
}

.case-number-wrapper > :first-child[b-mbqrl6fcyy] {
    flex: 1;
}

.case-edit-btn[b-mbqrl6fcyy] {
    flex-shrink: 0;
    min-width: auto !important;
    padding: var(--spacing-xs, 4px) var(--spacing-sm, 8px) !important;
}

/* ========== 标签卡片 ========== */

/* 已选标签区域 */
.selected-labels-zone[b-mbqrl6fcyy] {
    background-color: var(--bg-tertiary, #EDF2F7);
    border-radius: var(--radius-sm, 4px);
    padding: var(--spacing-sm, 8px) var(--spacing-md, 16px);
    min-height: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs, 4px);
    align-items: center;
}

.no-label-hint[b-mbqrl6fcyy] {
    font-size: var(--font-size-sm, 13px);
    color: var(--text-tertiary, #7D8C94);
}

/* 可添加标签区域 */
.available-labels-zone[b-mbqrl6fcyy] {
    margin-top: var(--spacing-md, 16px);
    padding-top: var(--spacing-md, 16px);
    border-top: 1px dashed var(--border-light, #E8EAED);
}

.zone-label[b-mbqrl6fcyy] {
    font-size: var(--font-size-sm, 13px);
    color: var(--text-secondary, #4A5568);
    font-weight: var(--font-weight-medium, 500);
    display: block;
    margin-bottom: var(--spacing-sm, 8px);
}

.available-labels-list[b-mbqrl6fcyy] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs, 4px);
}

.no-available-labels[b-mbqrl6fcyy] {
    font-size: var(--font-size-sm, 13px);
    color: var(--text-tertiary, #7D8C94);
    margin-top: var(--spacing-sm, 8px);
}

/* 标签芯片样式 */
.small-chip[b-mbqrl6fcyy] {
    height: 24px !important;
    font-size: var(--font-size-xs, 12px) !important;
}

[b-mbqrl6fcyy] .small-chip .mud-chip-content {
    font-size: var(--font-size-xs, 12px) !important;
    line-height: 1.2 !important;
}

.small-chip-outlined[b-mbqrl6fcyy] {
    height: 22px !important;
    font-size: 11px !important;
}

[b-mbqrl6fcyy] .small-chip-outlined .mud-chip-content {
    font-size: 11px !important;
    line-height: 1.2 !important;
}

.small-chip-outlined:hover[b-mbqrl6fcyy] {
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02));
    transition: all var(--transition-fast, 150ms) ease;
}

.cursor-pointer[b-mbqrl6fcyy] {
    cursor: pointer !important;
}

/* ========== 住院记录卡片 ========== */

/* 表格表头 - 浅绿色背景 */
.hospitalization-table[b-mbqrl6fcyy]  .mud-table-head th {
    background-color: #E8F5F1 !important;
    color: var(--primary-light, #18B797) !important;
    text-align: center;
    font-weight: var(--font-weight-semibold, 600);
    font-size: var(--font-size-sm, 13px);
    padding: var(--spacing-sm, 8px) var(--spacing-md, 16px);
}

/* 表格行 */
.hospitalization-table[b-mbqrl6fcyy]  .mud-table-row td {
    padding: var(--spacing-sm, 8px) var(--spacing-md, 16px);
    font-size: var(--font-size-sm, 13px);
}

/* 移除卡片内表格的外边框 */
.hospitalization-table[b-mbqrl6fcyy] {
    border: none !important;
    box-shadow: none !important;
}

[b-mbqrl6fcyy] .hospitalization-table.mud-paper {
    border: none !important;
    box-shadow: none !important;
}

/* ========== MudBlazor 输入框样式调整 ========== */
[b-mbqrl6fcyy] .mud-input > input.mud-input-root-outlined,
[b-mbqrl6fcyy] div.mud-input-slot.mud-input-root-outlined {
    padding: 8px var(--spacing-sm, 8px);
}

[b-mbqrl6fcyy] .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--border-color, #E2E8F0);
}

[b-mbqrl6fcyy] .mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--primary-light, #18B797);
}

[b-mbqrl6fcyy] .mud-input-outlined.mud-input-control-focused .mud-input-outlined-border {
    border-color: var(--primary-light, #18B797);
    border-width: 2px;
}

/* MudBlazor 按钮样式调整 */
[b-mbqrl6fcyy] .mud-button-text {
    padding: var(--spacing-xs, 4px) var(--spacing-sm, 8px) !important;
    min-width: auto !important;
}

/* ========== 响应式布局 ========== */

/* 平板端（768px - 991px）*/
@media (min-width: 768px) and (max-width: 991px) {
    .form-row[b-mbqrl6fcyy] {
        grid-template-columns: 1fr 1fr;
    }

    .form-field-wide[b-mbqrl6fcyy] {
        grid-column: span 2;
    }
}

/* 移动端（< 768px）*/
@media (max-width: 767px) {
    .dialog-cards-container[b-mbqrl6fcyy] {
        gap: var(--spacing-sm, 8px);
    }

    .card-header[b-mbqrl6fcyy] {
        padding: var(--spacing-xs, 4px) var(--spacing-sm, 8px);
    }

    .card-content[b-mbqrl6fcyy] {
        padding: var(--spacing-sm, 8px);
    }

    /* 表单改为单列布局 */
    .form-row[b-mbqrl6fcyy] {
        grid-template-columns: 1fr;
        gap: var(--spacing-sm, 8px);
    }

    /* 病案号编辑区域垂直排列 */
    .case-number-wrapper[b-mbqrl6fcyy] {
        flex-wrap: wrap;
    }

    .case-number-wrapper > :first-child[b-mbqrl6fcyy] {
        flex: 1 1 100%;
    }

    .case-edit-btn[b-mbqrl6fcyy] {
        margin-top: var(--spacing-xs, 4px);
    }

    /* 标签区域调整 */
    .selected-labels-zone[b-mbqrl6fcyy] {
        padding: var(--spacing-sm, 8px);
        justify-content: center;
    }

    .available-labels-list[b-mbqrl6fcyy] {
        justify-content: center;
    }

    /* 表格横向滚动 */
    .hospitalization-table[b-mbqrl6fcyy] {
        overflow-x: auto;
    }

    .hospitalization-table[b-mbqrl6fcyy]  .mud-table-head th,
    .hospitalization-table[b-mbqrl6fcyy]  .mud-table-row td {
        padding: var(--spacing-xs, 4px) var(--spacing-sm, 8px);
        font-size: var(--font-size-xs, 12px);
        white-space: nowrap;
    }
}
/* /Components/Modules/PatientManagement/Pages/PatientDetail.razor.rz.scp.css */
/* 患者详情页样式 */
.patient-detail-page[b-u1f0ep2hmy] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0.5rem;
}

/* 返回按钮栏 */
.back-bar[b-u1f0ep2hmy] {
    margin-bottom: 0.5rem;
    font-size: 16px;
}

.back-button[b-u1f0ep2hmy] {
    color: #666;
    cursor: pointer;
    transition: color 0.3s ease;
}

    .back-button:hover[b-u1f0ep2hmy] {
        color: #18b797;
    }

/* 布局容器 */
.layout-container[b-u1f0ep2hmy] {
    display: flex;
    flex: 1;
    gap: 1rem;
    overflow: hidden;
}

.left-panel[b-u1f0ep2hmy] {
    width: 18%;
    min-width: 200px;
    height: 100%;
    overflow: auto;
}

.right-panel[b-u1f0ep2hmy] {
    width: 80%;
    flex: 1;
    height: 100%;
    overflow: hidden;
}

/* 患者信息卡片 */
.patient-info-card[b-u1f0ep2hmy] {
    height: 100%;
    background-color: #f9f9f9;
}

.patient-avatar[b-u1f0ep2hmy] {
    width: 80px;
    height: 80px;
    font-size: 32px;
}

/* 覆盖 MudAvatar 填充样式 */
[b-u1f0ep2hmy] .patient-avatar.mud-avatar-filled {
    background-color: #18b797 !important;
    color: white;
}

/* 患者详细信息 */
.patient-meta[b-u1f0ep2hmy] {
    padding: 8px;
}

    .patient-meta .label[b-u1f0ep2hmy] {
        color: #666;
        font-weight: 500;
        display: block;
        margin-bottom: 4px;
    }

.patient-labels[b-u1f0ep2hmy] {
    color: #0066cc;
    font-weight: 500;
    word-wrap: break-word;
    line-height: 1.4;
}

.text-muted[b-u1f0ep2hmy] {
    color: #999 !important;
}

/* 健康状态标签 */
.health-status-tags[b-u1f0ep2hmy] {
    border-top: 1px solid #eee;
    padding-top: 12px;
}

.flex-wrap[b-u1f0ep2hmy] {
    flex-wrap: wrap !important;
}

/* 标签页容器 */
.tabs-container[b-u1f0ep2hmy] {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #f9f9f9;
}

[b-u1f0ep2hmy] .mud-tabs-panels {
    flex: 1;
    overflow-y: auto;
}

/* MudTabs 自定义样式 */
[b-u1f0ep2hmy] .mud-tabs-toolbar {
    background-color: white;
}

[b-u1f0ep2hmy] .mud-tab {
    background-color: white;
    color: black;
    border-radius: 4px;
    margin: 4px;
    min-height: 40px;
    transition: all 0.3s ease;
}

[b-u1f0ep2hmy] .mud-tab.mud-tab-active {
    background-color: #18b797;
    color: white;
}

[b-u1f0ep2hmy] .mud-tab:hover:not(.mud-tab-active) {
    background-color: #e0f2ef;
}

[b-u1f0ep2hmy] .mud-tab-slider {
    display: none;
}

/* 记录表格 */
.record-table[b-u1f0ep2hmy] {
    margin-top: 8px;
}

.diagnosis-text[b-u1f0ep2hmy] {
    display: inline-block;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.record-summary[b-u1f0ep2hmy] {
    text-align: right;
    padding-right: 8px;
}

/* 健康档案样式 */
.health-archive[b-u1f0ep2hmy] {
    padding: 16px 0;
}

.health-item[b-u1f0ep2hmy] {
    text-align: center;
    background-color: white;
}

.health-label[b-u1f0ep2hmy] {
    color: #666;
    font-size: 14px;
    margin-bottom: 8px;
}

.health-value[b-u1f0ep2hmy] {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

    .health-value .unit[b-u1f0ep2hmy] {
        font-size: 14px;
        font-weight: normal;
        color: #999;
    }

/* MudChip 样式调整 */
[b-u1f0ep2hmy] .mud-chip.mud-chip-size-medium {
    height: 20px;
    font-size: 13px;
    border-radius: 4px;
}

[b-u1f0ep2hmy] .mud-chip.mud-chip-size-small {
    height: 18px;
    font-size: 12px;
}

/* 响应式布局 */
@media (max-width: 768px) {
    .layout-container[b-u1f0ep2hmy] {
        flex-direction: column;
        overflow: auto;
    }

    .left-panel[b-u1f0ep2hmy] {
        width: 100%;
        min-width: auto;
        height: auto;
        overflow: visible;
    }

    .right-panel[b-u1f0ep2hmy] {
        width: 100%;
        overflow: visible;
    }
}
/* /Components/Modules/PatientManagement/Pages/PatientList.razor.rz.scp.css */
.patient-list-container[b-zven84p3hv] {
    padding: 16px;
}

.patient-list-header[b-zven84p3hv] {
    margin-bottom: 16px;
}

.patient-list-title[b-zven84p3hv] {
    font-size: 16px;
    color: #333;
}

.search-section[b-zven84p3hv] {
    margin-bottom: 16px;
}

/* 标签芯片容器 */
.label-chips[b-zven84p3hv] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

/* 文本淡化 */
.text-muted[b-zven84p3hv] {
    color: #999;
}

/* 工具栏操作区域 */
.patient-toolbar-actions[b-zven84p3hv] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* 表格行悬停效果增强 */
[b-zven84p3hv] .mud-table-row:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

/* 操作按钮样式 */
[b-zven84p3hv] .mud-button-text {
    min-width: auto;
    padding: 0 4px;
}

/* 分页器样式 */
[b-zven84p3hv] .mud-table-pagination {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

/* 表头样式 */
[b-zven84p3hv] .mud-table-head .mud-table-cell {
    font-weight: 600;
    background-color: #fafafa;
}

/* 异常数据标签悬浮效果 */
[b-zven84p3hv] .mud-chip.mud-chip-error {
    cursor: pointer;
}

/* 列设置菜单样式已移至全局 app.css（因 Popover 渲染在 body 下） */

/* 响应式调整 */
@media (max-width: 768px) {
    .patient-list-container[b-zven84p3hv] {
        padding: 8px;
    }

    .label-chips[b-zven84p3hv] {
        flex-direction: column;
    }
}
/* /Components/Modules/ProjectManagement/Components/DepartmentMain.ProjectCard.razor.rz.scp.css */
/* 课题卡片样式 */

.div-block[b-3ywpozv1ph] {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.width33[b-3ywpozv1ph] {
    width: 33%;
}

.w-25[b-3ywpozv1ph] {
    width: 25%;
}

.gap-2[b-3ywpozv1ph] {
    gap: 0.5rem;
}

/* /Components/Modules/ProjectManagement/Components/HospitalMain.ActivityPanel.razor.rz.scp.css */
/* ========================================
   活跃度面板样式
   使用设计系统变量,确保UI一致性
   ======================================== */

.activity-panel[b-g61j369lty] {
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all var(--transition-base) var(--ease-in-out);
    position: relative;
    overflow: hidden;
}

.activity-panel[b-g61j369lty]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--secondary-color) 0%, var(--primary-color) 100%);
    opacity: 0;
    transition: opacity var(--transition-base) var(--ease-in-out);
}

.activity-panel:hover[b-g61j369lty] {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.activity-panel:hover[b-g61j369lty]::before {
    opacity: 1;
}

.activity-empty[b-g61j369lty] {
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Components/Modules/ProjectManagement/Components/HospitalMain.DepartmentCard.razor.rz.scp.css */
/* 科室卡片样式 */

.div-block[b-jmvh61lh47] {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.width33[b-jmvh61lh47] {
    width: 33%;
}

.span_text[b-jmvh61lh47] {
    font-size: 16px;
    cursor: pointer;
}
/* /Components/Modules/ProjectManagement/Components/HospitalMain.TrendPanel.razor.rz.scp.css */
/* ========================================
   趋势面板样式
   使用设计系统变量,确保UI一致性
   ======================================== */

.trend-panel[b-cyo3gp6pg4] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    padding: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: all var(--transition-base) var(--ease-in-out);
    position: relative;
    border: 1px solid var(--border-light);
    min-height: 350px;
    display: flex;
    flex-direction: column;
}

.trend-panel[b-cyo3gp6pg4]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    opacity: 0;
    transition: opacity var(--transition-base) var(--ease-in-out);
}

.trend-panel:hover[b-cyo3gp6pg4] {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.trend-panel:hover[b-cyo3gp6pg4]::before {
    opacity: 1;
}

/* 趋势面板头部 - 固定高度 */
.trend-panel-header[b-cyo3gp6pg4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    margin-bottom: 0;
    min-height: 40px;
    flex-shrink: 0;
}

/* 趋势面板主体 - 自适应高度 */
.trend-panel-body[b-cyo3gp6pg4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 260px;
    overflow: hidden;
}

/* 图表容器 - 防止溢出 */
[b-cyo3gp6pg4] .trend-panel-body canvas {
    max-width: 100% !important;
    max-height: 100% !important;
}

[b-cyo3gp6pg4] .trend-panel-body .bioo-chart-container {
    overflow: hidden !important;
    background: transparent !important;
    padding: 0 !important;
    height: 100% !important;
}

/* /Components/Modules/ProjectManagement/Components/HospitalMain.UserStatsPanel.razor.rz.scp.css */
/* ========================================
   用户统计面板样式
   使用设计系统变量,确保UI一致性
   ======================================== */

.user-stats-card[b-unp4jyp4s7] {
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
    padding: var(--spacing-md);
    border: 1px solid var(--border-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    min-width: 320px;
    transition: all var(--transition-base) var(--ease-in-out);
    position: relative;
    overflow: hidden;
}

.user-stats-card[b-unp4jyp4s7]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--primary-gradient);
    opacity: 0;
    transition: opacity var(--transition-base) var(--ease-in-out);
}

.user-stats-card:hover[b-unp4jyp4s7] {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.user-stats-card:hover[b-unp4jyp4s7]::before {
    opacity: 1;
}

.stats-primary-text[b-unp4jyp4s7] {
    color: var(--primary-color);
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-semibold);
    margin-top: var(--spacing-sm);
    font-family: var(--font-mono);
}

.stats-secondary-text[b-unp4jyp4s7] {
    color: var(--primary-color);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    margin-top: var(--spacing-sm);
    font-family: var(--font-mono);
}

.chart-empty[b-unp4jyp4s7] {
    text-align: center;
    padding: var(--spacing-3xl) 0;
    color: var(--text-tertiary);
}

/* /Components/Modules/ProjectManagement/Components/OperationStats.ActivityPanel.razor.rz.scp.css */
.activity-panel-filters[b-zqys574qlu] {
    gap: 12px;
}

.activity-panel-hospital-select[b-zqys574qlu] {
    width: 200px;
}
/* /Components/Modules/ProjectManagement/Components/OperationStats.FollowupDataBar.razor.rz.scp.css */
.followup-data-items[b-l22341tfa9] {
    gap: 12px;
}

.followup-data-item[b-l22341tfa9],
.followup-data-item-wide[b-l22341tfa9] {
    /* 去掉固定宽度，让内容自适应 */
}

.followup-data-bar[b-l22341tfa9]  .followup-value-success {
    color: #18b797;
}

.followup-data-bar[b-l22341tfa9]  .followup-value-warning {
    color: #ff9800;
}

.followup-data-bar[b-l22341tfa9]  .followup-value-info {
    color: #2196f3;
}

.followup-data-bar[b-l22341tfa9]  .followup-value-danger {
    color: #f44336;
}

.followup-data-bar[b-l22341tfa9]  .followup-value-muted {
    color: #9e9e9e;
}
/* /Components/Modules/ProjectManagement/Components/OperationStats.TrendPanel.razor.rz.scp.css */
/* /Components/Modules/ProjectManagement/Components/OperationStats.UserDataPanel.razor.rz.scp.css */
/* 内容区 flex 容器 - 撑满父容器 */
.user-stats-content[b-w56wph20ie] {
    display: flex;
    flex: 1;
    gap: 0;
    width: 100%;
}

/* 使用 ::deep 穿透到 MudPaper 组件 - 左侧面板 50% 宽度 */
.user-stats-content[b-w56wph20ie]  .user-stats-panel-left {
    flex: 1 1 50%;
    max-width: 50%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

/* 使用 ::deep 穿透到 MudPaper 组件 - 右侧面板 50% 宽度 */
.user-stats-content[b-w56wph20ie]  .user-stats-panel-right {
    flex: 1 1 50%;
    max-width: 50%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.user-stats-summary[b-w56wph20ie] {
    text-align: center;
    min-height: 56px;
}

.user-stats-primary[b-w56wph20ie] {
    color: var(--primary-color);
}

.user-stats-today-header[b-w56wph20ie] {
    min-height: 56px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
}
/* /Components/Modules/ProjectManagement/Dialogs/EditScanDialog.razor.rz.scp.css */
.edit-scan-dialog[b-u3rwsp6687] {
    max-width: 100%;
}
/* /Components/Modules/ProjectManagement/Dialogs/HospitalManager_AddConfigDialog.razor.rz.scp.css */
/* HospitalManager_AddConfigDialog.razor 样式 */
/* /Components/Modules/ProjectManagement/Dialogs/HospitalManager_AddEventDialog.razor.rz.scp.css */
/* HospitalManager_AddEventDialog.razor 样式 */
/* /Components/Modules/ProjectManagement/Dialogs/HospitalManager_DepartmentEditDialog.razor.rz.scp.css */
/* /Components/Modules/ProjectManagement/Dialogs/HospitalManager_EventDialog.razor.rz.scp.css */
.event-manager-dialog[b-aa3ml3qbls] {
    min-width: 900px;
}

.config-selected[b-aa3ml3qbls] {
    background-color: var(--mud-palette-primary-lighten);
}

/* 表格行悬停效果 */
[b-aa3ml3qbls] .event-table .mud-table-row:hover {
    background-color: var(--mud-palette-action-default-hover);
}

/* 操作按钮容器 - 紧凑布局 */
.action-buttons[b-aa3ml3qbls] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: center;
}

/* 操作按钮 - 减少内边距 */
[b-aa3ml3qbls] .action-buttons .mud-button {
    min-width: unset;
    padding: 2px 6px;
    font-size: 0.8125rem;
}

/* 左侧配置列表项样式 */
[b-aa3ml3qbls] .mud-list-item {
    border-radius: 4px;
    margin-bottom: 4px;
    transition: background-color 0.2s ease;
}

[b-aa3ml3qbls] .mud-list-item:hover {
    background-color: var(--mud-palette-action-default-hover);
}
/* /Components/Modules/ProjectManagement/Dialogs/HospitalManager_EventRuleDialog.razor.rz.scp.css */
.event-rule-dialog[b-q4euffiex3] {
    min-width: 400px;
}

.rule-card[b-q4euffiex3] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    overflow: hidden;
}

.card-header[b-q4euffiex3] {
    background-color: var(--mud-palette-background-grey);
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.card-title[b-q4euffiex3] {
    font-size: 0.95rem;
    font-weight: 500;
}

.card-content[b-q4euffiex3] {
    padding: 16px;
}

.rule-form[b-q4euffiex3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-row[b-q4euffiex3] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.form-label[b-q4euffiex3] {
    min-width: 60px;
    font-size: 0.9rem;
    color: var(--mud-palette-text-secondary);
}

.form-controls[b-q4euffiex3] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.control-text[b-q4euffiex3] {
    white-space: nowrap;
}

[b-q4euffiex3] .offset-input {
    width: 80px;
}

[b-q4euffiex3] .unit-select {
    width: 80px;
}

[b-q4euffiex3] .window-input {
    width: 70px;
}

[b-q4euffiex3] .auditor-select {
    flex: 1;
    min-width: 150px;
}
/* /Components/Modules/ProjectManagement/Dialogs/HospitalManager_HospitalAllianceDialog.razor.rz.scp.css */
/* /Components/Modules/ProjectManagement/Dialogs/HospitalManager_LabelDialog.razor.rz.scp.css */
/* /Components/Modules/ProjectManagement/Dialogs/HospitalManager_LicenseDialog.razor.rz.scp.css */
.license-dialog-editor[b-fqulz159zs] {
    background-color: var(--mud-palette-background-grey);
}

.license-dialog-switch[b-fqulz159zs] {
    height: 100%;
}

.license-dialog-actions[b-fqulz159zs] {
    width: 100px;
}
/* /Components/Modules/ProjectManagement/Dialogs/HospitalManager_MedicalAllianceManagerDialog.razor.rz.scp.css */
.alliance-add-panel[b-ei09m9tl3g] {
    background-color: var(--mud-palette-background-grey);
}

.alliance-name-field[b-ei09m9tl3g] {
    flex: 1;
}

.action-column[b-ei09m9tl3g] {
    width: 80px;
}
/* /Components/Modules/ProjectManagement/Dialogs/HospitalManager_ProjectEditDialog.razor.rz.scp.css */
/* /Components/Modules/ProjectManagement/Dialogs/OperationExportDialog.razor.rz.scp.css */
/* /Components/Modules/ProjectManagement/Pages/AdminMain.razor.rz.scp.css */
/* ========================================
   AdminMain 页面样式（医疗专业版）
   使用设计系统变量,确保UI一致性
   ======================================== */

/* 页面容器 */
.admin-main-container[b-qcmo0mini6] {
    background: var(--bg-primary);
    min-height: calc(100vh - 64px);
    padding: var(--spacing-2xl);
    animation: fadeIn var(--transition-base) var(--ease-out);
}

/* 加载状态 */
.loading-wrapper[b-qcmo0mini6] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 400px;
    color: var(--text-secondary);
}

/* 空状态 */
.empty-wrapper[b-qcmo0mini6] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 300px;
    color: var(--text-tertiary);
}

/* 卡片容器 - CSS Grid 实现每行最多5个 */
.cards-wrapper[b-qcmo0mini6] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 48px;
}

/* 医院卡片 - 现代精致风格 */
.hospital-card[b-qcmo0mini6] {
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
    cursor: pointer;
    transition: all var(--transition-base) var(--ease-in-out);
    box-shadow: var(--shadow-sm);
    border-left: 4px solid var(--primary-color);
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.hospital-card:hover[b-qcmo0mini6] {
    transform: translateY(-6px);
    box-shadow: var(--shadow-hover);
    border-left-color: var(--primary-hover);
}

.hospital-card:active[b-qcmo0mini6] {
    transform: translateY(-3px);
}

/* 医院卡片头部 */
.hospital-card-header[b-qcmo0mini6] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
    border-bottom: 1px solid var(--divider-color);
}

.hospital-icon[b-qcmo0mini6] {
    width: 56px;
    height: 56px;
    background: var(--primary-light);
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    flex-shrink: 0;
    transition: all var(--transition-base) var(--ease-in-out);
}

.hospital-card:hover .hospital-icon[b-qcmo0mini6] {
    background: var(--primary-gradient);
    color: white;
    transform: rotate(5deg) scale(1.05);
}

.hospital-name[b-qcmo0mini6] {
    color: var(--text-primary);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-lg);
    margin: 0;
    line-height: 1.4;
    word-break: break-word;
}

/* 医院卡片主体 */
.hospital-card-body[b-qcmo0mini6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.stat-item[b-qcmo0mini6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0;
    border-bottom: 1px solid var(--bg-primary);
    transition: all var(--transition-base) var(--ease-in-out);
}

.stat-item:last-child[b-qcmo0mini6] {
    border-bottom: none;
}

.stat-item:hover[b-qcmo0mini6] {
    padding-left: var(--spacing-sm);
    background: var(--bg-hover);
    margin: 0 calc(-1 * var(--spacing-sm));
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-sm);
    border-radius: var(--radius-sm);
}

.stat-icon[b-qcmo0mini6] {
    font-size: 18px;
    color: var(--text-tertiary);
    margin-right: var(--spacing-sm);
    transition: all var(--transition-base) var(--ease-in-out);
}

.stat-item:hover .stat-icon[b-qcmo0mini6] {
    color: var(--primary-color);
    transform: scale(1.1);
}

.stat-label[b-qcmo0mini6] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    flex: 1;
}

.stat-value[b-qcmo0mini6] {
    color: var(--primary-color);
    font-weight: var(--font-weight-semibold);
    font-size: 26px;
    font-family: var(--font-mono);
    margin: 0;
    animation: countUp var(--transition-slow) var(--ease-out);
}

.stat-loading[b-qcmo0mini6] {
    width: 20px !important;
    height: 20px !important;
    color: var(--primary-color);
}

/* 医院卡片底部 */
.hospital-card-footer[b-qcmo0mini6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--spacing-md);
    padding-top: var(--spacing-md);
    border-top: 1px solid var(--divider-color);
    color: var(--primary-color);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
}

.hospital-card-footer .mud-icon-root[b-qcmo0mini6] {
    transition: transform var(--transition-base) var(--ease-in-out);
    font-size: 18px;
}

.hospital-card:hover .hospital-card-footer .mud-icon-root[b-qcmo0mini6] {
    transform: translateX(6px);
}

/* 系统管理卡片特殊样式 */
.system-card[b-qcmo0mini6] {
    background: linear-gradient(135deg, var(--bg-hover) 0%, var(--bg-tertiary) 100%);
    border-left-color: var(--secondary-color);
}

.system-card:hover[b-qcmo0mini6] {
    box-shadow: var(--shadow-hover);
    border-left-color: var(--secondary-hover);
}

.system-card .hospital-icon[b-qcmo0mini6] {
    background: var(--secondary-light);
    color: var(--secondary-color);
}

.system-card:hover .hospital-icon[b-qcmo0mini6] {
    background: var(--secondary-gradient);
    color: white;
}

.system-card .hospital-card-header[b-qcmo0mini6] {
    border-bottom-color: var(--divider-color);
}

.system-card .hospital-card-footer[b-qcmo0mini6] {
    border-top-color: var(--divider-color);
    color: var(--secondary-color);
}

.system-card .stat-value[b-qcmo0mini6] {
    color: var(--secondary-color);
}

.system-card .system-description[b-qcmo0mini6] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    line-height: 1.6;
    padding: var(--spacing-lg);
    background: var(--secondary-lighter);
    border-radius: var(--radius-md);
    text-align: center;
}

/* 响应式设计 */
@media (max-width: 1600px) {
    .cards-wrapper[b-qcmo0mini6] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1280px) {
    .admin-main-container[b-qcmo0mini6] {
        padding: var(--spacing-xl);
    }

    .cards-wrapper[b-qcmo0mini6] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 960px) {
    .admin-main-container[b-qcmo0mini6] {
        padding: var(--spacing-lg);
    }

    .cards-wrapper[b-qcmo0mini6] {
        grid-template-columns: repeat(2, 1fr);
    }

    .hospital-card[b-qcmo0mini6] {
        padding: var(--spacing-lg);
    }

    .stat-value[b-qcmo0mini6] {
        font-size: 22px;
    }
}

@media (max-width: 600px) {
    .admin-main-container[b-qcmo0mini6] {
        padding: var(--spacing-md);
    }

    .cards-wrapper[b-qcmo0mini6] {
        grid-template-columns: 1fr;
    }

    .hospital-card[b-qcmo0mini6] {
        padding: var(--spacing-md);
    }

    .hospital-icon[b-qcmo0mini6] {
        width: 44px;
        height: 44px;
    }

    .stat-item[b-qcmo0mini6] {
        padding: 2px 0;
    }

    .stat-value[b-qcmo0mini6] {
        font-size: 20px;
    }
}
/* /Components/Modules/ProjectManagement/Pages/DepartmentMain.razor.rz.scp.css */
/* ========================================
   DepartmentMain 页面样式
   使用设计系统变量,确保UI一致性
   ======================================== */

/* 页面容器 */
.department-main-container[b-xtwz7nneob] {
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-tertiary) 100%);
    min-height: calc(100vh - 64px);
    padding: var(--spacing-md);
    animation: fadeIn var(--transition-base) var(--ease-out);
}

/* 页面头部 */
.department-main-header[b-xtwz7nneob] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-lg);
    padding: var(--spacing-lg);
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    border: 1px solid var(--border-color);
}

.department-main-header[b-xtwz7nneob]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--primary-gradient);
}

.department-main-title[b-xtwz7nneob] {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.department-main-actions[b-xtwz7nneob] {
    display: flex;
    gap: var(--spacing-sm);
}
/* /Components/Modules/ProjectManagement/Pages/HospitalMain.razor.rz.scp.css */
/* ========================================
   HospitalMain 页面样式
   现代化3D效果和动画增强
   ======================================== */

/* 页面容器 */
.hospital-main-container[b-6jz4yzuput] {
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-tertiary) 100%);
    min-height: calc(100vh - 64px);
    padding: var(--spacing-md);
    animation: pageEnter var(--transition-slow) var(--ease-out);
}

/* 页面头部 - 玻璃态效果 */
.hospital-main-header[b-6jz4yzuput] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-lg);
    padding: var(--spacing-lg);
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: all var(--transition-base) var(--ease-out);
    animation: slideInLeft var(--transition-slow) var(--ease-out);
}

.hospital-main-header:hover[b-6jz4yzuput] {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.hospital-main-header[b-6jz4yzuput]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--primary-gradient);
    animation: progressBar 1s var(--ease-out);
}

.hospital-main-title[b-6jz4yzuput] {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.hospital-main-title[b-6jz4yzuput]::before {
    content: '';
    width: 8px;
    height: 8px;
    background: var(--primary-color);
    border-radius: 50%;
    animation: pulse 2s ease-in-out infinite;
}

.hospital-main-actions[b-6jz4yzuput] {
    display: flex;
    gap: var(--spacing-sm);
}

.hospital-main-actions[b-6jz4yzuput]  .mud-button {
    transition: all var(--transition-base) var(--ease-bounce) !important;
}

.hospital-main-actions[b-6jz4yzuput]  .mud-button:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 6px 16px rgba(24, 183, 151, 0.3);
}

.hospital-main-actions[b-6jz4yzuput]  .mud-button:active {
    transform: translateY(-1px) scale(0.98);
}

/* 统计卡片网格 - 3D悬浮效果 */
[b-6jz4yzuput] .mud-paper {
    transition: all var(--transition-base) var(--ease-out);
    animation: scaleIn var(--transition-base) var(--ease-out);
    animation-fill-mode: both;
}

[b-6jz4yzuput] .mud-paper:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-hover);
}

/* 卡片依次出现 */
[b-6jz4yzuput] .mud-grid-item:nth-child(1) .mud-paper { animation-delay: 0ms; }
[b-6jz4yzuput] .mud-grid-item:nth-child(2) .mud-paper { animation-delay: 100ms; }
[b-6jz4yzuput] .mud-grid-item:nth-child(3) .mud-paper { animation-delay: 200ms; }
[b-6jz4yzuput] .mud-grid-item:nth-child(4) .mud-paper { animation-delay: 300ms; }
[b-6jz4yzuput] .mud-grid-item:nth-child(5) .mud-paper { animation-delay: 400ms; }
[b-6jz4yzuput] .mud-grid-item:nth-child(6) .mud-paper { animation-delay: 500ms; }

/* 图表容器动画 */
[b-6jz4yzuput] .chart-container {
    animation: fadeIn var(--transition-slow) var(--ease-out);
    animation-delay: 600ms;
    animation-fill-mode: both;
}

/* 科室卡片增强 */
[b-6jz4yzuput] .department-card {
    transition: all var(--transition-base) var(--ease-out);
    transform-style: preserve-3d;
}

[b-6jz4yzuput] .department-card:hover {
    transform: translateY(-8px) rotateX(2deg);
    box-shadow: var(--shadow-2xl);
}

/* 数据面板渐变背景 */
[b-6jz4yzuput] .data-panel {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(247, 250, 252, 0.9));
    backdrop-filter: blur(8px);
    border: 1px solid rgba(24, 183, 151, 0.1);
}
/* /Components/Modules/ProjectManagement/Pages/HospitalManager.razor.rz.scp.css */
/* /Components/Modules/ProjectManagement/Pages/OperationManager.razor.rz.scp.css */
/* ========================================
   OperationManager 运营管理页面样式
   ======================================== */

/* 页面容器 */
.operation-mgr-container[b-hn9xmwzj39] {
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-tertiary) 100%);
    min-height: calc(100vh - 64px);
    padding: var(--spacing-md);
    animation: pageEnter var(--transition-slow) var(--ease-out);
}

/* 页面头部 - 玻璃态效果 */
.operation-mgr-header[b-hn9xmwzj39] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-lg);
    padding: var(--spacing-lg);
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: all var(--transition-base) var(--ease-out);
    animation: slideInLeft var(--transition-slow) var(--ease-out);
}

.operation-mgr-header:hover[b-hn9xmwzj39] {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.operation-mgr-header[b-hn9xmwzj39]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--primary-gradient);
    animation: progressBar 1s var(--ease-out);
}

.operation-mgr-title[b-hn9xmwzj39] {
    display: flex;
    flex-direction: column;
}

.operation-mgr-actions[b-hn9xmwzj39] {
    display: flex;
    gap: var(--spacing-sm);
}

.operation-mgr-actions[b-hn9xmwzj39]  .mud-button {
    transition: all var(--transition-base) var(--ease-bounce) !important;
}

.operation-mgr-actions[b-hn9xmwzj39]  .mud-button:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 6px 16px rgba(24, 183, 151, 0.3);
}

.operation-mgr-actions[b-hn9xmwzj39]  .mud-button:active {
    transform: translateY(-1px) scale(0.98);
}

/* 统计卡片效果 */
[b-hn9xmwzj39] .mud-paper {
    transition: all var(--transition-base) var(--ease-out);
    animation: scaleIn var(--transition-base) var(--ease-out);
    animation-fill-mode: both;
}

[b-hn9xmwzj39] .mud-paper:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-hover);
}

/* 用户数据卡片 */
[b-hn9xmwzj39] .user-stats-card {
    padding: var(--spacing-sm);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(247, 250, 252, 0.9));
    backdrop-filter: blur(8px);
    border: 1px solid rgba(24, 183, 151, 0.1);
}

/* 趋势面板 */
[b-hn9xmwzj39] .trend-panel {
    padding: var(--spacing-sm);
}

[b-hn9xmwzj39] .trend-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-sm);
}

[b-hn9xmwzj39] .trend-panel-body {
    padding: var(--spacing-sm);
}

/* 活跃度面板 */
[b-hn9xmwzj39] .activity-panel {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(247, 250, 252, 0.9));
}

[b-hn9xmwzj39] .activity-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
}

/* 图表容器动画 */
[b-hn9xmwzj39] .chart-container {
    animation: fadeIn var(--transition-slow) var(--ease-out);
    animation-delay: 600ms;
    animation-fill-mode: both;
}

/* 主内容区布局 - 40%/60% 分配 + 等高 */
.operation-mgr-main-row[b-hn9xmwzj39] {
    gap: var(--spacing-md);
    align-items: stretch;
}

.operation-mgr-left-col[b-hn9xmwzj39] {
    width: 40%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}

.operation-mgr-right-col[b-hn9xmwzj39] {
    width: 60%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}

/* 让左侧 UserDataPanel 撑满高度 */
.operation-mgr-left-col[b-hn9xmwzj39]  .user-stats-card {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* 让右侧两个面板自动分配高度 */
.operation-mgr-right-col[b-hn9xmwzj39]  .mud-paper {
    flex: 1;
}
/* /Components/Modules/ProjectManagement/Pages/ProjectMain.razor.rz.scp.css */
/* ========================================
   ProjectMain 页面样式 - 深色医疗风
   ======================================== */

/* 页面最外层容器 */
.project-main-page[b-c2wl0bjwnr] {
    background-color: var(--bg-primary);
    padding: var(--spacing-md);
}

/* 页面内容容器 */
.project-main-container[b-c2wl0bjwnr] {
    /* 移除了硬编码的背景色，使用父容器背景 */
}

.span-text[b-c2wl0bjwnr] {
    font-size: 16px;
    cursor: pointer;
}

.div-block[b-c2wl0bjwnr] {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.width11[b-c2wl0bjwnr] {
    width: 11%;
}

.icon-ques[b-c2wl0bjwnr] {
    border: 2px solid var(--text-tertiary);
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

/* 图表空状态容器 - 与图表组件样式保持一致 */
.chart-empty-container[b-c2wl0bjwnr] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-secondary);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-light);
}

/* 随访数据面板 - 分组横向布局 */
.followup-data-panel[b-c2wl0bjwnr] {
    background: var(--bg-secondary);
    border-radius: var(--radius-md) !important;
    border: 1px solid var(--border-light) !important;
}

.followup-data-panel .data-container[b-c2wl0bjwnr] {
    padding: 0 8px 8px 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.followup-data-panel .data-group[b-c2wl0bjwnr] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border-radius: var(--radius-sm);
}

/* 第一组 - 关键统计（3个，浅色背景） */
.followup-data-panel .data-group-primary[b-c2wl0bjwnr] {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
}

.followup-data-panel .data-group-primary .data-label[b-c2wl0bjwnr] {
    font-size: 13px;
    color: var(--text-secondary);
    font-weight: 500;
}

.followup-data-panel .data-group-primary .data-value[b-c2wl0bjwnr] {
    font-size: 22px;
    font-weight: 700;
    color: var(--primary-color);
}

/* 第二组 - 详细统计（6个，更浅的背景） */
.followup-data-panel .data-group-secondary[b-c2wl0bjwnr] {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
}

.followup-data-panel .data-group-secondary .data-label[b-c2wl0bjwnr] {
    font-size: 12px;
    color: var(--text-secondary);
    font-weight: 500;
}

.followup-data-panel .data-group-secondary .data-value[b-c2wl0bjwnr] {
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-color);
}

/* 数据项基础样式 */
.followup-data-panel .data-item[b-c2wl0bjwnr] {
    flex: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* /Components/Modules/SystemDebug/Dialogs/PatientDetailDialog.razor.rz.scp.css */
/* PatientDetailDialog 样式 */

.cell-break-all[b-vwiysa3l6q] {
    word-break: break-all;
}
/* /Components/Modules/SystemDebug/Pages/FollowupDebugPage.razor.rz.scp.css */
/* FollowupDebugPage 页面样式 */

[b-8le5nou47i] .log-container {
    max-height: 300px;
    overflow-y: auto;
    background-color: #f5f5f5;
}

[b-8le5nou47i] .log-entry {
    font-family: monospace;
}
/* /Components/Modules/SystemDebug/Pages/TaskDebugPage.razor.rz.scp.css */
/* 未绑定微信的行高亮 */
[b-k81bsqvw49] .mud-table-row-warning {
    background-color: rgba(255, 152, 0, 0.05);
}

[b-k81bsqvw49] .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Modules/WechatModule/Pages/Doctor/DoctorHealthTools.razor.rz.scp.css */
.doctor-health-tools-appbar[b-dzf52jlf83] {
    background-color: #fff;
    height: 50px;
}

.doctor-health-tools-back[b-dzf52jlf83] {
    position: absolute;
}
/* /Components/Modules/WechatModule/Pages/Doctor/DoctorTaskList.razor.rz.scp.css */
.task-card[b-vkhwnltgb5] {
    border-radius: 12px;
}

.task-card:hover[b-vkhwnltgb5] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.task-summary[b-vkhwnltgb5] {
    background-color: #f5f5f5;
}
/* /Components/Modules/WechatModule/Pages/Doctor/PatientFollowupAudit.razor.rz.scp.css */
/* ====================================
   PatientFollowupAudit.razor.css
   医生随访审核页面样式
   ==================================== */

/* 页面外层包装容器 - 用负 margin 抵消 MudMainContent 的顶部 padding（AppBar 高度约 64px） */
.audit-page-wrapper[b-cjb70pxkhr] {
    position: relative;
    min-height: 100vh;
    margin-top: -64px;
    padding-top: 8px;
}

/* 页面容器 */
.audit-page[b-cjb70pxkhr] {
    background-color: var(--mud-palette-background-grey);
}

/* 固定页脚 */
.audit-page-footer[b-cjb70pxkhr] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: white;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}

/* 页脚按钮容器 */
.footer-buttons[b-cjb70pxkhr] {
    display: flex;
    gap: 0;
}

/* 页脚按钮样式 */
[b-cjb70pxkhr] .footer-button {
    flex: 1;
    border-radius: 0 !important;
    height: 38px;
    font-size: 14px;
}

/* 响应式：移动端优化 */
@media (max-width: 767px) {
    [b-cjb70pxkhr] .mud-paper {
        border-radius: 8px;
    }
}

/* 审核结果标题背景 */
.audit-result-header[b-cjb70pxkhr] {
    background-color: #f0f7ff;
    padding: 12px 16px;
    margin: -16px -16px 12px -16px;
    border-radius: 8px 8px 0 0;
}

.audit-result-header[b-cjb70pxkhr]  .mud-typography {
    margin-bottom: 0 !important;
}

/* 内容区域底部留白（为固定页脚留出空间） */
.content-with-footer[b-cjb70pxkhr] {
    padding-bottom: 56px;
}

/* 审核意见文本保留换行 */
.pre-line-text[b-cjb70pxkhr] {
    white-space: pre-line;
}

/* 富文本内容容器 */
.rich-text-container[b-cjb70pxkhr] {
    line-height: 1.6;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.rich-text-container img[b-cjb70pxkhr] {
    max-width: 100%;
    height: auto;
}

.rich-text-container p[b-cjb70pxkhr] {
    margin-bottom: 0.5em;
}

.rich-text-container ul[b-cjb70pxkhr],
.rich-text-container ol[b-cjb70pxkhr] {
    padding-left: 1.5em;
    margin-bottom: 0.5em;
}
/* /Components/Modules/WechatModule/Pages/Patient/BedQueue.BedAdmissionNoticeDialog.razor.rz.scp.css */
[b-iwhvifmir9] .bed-queue-notice-dialog .mud-dialog-content {
    padding: 0px 20px !important;
}

.notice-content[b-iwhvifmir9] {
    line-height: 1.6;
    padding: 10px;
    overflow-y: auto;
}

.notice-title[b-iwhvifmir9] {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 18px;
}

.section-title[b-iwhvifmir9] {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

.subsection-title[b-iwhvifmir9] {
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}

.subsection-content[b-iwhvifmir9] {
    margin-left: 20px;
    margin-bottom: 10px;
}

.notice-footer[b-iwhvifmir9] {
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
}

.greeting[b-iwhvifmir9] {
    font-weight: bold;
    margin-bottom: 10px;
}

.intro-text[b-iwhvifmir9] {
    margin-bottom: 15px;
}
/* /Components/Modules/WechatModule/Pages/Patient/BedQueue.CancelQueueDialog.razor.rz.scp.css */
[b-iuuw15tvkd] .bed-queue-cancel-dialog {
    border-radius: 16px 16px 0 0;
    min-height: 320px;
    padding: 0;
    width: 100%;
}

/* MudRadioGroup 内部容器 - 强制纵向排列 */
[b-iuuw15tvkd] .bed-queue-cancel-dialog .mud-input-control-input-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

[b-iuuw15tvkd] .bed-queue-cancel-dialog .mud-radio {
    margin: 0 !important;
}
/* /Components/Modules/WechatModule/Pages/Patient/BedQueue.PatientInfo.razor.rz.scp.css */
.bed-patient-info[b-iwm397sb9m] {
    background-color: white;
    border-radius: 8px;
    padding: 10px 10px;
    position: relative;
}

.admission-notice-button[b-iwm397sb9m] {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

[b-iwm397sb9m] .bed-queue-notice-button {
    text-decoration: underline;
}
/* /Components/Modules/WechatModule/Pages/Patient/BedQueue.razor.rz.scp.css */
.bed-queue-body[b-h87nurf9rm] {
    background-color: #f5f5f5;
    padding-bottom: 80px; /* 为底部固定按钮留出空间 */
    margin-top: -64px; /* 抵消 MudMainContent 为 AppBar 预留的空间 */
    padding-top: 16px;
}

.bed-queue-status-image[b-h87nurf9rm] {
    max-width: 200px;
    width: 120px;
    height: 120px;
}

.div-bed-bg[b-h87nurf9rm] {
    background-color: white;
    border-radius: 8px;
    padding: 30px 10px;
    margin-top: 30px;
}

.acenter[b-h87nurf9rm] {
    text-align: center;
}

.p-big[b-h87nurf9rm] {
    font-size: 20px;
}

.span-color[b-h87nurf9rm] {
    color: #2F9688;
}

.span-large[b-h87nurf9rm] {
    font-size: 48px;
    font-weight: 700;
}

/* 状态文字样式 */
.status-text-success[b-h87nurf9rm] {
    font-size: 18px;
    font-weight: bold;
    color: #52c41a;
}

.status-text-error[b-h87nurf9rm] {
    font-size: 18px;
    font-weight: bold;
    color: #ff4d4f;
}

.status-text-warning[b-h87nurf9rm] {
    font-size: 18px;
    font-weight: bold;
    color: #faad14;
}

/* 底部操作栏样式 */
.bed-queue-action-bar[b-h87nurf9rm] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px;
    background: #f5f5f5;
    z-index: 100;
}
/* /Components/Modules/WechatModule/Pages/Patient/PatientFollowup.razor.rz.scp.css */
/* 患者随访表单填写页面样式 */

.patient-followup-page[b-1yf3zil2vq] {
    min-height: 100vh;
    background-color: #f5f5f5;
}

/* 审核评语文本保留换行 */
.pre-line-text[b-1yf3zil2vq] {
    white-space: pre-line;
}

/* 富文本内容容器 */
.rich-text-container[b-1yf3zil2vq] {
    line-height: 1.6;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.rich-text-container img[b-1yf3zil2vq] {
    max-width: 100%;
    height: auto;
}

.rich-text-container p[b-1yf3zil2vq] {
    margin-bottom: 0.5em;
}

.rich-text-container ul[b-1yf3zil2vq],
.rich-text-container ol[b-1yf3zil2vq] {
    padding-left: 1.5em;
    margin-bottom: 0.5em;
}
/* /Components/Modules/WechatModule/Pages/Patient/PatientFollowupNotice.razor.rz.scp.css */
.task-card[b-32um0zn3r9] {
    border-radius: 12px;
}

.task-card:hover[b-32um0zn3r9] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.audit-result-content[b-32um0zn3r9] {
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
    line-height: 1.5;
    word-wrap: break-word;
}

.audit-result-content p[b-32um0zn3r9] {
    margin: 0 0 0.3em;
}

.audit-result-content h1[b-32um0zn3r9],
.audit-result-content h2[b-32um0zn3r9],
.audit-result-content h3[b-32um0zn3r9],
.audit-result-content h4[b-32um0zn3r9],
.audit-result-content h5[b-32um0zn3r9],
.audit-result-content h6[b-32um0zn3r9] {
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0.3em 0;
}

.audit-result-content ul[b-32um0zn3r9],
.audit-result-content ol[b-32um0zn3r9] {
    padding-left: 1.2em;
    margin: 0.2em 0;
}

.audit-result-content strong[b-32um0zn3r9] {
    font-weight: 700;
}
/* /Components/Modules/WechatModule/Pages/Patient/PatientFormSet.razor.rz.scp.css */
/* 患者通用表单页面样式 */

.patient-formset-page[b-nshzfjtn21] {
    min-height: 100vh;
    background-color: #f5f5f5;
    padding-bottom: 20px;
}
/* /Components/Modules/WechatModule/Pages/Patient/PatientHealthRecordForm.razor.rz.scp.css */
/* /Components/Modules/WechatModule/Pages/Patient/PatientPublicity.razor.rz.scp.css */
.patient-publicity-page[b-tus2ipfam8] {
    background-color: #fff;
    min-height: 100vh;
}

.publicity-title[b-tus2ipfam8] {
    font-weight: 600;
    color: #333;
    line-height: 1.4;
}

.publicity-meta[b-tus2ipfam8] {
    color: #999;
    font-size: 0.875rem;
}

.content-body[b-tus2ipfam8] {
    line-height: 1.8;
    color: #333;
}

.rich-text-container[b-tus2ipfam8]  img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    margin: 8px 0;
}

.rich-text-container[b-tus2ipfam8]  p {
    margin-bottom: 1em;
}

.rich-text-container[b-tus2ipfam8]  h1,
.rich-text-container[b-tus2ipfam8]  h2,
.rich-text-container[b-tus2ipfam8]  h3 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    font-weight: 600;
}

.rich-text-container[b-tus2ipfam8]  ul,
.rich-text-container[b-tus2ipfam8]  ol {
    padding-left: 1.5em;
    margin-bottom: 1em;
}

.rich-text-container[b-tus2ipfam8]  table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
}

.rich-text-container[b-tus2ipfam8]  th,
.rich-text-container[b-tus2ipfam8]  td {
    border: 1px solid #e0e0e0;
    padding: 8px 12px;
    text-align: left;
}

.rich-text-container[b-tus2ipfam8]  th {
    background-color: #f5f5f5;
    font-weight: 600;
}
/* /Components/Routes.razor.rz.scp.css */
/* /Components/Shared/Charts/BiooChartsLegacy.razor.rz.scp.css */
/* ========================================
   BiooChartsLegacy 图表组件样式
   现代化图表动画效果
   ======================================== */

/* 图表容器入场动画 */
:host[b-4hvzf3nuwh] {
    display: block;
    animation: fadeIn var(--transition-slow) var(--ease-out);
}

/* 图表外层包装 */
div[b-4hvzf3nuwh] {
    background: var(--bg-secondary);
    border-radius: var(--radius-lg);
    padding: var(--spacing-md);
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-base) var(--ease-out);
    position: relative;
    overflow: hidden;
}

div:hover[b-4hvzf3nuwh] {
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px);
}

/* 图表标题样式 */
p[b-4hvzf3nuwh] {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
    margin-bottom: var(--spacing-md);
    padding-left: var(--spacing-sm);
    border-left: 3px solid var(--primary-color);
    animation: slideInLeft var(--transition-base) var(--ease-out);
}

/* Canvas 入场动画 */
[b-4hvzf3nuwh] canvas {
    animation: scaleIn var(--transition-slow) var(--ease-out);
    animation-delay: 200ms;
    animation-fill-mode: both;
}

/* 图表容器渐变背景 */
div[b-4hvzf3nuwh]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(24, 183, 151, 0.02), rgba(66, 153, 225, 0.02));
    pointer-events: none;
    z-index: 0;
}

/* 确保图表在渐变层之上 */
[b-4hvzf3nuwh] .chart-container {
    position: relative;
    z-index: 1;
}

/* /Components/Shared/Charts/CombinationChart.razor.rz.scp.css */
.combination-chart-container[b-lmknhmz7ei] {
    position: relative;
    overflow: hidden;
    min-width: 800px;
    max-width: 100%;
    margin: 0 auto;
}

.combination-chart[b-lmknhmz7ei] {
    font-family: Arial, sans-serif;
    width: 100%;
    height: 100%;
    display: block;
}
/* /Components/Shared/EmptyDataView.razor.rz.scp.css */
.empty-data-view[b-t5pc11lyif] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.empty-data-view .placeholder-icon[b-t5pc11lyif] {
    color: #ccc;
}

.empty-data-view .empty-content[b-t5pc11lyif] {
    margin-top: 12px;
}
/* /Components/Shared/ErrorPage.razor.rz.scp.css */
/* ErrorPage 样式 */





/* /Components/Shared/FormDataDisplay.razor.rz.scp.css */
/* ===== 模板元素样式（保持不变）===== */
.custom-card[b-94ixwqv9s9] {
    background-color: var(--mud-palette-background-grey);
    border-radius: 4px;
    margin-bottom: 12px;
    border: 1px solid var(--mud-palette-lines-default);
}

.mud-container .custom-card:last-child[b-94ixwqv9s9] {
    margin-bottom: 0;
}

.custom-card-header[b-94ixwqv9s9] {
    padding: 4px 6px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.custom-card-content[b-94ixwqv9s9] {
    padding: 6px 10px 6px 12px;
}

.custom-card-title[b-94ixwqv9s9] {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
}

/* 移动端模板样式 */
.custom-card-phone[b-94ixwqv9s9] {
    border: none;
}

/* ===== 动态生成元素样式（RenderCard 方法）===== */
/* .custom-card-content ::deep .custom-card-outlined {
    border: 1px solid var(--mud-palette-lines-default);
    box-shadow: none;
} */

.custom-card-content[b-94ixwqv9s9]  .custom-card-subtitle {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
}

.custom-card-content[b-94ixwqv9s9]  .custom-card-instance {
    background-color: var(--mud-palette-background-paper);
    border-radius: 4px;
    padding: 2px 8px;
}

.custom-card-content[b-94ixwqv9s9]  .custom-card-instance-title {
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 4px;
}

/* ===== 动态生成元素样式（RenderQuestion 方法 - 文件预览）===== */
.custom-card-content[b-94ixwqv9s9]  .file-item {
    border: 1px solid #e0e0e0;
    border-radius: 0.5rem;
    padding: 0.5rem 0.25rem;
    margin-bottom: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}

.custom-card-content[b-94ixwqv9s9]  .file-item-content {
    max-width: 100%;
    aspect-ratio: 5/4;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.25rem auto;
}

.custom-card-content[b-94ixwqv9s9]  .file-preview-image {
    max-width: 100%;
    max-height: 100%;
    border-radius: 0.3rem;
    border: 1px solid #eee;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

.custom-card-content[b-94ixwqv9s9]  .file-icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background: #f5f5f5;
    border-radius: 0.3rem;
}

.custom-card-content[b-94ixwqv9s9]  .file-name-preview {
    font-size: 0.95rem;
    color: #666;
    text-align: center;
    word-break: break-all;
    margin-bottom: 0.25rem;
    max-width: 90%;
}

/* ===== 移动端样式（动态元素部分）===== */
.custom-card-phone[b-94ixwqv9s9]  .custom-card-header {
    border-bottom: none !important;
    padding: 0 !important;
}

.custom-card-phone[b-94ixwqv9s9]  .custom-card-outlined {
    border: none !important;
}

.custom-card-phone[b-94ixwqv9s9]  .custom-card-content {
    padding: 0 !important;
}

.custom-card-phone[b-94ixwqv9s9]  .custom-card-subtitle {
    margin-bottom: 0.2rem !important;
}
/* /Components/Shared/GlobalErrorBoundary.razor.rz.scp.css */
.error-boundary-container[b-lryfx12g3e] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: #f5f5f5;
    padding: 20px;
}

.error-boundary-paper[b-lryfx12g3e] {
    max-width: 600px;
    width: 100%;
    padding: 40px;
}

.error-boundary-content[b-lryfx12g3e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.error-boundary-icon[b-lryfx12g3e] {
    margin-bottom: 20px;
    font-size: 64px !important;
}

.error-boundary-title[b-lryfx12g3e] {
    margin-bottom: 16px;
    color: #d32f2f;
}

.error-boundary-message[b-lryfx12g3e] {
    margin-bottom: 24px;
    color: #666;
}

.error-boundary-details[b-lryfx12g3e] {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 24px;
    padding: 16px;
    background-color: #f5f5f5;
    border-left: 4px solid #d32f2f;
    text-align: left;
}

.error-boundary-details-text[b-lryfx12g3e] {
    font-family: 'Courier New', monospace;
    white-space: pre-wrap;
    word-break: break-all;
    color: #333;
}

.error-boundary-actions[b-lryfx12g3e] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}

/* /Components/Shared/Home.razor.rz.scp.css */
.home-loading[b-z2rjkwnq9u] {
    height: 100vh;
}
/* /Components/Shared/ImagePreviewDialog.razor.rz.scp.css */
.image-preview-dialog[b-hlfkgfqzoq] {
    max-width: 800px;
    height: 90%;
    width: 80%;
}

@media (max-width: 768px) {
    .image-preview-dialog[b-hlfkgfqzoq] {
        height: 56vh;
    }
}
/* /Components/Shared/LoadingView.razor.rz.scp.css */
/* ========================================
   LoadingView 组件样式
   多种加载模式的视觉效果
   ======================================== */

.loading-view[b-keu2rv5diz] {
    width: 100%;
}

/* 旋转加载容器 */
.spinner-container[b-keu2rv5diz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md);
}

/* 加载消息 */
.loading-message[b-keu2rv5diz] {
    margin-top: var(--spacing-sm);
    color: var(--text-secondary);
}

/* 骨架屏容器 */
.skeleton-container[b-keu2rv5diz] {
    animation: fadeIn var(--transition-base) var(--ease-out);
}

.skeleton-row[b-keu2rv5diz] {
    display: flex;
    gap: var(--spacing-md);
}

.skeleton-card-layout[b-keu2rv5diz] {
    padding: var(--spacing-md) 0;
}

.skeleton-list-layout[b-keu2rv5diz] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.skeleton-list-item[b-keu2rv5diz] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    padding: var(--spacing-sm);
    animation: fadeIn var(--transition-base) var(--ease-out);
    animation-fill-mode: both;
}

.skeleton-content[b-keu2rv5diz] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

.skeleton-text-layout[b-keu2rv5diz] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.skeleton-chart-layout[b-keu2rv5diz] {
    padding: var(--spacing-md) 0;
}

/* 点状加载容器 */
.dots-container[b-keu2rv5diz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md);
}

/* 脉冲加载容器 */
.pulse-container[b-keu2rv5diz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md);
    position: relative;
}

.pulse-ring[b-keu2rv5diz] {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid var(--primary-color);
    opacity: 0;
    animation: pulseRing-b-keu2rv5diz 2s ease-out infinite;
}

.pulse-icon[b-keu2rv5diz] {
    position: relative;
    z-index: 1;
    animation: pulseIcon-b-keu2rv5diz 2s ease-in-out infinite;
}

@keyframes pulseRing-b-keu2rv5diz {
    0% {
        transform: scale(0.5);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes pulseIcon-b-keu2rv5diz {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

/* /Components/Shared/Login.razor.rz.scp.css */
.div-login[b-zjyxd16jyt] {
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.bioo-input-user[b-zjyxd16jyt] {
	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-zjyxd16jyt] {
	margin-top: 15px;
	position: relative;
}

.login-pwd[b-zjyxd16jyt] {
	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-zjyxd16jyt] {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	color: var(--bioo-text-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
}

.login-bg[b-zjyxd16jyt] {
	position: absolute;
	width:100vw;
	height:100vh;
	z-index: 1;
	object-fit: cover;
	object-position:center;
}

.login-left-logo[b-zjyxd16jyt] {
	position: absolute;
	z-index: 2;
	left: 5%;
	top: 5%;
}

.language-switcher-container[b-zjyxd16jyt] {
	position: absolute;
	z-index: 3;
	right: 5%;
	top: 5%;
}

/* /Components/Shared/RedirectToSignIn.razor.rz.scp.css */
/* RedirectToSignIn 页面使用统一样式，无需额外定义 */
/* /Components/Shared/SearchActionBar.razor.rz.scp.css */
.search-action-bar[b-ouuoygjprz] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.search-action-bar.align-start[b-ouuoygjprz] {
    justify-content: flex-start;
}

.search-action-bar.align-end[b-ouuoygjprz] {
    justify-content: flex-end;
}

.search-action-bar .mud-button[b-ouuoygjprz] {
    min-width: 96px;
}
/* /Components/Shared/StatisticItem.razor.rz.scp.css */
/* ========================================
   StatisticItem 组件样式
   数字滚动动画和趋势指示样式
   ======================================== */

.statistic-item[b-zb5vh49e3n] {
    padding: var(--spacing-md);
    border-radius: var(--radius-md);
    transition: all var(--transition-base) var(--ease-out);
    position: relative;
    overflow: hidden;
}

.statistic-item[b-zb5vh49e3n]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--primary-gradient);
    opacity: 0;
    transition: opacity var(--transition-base);
    z-index: 0;
}

.statistic-item:hover[b-zb5vh49e3n]::before {
    opacity: 0.03;
}

.statistic-label[b-zb5vh49e3n] {
    margin-bottom: var(--spacing-xs);
    position: relative;
    z-index: 1;
}

.statistic-value-wrapper[b-zb5vh49e3n] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);
    position: relative;
    z-index: 1;
}

.statistic-number[b-zb5vh49e3n] {
    display: inline-flex;
    align-items: baseline;
    gap: 2px;
}

.count-value[b-zb5vh49e3n] {
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}

.statistic-unit[b-zb5vh49e3n] {
    font-size: 0.7em;
    opacity: 0.8;
    margin-left: 2px;
}

/* 趋势指示器 */
.trend-indicator[b-zb5vh49e3n] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    padding: 2px 6px;
    border-radius: var(--radius-full);
}

.trend-up[b-zb5vh49e3n] {
    color: var(--success-color);
    background: var(--success-light);
}

.trend-down[b-zb5vh49e3n] {
    color: var(--error-color);
    background: var(--error-light);
}

.trend-value[b-zb5vh49e3n] {
    font-size: var(--font-size-xs);
}

/* 悬浮提升效果增强 */
.statistic-item.hover-lift[b-zb5vh49e3n] {
    cursor: pointer;
}

.statistic-item.hover-lift:hover[b-zb5vh49e3n] {
    transform: translateY(-6px);
    box-shadow: var(--shadow-lg);
}

.statistic-item.hover-lift:active[b-zb5vh49e3n] {
    transform: translateY(-3px);
}

/* 数字增长动画覆盖 */
.statistic-item.number-grow[b-zb5vh49e3n] {
    animation-fill-mode: both;
}

/* /Components/Shared/TimelineSlider.razor.rz.scp.css */
/* 时间轴容器 */
.timeline-container[b-kgrourf5qz] {
    position: relative;
    background: #ffffff;
    border-radius: 8px;
    padding: 16px 0;
    min-height: 200px;
}

.timeline-title-text[b-kgrourf5qz] {
    padding: 0 16px 8px;
    font-weight: 500;
}

.timeline-wrapper[b-kgrourf5qz] {
    position: relative;
    overflow: visible;
    padding-top: 20px;
    padding-bottom: 0;
}

/* 时间轴线条 - 隐藏原有的独立轴线div */
.timeline-line[b-kgrourf5qz] {
    display: none;
}

/* 时间轴节点容器 */
.timeline-dots[b-kgrourf5qz] {
    display: flex;
    justify-content: flex-start;
    position: relative;
    padding: 20px 8px 30px 8px;
    overflow-x: auto;
    overflow-y: visible;
    gap: 20px;
    min-height: 180px;
}

/* 自定义滚动条 */
.timeline-dots[b-kgrourf5qz]::-webkit-scrollbar {
    height: 6px;
}

.timeline-dots[b-kgrourf5qz]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.timeline-dots[b-kgrourf5qz]::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 3px;
}

.timeline-dots[b-kgrourf5qz]::-webkit-scrollbar-thumb:hover {
    background: #888;
}

/* 时间轴节点 */
.timeline-item[b-kgrourf5qz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
    min-width: 160px;
    max-width: 220px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    padding: 10px 12px;
    margin-bottom: 10px;
    transition: all 0.2s ease;
    border-radius: 8px;
}

/* 使用伪元素在每个节点后面绘制连接线 */
.timeline-item[b-kgrourf5qz]::after {
    content: '';
    position: absolute;
    /* 圆点顶部距离item顶部 = 10px(padding-top)，圆点高度32px，圆心在16px处 */
    /* 所以轴线中心位置 = 10px + 16px = 26px，减去轴线高度一半2px = 24px */
    top: 24px;
    /* 从圆点右边缘开始：12px(padding-left) + 32px(圆点宽度) = 44px，再加一点间隙 */
    left: calc(50% + 16px);
    /* 宽度 = gap(20px) + 下一个item的左padding到圆心的距离 */
    width: calc(100% - 32px + 20px);
    height: 4px;
    background: #e0e0e0;
    border-radius: 2px;
    z-index: -1;
}

/* 最后一个节点不需要连接线 */
.timeline-item:last-child[b-kgrourf5qz]::after {
    display: none;
}

.timeline-item:hover[b-kgrourf5qz] {
    background: rgba(0, 0, 0, 0.02);
}

/* 时间轴圆点 */
.timeline-dot[b-kgrourf5qz] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 3px solid #18b797;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    transition: all 0.2s ease;
    position: relative;
}

.timeline-dot-inner[b-kgrourf5qz] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    transition: all 0.2s ease;
}

/* 选中状态 */
.timeline-item.selected[b-kgrourf5qz] {
    z-index: 10;
    background: rgba(24, 183, 151, 0.08);
}

.timeline-item.selected .timeline-dot[b-kgrourf5qz] {
    transform: scale(1.2);
    box-shadow: 0 0 0 6px rgba(24, 183, 151, 0.2);
}

.timeline-item.selected .timeline-content[b-kgrourf5qz] {
    font-weight: 500;
}

/* 已完成状态 */
.timeline-item.completed .timeline-dot[b-kgrourf5qz] {
    border-color: #18b797;
}

.timeline-check-icon[b-kgrourf5qz] {
    color: #18b797;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 待审核状态 */
.timeline-item.reviewing .timeline-dot[b-kgrourf5qz] {
    border-color: #ff9800;
}

.timeline-item.reviewing .timeline-dot-inner[b-kgrourf5qz] {
    background-color: #ff9800;
}

/* 待填写状态 */
.timeline-item.pending .timeline-dot[b-kgrourf5qz] {
    border-color: #2196f3;
}

/* 未开始状态 */
.timeline-item.notstarted .timeline-dot[b-kgrourf5qz] {
    border-color: #938686;
}

/* 已超时状态 */
.timeline-item.overdue .timeline-dot[b-kgrourf5qz] {
    border-color: #f44336;
}

.timeline-warning-icon[b-kgrourf5qz] {
    color: #f44336;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 已停止状态 */
.timeline-item.stopped .timeline-dot[b-kgrourf5qz] {
    border-color: #9e9e9e;
}

/* 悬停效果 */
.timeline-item:hover .timeline-dot[b-kgrourf5qz] {
    transform: scale(1.1);
}

/* 内容区域 */
.timeline-content[b-kgrourf5qz] {
    width: 100%;
    text-align: center;
}

.timeline-status[b-kgrourf5qz] {
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 600;
}

.timeline-subtitle[b-kgrourf5qz] {
    font-size: 12px;
    color: #666;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
    text-align: center;
    line-height: 1.5;
    margin-top: 4px;
}

/* 任务类型标识 */
.task-type-badge[b-kgrourf5qz] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
}

.task-type-badge.outpatient[b-kgrourf5qz] {
    background-color: #e3f2fd;
    color: #1976d2;
}

.task-type-badge.inpatient[b-kgrourf5qz] {
    background-color: #fce4ec;
    color: #c2185b;
}

.task-type-badge.extra[b-kgrourf5qz] {
    background-color: #f3e5f5;
    color: #7b1fa2;
}

.task-type-badge.unknown[b-kgrourf5qz] {
    background-color: #e0e0e0;
    color: #757575;
}

/* 空状态 */
.timeline-empty[b-kgrourf5qz] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}
