/*
  Contour — status badge (M5)
  Four tones, reused across customer status, transaction status, and the
  attention list — never bespoke per literal status string.
*/

.status-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.1rem var(--space-2);
  border-radius: var(--radius-sm);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  white-space: nowrap;
}

.status-badge--positive {
  background-color: var(--color-positive-soft);
  color: var(--color-positive);
}

.status-badge--warning {
  background-color: var(--color-warning-soft);
  color: var(--color-warning);
}

.status-badge--negative {
  background-color: var(--color-negative-soft);
  color: var(--color-negative);
}

.status-badge--neutral {
  background-color: var(--color-hover-overlay);
  color: var(--color-text-secondary);
}