.spx-badge{border-radius:var(--radius-full);corner-shape:round;--tone-bg:var(--state-hover);--tone-fg:var(--text-secondary);--tone-dot:var(--text-tertiary);align-items:center;gap:6px;padding:3px 9px;display:inline-flex}.spx-badge--accent{--tone-bg:var(--accent-subtle);--tone-fg:var(--accent-text);--tone-dot:var(--accent)}.spx-badge--success{--tone-bg:var(--success-bg);--tone-fg:var(--success-text);--tone-dot:var(--success)}.spx-badge--warning{--tone-bg:var(--warning-bg);--tone-fg:var(--warning-text);--tone-dot:var(--warning)}.spx-badge--danger{--tone-bg:var(--danger-bg);--tone-fg:var(--danger-text);--tone-dot:var(--danger)}.spx-badge--violet{--tone-bg:color-mix(in oklch, var(--aurora-3) 14%, transparent);--tone-fg:var(--aurora-3);--tone-dot:var(--aurora-3)}.spx-badge--pip{font-family:var(--font-mono);font-size:var(--text-mono);letter-spacing:.01em;background:var(--bg-sunken);border:.5px solid var(--border);color:var(--text-secondary)}.spx-badge--pip .pip{corner-shape:round;background:var(--tone-dot);border-radius:50%;flex:none;width:6px;height:6px}.spx-badge--fill{font-family:var(--font-sans);background:var(--tone-bg);color:var(--tone-fg);border:0;padding:.1875rem .5rem;font-size:.75rem;font-weight:600;line-height:1.25}.spx-badge--cat[data-cat=relation]{--tone-dot:var(--aurora-1)}.spx-badge--cat[data-cat=paiement]{--tone-dot:var(--aurora-2)}.spx-badge--cat[data-cat=sales]{--tone-dot:var(--aurora-3)}.spx-badge--cat[data-cat=process]{--tone-dot:var(--aurora-4)}.spx-badge--cat[data-cat=people]{--tone-dot:var(--aurora-1)}