.referral-picker { position: relative; width: 100%; max-width: 360px; margin: 0 auto; text-align: left; }
.contact_form .referral-trigger { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; height: auto; min-height: 50px; margin: 0; padding: 12px 16px; background: white; color: var(--ink); border: 1px solid #d7e8f5; border-radius: 18px; font: 500 16px/1.5 'Poppins', sans-serif; text-align: left; box-shadow: none; }
.referral-trigger img { width: 18px; height: 18px; flex: 0 0 auto; margin: 0; transition: transform .2s; }
.referral-trigger[aria-expanded="true"] { border-color: var(--blue); box-shadow: 0 0 0 3px #0877e81a; }
.referral-trigger[aria-expanded="true"] img { transform: rotate(180deg); }
.referral-list { position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 20; margin: 0; padding: 8px; list-style: none; border: 1px solid #d7e8f5; border-radius: 20px; background: #fff; box-shadow: 0 18px 44px #12314f24; max-height: min(300px, 45vh); overflow-y: auto; overscroll-behavior: contain; }
.referral-list[hidden] { display: none; }
.referral-list li { padding: 11px 12px; min-height: 44px; border-radius: 12px; cursor: pointer; color: var(--ink); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.referral-list li.active, .referral-list li:hover { background: #eaf5ff; }
.referral-list li[aria-selected="true"] { background: #0877e8; color: white; font-weight: 600; }
#contact_form_referral_select[hidden] { display: none; }

.referral-trigger:focus-visible { outline: 3px solid #0877e8; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .referral-trigger img { transition: none; } }