.phone-contact-field, .phone-email-field { grid-column: 1 / -1; }
.phone-country-picker {
  display: grid;
  grid-template-columns: minmax(0, 6rem) minmax(0, 1fr);
  gap: 8px 12px;
  min-width: 0;
  width: 100%;
  align-items: end;
}
.phone-country-label { grid-column: 1; grid-row: 1; }
.phone-number-label { grid-column: 2; grid-row: 1; }
.phone-country-search { grid-column: 1; grid-row: 2; }
.phone-number-input { grid-column: 2; grid-row: 2; }
.phone-country-picker label { font-size: .82rem; font-weight: 600; }
.phone-country-picker input { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; height: 48px; min-height: 48px; font: inherit; }
.phone-country-picker .phone-country-search { padding-inline: 6px; }
@media (max-width: 480px) {
  .phone-country-picker { grid-template-columns: minmax(0, 5.5rem) minmax(0, 1fr); }
}
.phone-country-options {
  grid-column: 1 / -1;
  grid-row: 3;
  list-style: none; margin: 0; padding: 4px; max-height: 220px; overflow-y: auto;
  border: 1px solid var(--border); border-radius: 8px; color: var(--text); background: var(--surface);
  overscroll-behavior: contain;
}
.phone-country-options[hidden] { display: none; }
.phone-country-options li { padding: 10px; min-height: 44px; overflow-wrap: anywhere; cursor: pointer; }
.phone-country-options li:hover, .phone-country-options li[aria-selected="true"] { background: var(--accent-soft); color: var(--text); }