/* ===== 15-gen-report.css —— 「生成选项」弹窗（V3.4） =====
   材料管理分组头的「生成工作报告」点击后弹出，让律师勾选本次要生成的文书类型。
   勾选项以卡片式清单呈现（不是一排裸 checkbox）—— 一屏能看完 8 种文书，
   每种带一句话说明，律师不用回忆「代理词和文书初稿有什么区别」。 */

/* 弹窗高度策略：头尾固定、中间内容区滚动。
   通用 .modal 是整窗滚动（overflow-y:auto）—— 8 项勾选清单比视口高时，
   「开始生成」会被推出可视区，律师以为按钮不见了。
   故此处改为 flex 三段式：modal-body 内部滚动，footer 始终可见。 */
#modalGenReport .modal{
  display:flex;flex-direction:column;overflow:hidden;
}
#modalGenReport .modal-head{flex:none;}
#modalGenReport .modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;}
#modalGenReport .modal-foot{flex:none;}

.gen-tpl-bar{
  display:flex;align-items:center;gap:12px;margin-bottom:10px;
}
.gen-tpl-tip{font:400 12px/1.5 var(--font-cn);color:var(--text-meta);}
.gen-tpl-count{
  margin-left:auto;font:500 12px/1 var(--font-num);color:#8A6A16;
  background:var(--gold-tint);border:1px solid rgba(201,162,74,.42);
  border-radius:999px;padding:4px 10px;white-space:nowrap;
}
.gen-tpl-link{
  border:none;background:transparent;cursor:pointer;padding:0;
  font:500 12px/1 var(--font-cn);color:#2E5A86;
}
.gen-tpl-link:hover{text-decoration:underline;}

/* 勾选清单：两列网格，窄屏自动降为单列 */
.gen-tpl-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
}
@media (max-width:560px){
  .gen-tpl-list{grid-template-columns:1fr;}
}
.gt-item{
  display:flex;align-items:flex-start;gap:9px;
  padding:10px 12px;border:1px solid var(--border);border-radius:10px;
  background:#fff;cursor:pointer;transition:border-color .15s,background .15s;
}
.gt-item:hover{border-color:var(--gold);background:#FCFAF4;}
/* 勾中态：整卡高亮 —— 金色描边 + 浅金底，与材料管理分组头同一视觉语言。
   状态由 JS 切换 .on（不用 :has()，避免旧内核不生效导致勾选无视觉反馈）。 */
.gt-item.on{border-color:var(--gold);background:var(--gold-tint);}
.gt-check{
  width:15px;height:15px;flex:none;margin-top:2px;
  accent-color:var(--gold);cursor:pointer;
}
.gt-body{display:flex;flex-direction:column;gap:2px;min-width:0;}
.gt-name{font:600 13px/1.3 var(--font-cn);color:var(--text-strong);}
.gt-desc{font:400 11.5px/1.5 var(--font-cn);color:var(--text-meta);}
.gt-secs{font:400 11px/1.5 var(--font-cn);color:var(--text-meta);opacity:.78;}
.gt-item.on .gt-secs{opacity:1;}