/* Country dial-code picker (<x-phone-cc>) — self-contained so it works on the site, the portal and the admin. */
.pp{display:flex;flex:none;position:relative}
.pp-btn{display:inline-flex;align-items:center;gap:8px;height:100%;min-height:42px;padding:0 12px;border:1px solid #DFE6E1;border-radius:12px;
  background:#fff;color:#062A21;font:inherit;font-weight:800;font-size:14.5px;cursor:pointer;transition:.15s;white-space:nowrap;direction:ltr}
.pp-btn:hover{border-color:#B9CCC4}
.pp-btn:focus-visible,.pp-btn[aria-expanded=true]{outline:none;border-color:#11A980;box-shadow:0 0 0 3px rgba(17,169,128,.16)}
.pp-btn.bad{border-color:#E7A39B;background:#FCEFED}
.pp-btn svg{width:15px;height:15px;color:#7B928B;flex:none}
.pp-flag{width:22px;height:16px;border-radius:3px;object-fit:cover;flex:none;box-shadow:0 0 0 1px rgba(6,42,33,.08)}
.pp-code{font-variant-numeric:tabular-nums;letter-spacing:.2px}

.pp-panel{position:fixed;z-index:1000;width:min(330px,calc(100vw - 24px));background:#fff;border:1px solid #DFE6E1;border-radius:16px;
  box-shadow:0 24px 60px -20px rgba(4,32,26,.45);overflow:hidden;font-family:inherit;animation:ppIn .16s ease-out}
@keyframes ppIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.pp-search{position:relative;padding:10px;border-bottom:1px solid #EEF2F0}
.pp-search svg{position:absolute;top:50%;inset-inline-start:22px;width:17px;height:17px;transform:translateY(-50%);color:#94A3B8}
.pp-search input{width:100%;height:42px;border:1px solid #E2E8F0;border-radius:11px;padding-inline-start:38px;padding-inline-end:12px;
  font:inherit;font-size:14px;color:#062A21;outline:none;background:#F8FAF9;box-sizing:border-box}
.pp-search input:focus{border-color:#11A980;background:#fff;box-shadow:0 0 0 3px rgba(17,169,128,.14)}
.pp-list{list-style:none;margin:0;padding:6px;max-height:290px;overflow-y:auto;overscroll-behavior:contain}
.pp-list li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer;font-size:14px;color:#0D2921}
.pp-list li .nm{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.pp-list li .nm b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-list li .nm i{font-style:normal;font-size:11.5px;color:#7B928B;direction:ltr;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-list li .dc{font-weight:800;color:#476059;direction:ltr;font-variant-numeric:tabular-nums}
.pp-list li.on,.pp-list li:hover{background:#EAF7F1}
.pp-list li[aria-selected=true]{background:#062A21;color:#fff}
.pp-list li[aria-selected=true] .nm i,.pp-list li[aria-selected=true] .dc{color:#8FE3C4}
.pp-list li.sep{height:1px;padding:0;margin:4px 6px;background:#EEF2F0;cursor:default}
.pp-empty{margin:0;padding:22px 12px;text-align:center;font-size:13px;color:#94A3B8;font-weight:700}
@media (prefers-reduced-motion:reduce){.pp-panel{animation:none}}