/* Badge — tel quel (tokens A) : discret, couleur sémantique sur le texte et
   un fond très pâle ; variante plate pour les cartes et la synthèse. */
.badge {
  display: inline-flex; align-items: center; gap: 4px; max-width: 100%;
  min-height: 22px; padding: 1px 8px;
  border: 1px solid var(--border); border-radius: 4px;
  background: var(--surface-2); color: var(--text-muted);
  font-size: var(--text-xs); line-height: 18px; font-weight: 600; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
}
.badge-info { color: var(--accent); background: var(--selection); border-color: var(--info-border); }
.badge-success { color: var(--success); background: var(--success-soft); border-color: transparent; }
.badge-warning { color: var(--warning); background: var(--warning-soft); border-color: transparent; }
.badge-danger { color: var(--danger); background: var(--danger-soft); border-color: transparent; }
.badge-flat { min-height: 0; padding: 0; border: 0; background: transparent; font-size: var(--text-xs); font-weight: 600; }
.badge .ui-icon { width: 14px; height: 14px; }