/* Kept separate so long-running local servers cannot reuse a stale main stylesheet. */
body.ltr .login-page {
  grid-template-columns: minmax(510px, .86fr) minmax(420px, 1fr);
}

body.ltr .login-form-side {
  grid-column: 1;
  grid-row: 1;
  direction: ltr;
  text-align: left;
}

body.ltr .login-visual {
  grid-column: 2;
  grid-row: 1;
  direction: ltr;
  text-align: left;
}

body.ltr .login-card,
body.ltr .phone-login {
  direction: ltr;
  text-align: left;
}

body.ltr .social-login-grid button {
  direction: ltr;
}

@media (max-width: 900px) {
  body.ltr .login-page {
    grid-template-columns: 1fr;
  }

  body.ltr .login-form-side {
    grid-column: 1;
  }
}