/* ==========================================================================
   primitives/badge.css — status badge + tipo NF + neutral/info
   --------------------------------------------------------------------------
   Pill compacta (12px / 500 weight / sentence case) usada em status de NF-e,
   NFS-e e entidades. Variants semânticos (success/warning/error/info/neutral)
   + variants de tipo de NF (NFS-e azul info, NF-e roxo — exceção formal).
   ========================================================================== */
.badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-10);
  border-radius: var(--radius-full);
  font-size: 12px;
  font-weight: 500;
  font-family: var(--font-body);
  line-height: 16px;
  white-space: nowrap;
}
.badge.success { background: var(--success-bg); color: var(--success); }
.badge.warning { background: var(--warning-bg); color: var(--warning-fg-on-bg); }
.badge.error   { background: var(--error-bg);   color: var(--banner-danger-fg); }
.badge.info    { background: var(--info-bg);    color: var(--banner-info-fg); }
.badge.neutral { background: var(--bg-elevated); color: var(--text-secondary); }

.badge--type-nfse { background: var(--info-bg); color: var(--banner-info-fg); }
.badge--type-nfe  {
  background: rgba(91, 33, 182, 0.10);
  color: #5B21B6; /* uso: tipo NF-e — exceção formal vide reference/color-decision-2.0.md */
}

.badge svg { width: 14px; height: 14px; stroke-width: 2; }