/* Ajusta a tela de entrada em notebooks sem cortar ou deformar o logotipo. */
@media (min-width:901px) and (max-height:760px){
  .auth-shell{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}
  .auth-story{height:100dvh!important;min-height:0!important;padding:18px 5vw!important;align-self:stretch!important;overflow-y:auto!important}
  .auth-story .login-logo{width:min(100%,440px)!important;height:auto!important;max-height:none!important}
  .story-copy h1{margin:12px 0!important;font-size:clamp(42px,4.5vw,58px)!important;line-height:.98!important}
  .story-copy p{margin:0!important;font-size:14px!important;line-height:1.55!important}
  .trust{margin-top:14px!important}
  .auth-card{height:100dvh!important;min-height:0!important;align-self:stretch!important;justify-content:safe center!important;gap:10px!important;padding:16px 5vw 22px!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  .auth-card h2{font-size:28px!important;margin:0 0 3px!important}
  .auth-card p{margin:0 0 3px!important}
  .auth-card form{gap:9px!important}
  .google-login{height:44px!important;min-height:44px!important}
  .field{margin-top:4px!important}
  .field input{height:42px!important}
  .forgot{margin-top:-3px!important}
  .primary{height:46px!important;min-height:46px!important}
  .switch{margin:2px 0!important}
  .demo{padding:8px 11px!important}
  .auth-shell .a2{display:none!important}
}
/* Uma única rolagem na entrada em celulares e janelas estreitas. */
@media (max-width:900px){
  .auth-shell{height:100dvh!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important}
  .auth-shell .a2{display:none!important}
  .auth-card{height:auto!important;min-height:100dvh!important;align-self:stretch!important;justify-content:safe center!important;overflow:visible!important;padding-bottom:24px!important}
}
/* Compacta a entrada em painéis muito estreitos sem cortar controles. */
@media (max-width:520px){
  .auth-card{gap:8px!important;padding:12px 14px 30px!important}
  .auth-card>.login-logo-compact{width:100%!important;max-width:430px!important;height:auto!important;max-height:none!important;margin:0 auto 4px!important;align-self:center!important}
  .auth-card h2{font-size:25px!important;line-height:1.05!important;margin:0 0 3px!important}
  .auth-card p{margin:0 0 3px!important;font-size:13px!important;line-height:1.4!important}
  .google-login{height:44px!important;min-height:44px!important}
  .auth-card form{gap:7px!important}
  .field{margin-top:3px!important}
  .field input{height:40px!important}
  .forgot{margin-top:-2px!important}
  .primary{height:44px!important;min-height:44px!important}
  .switch{margin:3px 0!important;font-size:12px!important}
  .demo{padding:8px 10px!important;min-height:40px!important}
}