/* U08 时间线面板 · 局部作用域样式
 *
 * 纪律同 `projection.css`：只消费 `--uf-*` token，不定义/不覆盖全局 token；无 web 字体、
 * 无玻璃拟态、无渐变文字、无侧边色条、无斑马纹；圆角 ≤ `--uf-radius-card`；
 * 数值右对齐 + `tabular-nums`；断点只沿用 730 / 1100。
 * 共用基元由 `projection.css` 提供（RQ-U08-3 顺序）。
 */

.u08-counts,
.u08-halt {
  color: var(--uf-muted);
}
.u08-counts .mono,
.u08-counts .number,
.u08-halt .mono {
  color: var(--uf-text);
}

/* 未登记事件「record + halt」：用边框与文字色标注，不加图标语义 */
.u08-halt {
  padding: calc(var(--uf-unit) * 2) calc(var(--uf-unit) * 3);
  color: var(--uf-warn);
  border: 1px solid var(--uf-warn);
  border-radius: var(--uf-radius-button);
}

/* 三维筛选的三组读数：各占一格，组间用边框分区（不是侧边色条） */
.u08-filter-case {
  min-width: 0;
  padding: calc(var(--uf-unit) * 3);
  background: var(--uf-bg);
  border: 1px solid var(--uf-divider);
  border-radius: var(--uf-radius-button);
}
.u08-filter-case + .u08-filter-case {
  margin-top: calc(var(--uf-unit) * 2);
}

.u08-reasons {
  display: flex;
  flex-direction: column;
  gap: calc(var(--uf-unit));
  margin: calc(var(--uf-unit) * 2) 0 0;
  padding: 0;
  list-style: none;
}
.u08-reasons li {
  min-height: 28px;
  padding: 2px 0;
  color: var(--uf-muted);
  font-size: var(--uf-font-meta);
  line-height: 1.7;
  border-bottom: 1px solid var(--uf-divider);
  word-break: break-word;
}
.u08-reasons li:last-child { border-bottom: 0; }
.u08-reasons .number { color: var(--uf-text); text-align: right; }

/* 旅程逐步：保留十进制编号（步骤本身是有序序列，编号承载信息） */
.u08-steps {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding-left: calc(var(--uf-unit) * 4);
  font-size: var(--uf-font-meta);
}
.u08-steps li { color: var(--uf-muted); }

@media (max-width: 730px) {
  .u08-steps { padding-left: calc(var(--uf-unit) * 3); }
}