/* Shared chip multi-select. Extracted from production_tasks.css (2026-09-17)
   so Settings can use the same control. Page-specific skins stay in their own
   stylesheets (schedule_setup.css) and override these. */
.pt-chip-select{position:relative;min-width:0}
.pt-chip-control{display:flex;align-items:center;gap:6px;width:100%;height:var(--input-height);min-height:var(--input-height);box-sizing:border-box;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--input-2);color:var(--text);padding:0 8px;cursor:text;overflow-x:auto;flex-wrap:nowrap;font-family:'Archivo',var(--font);font-size:var(--font-size-base);font-weight:400;line-height:normal}
.pt-chip-control:focus-within,.pt-chip-select.is-open .pt-chip-control{border-color:var(--accent)}
.pt-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;flex:0 0 auto;border:1px solid var(--border-subtle-strong);border-radius:6px;background:var(--card-3);padding:3px 7px;color:var(--text);font-size:var(--font-size-xs)}
.pt-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pt-chip button{border:0;background:transparent;color:inherit;padding:0;cursor:pointer}
.pt-chip-select--compact .pt-chip-control{overflow:visible;cursor:default}
.pt-chip-select--compact .pt-chip{width:116px;max-width:116px;box-sizing:border-box}
.pt-chip-select--compact .pt-chip span{min-width:0;flex:1}
.pt-chip-add{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;margin-left:auto;border:1px solid var(--border-subtle-strong);border-radius:6px;background:transparent;color:var(--text);font:inherit;font-weight:700;cursor:pointer}
.pt-chip-add:hover,.pt-chip-add:focus-visible{border-color:var(--accent);color:var(--accent);outline:0}
.pt-chip-search{flex:1 0 90px;min-width:90px!important;min-height:0!important;height:100%;border:0!important;background:transparent!important;color:var(--text)!important;font:inherit!important;padding:0!important;outline:0}
.pt-chip-search::placeholder{color:var(--text-label);font:inherit;opacity:1}
.pt-chip-menu{display:none;position:absolute;z-index:320;top:calc(100% + 6px);left:0;right:0;max-height:280px;overflow:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--card-3);box-shadow:0 18px 44px #0005;padding:6px}
.pt-chip-menu.pt-chip-menu--overlay{position:fixed;right:auto;bottom:auto;z-index:1410}
.pt-chip-select.is-open .pt-chip-menu{display:grid;gap:6px}.pt-chip-options{display:grid;gap:3px}
.pt-chip-menu-search{box-sizing:border-box;width:100%;min-height:var(--input-height);border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--input-2);color:var(--text);font:inherit;padding:0 8px;outline:0}
.pt-chip-option{display:flex;justify-content:space-between;gap:8px;border:0;border-radius:6px;background:transparent;color:var(--text);padding:9px;text-align:left;cursor:pointer}
.pt-chip-option:hover,.pt-chip-option:focus,.pt-chip-option[aria-selected=true]{background:var(--bg-active);outline:0}.pt-chip-option[aria-selected=true]::after{content:'✓';color:var(--accent)}
.pt-chip-empty{padding:10px;color:var(--text-muted);font-size:var(--font-size-sm)}