.searchable-select{width:100%;position:relative}.searchable-select-input-wrapper{border:1px solid var(--input-border);border-radius:var(--radius-md);background-color:var(--input-bg);width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);cursor:text;align-items:center;gap:8px;padding:0 12px;display:flex}.searchable-select-input-wrapper:hover:not(.disabled){border-color:var(--input-border-hover,var(--border-default))}.searchable-select-input-wrapper.focused{border-color:var(--input-border-focus);box-shadow:0 0 0 3px var(--accent-primary-light)}.searchable-select-input-wrapper.disabled{background-color:var(--bg-surface);opacity:.6;cursor:not-allowed}.searchable-select-icon{color:var(--text-muted);flex-shrink:0;align-items:center;display:flex}.searchable-select-input{min-width:0;color:var(--input-text);text-align:left;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px}.searchable-select-input::placeholder{color:var(--text-muted)}.searchable-select-input:disabled{cursor:not-allowed}.searchable-select-clear{background:var(--bg-hover);border-radius:var(--radius-full);width:20px;height:20px;color:var(--text-muted);cursor:pointer;opacity:0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s,background-color .15s;display:flex}.searchable-select-input-wrapper:hover .searchable-select-clear,.searchable-select-input-wrapper.focused .searchable-select-clear{opacity:1}.searchable-select-clear:hover{background:var(--bg-surface);color:var(--text-primary)}.searchable-select-chevron{color:var(--text-muted);flex-shrink:0;align-items:center;transition:transform .2s;display:flex}.searchable-select-input-wrapper.focused .searchable-select-chevron{transform:rotate(180deg)}.searchable-select-menu{z-index:var(--z-popover,10012);background-color:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);resize:vertical;flex-direction:column;height:min(320px,70vh);min-height:140px;max-height:min(70vh,520px);padding:0;display:flex;overflow:hidden;box-shadow:0 8px 24px #0000001f}.searchable-select-tabs{border-bottom:1px solid var(--border-default);flex:none;display:flex}.searchable-select-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 12px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s,background-color .15s}.searchable-select-tab:hover:not(.active){background-color:var(--bg-hover);color:var(--text-primary)}.searchable-select-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.searchable-select-loading,.searchable-select-empty{color:var(--text-muted);text-align:center;flex:auto;padding:16px;font-size:13px}.searchable-select-options{flex:1 1 0;min-height:0;overflow-y:auto}.searchable-select-option{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 16px;font-size:14px;transition:background-color .1s;display:flex}.searchable-select-option:hover{background-color:var(--bg-hover)}.searchable-select-option.selected{background-color:var(--accent-primary-light)}.searchable-select-option-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.searchable-select-option-label-row{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:6px;width:100%;min-width:0;display:inline-flex}.searchable-select-option-archived-icon{color:#9ca3af;opacity:.95;flex-shrink:0;display:inline-flex}.searchable-select-option-icon{color:var(--text-muted);flex-shrink:0;display:inline-flex}.searchable-select-option-sublabel{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:left;min-width:0;font-size:12px;overflow:hidden}.searchable-select-option-badges{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;min-width:0;display:inline-flex}.searchable-select-option-meta{flex:1;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.searchable-select-option-separator{color:var(--text-muted);flex-shrink:0}.searchable-select-option-spacer{display:inline-block}.searchable-select-option-badge{border-radius:var(--radius-full);background:var(--bg-surface,#f3f4f6);border:1px solid var(--border-default,#d1d5db);color:var(--text-muted,#6b7280);align-items:center;padding:2px 8px;font-size:11px;font-weight:500;line-height:1.2;display:inline-flex}.searchable-select.error .searchable-select-input-wrapper{border-color:var(--status-error)}.searchable-select.error .searchable-select-input-wrapper.focused{box-shadow:0 0 0 3px #ef44441f}.searchable-select-create-new{border:none;border-top:1px solid var(--border-default);width:100%;color:var(--accent,#3b82f6);cursor:pointer;text-align:left;background:0 0;flex:none;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.searchable-select-create-new:hover{background:var(--bg-hover,#f3f4f6)}.searchable-select-create-new svg{flex-shrink:0}.searchable-select-top-action{border:1px solid var(--accent-primary,#6366f1);border-radius:var(--radius-sm,8px);background:var(--accent-primary-light,#6366f11a);width:calc(100% - 16px);color:var(--accent-primary,#6366f1);cursor:pointer;text-align:left;flex:none;margin:8px;padding:9px 12px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.searchable-select-top-action:hover{border-color:var(--accent-primary,#6366f1);background:#6366f129}.searchable-select-footer-action{border:none;border-top:1px solid var(--border-default);width:100%;color:var(--text-secondary,#475569);cursor:pointer;text-align:left;background:0 0;flex:none;padding:10px 12px;font-size:13px;font-weight:500;transition:background .15s}.searchable-select-footer-action:hover{background:var(--bg-hover,#f3f4f6)}