/* TagsInput — tel quel, densité A. */
.tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.tags:empty { display: none; }
.tag {
  display: inline-flex; align-items: center; gap: 2px; min-height: 32px; padding: 0 2px 0 10px;
  border: 1px solid var(--border); border-radius: var(--radius-small);
  background: var(--surface-2); font-size: var(--text-sm); font-weight: 400;
}
.tag-remove { display: inline-grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 4px; background: none; color: var(--text-muted); }
.tag-remove:hover { color: var(--danger); background: var(--danger-soft); }
.tags-add { display: flex; gap: var(--space-2); }
.tags-add input { flex: 1; }