.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: 11px; 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: 13px; 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: 13px; }
.kv dt { color: var(--muted); min-width: 72px; }
.kv dd { margin: 0; }

.legend { display: flex; gap: 12px; flex-wrap: wrap; font-size: 12px; 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; }