/* ===== 06-pages.css —— 模板网格 / 提示横幅 / Toast（源自原型 V2.10，行区间 524-580） ===== */
  /* V3.3：材料库的 .upload-zone 大拖拽上传区已移除（入口改为各案件分组后的「增加文件」按钮），
     其样式随之删除。注意 .uz-btn 仍被法律检索 / 智能分析 / 流水线等多处复用，保留。 */
  .uz-btn{display:flex;align-items:center;gap:8px;background:var(--gold);color:var(--navy-800);border:none;border-radius:10px;cursor:pointer;padding:10px 18px;font:600 14px/1 var(--font-cn);}
  .uz-btn:hover{filter:brightness(1.05);}
  .uz-btn.plain{background:var(--gold-tint);color:#A8821F;}
  .uz-btn:disabled{opacity:.55;cursor:not-allowed;filter:none;}

  /* ===== Template grid (docs) ===== */
  .template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  .tpl-card{
    background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);
    box-shadow:var(--shadow-card);padding:18px;
    display:flex;flex-direction:column;gap:6px;cursor:pointer;
    transition:transform .12s,box-shadow .12s,border-color .12s;
  }
  .tpl-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(13,26,51,.10);border-color:var(--gold);}
  .tpl-name{font:700 15px/1 var(--font-cn);color:var(--text-strong);}
  .tpl-sub{font:400 12px/1.4 var(--font-cn);color:var(--text-meta);}

  /* ===== Alert banner (docs) ===== */
  .alert-banner{
    min-height:56px;border-radius:10px;
    background:var(--gold-tint);border:1px solid var(--border);
    display:flex;align-items:center;padding:14px 18px;
    font:500 13px/1.4 var(--font-cn);color:#7A5E14;
  }
  .alert-banner svg{width:18px;height:18px;flex:none;stroke:#A8821F;margin-right:10px;}

  .section-title{font:700 18px/1 var(--font-cn);color:var(--text-strong);}
  .export-btn{
    display:inline-flex;align-items:center;gap:6px;
    background:var(--gold-tint);color:#A8821F;border:none;border-radius:8px;cursor:pointer;
    padding:7px 12px;font:500 13px/1 var(--font-cn);white-space:nowrap;
  }
  .export-btn:hover{filter:brightness(.97);}
  .export-btn svg{width:14px;height:14px;stroke:#A8821F;}
  /* V2.12 审批闭环：文书导出申请审批中（只读态） */
  .export-btn-disabled{
    display:inline-flex;align-items:center;gap:6px;
    background:var(--bg-soft);color:var(--text-meta);border:1px dashed var(--border);
    border-radius:8px;padding:7px 12px;font:500 13px/1 var(--font-cn);white-space:nowrap;cursor:not-allowed;
  }
  .export-btn-disabled svg{width:14px;height:14px;stroke:var(--text-meta);}

  /* V3.16：「办案趋势」卡片下线 —— .trend-* / .tk-* 样式一并移除（页面不再渲染）。 */
  /* ===== Toast ===== */
  .toast{
    position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);
    background:var(--navy-800);color:#fff;padding:12px 20px;border-radius:10px;
    font:500 13px/1.4 var(--font-cn);box-shadow:0 8px 24px rgba(7,27,49,.3);
    opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:120;
    max-width:calc(100vw - 40px);text-align:center;
  }
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0);}


/* ===== V3.3：材料库 · 案件筛选条 =====
   从「案件管理」点击案件进入材料库时，顶部显示当前案件与材料份数，
   并提供「查看全部材料」的出口 —— 避免用户以为材料丢了。 */
