/* ===== 组件补充样式 =====
   主要组件样式已在 views.css 内（弹窗、Toast、开关、卡片）。
   这里放零散的复用件。 */

.kbd {
  display: inline-block; padding: 1px 6px; border-radius: 5px;
  border: 1px solid var(--line); border-bottom-width: 2px;
  background: var(--surface-2); font-size: calc(11px * var(--fs)); font-family: ui-monospace, Consolas, monospace;
}

.toolbar {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.toolbar .spacer { flex: 1; }

.seg {
  display: inline-flex; padding: 2px; gap: 2px;
  border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--surface);
}
.seg button {
  border: 0; background: transparent; padding: 5px 12px; border-radius: 6px;
  cursor: pointer; font-size: calc(13px * var(--fs)); color: var(--muted);
}
.seg button[aria-pressed="true"] { background: var(--brand-soft); color: var(--brand); font-weight: 600; }

.kv { display: flex; gap: 10px; font-size: calc(13px * var(--fs)); }
.kv dt { color: var(--muted); min-width: 72px; }
.kv dd { margin: 0; }

.legend { display: flex; gap: 12px; flex-wrap: wrap; font-size: calc(12px * var(--fs)); color: var(--muted); }
.legend i { display: inline-block; width: 9px; height: 9px; border-radius: 3px; margin-right: 4px; }

.report-ok { color: var(--ok); font-weight: 600; }