/* ═══════════════════════════════════════════
   BADGES / CHIPS
═══════════════════════════════════════════ */
.chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border-radius: var(--r-full);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .02em;
  white-space: nowrap;
}

.chip-green  { background: var(--bg-up);   color: var(--up); }
.chip-red    { background: var(--bg-dn);   color: var(--dn); }
.chip-gold   { background: var(--bg-warn); color: var(--warn); }
.chip-blue   { background: var(--bg-blue); color: var(--blue); }
.chip-purple { background: var(--bg-purple); color: var(--purple); }
.chip-gray   { background: var(--bg-muted); color: var(--text-secondary); }