.wpo-login-wrapper {
  max-width: 360px;
  margin: 0 auto;
  font-family: sans-serif;
}
.wpo-input-group { margin-bottom: 1em; }
.phone-input-wrapper { display: flex; align-items: center; gap: .5em; }
.country-code { font-weight: bold; }
.wpo-message { margin-top: 10px; display: none; }
.wpo-success { color: green; }
.wpo-error { color: red; }
.wpo-change-phone { display: inline-block; margin-top: 10px; cursor: pointer; color: #0073aa; }

.otp-actions {
  display: flex;
  gap: 0.5rem;
  margin-top: 10px;
}
.button-secondary {
  background: #f1f1f1;
  color: #333;
  border: 1px solid #ccc;
}
.button-secondary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}