/* 特性留档池（工作台 • 2026-10-04 站长口径「方便编辑组加入表格文件」）—— 样式。
 *
 * ⚠️ 为什么**单独一个文件**、不写进 `web/style.css`：
 *    此刻 `style.css` 正被另一侧（UI 那一轮）在改，两个人同时整文件写会互相覆盖。
 *    这里只放这一屏要用的几条，等 UI 那一轮落地时**并进主样式表**即可（并进去之后删掉本文件与本行）。
 * ⚠️ 纪律两条：
 *    ① 本文件**一个颜色字面量都不许有**（四色协议）——颜色一律 `var(--…)`；
 *    ② 令牌名必须真的存在于 `style.css`（写错一个字符 = 这条样式静默不生效，最难查）。
 * 类名一律 `tp-` 前缀（探针按 `.reg-*` / `.ptab` 等现成类名钉着，别借它们的名字）。 */

.tp-toolbar { display: flex; flex-wrap: wrap; gap: var(--sp-2); align-items: center; margin-bottom: var(--sp-2); }
.tp-toolbar .hint { margin-left: auto; }
.tp-chip {
  border: 1px solid var(--line); background: var(--panel); color: var(--ink-2);
  border-radius: var(--radius-pill); padding: 3px 10px; cursor: pointer; font: inherit;
}
.tp-chip.on { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
.tp-row { border-top: 1px solid var(--line); padding: var(--sp-2) 0; }
.tp-row:first-child { border-top: 0; }
.tp-head { display: flex; flex-wrap: wrap; gap: var(--sp-2); align-items: baseline; }
.tp-id { color: var(--muted); font-family: var(--mono); }
.tp-name { font-weight: 600; }
.tp-sheet { color: var(--ink-2); }
.tp-when { color: var(--muted); margin-left: auto; }
.tp-body { margin-top: 6px; }
.tp-body pre {
  white-space: pre-wrap; word-break: break-word; margin: 4px 0 0;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 8px 10px;
}
.tp-act { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 8px; }
.tp-note { flex: 1 1 220px; min-width: 160px; }
.tp-state { border-radius: var(--radius-pill); padding: 1px 8px; border: 1px solid var(--line); color: var(--ink-2); }
.tp-state-done { border-color: var(--accent); color: var(--accent); }
.tp-empty { color: var(--muted); padding: var(--sp-3) 0; }
.tp-legend { color: var(--muted); margin: 0 0 var(--sp-2); }