.required-note{font-size:12px;font-weight:400;color:#536571;margin-left:6px}
.phone-inputs{display:flex;gap:10px;align-items:stretch}
.country-picker{position:relative;flex:0 0 132px;min-width:0}
.phone-inputs>input{flex:1;min-width:0;width:100%}
.country-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:50px;height:100%;padding:12px 14px;border:1px solid #8a969f;border-radius:0;background:#203449;color:#fff;font:500 16px/1.4 Arial,sans-serif;cursor:pointer}
.country-toggle:hover{background:#284b61}
.country-toggle:focus-visible,.country-panel input:focus-visible{outline:3px solid #1b6c9f;outline-offset:2px}
.country-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:25;width:min(340px,calc(100vw - 48px));padding:12px;background:#101e2c;color:#f5f3ed;box-shadow:0 12px 28px rgba(8,15,24,.22)}
.country-panel input{width:100%;min-height:46px;margin:0 0 8px;background:#fff;color:#101923;border:0;padding:12px;font-size:16px}
.country-panel input::placeholder{color:#536571}
#country-list{max-height:240px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#718c9d #101e2c}
#country-list [role=option]{padding:12px;min-height:44px;cursor:pointer;font:15px/1.4 Arial,sans-serif}
#country-list [role=option]:hover,#country-list .is-active{background:#284b61}
#country-list [aria-selected=true]{background:#203449;font-weight:bold}
#country-empty{font:14px/1.5 Arial,sans-serif;padding:8px;margin:0;color:#d7e4eb}
.phone-help{margin:8px 0 0;font-size:13px;line-height:1.5;color:#536571}
.country-picker [hidden]{display:none!important}
@media(max-width:420px){.country-picker{flex-basis:112px}.country-toggle{padding:12px 10px}.phone-inputs{gap:8px}}