.mat-case-filter{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin-bottom:14px;padding:10px 14px;
  background:var(--gold-tint);border:1px solid rgba(201,162,74,.45);
  border-radius:10px;
}
.mat-case-filter .mcf-label{font:500 12px/1 var(--font-cn);color:#7A5E14;}
.mat-case-filter .mcf-case{font:600 14px/1 var(--font-cn);color:var(--text-strong);}
.mat-case-filter .mcf-count{font:400 12px/1 var(--font-cn);color:#7A5E14;}
.mat-case-filter .mcf-clear{
  margin-left:auto;height:28px;padding:0 12px;border:1px solid #C9A24A;border-radius:8px;
  background:#fff;color:#A8821F;font:500 12px/1 var(--font-cn);cursor:pointer;
}
.mat-case-filter .mcf-clear:hover{background:#C9A24A;color:#fff;}

/* ===== V3.3：案件行 · 材料库入口 =====
   案件名旁的小按钮，直达该案材料。与行点击（打开案件详情抽屉）职责分离。 */
.case-mat-btn{
  display:inline-block;margin-left:8px;padding:2px 8px;
  border:1px solid rgba(201,162,74,.6);border-radius:6px;background:var(--gold-tint);
  color:#8A6A16;font:500 11px/1.5 var(--font-cn);cursor:pointer;vertical-align:1px;
}
.case-mat-btn:hover{background:#C9A24A;color:#fff;border-color:#C9A24A;}
/* 看板卡片上的按钮占满一行 */
.kb-mat-btn{display:block;width:100%;margin-top:8px;padding:5px 0;text-align:center;}

/* ===== V3.3：材料库 · 每个案件分组后的「增加文件」按钮 =====
   顶部大拖拽上传区已移除，材料入口下沉到各案件分组头部，
   点击后文件直接落到该案件（不用再手动归案）。 */
.mat-group-head .mat-add-btn{
  /* 行尾推挤由前面的「生成工作报告」按钮承担（margin-left:auto），
     两个按钮相邻成组。 */
  display:inline-flex;align-items:center;gap:5px;
  height:26px;padding:0 11px;border:1px solid var(--gold);border-radius:7px;
  background:#fff;color:#A8821F;font:500 12px/1 var(--font-cn);cursor:pointer;
  transition:background .15s,color .15s;
}
.mat-group-head .mat-add-btn svg{stroke:currentColor;}
.mat-group-head .mat-add-btn:hover{background:var(--gold);color:#fff;}
/* 无材料案件的占位提示 */
.mat-group-empty{
  padding:14px 16px;margin:0 0 4px;
  border:1px dashed var(--border);border-radius:10px;background:#FAFBFD;
  font:400 12px/1.6 var(--font-cn);color:var(--text-meta);
}

/* ===== V3.3：案件管理页 · AI 分析记录（迁自已下线的「智能分析」页） =====
   「智能分析」页整体下线后，未挂案件的孤儿报告不能失去入口，
   故把全局报告列表迁到案件管理页底部，仍可按案件筛选。 */
.reports-archive{
  margin-top:18px;padding:14px 16px;border:1px solid var(--border);
  border-radius:12px;background:#FCFDFE;
}
.reports-archive-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.reports-archive-head .t{font:600 13px/1 var(--font-cn);color:var(--text-strong);}
.reports-archive-filter{
  margin-left:auto;height:28px;min-width:180px;max-width:280px;
  padding:0 8px;border:1px solid var(--border);border-radius:7px;
  background:#fff;font:400 12px/1 var(--font-cn);color:var(--text-body);
}

/* ===== V3.3：材料表 · 证明目的列 =====
   证明目的取自证据库对应证据，前缀显示证据编号（证01…）便于与证据清单对照；
   未关联证据的材料显示「待补充」，提示律师去证据库补录而非留空。 */
/* 证明目的 —— 可点击行内编辑的按钮（V3.3） */
.col-purpose{
  min-width:0;padding-right:10px;
  font:400 12px/1.6 var(--font-cn);color:var(--text-body);
}
.mat-purpose{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;word-break:break-word;
  width:100%;padding:3px 6px;border:1px solid transparent;border-radius:6px;
  background:transparent;text-align:left;cursor:pointer;
  font:400 12px/1.6 var(--font-cn);color:var(--text-body);
  transition:background .15s,border-color .15s;
}
.mat-purpose:hover{background:#F7F9FC;border-color:var(--border);}
/* 状态标签：AI 初稿 / 已修订 / 未填写 */
.mat-purpose .mp-flag{
  display:inline-block;margin-right:6px;padding:0 5px;
  border:1px solid rgba(201,162,74,.55);border-radius:4px;
  background:var(--gold-tint);color:#8A6A16;
  font:600 10px/1.5 var(--font-num);vertical-align:1px;white-space:nowrap;
}
.mat-purpose.edited .mp-flag{
  border-color:rgba(46,90,134,.4);background:#EEF2F7;color:#2E5A86;
}
/* 行内编辑态 */
.mat-purpose.editing{
  display:block;-webkit-line-clamp:unset;overflow:visible;
  border-color:var(--gold);background:#fff;cursor:default;
}
.mat-purpose .mp-input{
  display:block;width:100%;padding:5px 6px;border:1px solid var(--border);
  border-radius:6px;background:#fff;resize:vertical;
  font:400 12px/1.6 var(--font-cn);color:var(--text-body);
}
.mat-purpose .mp-input:focus{outline:none;border-color:var(--gold);}
.mat-purpose .mp-actions{
  display:flex;gap:6px;margin-top:5px;
}
.mat-purpose .mp-save,.mat-purpose .mp-cancel{
  height:24px;padding:0 10px;border-radius:6px;cursor:pointer;
  font:500 11px/1 var(--font-cn);
}
.mat-purpose .mp-save{border:none;background:var(--gold);color:#fff;}
.mat-purpose .mp-save:hover{filter:brightness(1.06);}
.mat-purpose .mp-cancel{border:1px solid var(--border);background:#fff;color:var(--text-label);}
.mat-purpose .mp-cancel:hover{border-color:var(--gold);color:#A8821F;}

/* ===== V3.3：材料管理 · 案件详情面板 =====
   承接原「案件详情侧边抽屉」：案件信息 / 办案阶段 / 协作律师 /
   委托人绑定 / 大事记 / AI 分析记录 / 生成工作报告。 */
.mat-case-panel{
  margin:0 0 10px;border:1px solid var(--border);border-radius:11px;
  background:#FCFDFE;overflow:hidden;
}
.mcp-head{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:8px 12px;background:#F7F9FC;border-bottom:1px solid var(--border);
}
.mcp-title{font:600 12px/1 var(--font-cn);color:var(--text-strong);}
.mcp-case{font:400 11px/1 var(--font-cn);color:var(--text-meta);}
/* V3.8：详情面板的「展开详情 / 收起详情」开关 ——
   与分组折叠配合：分组折叠管「这个案子看不看」，本开关管「详情看不看」。
   默认收起 —— 详情铺开 681px，从案件管理跳进来会把材料表顶到视口之外。 */
.mcp-toggle{
  margin-left:auto;display:inline-flex;align-items:center;gap:4px;
  height:24px;padding:0 9px;border:1px solid var(--border);border-radius:7px;
  background:#fff;color:var(--text-label);font:500 11px/1 var(--font-cn);cursor:pointer;
}
.mcp-toggle:hover{border-color:var(--gold);color:#A8821F;}
.mcp-toggle.open svg{transform:rotate(180deg);}
.mcp-toggle svg{transition:transform .15s;}
.mcp-body{padding:12px;display:flex;flex-direction:column;gap:14px;}
/* 案件信息网格 */
.mcp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px 16px;}
.mcp-kv{display:flex;align-items:baseline;gap:8px;min-width:0;}
.mcp-kl{font:400 11px/1.6 var(--font-cn);color:var(--text-meta);flex:0 0 62px;}
.mcp-kv-val{font:500 12px/1.6 var(--font-cn);color:var(--text-strong);min-width:0;word-break:break-word;}
/* 分区 */
.mcp-sec{border-top:1px dashed var(--border);padding-top:10px;}
.mcp-sec-title{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.mcp-sec-title .t{font:600 12px/1 var(--font-cn);color:var(--text-strong);}
.mcp-sec-title .app-meta{font:400 11px/1 var(--font-cn);color:var(--text-meta);margin-left:auto;}
/* V3.63：原「协作律师成员」区块（.mcp-team-list / .mcp-member / .mcp-avatar /
   .mcp-mname / .mcp-rm）与「添加协作律师」输入行（.mcp-team-add）已随协作功能下线移除。
   保留 .mcp-team-vis / .mcp-vis-lbl / .mcp-team-btn —— 案件可见范围下拉仍在用。 */
.mcp-team-vis,.mcp-bind-sec{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px;}
.mcp-team-vis select,.mcp-bind-sec select{
  height:28px;border:1px solid var(--border);border-radius:7px;padding:0 8px;
  font:400 12px/1 var(--font-cn);background:#fff;color:var(--text-body);
}
.mcp-vis-lbl{font:500 11px/1 var(--font-cn);color:var(--text-label);min-width:52px;}
.mcp-team-btn{
  height:28px;padding:0 11px;border:1px solid var(--gold);border-radius:7px;
  background:#fff;color:#A8821F;font:500 12px/1 var(--font-cn);cursor:pointer;
}
.mcp-team-btn:hover{background:var(--gold);color:#fff;}
.mcp-add-ms{
  display:inline-flex;align-items:center;gap:4px;margin-top:8px;
  height:26px;padding:0 10px;border:1px solid var(--border);border-radius:7px;
  background:#fff;color:var(--text-label);font:500 11px/1 var(--font-cn);cursor:pointer;
}
.mcp-add-ms:hover{border-color:var(--gold);color:#A8821F;}
/* V3.3：「生成工作报告」按钮已从案件详情面板提到案件分组头（.mat-report-btn），
   面板底部不再需要按钮区 —— .mcp-foot 与 .mcp-report-btn 随之移除。 */

/* ===== V3.3：材料管理 · 分组头的「生成工作报告」按钮 =====
   从案件详情面板提到案件名那一行，放在「增加文件」之前。
   视觉分层：分组头底色已是浅金（--gold-tint），故本按钮用**金色实底**突出为
   该案的主操作，「增加文件」保持白底金字为次操作 —— 两个按钮主次分明。 */
.mat-group-head .mat-report-btn{
  /* margin-left:auto 放在本按钮上（而非「增加文件」）—— 两个按钮作为一组
     一起被推到行尾，彼此相邻；否则「增加文件」单独占位会把工作报告按钮
     甩到中间，两个操作入口看着不像一组。 */
  margin-left:auto;
  display:inline-flex;align-items:center;gap:5px;
  height:26px;padding:0 11px;border:1px solid var(--gold);border-radius:7px;
  background:var(--gold);color:#fff;font:500 12px/1 var(--font-cn);cursor:pointer;
  transition:filter .15s;
}
.mat-group-head .mat-report-btn svg{stroke:currentColor;}
.mat-group-head .mat-report-btn:hover{filter:brightness(1.06);}

/* V3.63：原「材料管理 · 分组头的协作律师模块」（.mat-team / .mt-lbl / .mt-members /
   .mt-chip / .mt-x / .mt-none / .mt-add）已随协作功能下线移除 ——
   分组头右侧现在是「生成工作报告」按钮，不再有协作成员标签。 */
/* ===== V3.3：文书中心 · 生成记录按案件分组 =====
   文书是「某个案件的产出」，平铺一列看不出归属哪一案。按案分组后，
   一个案子生了哪些文书、还差哪些，一眼就清。
   配色沿用材料管理的分组头（浅金底 + 金色描边），两处视觉一致。
   V3.6：分组头改为折叠开关 —— 折叠行只显示案件名（+ 折叠箭头），
   点案件名才展开该案的文书清单；份数与状态统计收进展开后的内容里。 */
.doc-group{margin:14px 0 6px;}
.doc-group:first-child{margin-top:0;}
.doc-group-head{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  width:100%;margin:0;padding:8px 14px;text-align:left;
  background:var(--gold-tint);border:1px solid rgba(201,162,74,.42);
  border-radius:10px;cursor:pointer;
  transition:border-color .15s,filter .15s;
}
.doc-group-head:hover{border-color:var(--gold);filter:brightness(1.02);}
.doc-group-head:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
.doc-group-head .dg-name{font:600 13px/1 var(--font-cn);color:var(--text-strong);}
/* 折叠箭头：收起时朝右（提示可展开），展开时朝下 —— 与材料管理分组一致 */
.doc-group-head .dg-caret{
  flex:none;stroke:var(--gold);stroke-width:2.4;
  transition:transform .18s ease;
  transform:rotate(-90deg);
}
.doc-group-head.open .dg-caret{transform:rotate(0deg);}
/* 展开后的份数 / 状态统计行 */
.doc-group-meta{
  padding:7px 2px 6px;font:400 11px/1 var(--font-num);color:var(--text-meta);
}
/* 分组内的表格与下一个分组之间留出呼吸位 */
.doc-group-table{margin-bottom:4px;}

  /* ===== 文书生成记录：文件名单击打开（V3.21）=====
     去掉「操作」列后，文件名的可点性必须显式表达 —— 原来是整行可点，
     现在文件名单独做成链接样式，悬停有下划线与颜色反馈。 */
  .doc-open{
    border:none;background:transparent;padding:0;margin:0;text-align:left;
    font:500 13px/1.5 var(--font-cn);color:var(--text-body);cursor:pointer;
    transition:color .12s;
  }
  .doc-open:hover{color:var(--navy-600);text-decoration:underline;text-underline-offset:3px;}
  .doc-open:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px;}
  /* V3.41：导出审批下线，可导出 / 审批中标签随之移除。 */