.ud-wrap { display:inline-flex; position:relative; vertical-align:middle; max-width:100%; min-width:0; }
body .ud-wrap > select.ud-native { display:none !important; }
body .ud-trigger { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-width:0; min-height:36px; padding:8px 11px; border:1px solid var(--line,#d6dfe2); border-radius:7px; background:var(--bg-1,#fff); color:var(--text,#23343e); font:500 12px/1.45 var(--sans,sans-serif); text-align:left; cursor:pointer; transition:border-color .12s,box-shadow .12s; }
.ud-value { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ud-arrow { flex-shrink:0; color:var(--text-mute); font-size:16px; line-height:1; }
body .ud-trigger:hover:not(:disabled) { border-color:var(--accent,#377f77); background:var(--bg-hover,#f5f8f8); }
body .ud-trigger:focus-visible, body .ud-trigger[aria-expanded="true"] { outline:none; border-color:var(--accent,#377f77); box-shadow:0 0 0 3px var(--accent-soft,#e4f0ee); }
body .ud-trigger:disabled { color:var(--text-dim,#87959e); background:var(--bg-2,#f3f5f7); cursor:not-allowed; opacity:.65; }
body .ud-trigger[aria-invalid="true"] { border-color:var(--danger,#b34851); }
body .ud-compact .ud-trigger { min-height:30px; padding:5px 9px; font-size:11px; }
.ud-panel { position:fixed; inset:auto; margin:0; padding:5px; box-sizing:border-box; border:1px solid var(--line,#d6dfe2); border-radius:10px; background:var(--bg-1,#fff); color:var(--text,#23343e); box-shadow:0 12px 36px rgba(24,48,57,.16),0 2px 6px rgba(24,48,57,.05); z-index:20000; overflow:hidden; }
.ud-panel[hidden], .ud-wrap[hidden], .ud-search[hidden] { display:none !important; }
.ud-panel::backdrop { background:transparent; pointer-events:none; }
body .ud-search { display:block; box-sizing:border-box; width:calc(100% - 8px); margin:4px 4px 8px; padding:9px 11px; border:1px solid var(--line,#d6dfe2); border-radius:6px; background:var(--bg-2,#f6f8f9); color:var(--text,#23343e); font:12px/1.5 var(--sans,sans-serif); outline:none; }
body .ud-search:focus { border-color:var(--accent,#377f77); }
.ud-list { overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.ud-option { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:34px; box-sizing:border-box; margin:2px; padding:8px 10px; border-radius:6px; font:12px/1.45 var(--sans,sans-serif); cursor:pointer; }
.ud-option-label { overflow-wrap:anywhere; }
.ud-option.ud-focused { background:var(--bg-hover,#f0f5f5); outline:1px solid var(--line-soft,#e4ebed); }
.ud-option[aria-selected="true"] { background:var(--accent-soft,#e4f0ee); color:var(--accent-strong,#28665e); font-weight:600; }
.ud-check { width:14px; flex-shrink:0; color:var(--accent,#377f77); }
.ud-option[aria-disabled="true"] { opacity:.45; cursor:not-allowed; }
.ud-group { padding:12px 12px 5px; color:var(--text-dim,#7e8a92); font:650 10px/1.5 var(--sans,sans-serif); }
.ud-empty { padding:20px 12px; color:var(--text-mute); font:12px/1.5 var(--sans,sans-serif); text-align:center; }
@media(max-width:900px) { body .ud-trigger { min-height:42px; font-size:13px; } .ud-option { min-height:42px; font-size:13px; } body .ud-search { font-size:16px; } }