/* v4 mobile-only login/register adaptation, 2026-05-08. */
@media (max-width: 768px), (pointer: coarse) {
  html.ddt-mobile,
  html.ddt-mobile body {
    width: 100%;
    min-width: 0 !important;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  html.ddt-mobile body {
    touch-action: manipulation;
  }

  html.ddt-mobile .navbar,
  html.ddt-mobile .inner-width,
  html.ddt-mobile .znindex .inner-width,
  html.ddt-mobile .znindex .inner-width.bg1,
  html.ddt-mobile #home .inner-width,
  html.ddt-mobile #home .inner-width.bg1 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html.ddt-mobile #home,
  html.ddt-mobile .znindex,
  html.ddt-mobile .main,
  html.ddt-mobile section {
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  html.ddt-mobile #home .content,
  html.ddt-mobile .znindex .content,
  html.ddt-mobile .login-fancy,
  html.ddt-mobile .login-fancy1,
  html.ddt-mobile .znindex .inner-width.bg1 .login-fancy1 {
    width: calc(100vw - 24px) !important;
    max-width: 420px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html.ddt-mobile .login-form,
  html.ddt-mobile .register-form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html.ddt-mobile .login-form input.form-control,
  html.ddt-mobile .login-fancy1 input.form-control,
  html.ddt-mobile .register-form input.form-control,
  html.ddt-mobile input[type="text"],
  html.ddt-mobile input[type="password"],
  html.ddt-mobile input[type="email"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
  }

  html.ddt-mobile .login-form .button,
  html.ddt-mobile .register-form .button,
  html.ddt-mobile button,
  html.ddt-mobile input[type="button"],
  html.ddt-mobile input[type="submit"] {
    max-width: 100% !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
  }

  html.ddt-mobile img {
    max-width: 100%;
    height: auto;
  }

  html.ddt-mobile img#ImageCode {
    width: auto !important;
    max-width: 180px !important;
    height: 48px !important;
  }

  html.ddt-mobile #codex-float-login {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    left: 8px !important;
    right: 8px !important;
    transform: none !important;
    box-sizing: border-box !important;
  }
}