.p-phone-field {display:flex;gap:8px;position:relative;min-width:0}
.p-phone-field>input {flex:1;min-width:0;width:0}
.p-phone-picker {flex:0 0 108px;position:static}
.p-phone-picker>summary {display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;cursor:pointer;min-height:48px;padding:10px 8px;border:1px solid #ffffffd9;border-radius:14px;background:linear-gradient(135deg,#ffffff9e,#ffffff55);box-shadow:inset 0 1px 0 #fff;color:#244773;font-size:13px;font-weight:600}
.p-phone-picker>summary::-webkit-details-marker {display:none}
.p-phone-picker>summary::after {content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px}
.p-phone-picker[open]>summary {border-color:#6486dc}
.p-phone-pop {position:absolute;inset-inline:0;top:calc(100% + 8px);z-index:45;padding:10px;background:#f3f7fffa;border:1px solid #fff;border-radius:16px;box-shadow:0 16px 40px #253b6530;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.p-phone-pop input {width:100%}
.p-phone-options {max-height:220px;overflow-y:auto;overscroll-behavior:contain;margin-top:6px;scrollbar-width:thin}
.p-phone-option {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:#294263;text-align:start;font:inherit;font-size:13px;cursor:pointer}
.p-phone-option b {font-size:12px;white-space:nowrap}
.p-phone-option:hover,.p-phone-option[aria-pressed=true] {background:#dce8fc}
.p-phone-preview {display:block;margin-top:8px;overflow-wrap:anywhere}
.dark-preview .p-phone-pop {background:#233147f5;border-color:#51627f}
.dark-preview .p-phone-option,.dark-preview .p-phone-picker>summary {color:#dbe7fa}
.dark-preview .p-phone-option:hover,.dark-preview .p-phone-option[aria-pressed=true] {background:#354967}
.dark-preview .p-phone-picker>summary {background:#ffffff0c;border-color:#ffffff30;box-shadow:none}