/* Compatibility guard for the 07/07 frontend snapshot. */
@media (max-width: 640px) {
  .login-screen,
  .login-screen *,
  .login-screen *::before,
  .login-screen *::after {
    box-sizing: border-box;
  }

  .login-screen {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
  }

  .login-card {
    position: fixed;
    inset-inline: 1rem;
    top: 50%;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-inline: auto;
    transform: translateY(-50%);
    overflow: hidden;
  }

  .login-card input,
  .login-card button {
    min-width: 0;
    max-width: 100%;
  }

  .login-card > .mb-4.flex {
    flex-wrap: wrap;
    gap: 0.75rem;
  }
}