.status-label {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
}

.status-label__dot {
  inline-size: 0.625rem;
  block-size: 0.625rem;
  border-radius: var(--radius-pill);
  background: var(--color-action-danger);
}

.status-badge {
  display: inline-flex;
  align-items: center;
  min-block-size: 2rem;
  padding: 0.125rem var(--space-sm) 0.375rem;
  border-radius: var(--radius-md);
  color: var(--color-neutral-0);
  font-weight: var(--font-weight-semibold);
}

.status-badge--suspended {
  background: var(--color-action-danger);
}

.status-badge--archived {
  min-block-size: 1.5rem;
  background: var(--color-neutral-300);
  color: var(--color-neutral-1100);
  font-size: var(--font-size-xs);
  padding-bottom: 3px;
  padding-top: 4px;
  border-radius: var(--radius-pill);
}