/* ============================================================
   SSQ Admin Badges
   Shared badge component styles using --ssq-admin-* tokens.
   ============================================================ */

/* Base badge */
.ssq-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    font-size: var(--ssq-admin-text-xs);
    font-weight: 600;
    line-height: 1.5;
    border-radius: var(--ssq-admin-radius-md);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Success — green */
.ssq-badge-success {
    background: var(--ssq-admin-success-light);
    color: var(--ssq-admin-success);
}

/* Error — red */
.ssq-badge-error {
    background: var(--ssq-admin-error-light);
    color: var(--ssq-admin-error);
}

/* Warning — amber */
.ssq-badge-warning {
    background: var(--ssq-admin-warning-light);
    color: var(--ssq-admin-warning);
}

/* Info — blue */
.ssq-badge-info {
    background: var(--ssq-admin-primary-light);
    color: var(--ssq-admin-primary);
}

/* Neutral — grey with border */
.ssq-badge-neutral {
    background: var(--ssq-admin-bg);
    color: var(--ssq-admin-text-sub);
    border: 1px solid var(--ssq-admin-border);
}

/* Pill — fully rounded */
.ssq-badge-pill {
    border-radius: var(--ssq-admin-radius-pill);
}

/* Dot indicator — prepends a small coloured circle */
.ssq-badge-dot::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}