/* Shared country selector: native keyboard/mobile menu, no modal or flags CDN. */
.webinar-phone { position:relative; display:flex; align-items:stretch; width:100%; min-width:0; min-height:48px; overflow:hidden; border-radius:16px; background:var(--surface-2,#242427); color:var(--ink,#f4f4f5); }
.webinar-phone:focus-within { outline:1px solid #b4b4bd; outline-offset:1px; }
.webinar-phone__code { position:relative; flex:0 0 90px; min-width:0; }
.webinar-phone__selected { display:flex; align-items:center; justify-content:center; gap:6px; height:100%; min-height:48px; padding:0 8px; font-family:inherit; font-size:14px; font-weight:500; line-height:1.2; white-space:nowrap; pointer-events:none; }
.webinar-phone__selected > :first-child { font-size:18px; }
.webinar-phone__chevron { width:6px; height:6px; flex:none; margin-top:-3px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); opacity:.65; }
.webinar-phone select.webinar-phone__country { position:absolute; inset:0; width:100%; height:100%; min-height:48px; margin:0; padding:0; opacity:0; cursor:pointer; font-size:16px; }
.webinar-phone__code:has(select:focus-visible) { outline:2px solid #b4b4bd; outline-offset:-3px; border-radius:14px 0 0 14px; }
.webinar-phone__code:hover { background:#ffffff08; }
.webinar-phone input.webinar-phone__input { flex:1 1 0; width:0; min-width:0; min-height:48px; margin:0; padding:12px; border:0; border-left:1px solid #ffffff14; border-radius:0; background:transparent; color:inherit; font:inherit; font-size:16px; box-shadow:none; }
.webinar-phone input.webinar-phone__input:focus-visible { outline:0; }
.webinar-phone input.webinar-phone__input::placeholder { color:var(--muted,#96969f); opacity:1; }
.webinar-phone:has(input[aria-invalid=true]),.was-validated .webinar-phone:has(input:invalid) { outline:1px solid var(--live,#ff5369); }
@media(min-width:601px) { .register-form .field-row:has(.webinar-phone) { grid-template-columns:minmax(0,3fr) minmax(0,2fr); } }
@media(forced-colors:active) { .webinar-phone { border:1px solid CanvasText; } .webinar-phone:focus-within { outline:2px solid Highlight; } }