/* ════════════════════════════════════════════════════════════════════
   perf-hud — 顶栏实时性能读数（dev-only）。2026-06-21 改版：内嵌顶栏右区
   （§8.11，search 之左），精简为 状态点 + fps + 帧时。配色走 --perf-* token
   （§3.6）。只在 body.dev-mode 下由 perf-hud.js 取消 hidden（dev 门控）。
   ════════════════════════════════════════════════════════════════════ */

/* [hidden] 必须显式压过下面的 display —— 否则作者 CSS 的 display 覆盖 UA 的
   [hidden]{display:none}，读数关不掉（同 perf-panel 的坑，2026-06-21）。 */
.topbar-perf[hidden] { display: none !important; }

/* [hidden] 守卫：display 覆盖 UA 的 [hidden]，须显式压回（JS 接管前不闪空按钮）。 */
.topbar-perf[hidden] { display: none !important; }

.topbar-perf {
  display: inline-flex;
  align-items: center;
  flex: none;               /* 不被顶栏 flex 挤压（同 .topbar-gfx） */
  gap: 5px;
  height: 28px;
  padding: 0 8px;
  margin-right: 6px;
  background: transparent;
  border: 1px solid var(--line-1, #e5e5ea);
  border-radius: var(--radius-md, 5px);
  cursor: pointer;
  white-space: nowrap;
  font-family: var(--font-mono, 'Geist Mono', ui-monospace, monospace);
  font-size: 11px;
  line-height: 1;
  color: var(--ink-1, #0d0d0f);
}
.topbar-perf:hover { background: var(--overlay-1, rgba(0, 0, 0, 0.04)); }

/* 单位字退副色、数值主色（密排靠浓淡分层） */
.topbar-perf .perf-hud-nums { color: var(--ink-3, #71717a); }
.topbar-perf .perf-hud-nums b,
.topbar-perf .perf-hud-nums [data-f] { color: var(--ink-1, #0d0d0f); font-weight: 500; }

/* v3.5.0: .perf-hud-dot 已移除（user 不要价值判断式 fps 状态色）。 */