/* ================= 基础变量与重置 ================= */
        
        .page-header {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px;}
        .page-title h2 {margin: 0 0 5px 0; font-size: 22px; font-weight: 600;}
        .page-title p {margin: 0; color: var(--text-muted); font-size: 13px;}
        .action-buttons {display: flex; gap: 10px;}
        .layui-btn-primary {background: #fff; border-radius: 6px;}
        .layui-btn-normal {border-radius: 6px; background: var(--primary-color);}
        /* 会议视图区 */
        .meeting-toolbar {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
        .view-switcher .layui-btn-group .layui-btn {border-radius: 6px; font-size: 13px; border-color: var(--border-color);}
        .view-switcher .layui-btn-group .layui-btn.layui-btn-normal {background: var(--primary-color); color: white; border-color: var(--primary-color);}
        .filter-group {display: flex; gap: 10px; align-items: center; font-size: 13px;}
        .filter-group select {height: 32px; border-radius: 6px; border: 1px solid var(--border-color); padding: 0 10px; outline: none; background: #fff;}
        /* 会议卡片列表 */
        .meeting-list {display: flex; flex-direction: column; gap: 15px;}
        .meeting-card {background: #fff; border-radius: 10px; border: 1px solid var(--border-color);
            display: flex; overflow: hidden; transition: box-shadow 0.2s;}
        .meeting-card:hover {box-shadow: 0 4px 12px rgba(0,0,0,0.05);}
        /* 左侧时间轴颜色条 */
        .meeting-time-bar {width: 8px; background: var(--primary-color); flex-shrink: 0;}
        .meeting-card.ongoing .meeting-time-bar {background: var(--success-color);}
        .meeting-card.upcoming .meeting-time-bar {background: var(--warning-color);}
        .meeting-card.cancelled .meeting-time-bar {background: #d1d5db;}
        .meeting-content {flex: 1; padding: 20px; display: flex; gap: 20px;}
        /* 时间信息块 */
        .meeting-time-info {width: 100px; flex-shrink: 0; text-align: center; border-right: 1px dashed #e5e7eb; padding-right: 20px;
            display: flex; flex-direction: column; justify-content: center;}
        .meeting-time-info .time {font-size: 20px; font-weight: 700; color: #1f2937;}
        .meeting-time-info .duration {font-size: 12px; color: #6b7280; margin-top: 4px;}
        /* 会议主体信息 */
        .meeting-main-info {flex: 1; display: flex; flex-direction: column; justify-content: center;}
        .meeting-title-row {display: flex; align-items: center; gap: 10px; margin-bottom: 8px;}
        .meeting-title {font-size: 16px; font-weight: 600; color: #1f2937; margin: 0;}
        .status-tag {font-size: 11px; padding: 2px 8px; border-radius: 4px; font-weight: 500;}
        .tag-ongoing {background: #d1fae5; color: #065f46;}
        .tag-upcoming {background: #fef3c7; color: #92400e;}
        .tag-ended {background: #f3f4f6; color: #6b7280;}
        .tag-ai {background: #e0e7ff; color: #4f46e5; display: flex; align-items: center; gap: 3px;}
        .meeting-meta {display: flex; align-items: center; gap: 20px; font-size: 13px; color: #6b7280; margin-bottom: 12px;}
        .meeting-meta span {display: flex; align-items: center; gap: 5px;}
        .meeting-participants {display: flex; align-items: center; gap: 10px;}
        .participant-avatars {display: flex;}
        .participant-count {font-size: 12px; color: #9ca3af;}
        /* 会议操作区 */
        .meeting-actions {width: 140px; flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; gap: 10px;
            border-left: 1px solid var(--border-color); padding-left: 20px;}
        .btn-meeting {border-radius: 6px; font-size: 13px; width: 100%; padding: 8px 0; cursor: pointer; border: none; transition: background 0.2s;}
        .btn-join {background: var(--primary-color); color: white;}
        .btn-join:hover {background: var(--primary-hover);}
        .btn-ai-summary {background: #e0e7ff; color: #4f46e5; font-weight: 500;}
        .btn-ai-summary:hover {background: #c7d2fe;}
        .btn-detail {background: #fff; color: #4b5563; border: 1px solid var(--border-color);}
        .btn-detail:hover {background: #f3f4f6;}
        /* --- 右侧边栏 --- */
        .sidebar-right {width: 320px; padding: 20px 20px 20px 0; overflow-y: auto; flex-shrink: 0;}
        .right-card {background: #fff; border-radius: 10px; border: 1px solid var(--border-color);
            padding: 15px; margin-bottom: 20px;}
        .right-card-header {display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 14px; margin-bottom: 15px;}
        .right-card-header a {font-size: 12px; color: var(--text-muted); font-weight: normal; text-decoration: none; cursor: pointer;}
        /* 概览 */
        .overview-stats {display: flex; justify-content: space-around; text-align: center;}
        .ov-item .ov-val {font-size: 20px; font-weight: 700; color: var(--primary-color);}
        .ov-item .ov-label {font-size: 12px; color: var(--text-muted); margin-top: 4px;}
        /* AI 会议助手 */
        .ai-assistant-card {background: linear-gradient(135deg, #eff6ff, #e0e7ff); border-color: #c7d2fe;}
        .ai-assistant-card .right-card-header {color: #3730a3;}
        .ai-action-btn {display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #c7d2fe;
            border-radius: 8px; padding: 10px; margin-bottom: 10px; cursor: pointer; transition: box-shadow 0.2s;}
        .ai-action-btn:hover {box-shadow: 0 2px 6px rgba(0,0,0,0.05);}
        .ai-action-btn:last-child {margin-bottom: 0;}
        .ai-action-btn i {font-size: 20px; color: #4f46e5;}
        .ai-action-btn .text h4 {margin: 0; font-size: 13px; color: #1e3a8a;}
        .ai-action-btn .text p {margin: 2px 0 0 0; font-size: 11px; color: #6b7280;}
        /* 最新纪要 */
        .summary-item {display: flex; gap: 10px; padding: 12px 0; border-bottom: 1px dashed #f3f4f6; cursor: pointer;}
        .summary-item:last-child {border-bottom: none; padding-bottom: 0;}
        .summary-icon {width: 32px; height: 32px; border-radius: 8px; background: #f3f4f6; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
        .summary-icon i {color: var(--primary-color); font-size: 16px;}
        .summary-info {flex: 1;}
        .summary-info h4 {margin: 0 0 4px 0; font-size: 13px; font-weight: 500; color: #1f2937;}
        .summary-info p {margin: 0; font-size: 12px; color: #9ca3af;}
        /* 悬浮AI按钮 */
        .float-ai-btn {position: fixed; bottom: 30px; right: 30px; background: var(--primary-color); color: #fff;
            border-radius: 25px; padding: 10px 20px; box-shadow: 0 4px 12px rgba(59, 89, 152, 0.3);
            display: flex; align-items: center; gap: 8px; cursor: pointer; z-index: 1000; transition: transform 0.2s;}
        .float-ai-btn:hover {transform: translateY(-2px);}
        .bg-purple {background: #8b5cf6;}
        .bg-red {background: #ef4444;}
        .bg-green {background: #10b981;}
        .bg-orange {background: #f59e0b;}
        .bg-gray {background: #6b7280;}

        /* ==== 页面级覆盖/补遗（自 demo 原样恢复，优先于共享样式） ==== */
        .participant-avatars .avatar {width: 26px; height: 26px; border-radius: 50%; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #fff; margin-left: -8px; font-weight: 500;}
        .participant-avatars .avatar:first-child {margin-left: 0;}
        .participant-avatars .avatar-more {background: #f3f4f6; color: #6b7280;}

/* 页面级：内容区布局（原共享，因各页定义不同下沉到页面） */
.main-content {flex: 1; display: flex; flex-direction: column; overflow-y: auto; padding: 20px;}

/* =====================================================================
 * 会议管理 · 本次增强（参会头像、今日概览脚注、右侧议程/纪要、详情抽屉、表单）
 * 颜色沿用 layout.css 的浅色主题，避免出现深色面板
 * ===================================================================== */

/* ---- 工具栏搜索 ---- */
.filter-group .mt-search {width: 180px; height: 32px; font-size: 12px; border-radius: 6px; border-color: var(--border-color);}

/* ---- 卡片可点击 + 已结束时间条 ---- */
.meeting-card {cursor: pointer;}
.meeting-card.ended .meeting-time-bar {background: #d1d5db;}
.meeting-time-info .duration + .duration {margin-top: 2px; color: #b0b7c3;}
.meeting-title-row {flex-wrap: wrap;}
.mt-empty {padding: 36px 0; text-align: center; color: #9ca3af; font-size: 13px;}
.mt-empty .layui-icon {font-size: 22px; display: block; margin-bottom: 6px; color: #d1d5db;}

/* ---- 概览脚注 ---- */
.ov-foot {display: flex; justify-content: space-around; margin-top: 14px; padding-top: 12px; border-top: 1px dashed #eef2f7; font-size: 12px; color: #6b7280;}
.ov-foot span {display: flex; align-items: center; gap: 5px;}
.ov-foot b {color: #1f2937; font-weight: 600;}
.ov-dot {display: inline-block; width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0;}
.dot-ongoing {background: #10b981;}
.dot-upcoming {background: #f59e0b;}
.dot-ended {background: #cbd5e1;}

/* ---- 今日议程 ---- */
.agenda-list {display: flex; flex-direction: column; gap: 2px;}
.agenda-item {display: flex; align-items: center; gap: 8px; padding: 7px 4px; border-radius: 6px; cursor: pointer; font-size: 12px; color: #4b5563;}
.agenda-item:hover {background: #f8fafc;}
.agenda-time {width: 40px; color: #1f2937; font-weight: 600; flex-shrink: 0;}
.agenda-title {flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.agenda-room {color: #9ca3af; flex-shrink: 0; max-width: 84px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* ---- 详情抽屉 ---- */
.mt-detail {background: #f8fafc; min-height: 100%;}
.mt-dhead {display: flex; align-items: flex-start; gap: 12px; padding: 16px 20px; background: #fff; border-bottom: 1px solid #eef2f7;}
.mt-dhead-main {flex: 1; min-width: 0;}
.mt-dtitle {font-size: 16px; font-weight: 600; color: #1f2937; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; line-height: 1.5;}
.mt-dmeta {display: flex; flex-wrap: wrap; gap: 14px; margin-top: 8px; font-size: 12px; color: #6b7280;}
.mt-dmeta .layui-icon {font-size: 12px; margin-right: 2px;}
.mt-dhead-actions {display: flex; gap: 6px; flex-shrink: 0;}
.mt-dbody {padding: 14px 16px 20px;}
.mt-dstats {display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 14px;}
.mt-dstats > div {background: #fff; border: 1px solid #eef2f7; border-radius: 8px; padding: 10px 6px; text-align: center;}
.mt-dstats b {display: block; font-size: 16px; color: #1f2937; font-weight: 600; line-height: 1.4;}
.mt-dstats span {font-size: 11px; color: #9ca3af;}
.mt-dsection {background: #fff; border: 1px solid #eef2f7; border-radius: 8px; padding: 12px 14px; margin-bottom: 12px;}
.mt-dsection h4 {margin: 0 0 10px; font-size: 13px; font-weight: 600; color: #1f2937;}
.mt-desc {margin: 0; font-size: 13px; color: #4b5563; line-height: 1.8; white-space: pre-wrap;}
.mt-plist {display: flex; flex-direction: column;}
.mt-person {display: flex; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px dashed #f3f4f6;}
.mt-person:last-child {border-bottom: none;}
.mt-person .avatar {width: 28px; height: 28px; border-radius: 50%; color: #fff; font-size: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.mt-person-main {flex: 1; min-width: 0; line-height: 1.5;}
.mt-person-main b {font-size: 13px; font-weight: 500; color: #1f2937; margin-right: 6px;}
.mt-person-main span {font-size: 11px; color: #9ca3af;}
.attend-tag {font-size: 11px; padding: 1px 8px; border-radius: 10px; flex-shrink: 0;}
.attend-1 {background: #dcfce7; color: #15803d;}
.attend-0 {background: #f1f5f9; color: #64748b;}
.attend-2 {background: #fee2e2; color: #b91c1c;}

/* ---- 表单 ---- */
.mt-form {padding: 16px 18px 6px; overflow-y: auto; height: 100%; box-sizing: border-box;}
.mt-field {margin-bottom: 12px;}
.mt-field > label {display: block; font-size: 12px; color: #6b7280; margin-bottom: 5px;}
.mt-field .layui-input, .mt-field .layui-textarea {font-size: 13px;}
.mt-field .layui-textarea {min-height: 72px; resize: vertical;}
.mt-field-row {display: flex; gap: 12px;}
.mt-field-row .mt-field {flex: 1; margin-bottom: 12px;}
.mt-hint {color: #9ca3af; font-weight: normal;}
.mt-pick {max-height: 168px; overflow-y: auto; border: 1px solid #e5e7eb; border-radius: 8px; padding: 6px 10px; background: #fff;}
.mt-pick-row {display: flex; align-items: center; gap: 8px; padding: 5px 0; margin: 0; cursor: pointer; font-size: 13px; color: #1f2937;}
.mt-pick-row input {width: 14px; height: 14px; accent-color: var(--primary-color);}
.mt-pick-row .avatar {width: 24px; height: 24px; border-radius: 50%; color: #fff; font-size: 11px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.mt-pick-row em {font-style: normal; font-size: 11px; color: #9ca3af; margin-left: auto;}

/* ---- 小屏兜底 ---- */
@media (max-width: 1400px) {
    .mt-dstats {grid-template-columns: repeat(2, 1fr);}
}

/* ---- 空状态补充说明（区分「库里没数据」和「范围内没数据」） ---- */
.mt-empty b {color: #1f2937; font-weight: 600;}
.mt-empty-hint {margin-top: 8px; font-size: 12px; color: #9ca3af; line-height: 2;}
.mt-empty-hint code {display: inline-block; padding: 1px 7px; margin: 2px 0; font-family: Consolas, Monaco, monospace; font-size: 12px; color: #b45309; background: #fffbeb; border: 1px solid #fde68a; border-radius: 4px; word-break: break-all;}