/* Usado por Components/UI/Badge.razor */
.badge {
  display: inline-block; padding: 2px 9px; border-radius: 100px;
  font-family: var(--f-mono); font-size: 10px; letter-spacing: .05em;
  border: 1px solid transparent; white-space: nowrap;
}
.badge.ok { color: var(--ok); background: var(--ok-bg); }
.badge.warn { color: var(--warn); background: var(--warn-bg); }
.badge.bad { color: var(--bad); background: var(--bad-bg); }
.badge.neutral { color: var(--ink-2); background: var(--surface-2); }
.badge.line { border-color: var(--line-strong); color: var(--ink-2); background: transparent; }