.tag-picker.svelte-1gbux95{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.tag-btn.svelte-1gbux95{font-size:11px;line-height:1;background:var(--background-light);padding:6px 10px;border-radius:100px;border:1px solid var(--border);color:var(--text-grey);cursor:pointer}
.tag-btn.svelte-1gbux95:hover:not(:disabled){color:var(--headings)}
.tag-btn.svelte-1gbux95:disabled{opacity:.5;cursor:default}
.row.svelte-1gbux95{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:8px}
.row.svelte-1gbux95 label:where(.svelte-1gbux95){display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-grey);margin:0}
.field__hint.svelte-1gbux95{font-size:12px;color:var(--text-grey);margin:5px 0 0 0}
/* dashboard.css:1906 has `.field:last-child{margin:0}` to remove the trailing gap
   at the end of a form. These fields live inside this component's wrapper div, so
   the last one here matches that rule even though the parent form continues after
   it — Engines ended up flush against the next field's label. Restore the normal
   gap; Svelte's scoping class outranks the global rule. Inert in compact mode,
   which renders no .field elements. */
.field.svelte-1gbux95:last-child{margin-bottom:20px}
.field__hint--warn.svelte-1gbux95{color:var(--danger)}
.checks.svelte-1gbux95{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.checks.svelte-1gbux95 label:where(.svelte-1gbux95){font-weight:400;display:flex;align-items:center;gap:6px;margin:0}
.field__input--select.svelte-1gbux95{max-width:240px}
.compact.svelte-1gbux95 .field__input--select:where(.svelte-1gbux95){max-width:200px}