.login-card .phone-field {
  position: relative;
  display: flex;
  gap: 8px;
  align-items: stretch;
}
.login-card .phone-field > input { flex: 1; min-width: 0; }
.phone-country-picker { flex: 0 0 auto; }
.phone-country-picker summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: 100%;
  min-height: 44px;
  padding: 10px;
  border: 1px solid #c8ced8;
  border-radius: 10px;
  background: #fff;
  color: #223044;
  font-size: 14px;
  cursor: pointer;
  list-style: none;
}
.phone-country-picker summary::-webkit-details-marker { display: none; }
.phone-country-picker summary:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
.phone-country-dropdown {
  position: absolute;
  z-index: 5;
  top: calc(100% + 6px);
  left: 0;
  width: 100%;
  padding: 12px;
  background: #fff;
  border: 1px solid #c8ced8;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(15,23,42,.18);
}
.login-card .phone-country-dropdown label { margin-top: 0; }
.login-card .phone-country-dropdown select {
  width: 100%;
  margin-top: 4px;
  padding: 4px;
  border: 1px solid #c8ced8;
  border-radius: 8px;
  background: white;
  color: #223044;
  font: inherit;
  font-size: 14px;
}
.phone-country-dropdown option { padding: 8px; }
.phone-country-dropdown [role="status"] { font-size: 13px; color: #64748b; }