.client-select-native { display: none !important; }
.searchable-client-select { display: block; min-width: 0; width: 100%; }
.client-select-trigger { width: 100%; min-height: 44px; padding: 10px 32px 10px 12px; border: 1px solid #bdcde1; border-radius: 6px; text-align: left; color: inherit; background: white; font: inherit; white-space: normal; }
.client-select-trigger::after { content: "▾"; float: right; margin-right: -20px; }
.client-select-popup { box-sizing: border-box; position: fixed; inset: auto; margin: 0; padding: 10px; border: 1px solid #bdcde1; border-radius: 10px; background: white; color: #173e61; box-shadow: 0 12px 36px #142c4e40; z-index: 100000; display: flex; flex-direction: column; gap: 6px; overflow: hidden; }
.client-select-popup[hidden] { display: none !important; }
.client-select-popup input { box-sizing: border-box; width: 100%; min-height: 44px; font-size: 16px; }
.client-select-options { overflow-y: auto; min-height: 0; overscroll-behavior: contain; }
.client-select-option { display: block; width: 100%; min-height: 44px; text-align: left; border: 0; background: transparent; color: inherit; padding: 10px; border-radius: 6px; font: inherit; white-space: normal; }
.client-select-option:hover, .client-select-option:focus-visible, .client-select-option[aria-selected="true"] { background: #e4f3fc; }
.client-select-status { font-size: 12px; color: #536c88; }