/* DEVNOOD macOS UI v18 - login centering fix */

/* Login: undo the global 980px standalone-window width that made the card
   overflow its centered wrapper to the right on desktop. */
body.macos-ui.macos-page-login > .flex-1{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
body.macos-ui.macos-page-login > .flex-1 > .fade-in{
  width:min(100%, 32rem)!important;
  max-width:32rem!important;
  margin-left:auto!important;
  margin-right:auto!important;
  flex:0 1 32rem!important;
  transform:none!important;
}
body.macos-ui.macos-page-login .card.macos-login-window,
body.macos-ui.macos-page-login .macos-login-window{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Keep all form rows truly centered inside the window. */
body.macos-ui.macos-page-login .card.macos-login-window > *,
body.macos-ui.macos-page-login #loginForm,
body.macos-ui.macos-page-login #loginForm > div,
body.macos-ui.macos-page-login #loginForm > label{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Footer stays full-width while its content is independently centered. */
body.macos-ui.macos-page-login footer{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.macos-ui.macos-page-login footer > div{
  margin-left:auto!important;
  margin-right:auto!important;
}

@media (min-width:641px){
  body.macos-ui.macos-page-login > .flex-1{
    padding-left:24px!important;
    padding-right:24px!important;
  }
  body.macos-ui.macos-page-login .card.macos-login-window{
    padding-left:2rem!important;
    padding-right:2rem!important;
  }
}

@media (max-width:640px){
  body.macos-ui.macos-page-login > .flex-1{
    align-items:center!important;
    justify-content:center!important;
    padding:1rem!important;
  }
  body.macos-ui.macos-page-login > .flex-1 > .fade-in{
    width:100%!important;
    max-width:30rem!important;
    margin:0 auto!important;
  }
  body.macos-ui.macos-page-login .card.macos-login-window{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
  }
}