/* EasyPrint V2.76 — Mobile auth content centered on both axes.
 * V2.75 placed heading/form in a horizontally centered block but top-aligned
 * its full content group. Center the group vertically without altering forms.
 * Scoped to auth pages and phone/tablet <= 768px. */
@media screen and (max-width: 768px) {
  /* SIGN IN: signin-split-v1.js moves the unchanged container here. */
  html.ep-signin-v1 .ep-signin-split > .ep-signin-form-side {
    box-sizing: border-box !important;
    min-height: 100svh !important;
    min-height: 100dvh !important;
    height: auto !important;
    padding: 74px 16px 26px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
  html.ep-signin-v1 .ep-signin-split > .ep-signin-form-side > .signin-container {
    box-sizing: border-box !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: min(100%, 392px) !important;
    max-width: 392px !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  /* SIGN UP: allow the 3-step card to size to actual step content. */
  html.ep-signup-v3.ep-signup-v4 .auth-page {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 100svh !important;
    min-height: 100dvh !important;
    height: auto !important;
    padding: 74px 16px 26px !important;
    overflow: visible !important;
  }
  html.ep-signup-v3.ep-signup-v4 .auth-page > .auth-card.signup-card {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    justify-content: flex-start !important;
    width: min(100%, 392px) !important;
    max-width: 392px !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 26px 20px 24px !important;
  }
  /* Keep titles, helper text, and links centered as V2.75 established;
     preserve left-aligned labels, inputs, and the 3-step signup form. */
}
@media screen and (max-width: 768px) and (max-height: 680px) {
  /* Short landscape or small devices: prioritize visible controls/scroll. */
  html.ep-signin-v1 .ep-signin-split > .ep-signin-form-side,
  html.ep-signup-v3.ep-signup-v4 .auth-page {
    justify-content: flex-start !important;
  }
}
@media screen and (max-width: 430px) {
  html.ep-signin-v1 .ep-signin-split > .ep-signin-form-side,
  html.ep-signup-v3.ep-signup-v4 .auth-page {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  html.ep-signup-v3.ep-signup-v4 .auth-page > .auth-card.signup-card {
    width: min(100%, 374px) !important;
    padding: 24px 18px 22px !important;
  }
}