.record-picker-native { display: none !important; }
.record-picker-trigger { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; text-align: right; font: inherit; cursor: pointer; }
.record-picker-trigger::after { content: '⌄'; flex: 0 0 auto; margin-inline-start: 8px; }
.record-picker-trigger:disabled { opacity: .6; cursor: not-allowed; }
.record-picker-menu { position: fixed; inset: auto; margin: 0; padding: 0; box-sizing: border-box; display: flex; flex-direction: column; z-index: 16000; max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); border: 1px solid #b9dde7; border-radius: 12px; background: #fff; color: #163a4f; box-shadow: 0 14px 38px #163a4f29; overflow: hidden; font-family: 'Heebo', sans-serif; }
.record-picker-menu[hidden] { display: none; }
.record-picker-search { box-sizing: border-box; flex: 0 0 46px; width: 100%; min-height: 46px; padding: 10px 14px; border: 0; border-bottom: 1px solid #dcebf1; background: #f7fbfd; color: inherit; font: inherit; font-size: 13px; outline-offset: -3px; }
.record-picker-options { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; padding: 4px; }
.record-picker-group { padding: 9px 10px 5px; color: #648193; font-size: 11px; font-weight: 800; border-top: 1px solid #e3edf2; }
.record-picker-option { display: block; width: 100%; min-height: 38px; padding: 9px 10px; border: 0; border-radius: 6px; background: transparent; text-align: right; font: inherit; font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; color: inherit; cursor: pointer; }
.record-picker-option:hover, .record-picker-option.is-focused { background: #eef8fc; }
.record-picker-option[aria-selected="true"] { color: #007b91; font-weight: 700; background: #e3f7f8; }
.record-picker-option:disabled { color: #8798a4; cursor: not-allowed; }
.record-picker-status, .record-picker-empty { padding: 10px 14px; font-size: 12px; color: #6b8292; }
.record-picker-status:empty { display: none; }