/* GRAFIQ UPDATE 013 — LOGIN OFICIAL */

body.loginMode{
  min-height:100vh!important;
  overflow:auto!important;
}

.loginScreen{
  padding:22px!important;
  overflow:auto!important;
}

.loginCardGrafiq{
  width:min(430px,calc(100vw - 30px))!important;
  max-height:none!important;
  margin:auto!important;
  padding:32px!important;
  border-radius:22px!important;
}

.grafiqLoginBrand{
  text-align:center;
  margin-bottom:30px;
}

.grafiqWordmark{
  font-size:37px;
  line-height:1;
  font-weight:900;
  letter-spacing:-2px;
  color:#101828;
}

.grafiqWordmark span{
  color:#6d42f5;
}

.grafiqLoginBrand small{
  display:block;
  margin-top:10px;
  color:#667085;
  font-weight:700;
}

.grafiqLoginLinks{
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-top:22px;
  flex-wrap:wrap;
}

.grafiqLoginLinks a{
  color:#2563eb;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
}

.grafiqLoginLinks a:hover{
  text-decoration:underline;
}

.grafiqLoginNote{
  margin-top:25px;
  padding:13px;
  border-radius:11px;
  background:#f2f4f9;
  color:#5f6b7c;
  font-size:13px;
  line-height:1.55;
}

.loginCardGrafiq .loginImg,
.loginCardGrafiq .loginLogo,
.loginCardGrafiq .recoveryAdmin{
  display:none!important;
}

@media(max-width:520px){
  .loginScreen{
    align-items:flex-start!important;
    padding:12px!important;
  }

  .loginCardGrafiq{
    padding:23px!important;
  }

  .grafiqLoginLinks{
    flex-direction:column;
  }
}