.account-selection-field { display: grid; gap: 8px; min-width: 0; }
.account-select-search { display: block; position: relative; width: 100%; min-width: 0; text-align: left; }
.account-select-search::after {
    content: ''; position: absolute; right: 14px; top: 50%; width: 7px; height: 7px;
    border-right: 2px solid #64748b; border-bottom: 2px solid #64748b;
    transform: translateY(-70%) rotate(45deg); pointer-events: none;
}
.account-select-search .account-select-query {
    display: block; width: 100%; min-width: 0; box-sizing: border-box;
    padding: 11px 34px 11px 12px; border: 1px solid #cbd5e1; border-radius: 10px;
    background: #fff; color: #102a43; font: inherit; font-size: 14px; text-overflow: ellipsis;
}
.account-select-query::placeholder { color: #64748b; opacity: 1; }
.account-select-query:focus-visible { outline: 2px solid #1e63d9; outline-offset: 1px; }
.account-select-query:disabled { background: #f1f5f9; cursor: not-allowed; opacity: .7; }
select.account-select-native, .account-select-status {
    position: absolute !important; width: 1px !important; height: 1px !important;
    padding: 0 !important; margin: -1px !important; overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important;
    white-space: nowrap !important; border: 0 !important;
}
select.account-select-native { opacity: 0; pointer-events: none; }
.account-select-menu {
    position: fixed; z-index: 100000; box-sizing: border-box; overflow-y: auto;
    overscroll-behavior: contain; padding: 5px; margin: 0;
    border: 1px solid #cbd5e1; border-radius: 10px; background: #fff;
    color: #102a43; box-shadow: 0 10px 30px rgba(15, 42, 67, .18);
    text-align: left; font-family: inherit; font-size: 14px; line-height: 1.45;
}
.account-select-menu[hidden] { display: none !important; }
.account-select-option { padding: 10px 11px; border-radius: 6px; cursor: pointer; overflow-wrap: anywhere; }
.account-select-option[aria-selected="true"] { font-weight: 700; color: #0c4a8c; }
.account-select-option:hover, .account-select-option.is-active { background: #e9f2ff; }
.account-select-option.is-disabled { color: #94a3b8; cursor: not-allowed; background: transparent; }
.account-select-empty { padding: 10px 11px; color: #64748b; }
@media (max-width: 640px) { .account-select-search .account-select-query { font-size: 16px; } }