/* Let the browser reveal focused fields using one document scroller. */
@media (max-width:1100px) {
  html.auth-entry { height:100%; overflow:auto; scroll-behavior:auto; }
  html.auth-entry body.auth-pending { height:auto; min-height:100%; overflow:visible; }
  body.auth-pending #auth-screen.page {
    height:auto; min-height:100%; overflow:visible; align-content:start;
    padding:calc(20px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  }
  #auth-screen>.main { overflow:visible; }
  #auth-screen>.main::after { right:0; bottom:0; max-width:100%; }
  body.auth-pending>#drawer { display:none; }
  #auth-screen>.sidebar { padding-bottom:16px; }
  #auth-screen .login-card { padding:24px 20px; }
  #auth-screen .login-card .sub { margin-bottom:20px; }
  #auth-screen .input-wrap input {
    font-size:16px; line-height:normal; scroll-margin-block:24px;
  }
  #auth-screen .input-wrap .tail { right:4px; }
  #auth-screen .toggle-pwd { min-width:48px; min-height:44px; justify-content:center; touch-action:manipulation; }
  #auth-screen .toggle-pwd:focus-visible { outline:2px solid #849b42; outline-offset:0; border-radius:8px; }
  #auth-screen .login-card .foot { margin-top:18px; }
}