.badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: var(--radius-pill);
    background: var(--color-surface-alt);
    color: var(--color-ink-muted);
    border: 1px solid var(--color-border-light);
}

.badge-red {
    background: rgba(216, 27, 44, 0.1);
    color: var(--color-red-600);
    border-color: rgba(216, 27, 44, 0.25);
}

.badge-success {
    background: var(--color-success-bg);
    color: var(--color-success-text);
    border-color: rgba(33, 193, 122, 0.3);
}