/* DARFIX_VIEWPORT_NO_SCROLL_V12 */
:root{--dfx-v12-scale:1;}

@media (min-width:901px){
  html.dfx-v12-active,
  html.dfx-v12-active body{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    overflow-y:hidden!important;
    overscroll-behavior:none!important;
    scrollbar-width:none!important;
  }

  html.dfx-v12-active body.darfix-login-body,
  html.dfx-v12-active body.darfix-register-final-v1,
  html.dfx-v12-active body.dfx-recovery-final-v6{
    display:block!important;
    padding:0!important;
    min-height:100%!important;
    overflow:hidden!important;
  }

  .dfx-v12-fit-shell{
    position:fixed!important;
    top:50%!important;
    left:50%!important;
    margin:0!important;
    max-width:calc(100vw - 18px)!important;
    transform-origin:center center!important;
    transform:translate(-50%,-50%) scale(var(--dfx-v12-scale,1))!important;
    will-change:transform!important;
    overflow:hidden!important;
  }

  /* Keep each page centered with a small safe margin around it. */
  body.darfix-login-body .darfix-login-page.dfx-v12-fit-shell{
    width:min(1600px,calc(100vw - 18px))!important;
  }
  body.darfix-register-final-v1 .darfix-register-shell.dfx-v12-fit-shell{
    width:min(1640px,calc(100vw - 18px))!important;
  }
  body.dfx-recovery-final-v6 .shell.dfx-v12-fit-shell,
  body .shell.dfx-v12-fit-shell:has(img[src*="/assets/darfix-mail/recovery-hero.webp"]){
    width:min(1480px,calc(100vw - 18px))!important;
  }

  /* Remove extra vertical expansion inherited from older versions. */
  body.darfix-login-body .darfix-login-page,
  body.darfix-register-final-v1 .darfix-register-shell,
  body.dfx-recovery-final-v6 .shell{
    min-height:0!important;
    height:auto!important;
  }

  /* Keep cards compact enough for 14/15-inch laptop screens. */
  @media (max-height:900px){
    body.darfix-login-body .darfix-login-form-side{padding:16px 24px!important;}
    body.darfix-login-body .darfix-login-card{padding:25px 34px!important;}
    body.darfix-login-body .darfix-login-hero{margin:16px 0 16px 24px!important;}

    body.darfix-register-final-v1 .darfix-register-form-side{padding:12px 20px!important;}
    body.darfix-register-final-v1 .darfix-register-card{padding:20px 28px!important;}
    body.darfix-register-final-v1 .darfix-register-hero{margin:14px 0 14px 22px!important;}

    body.dfx-recovery-final-v6 .topbar{min-height:54px!important;padding:8px 18px!important;}
    body.dfx-recovery-final-v6 .main{padding:12px!important;gap:14px!important;}
    body.dfx-recovery-final-v6 .visual{margin:0!important;}
    body.dfx-recovery-final-v6 .content{padding:12px!important;}
    body.dfx-recovery-final-v6 .card{padding:22px!important;}
  }
}

/* On tablets and mobiles normal scrolling remains available. */
@media (max-width:900px){
  html.dfx-v12-active,
  html.dfx-v12-active body{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  .dfx-v12-fit-shell{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    max-width:none!important;
  }
}

@media (min-width:901px){
  html.dfx-v12-active::-webkit-scrollbar,
  html.dfx-v12-active body::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
  }
  html.dfx-v12-active body{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
  }
}