.ui-select,.ui-select-menu{--select-ink:#1d343d;--select-accent:#35852b;--select-soft:#f0f8ed;--select-line:#c8d5d9;--select-radius:10px;box-sizing:border-box}
.km-listing .ui-select,.km-listing .ui-select-menu{--select-ink:#113251;--select-accent:#bd303c;--select-soft:#fcf0f1;--select-line:#c6d2de;--select-radius:6px}
.ui-select{position:relative;display:block;min-width:0}
.ui-select-native{position:absolute!important;width:1px!important;height:1px!important;inset:0 auto auto 0!important;padding:0!important;margin:0!important;opacity:0!important;clip-path:inset(50%)!important;pointer-events:none!important}
.ui-select .ui-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;margin:0;padding:11px 15px;border:1px solid var(--select-line);border-radius:var(--select-radius);background:#fff;color:var(--select-ink);font:inherit;text-align:left;cursor:pointer;box-shadow:0 1px 2px #19364608;transition:border-color .15s,box-shadow .15s}
.ui-select .ui-select-trigger:hover{border-color:var(--select-accent)}
.ui-select .ui-select-trigger:focus-visible,.ui-select.is-open .ui-select-trigger{outline:none;border-color:var(--select-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--select-accent) 18%,transparent)}
.ui-select .ui-select-trigger:disabled{opacity:.55;cursor:not-allowed;background:#f4f6f7}
.ui-select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-select-chevron{flex:0 0 8px;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.ui-select.is-open .ui-select-chevron{transform:rotate(225deg) translate(-2px,-2px)}
.ui-select-menu{position:fixed;z-index:1200;display:flex;flex-direction:column;margin:0;padding:6px;border:1px solid var(--select-line);border-radius:calc(var(--select-radius) + 4px);background:#fff;color:var(--select-ink);box-shadow:0 16px 48px #14343e26,0 3px 10px #14343e0a;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;overflow:hidden}
.ui-select-menu[hidden],.ui-select-menu [hidden],.ui-select-error[hidden]{display:none!important}
.ui-select-search{flex-shrink:0;padding:6px 6px 12px;border-bottom:1px solid #e8edef;margin-bottom:5px}
.ui-select-menu .ui-select-query{box-sizing:border-box;display:block;width:100%;min-height:44px;padding:10px 13px;margin:0;border:1px solid var(--select-line);border-radius:var(--select-radius);background:#f8fafb;color:var(--select-ink);font:inherit;font-size:16px;outline:none}
.ui-select-menu .ui-select-query:focus{border-color:var(--select-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--select-accent) 12%,transparent)}
.ui-select-options{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b6c7cc transparent}
.ui-select-option{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:10px 12px;border-radius:var(--select-radius);cursor:pointer;line-height:1.45;font-size:14px;overflow-wrap:anywhere}
.ui-select-option.is-active{background:var(--select-soft)}
.ui-select-option[aria-selected=true]{color:var(--select-accent);font-weight:600;background:var(--select-soft)}
.ui-select-check{opacity:0;font-size:17px;flex-shrink:0}
.ui-select-option[aria-selected=true] .ui-select-check{opacity:1}
.ui-select-option[aria-disabled=true]{opacity:.45;cursor:not-allowed}
.ui-select-group{padding:12px 12px 5px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#6b7e88;font-weight:600}
.ui-select-empty{padding:18px 12px;margin:0;font-size:14px;color:#687b84}
.ui-select-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ui-select-error{margin:7px 0 0;color:#b42332;font-size:13px}
.ui-select .ui-select-trigger[aria-invalid=true]{border-color:#b42332}
.km-listing .sort-line .ui-select{width:220px;margin-left:10px}
.km-listing .sort-line .ui-select-trigger{font-size:13px;min-height:42px}
.km-listing .member-form .ui-select{margin-top:9px}
@media(max-width:760px){.km-listing .sort-line .ui-select{width:min(220px,100%);margin-left:0}.ui-select .ui-select-trigger{min-height:48px}}
@media(prefers-reduced-motion:reduce){.ui-select-trigger,.ui-select-chevron{transition:none!important}}
