/* phone-dropdown.css v1 — custom searchable phone-code picker with flag images */
.pdd-container{flex-shrink:0;width:140px;}
.pdd-wrap{position:relative;width:100%;height:100%;}
.pdd-btn{
  display:flex;align-items:center;gap:6px;
  width:100%;height:100%;
  padding:0 10px;
  border-radius:8px;
  cursor:pointer;
  font-size:14px;font-family:inherit;
  outline:none;white-space:nowrap;
  box-sizing:border-box;
  line-height:1;
}
.pdd-chevron{margin-left:auto;opacity:.45;font-size:11px;}
.pdd-btn-flag,.pdd-flag{width:24px;height:18px;border-radius:2px;object-fit:cover;flex-shrink:0;image-rendering:auto;}

/* ── Dark theme (page 1 modal) ── */
.pdd-wrap[data-theme="dark"] .pdd-btn{background:#3a3d44;border:1px solid rgba(255,255,255,.08);color:#fff;}
.pdd-wrap[data-theme="dark"] .pdd-btn:hover{border-color:rgba(255,255,255,.22);}
.pdd-wrap[data-theme="dark"] .pdd-panel{background:#2a2d34;border:1px solid rgba(255,255,255,.12);}
.pdd-wrap[data-theme="dark"] .pdd-search{background:#3a3d44;border:1px solid rgba(255,255,255,.10);color:#fff;}
.pdd-wrap[data-theme="dark"] .pdd-search::placeholder{color:rgba(255,255,255,.35);}
.pdd-wrap[data-theme="dark"] .pdd-item{color:rgba(255,255,255,.88);}
.pdd-wrap[data-theme="dark"] .pdd-item:hover{background:rgba(255,255,255,.08);}
.pdd-wrap[data-theme="dark"] .pdd-item--active{background:rgba(77,166,255,.18);}
.pdd-wrap[data-theme="dark"] .pdd-list::-webkit-scrollbar{width:6px;}
.pdd-wrap[data-theme="dark"] .pdd-list::-webkit-scrollbar-track{background:transparent;}
.pdd-wrap[data-theme="dark"] .pdd-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px;}

/* ── Light theme (page 2 form) ── */
.pdd-wrap[data-theme="light"] .pdd-btn{background:#fff;border:1px solid #d8dce3;color:#1a1d24;}
.pdd-wrap[data-theme="light"] .pdd-btn:hover{border-color:#b0b8c4;}
.pdd-wrap[data-theme="light"] .pdd-panel{background:#fff;border:1px solid #d8dce3;}
.pdd-wrap[data-theme="light"] .pdd-search{background:#f5f6f8;border:1px solid #d8dce3;color:#1a1d24;}
.pdd-wrap[data-theme="light"] .pdd-search::placeholder{color:#999;}
.pdd-wrap[data-theme="light"] .pdd-item{color:#1a1d24;}
.pdd-wrap[data-theme="light"] .pdd-item:hover{background:#f0f4ff;}
.pdd-wrap[data-theme="light"] .pdd-item--active{background:#e6efff;}
.pdd-wrap[data-theme="light"] .pdd-list::-webkit-scrollbar{width:6px;}
.pdd-wrap[data-theme="light"] .pdd-list::-webkit-scrollbar-track{background:transparent;}
.pdd-wrap[data-theme="light"] .pdd-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:3px;}

/* ── Panel ── */
.pdd-panel{
  display:none;flex-direction:column;
  position:absolute;top:calc(100% + 4px);left:0;
  width:280px;max-height:300px;
  border-radius:10px;
  z-index:1000;
  box-shadow:0 8px 32px rgba(0,0,0,.28);
  overflow:hidden;
}
.pdd-panel--open{display:flex;}
.pdd-search{
  margin:8px 8px 4px;
  padding:8px 10px;
  border-radius:6px;
  font-size:13px;font-family:inherit;
  outline:none;box-sizing:border-box;
}
.pdd-search:focus{border-color:#4da6ff !important;}
.pdd-list{overflow-y:auto;max-height:248px;padding:2px 4px 6px;}
.pdd-item{
  display:flex;align-items:center;gap:8px;
  padding:7px 8px;
  border-radius:6px;
  cursor:pointer;font-size:13px;
  transition:background .1s;
}
.pdd-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pdd-item-code{opacity:.5;flex-shrink:0;font-size:12px;}