html,body{min-height:100%;}
html.dark-mode{background:#f5efe6!important;color:#f7eee0!important;}
body.task-login{
  margin:0!important;
  background:linear-gradient(135deg, #f5efe6 0%, #ead9c0 100%)!important;
  color:#f7eee0!important;
}
body.task-login #layout,
body.task-login #layout-content,
body.task-login #layout-content.selected.no-navbar{
  background:transparent!important;
}
body.task-login #layout-content{
  min-height:100vh;
  width:100%;
  margin:0!important;
  padding:18px;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center!important;
  gap:16px;
}
body.task-login #logo{
  position:static!important;
  top:auto!important;
  margin:0 0 8px 0!important;
  max-width:min(56vw,240px);
  max-height:110px!important;
  width:auto;
  height:auto;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.18));
}
body.task-login #login-form{
  position:static!important;
  top:auto!important;
  margin:0!important;
  width:min(94vw,560px);
  max-width:560px;
  background:rgba(61,43,26,.80);
  border:1px solid #e0af5e66;
  border-radius:18px;
  padding:22px 22px 14px;
  box-shadow:0 18px 45px rgba(0,0,0,.25);
}
body.task-login #login-form .box-inner,
body.task-login #login-form table,
body.task-login #login-form tbody{background:transparent!important;}
body.task-login #login-form td.title label{font-weight:600;color:#f7eee0;}
body.task-login #login-form .input-group-prepend{
  display:flex;
  align-items:center;
  margin-right:.45rem;
}
body.task-login #login-form .input-group-prepend .icon.input-group-text{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  min-width:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:1.05rem;
  line-height:1;
}
body.task-login #login-form .input-group>.form-control{border-radius:12px!important;}
body.task-login #login-form .form-control{
  border-radius:12px;
  border:1px solid #e0af5e80;
  background:rgba(255,255,255,.96);
  color:#1f2937;
}
body.task-login #login-form .form-control:focus{
  border-color:#e0af5e;
  box-shadow:0 0 0 .2rem #e0af5e44;
  background:rgba(255,255,255,.96);
  color:#1f2937;
}
body.task-login #rcmloginsubmit,
body.task-login .btn-primary,
body.task-login .button.mainaction.submit{
  background:#8c221e!important;
  border-color:#8c221e!important;
  color:#fff!important;
  border-radius:12px;
  padding:.58rem 1.2rem;
  font-weight:700;
}
body.task-login #rcmloginsubmit:hover,
body.task-login .btn-primary:hover{filter:brightness(.95);}
body.task-login #layout>.header{border-top:5px solid #e0af5e!important;background:transparent!important;}
body.task-login #layout>.header .header-title,
body.task-login #layout>.header .header-logo{color:#f7eee0!important;}
body.task-login #login-footer{color:#d4c0a6!important;}
body.task-login #login-footer>div{background:transparent!important;border:1px dashed #e0af5e55;border-radius:10px;padding:.8rem!important;}
#taskmenu a.theme,.theme{display:none!important;}

@media (max-width: 768px){
  body.task-login #layout-content{padding:14px;gap:12px;justify-content:center;}
  body.task-login #logo{max-width:min(50vw,180px);max-height:72px!important;width:auto;height:auto;object-fit:contain;margin-top:8px!important;}
  body.task-login #login-form{width:min(96vw,420px);padding:16px 14px 10px;border-radius:14px;}
  body.task-login #login-form table,
  body.task-login #login-form tbody,
  body.task-login #login-form tr,
  body.task-login #login-form td{display:block;width:100%!important;text-align:left!important;}
  body.task-login #login-form td.title{margin:0 0 4px 0;}
  body.task-login #login-form td.input{margin:0 0 10px 0;}
  body.task-login #login-form td.input.input-group{
    display:flex!important;
    align-items:center;
    flex-wrap:nowrap!important;
    gap:.45rem;
  }
  body.task-login #login-form td.input.input-group .input-group-prepend{
    display:inline-flex!important;
    align-items:center!important;
    margin-right:0!important;
    flex:0 0 auto;
  }
  body.task-login #login-form td.input.input-group .form-control{
    width:100%!important;
    flex:1 1 auto!important;
    min-width:0;
    margin:0!important;
  }
  body.task-login #login-form .form-control{height:44px;font-size:16px;}
  body.task-login #rcmloginsubmit{width:100%;height:44px;}
  body.task-login #login-footer{font-size:.92rem;}
}