@import url("../../elastic/styles/styles.min.css");

/* ===== O Dengo - login clean ===== */
:root{ --dg-paper:#f6f4f0; --dg-ink:#1b1a18; --dg-soft:#6f6d68; --dg-line:#ded9d1; --dg-wood:#9d5227; }

#layout > #layout-content.task-login,
body.task-login, .task-login #layout, .task-login #layout-content{
  background: var(--dg-paper) !important;
}
.task-login #layout-content .formcontainer,
.task-login #login-form{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
.task-login #login-form .box-inner{
  background:#fff !important;
  border:1px solid var(--dg-line) !important;
  border-radius:2px !important;
  box-shadow:0 18px 50px rgba(27,26,24,.10) !important;
  padding: 34px 30px 30px !important;
  max-width: 380px;
  margin: 0 auto;
}
/* logo maior e centrado, sem fundo escuro */
.task-login #login-form .banner,
.task-login #login-form #logo{
  display:block !important;
  margin:0 auto 22px !important;
  max-width:172px !important;
  height:auto !important;
}
/* esconde ruido: versao, "powered by", links extras */
.task-login .footer,
.task-login #layout-footer,
.task-login .productname,
.task-login #message.statusbar,
.task-login .propform + .formbuttons + *,
#login-form .col-form-label small { display:none !important; }

/* campos limpos */
.task-login #login-form input.form-control{
  border:0 !important; border-bottom:1px solid var(--dg-line) !important;
  border-radius:0 !important; background:transparent !important;
  padding-left:2px !important; box-shadow:none !important;
  font-size:.98rem; color:var(--dg-ink);
}
.task-login #login-form input.form-control:focus{
  border-bottom-color:var(--dg-ink) !important; box-shadow:none !important;
}
.task-login #login-form label{
  font-size:10px !important; letter-spacing:.2em; text-transform:uppercase;
  color:var(--dg-soft) !important; font-weight:400 !important;
}
/* botao entrar */
.task-login #login-form button.btn-primary,
.task-login #rcmloginsubmit{
  width:100%; background:var(--dg-ink) !important; border-color:var(--dg-ink) !important;
  color:var(--dg-paper) !important; border-radius:0 !important;
  letter-spacing:.24em; text-transform:uppercase; font-size:11px !important;
  padding:14px 0 !important; transition:.25s;
}
.task-login #login-form button.btn-primary:hover,
.task-login #rcmloginsubmit:hover{
  background:transparent !important; color:var(--dg-ink) !important;
}
/* fonte dos campos sempre escura (modo escuro e preenchimento automatico do Chrome pintavam de branco) */
.task-login{ color-scheme: light; }
.task-login #login-form input.form-control,
.task-login #login-form input.form-control:focus,
.task-login #login-form input.form-control:-webkit-autofill,
.task-login #login-form input.form-control:-webkit-autofill:hover,
.task-login #login-form input.form-control:-webkit-autofill:focus{
  color:var(--dg-ink) !important;
  -webkit-text-fill-color:var(--dg-ink) !important;
  caret-color:var(--dg-ink) !important;
  -webkit-box-shadow:0 0 0 1000px #fff inset !important;
  box-shadow:0 0 0 1000px #fff inset !important;
  transition:background-color 9999s ease-out 0s;
}