/* Freshtiq 2026-10-13 mobile & "Request desktop site" touch viewport improvement. */
:root{--ftq-auth-touch-card: min(90vw, 730px)}
@media (max-width: 760px){
  body #authWrap.auth-wrap{min-height:100dvh;align-items:center;padding:18px 12px!important}
  body #authWrap .auth-card{width:100%;max-width:520px;min-width:0;padding:24px 19px!important;border-radius:18px}
  body #authWrap .auth-logo .logo-text{font-size:1.12rem}
  body #authWrap .auth-title{font-size:clamp(1.45rem,5.8vw,1.8rem)}
  body #authWrap .auth-sub{font-size:clamp(.94rem,3.6vw,1rem);line-height:1.5}
  body #authWrap .field label{font-size:.95rem}
  body #authWrap input,body #authWrap select{font-size:16px!important;min-height:48px!important}
  body #authWrap .btn-primary{font-size:1rem;min-height:48px}
  body #authWrap .auth-switch{font-size:.95rem}
  body #authWrap .auth-switch button{font-size:.95rem}
}
@media (pointer:coarse) and (min-width:761px) and (max-width:1200px){
  /* Mobile Chrome's "Desktop site" commonly reports a ~980px layout viewport.
     The original fixed 440px card then looks tiny on the actual phone. */
  body #authWrap.auth-wrap{padding:18px!important;min-height:100dvh}
  body #authWrap .auth-card{max-width:var(--ftq-auth-touch-card)!important;width:100%;padding:26px 34px!important}
  body #authWrap .auth-logo .logo-text{font-size:1.55rem!important}
  body #authWrap .auth-title{font-size:1.8rem!important}
  body #authWrap .auth-sub{font-size:1.1rem!important}
  body #authWrap .field label{font-size:1.05rem!important}
  body #authWrap input,body #authWrap select{font-size:1.1rem!important;min-height:55px!important}
  body #authWrap .btn-primary{font-size:1.1rem!important;min-height:55px!important}
  body #authWrap .auth-switch{font-size:1.05rem!important}
}
@media (max-height:700px){
  body #authWrap.auth-wrap{align-items:flex-start!important;overflow-y:auto}
  body #authWrap .auth-card{margin:auto 0}
}

#authWrap .auth-help-shortcut{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;margin:18px 0 2px;text-align:center;border:1.5px solid #087d77;border-radius:12px;background:#e8faf7;color:#0a4445;font-size:16px;font-weight:750;line-height:1.35;text-decoration:none}
#authWrap .auth-help-shortcut:focus-visible,#authWrap .auth-help-shortcut:hover{outline:2px solid #067d73;outline-offset:2px;background:#d6f5ef}