/* Auth / onboarding modern visual layer */
body{background:#f5f6fa!important;color:#211c38!important}
.login{min-height:calc(100vh - 1px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:34px 12px!important}
.login>form{width:100%}
.login .align-center{display:flex!important;justify-content:center!important}
.login-box{width:min(100%,500px)!important;border:1px solid #e8e6ef!important;border-radius:18px!important;padding:38px 42px!important;background:#fff!important;box-shadow:0 20px 55px rgba(28,22,60,.10)!important;overflow:hidden!important;position:relative}
.login-box:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#211649,#6f42e8,#ff6b45)}
.brand-login{margin:0 0 25px!important}
.brand-login img{max-height:58px!important;max-width:220px!important}
.login-box .form-field{margin-bottom:14px!important}
.login-box .form-field input[type=text],.login-box .form-field input[type=password],.login-box .form-field input[type=email]{height:52px!important;background:#f8f8fb!important;border:1px solid #e5e2ec!important;border-radius:11px!important;font-size:13px!important;color:#2d2740!important}
.login-box .form-field input:focus{background:#fff!important;border-color:#6c49de!important;box-shadow:0 0 0 3px rgba(108,73,222,.10)!important}
.login-box .form-icon{top:17px!important;color:#5e3fd1!important}
.login-box .botao-acao,.login-box button[type=submit]{border-radius:10px!important;min-height:48px!important;font-weight:800!important;box-shadow:0 7px 18px rgba(32,22,74,.13)!important}
.login-box a{font-weight:600}
.login-box .msg{border-radius:10px!important}
@media(max-width:600px){.login{padding:14px 10px!important}.login-box{padding:27px 20px!important;border-radius:15px!important}.brand-login img{max-height:48px!important}}


/* Login deve ocupar a viewport inteira e nunca herdar deslocamento da sidebar. */
html, body.auth-page {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow-x: hidden !important;
}

body.auth-page > .fullfit,
body.auth-page .fullfit {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.auth-page .fullfit > .container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

body.auth-page .login {
  width: 100% !important;
  min-height: 100vh !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.auth-page .login > form {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

body.auth-page .login > form > .container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.auth-page .login .row.align-center {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}