/* ============================================================
   IPMS 列表字段业务维度着色分组
   依据 docs/颜色.md：低饱和、跨模块同维度同色
   - 表头字段行：head 底色 + accent 文字
   - 整列单元格：cell 淡色底，形成连续色块
   ============================================================ */

/* 表头（字段行）：head 底色 + accent 文字
   用 !important 覆盖 Element Plus 更高优先级的
   .el-table thead.is-group th 默认底色（表头无 hover 状态需保留） */
.el-table th.el-table__cell.fg-subject-head { background-color: #e6f2e6 !important; color: #3f7a4a !important; }
.el-table th.el-table__cell.fg-numeric-head { background-color: #e4eef9 !important; color: #356095 !important; }
.el-table th.el-table__cell.fg-status-head  { background-color: #e7ebf2 !important; color: #525d72 !important; }
.el-table th.el-table__cell.fg-time-head    { background-color: #ece3f4 !important; color: #6a5494 !important; }
.el-table th.el-table__cell.fg-nego-head    { background-color: #f6e6ec !important; color: #a04f72 !important; }
.el-table th.el-table__cell.fg-aux-head     { background-color: #ececee !important; color: #65656b !important; }

/* 整列单元格：cell 淡色底（行 hover 时由 Element Plus 默认高亮覆盖） */
.el-table td.el-table__cell.fg-subject-cell { background-color: #f2f8f2; }
.el-table td.el-table__cell.fg-numeric-cell { background-color: #f0f5fb; }
.el-table td.el-table__cell.fg-status-cell  { background-color: #f1f3f7; }
.el-table td.el-table__cell.fg-time-cell    { background-color: #f4eff9; }
.el-table td.el-table__cell.fg-nego-cell    { background-color: #faf0f4; }
.el-table td.el-table__cell.fg-aux-cell     { background-color: #f5f5f6; }

/* 顶部色彩图例 */
.fg-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 18px;
  margin-bottom: 16px;
  padding: 10px 16px;
  background: #ffffff;
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 8px;
}
.fg-legend__title {
  font-size: 13px;
  font-weight: 600;
  color: var(--el-text-color-secondary);
  margin-right: 2px;
}
.fg-legend__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--el-text-color-regular);
}
.fg-legend__swatch {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  flex-shrink: 0;
  border: 1px solid rgba(15, 23, 42, 0.08);
}