/* ============================================================
 * summary-edit.css —— 总览决策页「就地修改」相关样式
 *
 * 独立文件的原因：本项目样式分两层（style.css 历史层 / design.css 令牌覆盖层），
 * 并行开发时design.css 会被整段重写，追加的段落会丢失。
 * 新功能一律走 css/<功能>.css 独立文件。
 *
 * 依赖：summary.js 就地编辑（PROFILE_FIELDS / editField / editBizNumber）
 * 加载：index.html 中排在 style.css / design.css 之后
 * ============================================================ */

/* 缺项卡片：左侧一道红条，扫一眼就知道这里缺东西 */
.sm-cell-miss {
  border-color: #f5c2c0;
  background: #fffbfa;
  position: relative;
}
.sm-cell-miss::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  border-radius: 10px 0 0 10px;
  background: #d93025;
}

/* 「待填报」小标签 */
.sm-flag {
  display: inline-block;
  margin-left: 4px;
  padding: 1px 6px;
  border-radius: 6px;
  background: #fdecea;
  color: #b3261e;
  font-size: 10.5px;
  font-weight: 600;
  vertical-align: 1px;
}

/* 卡片上的「修改 / 去填写」按钮：常态低调，悬停/缺项时醒目 */
.sm-edit {
  margin-top: 7px;
  padding: 3px 10px;
  border: 1px solid var(--line, #e5e7eb);
  border-radius: 7px;
  background: #fff;
  color: var(--brand, #2b5cd9);
  font-size: 11.5px;
  line-height: 1.6;
  cursor: pointer;
  transition: background .12s, border-color .12s;
}
.sm-edit:hover {
  background: var(--brand, #2b5cd9);
  border-color: var(--brand, #2b5cd9);
  color: #fff;
}
.sm-cell-miss .sm-edit {
  border-color: #e8a9a5;
  color: #b3261e;
  font-weight: 600;
}
.sm-cell-miss .sm-edit:hover {
  background: #d93025;
  border-color: #d93025;
  color: #fff;
}

/* 只读字段（自动算出的）标注，避免用户以为是漏了按钮 */
.sm-ro {
  margin-top: 8px;
  font-size: 11px;
  color: #a0a6ad;
}

/* 缺项汇总提示 */
.sm-hint-warn {
  margin-top: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #fff4e5;
  border: 1px solid #ffd8a8;
  color: #8a5300;
}
.sm-hint-warn b {
  color: #b3261e;
}

/* 打印时隐藏编辑入口：纸面上只要结果，不要按钮 */
@media print {
  .sm-edit, .sm-flag, .sm-hint-warn { display: none !important; }
  .sm-cell-miss { border-color: var(--line, #e5e7eb); background: #fff; }
  .sm-cell-miss::before { display: none; }
}
