.badge {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    border-radius: 999px;
    background: var(--st-surface-muted);
    color: var(--st-muted);
    padding: 0 10px;
    font-size: .78rem;
    font-weight: 700;
}

/*
 * Status-color variants — shared across every admin page that shows a
 * status pill (Payments, Dashboard, and any future page). Keyed by the
 * actual enum/status values used across company_creation_payment_requests,
 * account_company_entitlements, and companies.status — do not redefine
 * these per-page.
 */
.badge--active,
.badge--approved {
    color: var(--st-success);
    background: #ecfdf5;
}

.badge--pending_review,
.badge--needs_clarification {
    color: var(--st-warning);
    background: #fff7ed;
}

.badge--rejected,
.badge--revoked,
.badge--suspended {
    color: var(--st-danger);
    background: #fef2f2;
}

.badge--cancelled,
.badge--inactive,
.badge--none {
    color: var(--st-muted);
    background: var(--st-surface-muted);
}