/* badge */
.badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: 2px var(--space-2);
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  background: var(--bg-tertiary);
  color: var(--text-secondary);
  white-space: nowrap;
}
.badge--profil[data-profil="tom"]   { background: var(--tom-tint);   color: var(--text-primary); }
.badge--profil[data-profil="julia"] { background: var(--julia-tint); color: var(--text-primary); }
.badge--profil[data-profil="carlo"] { background: var(--carlo-tint); color: var(--text-primary); }
.badge--profil[data-profil="lola"]  { background: var(--lola-tint);  color: var(--text-primary); }
.badge--accent { background: color-mix(in srgb, var(--accent) 18%, var(--bg-secondary)); color: var(--text-primary); }
.badge--auto { background: transparent; color: var(--text-muted); border: 1px dashed var(--border-strong); font-style: italic; }
.badge--warn { background: color-mix(in srgb, var(--warning) 22%, var(--bg-secondary)); color: var(--text-primary); }
.badge--danger { background: color-mix(in srgb, var(--negative) 22%, var(--bg-secondary)); color: var(--text-primary); }
.badge__icon { line-height: 1; }