/* Status pill: .rh-badge--{tone}. Tones come from App\Domain\Requests\Status::tone(). */

.rh-badge {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 9px;
  border-radius: var(--rh-radius-pill);
  font-size: 12.5px;
  font-weight: 700;
  white-space: nowrap;
}

.rh-badge--wait {
  background: var(--rh-color-wait-bg);
  color: var(--rh-color-wait);
}

.rh-badge--act {
  background: var(--rh-color-act-bg);
  color: var(--rh-color-act);
}

.rh-badge--alert {
  background: var(--rh-color-alert-bg);
  color: var(--rh-color-alert);
}

.rh-badge--done {
  background: var(--rh-color-ok-bg);
  color: var(--rh-color-ok);
}