.searchable-select{position:relative;width:100%;min-width:150px}
.searchable-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.searchable-select-trigger{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#1e293b;font:inherit;font-size:13px;text-align:left;cursor:pointer}
.searchable-select-trigger:hover,.searchable-select.open .searchable-select-trigger{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.1)}
.searchable-select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-select-trigger i{color:#64748b;font-size:11px;transition:transform .18s}.searchable-select.open .searchable-select-trigger i{transform:rotate(180deg)}
.searchable-select-menu{position:absolute;z-index:5000;left:0;right:0;top:calc(100% + 5px);display:none;padding:8px;border:1px solid #dbe3ef;border-radius:9px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.18)}
.searchable-select.open .searchable-select-menu{display:block}.searchable-select-search{width:100%;height:36px;padding:7px 10px;border:1px solid #cbd5e1;border-radius:7px;outline:none;font:inherit;font-size:12px}.searchable-select-search:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.1)}
.searchable-select-options{max-height:240px;overflow:auto;margin-top:7px}.searchable-select-option{width:100%;display:block;padding:8px 9px;border:0;border-radius:6px;background:#fff;color:#334155;text-align:left;font:inherit;font-size:12px;cursor:pointer}.searchable-select-option:hover,.searchable-select-option.active{background:#f3e8ff;color:#6d28d9}.searchable-select-empty{padding:12px;text-align:center;color:#94a3b8;font-size:12px}
@media(max-width:640px){.searchable-select-menu{position:fixed;left:12px;right:12px;top:20%;width:auto}.searchable-select-options{max-height:45vh}}