@media (max-width: 640px) {
  html.gx-route-login body #root { min-width: 0; width: 100%; }
  html.gx-route-login #root main > .grid:has(.xh-login-card) { grid-template-columns: minmax(0, 1fr) !important; min-width: 0; width: 100%; }
  html.gx-route-login body #root section { min-width: 0 !important; width: 100% !important; box-sizing: border-box; }
  html.gx-route-login #root .xh-login-card { min-width: 0 !important; width: 100% !important; box-sizing: border-box; padding-left: 20px !important; padding-right: 20px !important; }
  .xh-login-card input, .xh-login-card label { min-width: 0; }
  .xh-login-card + div { max-width: 100%; overflow-wrap: anywhere; text-align: center; }
}