/* Pastilles de statut : commandes, stock, publication. Couleur + texte (jamais la couleur seule). */
.status-badge {
  display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: var(--r-badge);
  font-size: var(--fs-xs); font-weight: 600; line-height: 1.3; white-space: nowrap;
  background: var(--color-surface-dim); color: var(--color-ink); border: 1px solid var(--color-border);
}
.status-badge::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
.status-badge--pending_payment, .status-badge--draft { color: var(--color-wood); }
.status-badge--proof_submitted, .status-badge--preparing, .status-badge--shipped { color: var(--color-forest); background: var(--color-moss-tint); border-color: color-mix(in srgb, var(--color-forest) 25%, transparent); }
.status-badge--payment_received, .status-badge--delivered, .status-badge--in, .status-badge--published { color: var(--color-moss); background: var(--color-moss-tint); border-color: color-mix(in srgb, var(--color-moss) 30%, transparent); }
.status-badge--cancelled, .status-badge--out { color: var(--color-alert); background: var(--color-ember-tint); border-color: color-mix(in srgb, var(--color-alert) 30%, transparent); }
.status-badge--low { color: var(--color-wood); background: var(--color-ember-tint); border-color: color-mix(in srgb, var(--color-ember) 35%, transparent); }