/* ─── Status Badges ──────────────────────────────────────────────────────── */
.badge {
    display: inline-flex;
    align-items: center;
    padding: 0.2em 0.65em;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid transparent;
}

.badge-active {
    background: rgba(94, 230, 168, 0.15);
    color: var(--color-success);
    border-color: rgba(94, 230, 168, 0.25);
}

.badge-banned {
    background: rgba(255, 92, 101, 0.15);
    color: var(--color-danger);
    border-color: rgba(255, 92, 101, 0.25);
}

.badge-locked {
    background: rgba(255, 191, 71, 0.15);
    color: var(--color-warning);
    border-color: rgba(255, 191, 71, 0.25);
}

.badge-closed {
    background: rgba(167, 168, 179, 0.15);
    color: var(--color-muted);
    border-color: rgba(167, 168, 179, 0.2);
}

.badge-new {
    background: rgba(255, 79, 163, 0.15);
    color: var(--color-accent);
    border-color: rgba(255, 79, 163, 0.25);
}

.badge-inreview {
    background: rgba(255, 191, 71, 0.15);
    color: var(--color-warning);
    border-color: rgba(255, 191, 71, 0.25);
}

.badge-resolved {
    background: rgba(94, 230, 168, 0.15);
    color: var(--color-success);
    border-color: rgba(94, 230, 168, 0.25);
}

.badge-readonly {
    background: var(--color-surface-elevated);
    color: var(--color-muted);
    border-color: var(--color-border);
}