.ui-select { position:relative; width:100%; min-width:0; text-align:left }
.ui-select[hidden], .ui-select-panel[hidden], .ui-select-panel [hidden], .ui-select-error[hidden] { display:none !important }
.ui-select > select { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:0 !important; overflow:hidden; clip-path:inset(50%); border:0 !important; opacity:0; pointer-events:none }
.ui-select .ui-select-trigger { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; min-width:0; min-height:46px; margin:0; padding:12px 15px; border:1px solid #ccdce5; border-radius:9px; background:#fff; color:#243f52; font:inherit; font-size:14px; font-weight:500; line-height:1.5; text-align:left; cursor:pointer; box-shadow:0 1px 2px #173c5105; transition:border-color .15s, box-shadow .15s }
.ui-select-value { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0 }
.ui-select-arrow { width:8px; height:8px; flex:0 0 8px; border-right:1.8px solid #678190; border-bottom:1.8px solid #678190; transform:translateY(-2px) rotate(45deg); transition:transform .15s }
.ui-select-trigger:hover:not(:disabled) { border-color:#6faca4; background:#fbfdfd }
.ui-select-trigger:focus-visible, .ui-select-trigger[aria-expanded="true"] { outline:3px solid #1e9d8b26; outline-offset:2px; border-color:#138979 }
.ui-select-trigger[aria-expanded="true"] .ui-select-arrow { transform:translateY(2px) rotate(225deg); border-color:#117f73 }
.ui-select-trigger:disabled { color:#81939e; background:#f3f6f8; cursor:not-allowed; box-shadow:none }
.ui-select-trigger[aria-invalid="true"] { border-color:#b83248 }
.ui-select-error { margin:7px 0 0; color:#b02d40; font-size:12px; line-height:1.5 }
.ui-select-panel { position:fixed; inset:auto; z-index:1000; display:flex; flex-direction:column; box-sizing:border-box; margin:0; padding:6px; overflow:hidden; border:1px solid #d2e1e7; border-radius:12px; background:#fff; color:#243f52; box-shadow:0 16px 44px #133c5124, 0 3px 10px #133c5110; font-family:inherit; font-size:14px; line-height:1.5; text-align:left }
.ui-select-panel .ui-select-search { box-sizing:border-box; flex-shrink:0; display:block; width:calc(100% - 8px); height:42px; min-height:42px; margin:4px 4px 8px; padding:9px 12px; border:1px solid #d7e4e9; border-radius:7px; background:#f5f8fa; color:#243f52; font:inherit; font-size:14px; line-height:1.5; outline-offset:1px }
.ui-select-search:focus { outline:2px solid #138979; background:#fff }
.ui-select-list { min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#b6cbd0 transparent; padding:2px; outline:none }
.ui-select-group + .ui-select-group { margin-top:6px; border-top:1px solid #edf2f4; padding-top:5px }
.ui-select-group-label { padding:9px 10px 5px; color:#6e8594; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em }
.ui-select-panel .ui-select-option { position:relative; display:block; box-sizing:border-box; width:100%; min-height:42px; margin:2px 0; padding:10px 36px 10px 11px; border:0; border-radius:7px; background:transparent; color:#304c60; font:inherit; font-size:14px; font-weight:500; line-height:1.5; text-align:left; white-space:normal; overflow-wrap:anywhere; cursor:pointer; box-shadow:none }
.ui-select-option:hover:not(:disabled), .ui-select-option:focus-visible { background:#f0f6f6; color:#105e57; outline:2px solid #258e80; outline-offset:-2px }
.ui-select-option[aria-selected="true"] { background:#e6f4f0; color:#0d776b; font-weight:700 }
.ui-select-option[aria-selected="true"]::after { content:'✓'; position:absolute; right:12px; top:10px; color:#138979; font-weight:800 }
.ui-select-option:disabled { opacity:.45; cursor:not-allowed }
.ui-select-panel .ui-select-status { flex-shrink:0; margin:5px -6px -6px; padding:8px 15px; border-top:1px solid #edf2f4; background:#fafcfc; color:#758b98; font-size:11px; line-height:1.5 }
@media (max-width:600px) { .ui-select-panel .ui-select-search { font-size:16px } .ui-select-panel .ui-select-option { min-height:46px } }
@media (prefers-reduced-motion:reduce) { .ui-select-trigger, .ui-select-arrow { transition:none } }
@media print { .ui-select-panel { display:none !important } .ui-select-trigger { box-shadow:none !important; outline:none !important } }