/* ============================================================
   Store admin · Badges / status
   ============================================================ */

.sa-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 22px;
    padding: 2px 8px;
    border-radius: var(--sa-radius-sm);
    background: var(--sa-surface-muted);
    color: var(--sa-text-soft);
    font-size: 11px;
    font-weight: 650;
    line-height: 1.2;
}
.sa-badge--brand   { background: rgba(var(--sa-primary-rgb), 0.10); color: var(--sa-primary); }
.sa-badge--success { background: rgba(22, 163, 74, 0.10); color: var(--sa-success); }
.sa-badge--warning { background: rgba(245, 158, 11, 0.12); color: #b45309; }
.sa-badge--danger  { background: rgba(220, 38, 38, 0.10); color: var(--sa-danger); }
.sa-badge--muted   { background: var(--sa-surface-muted); color: var(--sa-muted); }
.sa-badge--superadmin {
    background: rgba(249, 115, 22, 0.12);
    color: #c2410c;
}

/* Compatibilidad semántica con helpers PHP que devuelven estados
   genéricos (`is-pending`, `is-complete`, `is-locked`). */
.sa-badge.is-pending {
    background: rgba(var(--sa-primary-rgb), 0.08);
    color: var(--sa-primary);
}
.sa-badge.is-complete {
    background: rgba(22, 163, 74, 0.10);
    color: var(--sa-success);
}
.sa-badge.is-locked {
    background: var(--sa-surface-muted);
    color: var(--sa-muted);
}

/* Estado de producto inline en el título de la card/listado */
.sa-status-inline {
    margin-left: 6px;
    font-size: 12px;
    font-weight: 500;
    color: var(--sa-muted);
}
.sa-status-inline.is-draft  { color: var(--sa-warning); }
.sa-status-inline.is-trash  { color: var(--sa-danger); }
.sa-status-inline.is-locked { color: var(--sa-muted); }