/* U08 资讯与组合过滤面板 · 局部作用域样式
 *
 * 纪律同 `projection.css`：只消费 `--uf-*` token，不定义/不覆盖全局 token；无 web 字体、
 * 无玻璃拟态、无渐变文字、无侧边色条、无斑马纹；圆角 ≤ `--uf-radius-card`；
 * 数值右对齐 + `tabular-nums`；只读紧凑行 28–32px、交互目标 ≥40px；
 * 断点只沿用 730 / 1100。共用基元（含 `.u08-explained`）由 `projection.css` 提供。
 *
 * 一条语义约束：`.u08-summary-state` 是**摘要来源词表**的标记，不是装饰徽标；
 * 「摘要字段缺席」没有登记词，因此只走 `.is-absent` 的 class + 文本，不带 `data-summary-state`。
 */

/* 四维筛选控件：每维一组，组内 chip 横排换行 */
.u08-chip-group {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--uf-unit) * 2);
  align-items: center;
  min-width: 0;
}
.u08-chip-group > h3 {
  flex: 1 1 100%;
  margin: 0;
  font-size: var(--uf-font-meta);
  font-weight: 600;
  color: var(--uf-muted);
}

.u08-reset {
  color: var(--uf-text);
  border-style: dashed;
}

/* 筛选当前读数：与控件同宽的一行说明 */
.u08-filter-reading {
  display: flex;
  flex-direction: column;
  gap: calc(var(--uf-unit) * 2);
  padding: calc(var(--uf-unit) * 3);
  background: var(--uf-bg);
  border: 1px solid var(--uf-divider);
  border-radius: var(--uf-radius-button);
  font-size: var(--uf-font-meta);
  color: var(--uf-muted);
}
.u08-filter-reading .mono,
.u08-filter-reading .number,
.u08-selection .mono,
.u08-chain .mono,
.u08-chain .number {
  color: var(--uf-text);
}

/* 行状态：不可用（有效性不为 Valid）与被标注（摘要缺席/未接入） */
.u08-row.is-unusable { color: var(--uf-muted); }
.u08-row.is-unusable .mono { color: var(--uf-warn); }
.u08-row.is-flagged { color: var(--uf-muted); }
.u08-row.is-flagged .u08-summary-state { color: var(--uf-warn); }

.u08-origin {
  min-width: 0;
  color: var(--uf-text);
  word-break: break-word;
}
.u08-missing {
  color: var(--uf-warn);
  word-break: break-word;
}

/* 摘要来源徽标：靠颜色 + 文本区分，不靠图标。
   内容不是短词而是双语长句（`machine_generated · 机器生成：translator-v3（…）`），
   因此**不得 nowrap** —— 实测 nowrap 的 min-content 宽会把资讯表顶出视口
   （730px 下 `documentElement.scrollWidth - clientWidth = 114`；1024px 中屏档 362）。
   允许换行 + `overflow-wrap: anywhere` 让徽标随列宽收窄，词表与 data 属性不受影响。 */
.u08-summary-state {
  display: inline-block;
  padding: 1px 6px;
  color: var(--uf-on-badge);
  background: var(--uf-info);
  border-radius: var(--uf-radius-pill);
  font-size: var(--uf-font-meta);
  overflow-wrap: anywhere;
}
.u08-summary-state[data-summary-state="human"] { background: var(--uf-ok); }
.u08-summary-state[data-summary-state="machine"] { background: var(--uf-accent); }
.u08-summary-state[data-summary-state="not_wired"],
.u08-summary-state.is-absent {
  color: var(--uf-text);
  background: transparent;
  border: 1px solid var(--uf-border);
}

/* 三视图联动读数 + 链条停点：与表格同宽的说明块 */
.u08-selection,
.u08-chain {
  padding: calc(var(--uf-unit) * 3);
  background: var(--uf-bg);
  border: 1px solid var(--uf-divider);
  border-radius: var(--uf-radius-button);
  font-size: var(--uf-font-meta);
  line-height: 1.7;
  color: var(--uf-muted);
}
.u08-selection p + p,
.u08-chain p + p {
  margin-top: calc(var(--uf-unit) * 2);
}

@media (max-width: 730px) {
  .u08-chip-group { gap: calc(var(--uf-unit)); }
}