/* Simple tags-based multiselect with autocomplete (vanilla JS)
   Uses a hidden input for comma-separated values to keep backend compatibility. */
.tag-input {display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:38px;padding:6px 8px;border:1px solid #ced4da;border-radius:.375rem;background:#fff}
.tag-input:focus-within{border-color:#86b7fe;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}
.tag-input .tag{display:inline-flex;align-items:center;background:#e9ecef;border:1px solid #ced4da;border-radius:16px;padding:2px 8px;font-size:.875rem}
.tag-input .tag .remove{border:none;background:transparent;color:#6c757d;margin-left:6px;cursor:pointer;font-size:1rem;line-height:1}
.tag-input input{border:none;outline:none;min-width:140px;flex:1 0 120px;padding:4px 6px}
.tag-input .placeholder{color:#6c757d}
/* datalist fallback styling is browser-provided */