/* Scoped to optional phone controls; preserve the surrounding form layout. */
#webinar-registration, #contactForm { align-items:start; }
#webinar-registration .wda-phone-field, #contactForm .wda-phone-field { grid-column:1 / -1; min-width:0; }
.wda-phone { display:flex; position:relative; width:100%; min-width:0; gap:8px; align-items:stretch; }
.wda-phone > input { flex:1; min-width:0; width:0; }
.wda-phone .wda-phone-picker { display:flex; align-items:center; justify-content:center; gap:6px; flex:none; padding:10px; border:1px solid #b7bdcc; border-radius:6px; background:#fff; color:#090d35; font:inherit; cursor:pointer; }
.wda-phone img { width:24px; height:18px; object-fit:contain; flex:none; margin:0; border-radius:0; }
.wda-phone-picker:focus-visible,.wda-phone-panel input:focus-visible { outline:3px solid #087bfa; outline-offset:2px; }
.wda-phone-panel { position:absolute; top:calc(100% + 6px); left:0; width:100%; min-width:230px; max-width:calc(100vw - 40px); z-index:50; background:#fff; border:1px solid #b7bdcc; border-radius:8px; padding:8px; box-shadow:0 6px 22px #090d3526; color:#090d35; }
.wda-phone-panel[hidden] { display:none; }
.wda-phone-panel input { width:100%; margin:0 0 6px; }
.wda-phone-panel [role=listbox] { max-height:220px; overflow-y:auto; overscroll-behavior:contain; }
.wda-phone-panel [role=option] { display:flex; gap:8px; align-items:center; padding:8px; font-size:14px; cursor:pointer; }
.wda-phone-panel [aria-selected=true] { background:#e5f0ff; color:#090d35; }
.wda-phone-error { color:#a51d2d; font-size:14px; margin:6px 0 0; line-height:1.5; }
.wda-phone-error[hidden] { display:none; }