.phone-field{width:100%;min-width:0;text-align:left;font-weight:400}
.phone-control{display:flex;align-items:stretch;width:100%;gap:0;border:1px solid #cbd5e1;border-radius:10px;background:white;min-height:44px;overflow:hidden}
.phone-control:focus-within{border-color:#2773db;box-shadow:0 0 0 3px #2773db24}
.phone-control .phone-country-button{flex:0 0 62px;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:0;border-right:1px solid #dbe2eb;border-radius:0;background:#f8fafc;cursor:pointer;font-size:23px;min-height:44px}
.phone-chevron{font-size:16px;color:#475569}
.phone-control input[type=tel]{min-width:0;width:100%;flex:1;margin:0;padding:11px 12px;border:0;border-radius:0;outline:none;background:transparent;color:#111827;box-shadow:none;font-size:16px;min-height:44px;height:auto}
.phone-control input::placeholder{color:#94a3b8;opacity:1}
.phone-control:has(:disabled){background:#f1f5f9}
.phone-help{display:block;margin-top:7px;color:#64748b;font-size:12px;line-height:1.5;font-weight:400}
.phone-help.phone-error{color:#b91c1c}
.phone-country-dialog{margin:auto;padding:20px;border:1px solid #dbe2eb;border-radius:16px;width:min(420px,calc(100vw - 32px));max-height:min(600px,80dvh);color:#111827;background:white;box-shadow:0 24px 90px #0004;z-index:1000}
.phone-country-dialog::backdrop{background:#07182788}
.phone-country-dialog:not([open]){display:none}
.phone-dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}
.phone-dialog-header h3{font-size:20px;font-weight:600;line-height:1.3;margin:0}
.phone-dialog-header button{border:0;background:#f1f5f9;border-radius:8px;font-size:24px;line-height:1;width:40px;height:40px;cursor:pointer;color:#334155}
.phone-country-dialog .phone-country-search{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:9px;margin:0 0 12px;font-size:16px;background:white;color:#111827;min-height:44px}
.phone-country-options{max-height:390px;max-height:min(390px,calc(80dvh - 160px));overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:2px}
.phone-country-option{display:flex;gap:12px;align-items:center;width:100%;min-height:44px;padding:10px;border:0;border-radius:7px;background:white;color:#111827;text-align:left;cursor:pointer;font-size:14px;font-weight:400}
.phone-country-option>span:first-child{font-size:22px}
.phone-country-option>span:nth-child(2){flex:1}
.phone-country-option small{margin:0;font-size:12px;color:#64748b}
.phone-country-option:hover,.phone-country-option[aria-pressed=true]{background:#eff6ff}
.phone-country-option:focus-visible,.phone-country-button:focus-visible,.phone-dialog-header button:focus-visible{outline:2px solid #2773db;outline-offset:-2px}
@media(prefers-color-scheme:dark){.phone-country-dialog{color-scheme:light}}