/**
 * SAW Admin - Badges
 * @package SAW_Visitors
 * @version 3.0.0
 */

.sa-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    font-size: var(--saw-text-xs);
    font-weight: var(--saw-font-semibold);
    line-height: 1;
    border-radius: var(--saw-radius-full);
    white-space: nowrap;
}

/* Variants */
.sa-badge--success {
    background: var(--saw-success-light);
    color: var(--saw-success-dark);
}

.sa-badge--danger {
    background: var(--saw-danger-light);
    color: var(--saw-danger-dark);
}

.sa-badge--warning {
    background: var(--saw-warning-light);
    color: var(--saw-warning-dark);
}

.sa-badge--info {
    background: var(--saw-brand-50);
    color: var(--saw-brand-700);
}

.sa-badge--neutral {
    background: var(--saw-gray-100);
    color: var(--saw-gray-700);
}

/* Primary - for "in_progress" status */
.sa-badge--primary {
    background: var(--saw-brand-100, #dbeafe);
    color: var(--saw-brand-700, #1d4ed8);
}

/* Secondary - for "draft" and muted states */
.sa-badge--secondary {
    background: var(--saw-gray-100, #f1f5f9);
    color: var(--saw-gray-600, #64748b);
}

/* Count badge (in tabs) */
.sa-badge--count {
    padding: 2px 8px;
    font-size: 11px;
    background: var(--saw-gray-200);
    color: var(--saw-gray-700);
}

/* Dot badge */
.sa-badge--dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 50%;
}

.sa-badge--dot.sa-badge--success {
    background: var(--saw-success);
}

.sa-badge--dot.sa-badge--danger {
    background: var(--saw-danger);
}

.sa-badge--dot.sa-badge--warning {
    background: var(--saw-warning);
}