/* chips.css — unified status language */
.chip {
  display: inline-flex; align-items: center; gap: 5px;
  height: 22px; padding: 0 8px;
  font-family: var(--font-mono);
  font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;
  border-radius: 3px; border: 1px solid;
  white-space: nowrap;
}
.chip::before {
  content: ""; width: 5px; height: 5px; border-radius: 50%;
  background: currentColor;
}
.chip.flat::before { display: none; }

.chip.ok      { color: var(--ok);     background: var(--ok-soft);     border-color: oklch(0.78 0.13 155 / 0.3); }
.chip.warn    { color: var(--warn);   background: var(--warn-soft);   border-color: oklch(0.80 0.13 85 / 0.3); }
.chip.danger  { color: var(--danger); background: var(--danger-soft); border-color: oklch(0.70 0.17 25 / 0.35); }
.chip.pending { color: var(--fg-muted); background: var(--pending-soft); border-color: var(--line); }
.chip.steel   { color: var(--steel);  background: var(--steel-soft);  border-color: oklch(0.74 0.06 225 / 0.3); }
.chip.amber   { color: var(--accent); background: var(--accent-soft); border-color: oklch(0.78 0.12 75 / 0.3); }