/* CRM_V2201 - melhorias leves da tela de login */
.loginPasswordToggle,
.loginPasswordToggle:hover,
.loginPasswordToggle:focus,
.loginPasswordToggle:active{
  transform:translateY(-50%) !important;
  transition:background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease !important;
}
.loginPasswordToggle{
  width:88px !important;
  justify-content:center !important;
  will-change:auto !important;
}
.loginCheckRow{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:-4px 0 14px;
  padding:10px 12px;
  border:1px solid rgba(115,186,247,.18);
  border-radius:16px;
  background:rgba(115,186,247,.07);
  color:#cfe8ff;
  font-size:12px;
  font-weight:900;
  line-height:1.3;
  text-transform:none;
  letter-spacing:0;
}
.loginCheckRow input{
  width:18px !important;
  min-width:18px !important;
  height:18px !important;
  min-height:18px !important;
  margin:0;
  padding:0 !important;
  box-shadow:none !important;
  accent-color:#38bdf8;
}
.loginCapsWarning{
  margin-top:8px;
  padding:8px 10px;
  border:1px solid rgba(250,204,21,.35);
  border-radius:12px;
  background:rgba(250,204,21,.10);
  color:#ffe9a8;
  font-size:12px;
  font-weight:1000;
  text-transform:none;
  letter-spacing:0;
}
.loginCapsWarning[hidden]{display:none!important}
.loginFormPremium input.is-ready{
  border-color:#34d399 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 3px rgba(52,211,153,.14), 0 12px 22px rgba(0,0,0,.14) !important;
}
.loginActiveSession{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:center;
  margin:0 0 16px;
  padding:14px;
  border:1px solid rgba(52,211,153,.32);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(52,211,153,.15),rgba(56,189,248,.08));
  color:#ecfeff;
}
.loginActiveIcon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(52,211,153,.18);
  border:1px solid rgba(52,211,153,.34);
  color:#b8ffd8;
  font-weight:1000;
}
.loginActiveSession strong,
.loginActiveSession small{display:block;line-height:1.3}
.loginActiveSession small{margin-top:3px;color:#a8c7de;font-weight:800}
@media(max-width:720px){
  body.loginBody{padding:10px!important}
  .loginCardPremium{border-radius:22px!important}
  .loginBrandPremium{gap:10px!important;padding:16px 14px!important}
  .loginFormPremium{padding:18px 14px 16px!important}
  .loginBrandTop{grid-template-columns:auto 1fr!important;gap:12px!important}
  .loginBrand .brandLogoLarge{width:58px!important;height:58px!important;min-width:58px!important}
  .loginBrandPremium h1{font-size:24px!important;margin:4px 0!important}
  .loginBrandPremium p{font-size:12px!important;line-height:1.25!important;max-width:none!important}
  .loginBadgeRow,.loginFeatureGrid,.loginMiniStats{display:none!important}
  .loginFormHeader{margin-bottom:12px!important}
  .loginFormHeader h2{font-size:26px!important}
  .loginFormHeader p{font-size:13px!important}
  .loginFormPremium .fieldLabel{margin-bottom:11px!important;gap:6px!important}
  .loginFormPremium input{min-height:48px!important;border-radius:15px!important}
  .loginPasswordWrap input{padding-right:100px!important}
  .loginCheckRow{padding:9px 10px;margin:-2px 0 11px}
}