.international-phone { display:grid; grid-template-columns:minmax(90px, 125px) minmax(0, 1fr); gap:8px 12px; text-align:left; }
.international-phone-ddi { position:relative; min-width:0; }
.international-phone-number { min-width:0; }
.international-phone .form-label { font-size:.875rem; margin-bottom:4px; }
.international-phone-hint { grid-column:1 / -1; color:var(--text-muted, #64748b); overflow-wrap:anywhere; }
.international-phone-list { position:absolute; top:100%; left:0; width:min(350px, calc(100vw - 64px)); max-height:220px; overflow:auto; z-index:1100; border:1px solid var(--border-color,#cbd5e1); border-radius:8px; background:var(--card-bg,#fff); box-shadow:0 8px 24px #0003; }
.international-phone-list[hidden] { display:none; }
.international-phone-option { display:block; width:100%; border:0; padding:9px 12px; text-align:left; background:transparent; color:var(--text-color,#1e293b); white-space:normal; font-size:.9rem; }
.international-phone-option:hover,.international-phone-option[aria-selected=true] { background:#4338ca; color:#fff; }
.international-phone-empty { padding:12px; }
.swal2-popup .international-phone-hint { color:#94a3b8; }
[data-theme=dark] .international-phone-list { background:#1c2235; border-color:#475569; }
[data-theme=dark] .international-phone-option { color:#e2e8f0; }
[data-theme=dark] .international-phone-hint { color:#a8b5c7; }
@media(max-width:360px) { .international-phone { grid-template-columns:85px minmax(0,1fr); gap:8px; } }