/* phone-field.css — styles for the reusable international phone field */
.pf-wrap{position:relative;display:flex;gap:8px;align-items:stretch;width:100%}
.pf-cc{display:flex;align-items:center;gap:6px;padding:0 14px;min-height:48px;border:1.5px solid #ddd;border-radius:12px;background:#fafafa;font-size:16px;font-weight:600;cursor:pointer;white-space:nowrap;color:#333}
.pf-cc:active{background:#f0f0f0}
.pf-cc-arrow{font-size:12px;color:#888}
.pf-num{flex:1;min-width:0;min-height:48px;padding:0 14px;border:1.5px solid #ddd;border-radius:12px;font-size:17px}
.pf-num:focus{outline:none;border-color:#F4501E}
.pf-drop{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;background:#fff;border:1px solid #e0e0e0;border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.16);overflow:hidden}
.pf-drop.hidden{display:none}
.pf-search{width:100%;border:0;border-bottom:1px solid #eee;padding:12px 14px;font-size:16px;box-sizing:border-box}
.pf-search:focus{outline:none}
.pf-list{max-height:280px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.pf-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;border:0;background:#fff;font-size:16px;cursor:pointer;text-align:left}
.pf-item:active{background:#f5f5f5}
.pf-item.sel{background:#fff3ec}
.pf-item-dial{color:#888;font-weight:600;margin-left:12px}
.pf-empty{padding:16px;text-align:center;color:#999}