/* QikSwap web form rhythm — mirrors the mobile app.
   The app uses 15px between fields and leaves 18px above the primary action;
   the web forms sat at 8–14px, which read as cramped on phones.
   Loaded last so these targeted rules win. */

.login-form,
.sell-form,
.account-rebind-form,
.payment-password-form,
.order-reason-form,
.wallet-action.withdraw .wallet-amount-form,
.support-profile-field {
  gap: 15px;
}

.login-form > button:not(.login-tab):not(.auth-link-button),
.sell-form > button[type="submit"],
.sell-form > .primary-button,
.account-rebind-form > button,
.payment-password-form > button,
.order-reason-form > button,
.wallet-action.withdraw .wallet-amount-form > button {
  margin-top: 3px; /* 15px flow gap + 3px = the app's 18px pre-submit gap */
}

/* Input plus button rows keep one height, like the app's verification-code row. */
.auth-captcha-input,
.auth-captcha [data-auth-captcha-refresh],
.order-reason-form input,
.order-reason-form button {
  min-height: 43px;
}

@media (max-width: 620px) {
  .login-form,
  .sell-form,
  .account-rebind-form,
  .payment-password-form,
  .order-reason-form,
  .wallet-action.withdraw .wallet-amount-form {
    gap: 16px;
  }
}