/* Phone dial-code picker (places/phone.js). Bootstrap-friendly, theme-neutral. */
.gp-phone { position: relative; display: inline-block; margin-bottom: .25rem; }
.gp-phone-btn { display: inline-flex; align-items: center; gap: .35rem; white-space: nowrap; }
.gp-phone-btn .gp-flag { font-size: 1.05rem; line-height: 1; }
.gp-menu { display: none; position: absolute; z-index: 1060; top: calc(100% + 4px); left: 0;
  width: 280px; max-width: 90vw; background: var(--bs-body-bg, #fff); border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: .5rem; box-shadow: 0 8px 24px rgba(20,40,70,.15); overflow: hidden; }
.gp-menu .gp-search { border: 0; border-bottom: 1px solid var(--bs-border-color, #dee2e6); border-radius: 0; }
.gp-list { max-height: 240px; overflow-y: auto; }
.gp-item { display: flex; align-items: center; gap: .6rem; padding: .5rem .75rem; cursor: pointer; font-size: .9rem; }
.gp-item:hover { background: var(--bs-tertiary-bg, #f0f5ff); }
.gp-item .gp-name { flex: 1; }
.gp-item .gp-dial, .gp-phone-btn .gp-caret { color: var(--bs-secondary-color, #6c757d); }