.ui-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.ui-badge-success {
    background: rgba(16,185,129,.15);
    color: #34d399;
}

.ui-badge-danger {
    background: rgba(239,68,68,.15);
    color: #f87171;
}

.ui-badge-warning {
    background: rgba(245,158,11,.15);
    color: #fbbf24;
}

.ui-badge-info {
    background: rgba(59,130,246,.15);
    color: #60a5fa;
}

.ui-badge-neutral {
    background: rgba(113,113,122,.18);
    color: #d4d4d8;
}