/* Querubim 1.0.6 — login aprovado: logo transparente, fundo celeste,
 * painel único compacto e viewport responsivo. Isolado da comunidade. */
html:has(body.qer-welcome-body){scrollbar-width:none;}
html:has(body.qer-welcome-body)::-webkit-scrollbar{display:none;}
body.qer-welcome-body{
  margin:0!important;
  width:100%!important;
  min-height:100svh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
  color:#f6fbff!important;
  background:
    radial-gradient(ellipse at 75% -12%,rgba(28,189,254,.39),transparent 47%),
    radial-gradient(ellipse at 10% 74%,rgba(5,137,240,.42),transparent 40%),
    linear-gradient(127deg,#064e9a 0%,#063b81 32%,#052c65 64%,#041c43 100%)!important;
}
body.qer-welcome-body::-webkit-scrollbar{width:0!important;display:none!important;}
body.qer-welcome-body *,body.qer-welcome-body *::before,body.qer-welcome-body *::after{box-sizing:border-box!important;}
body.qer-welcome-body .qer-welcome-layout{
  width:min(1190px,100%)!important;
  max-width:1190px!important;
  min-height:100svh!important;
  padding:18px 24px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;
  align-items:center!important;
  gap:clamp(28px,4vw,60px)!important;
}
body.qer-welcome-body .qer-welcome-left{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:center!important;text-align:left!important;gap:0!important;
  padding:0!important;max-width:100%!important;min-width:0!important;
}
body.qer-welcome-body .qer-welcome-brand{
  display:block!important;width:min(400px,95%)!important;
  max-height:min(310px,43svh)!important;height:auto!important;object-fit:contain!important;
  background:none!important;mix-blend-mode:normal!important;
  margin:0 0 6px!important;padding:0!important;border:0!important;
  filter:drop-shadow(0 12px 24px rgba(0,16,46,.26))!important;
}
body.qer-welcome-body .qer-welcome-left h1{
  font-size:clamp(26px,2.8vw,37px)!important;line-height:1.14!important;
  letter-spacing:-.02em!important;margin:7px 0 11px!important;
  font-weight:800!important;text-wrap:balance!important;color:#fff!important;
  max-width:540px!important;
}
body.qer-welcome-body .qer-welcome-left h1 span{color:#45e2ff!important;}
body.qer-welcome-body .qer-welcome-left p{
  font-size:clamp(14px,1.3vw,17px)!important;line-height:1.48!important;
  color:#e0efff!important;margin:0 0 12px!important;max-width:520px!important;
}
body.qer-welcome-body .qer-welcome-verse{
  font-size:13px!important;font-style:italic!important;font-weight:750!important;
  color:#ffe181!important;line-height:1.35!important;
}
body.qer-welcome-body .qer-welcome-right{min-width:0!important;width:100%!important;}
body.qer-welcome-body .qer-welcome-form-card{
  width:100%!important;max-width:485px!important;margin:0 auto!important;
  padding:22px 25px 18px!important;
  border:1px solid rgba(103,218,255,.68)!important;border-radius:23px!important;
  background:linear-gradient(160deg,rgba(4,42,92,.92),rgba(3,32,75,.96))!important;
  box-shadow:0 18px 42px rgba(1,12,43,.20)!important;
}
body.qer-welcome-body .qer-welcome-switch{
  display:flex!important;gap:4px!important;margin:0 0 18px!important;
  padding:3px!important;min-height:51px!important;
  background:rgba(1,23,55,.65)!important;
  border:1px solid rgba(98,183,226,.35)!important;
  border-radius:999px!important;
}
body.qer-welcome-body .qer-welcome-switch .qer-access-tab{
  flex:1 1 0!important;min-width:0!important;height:43px!important;min-height:43px!important;
  font-size:13px!important;line-height:1.2!important;font-weight:800!important;
  white-space:nowrap!important;border:1px solid transparent!important;
  border-radius:999px!important;background:transparent!important;
  color:#e6f7ff!important;box-shadow:none!important;padding:8px 5px!important;
}
body.qer-welcome-body .qer-welcome-switch .qer-access-tab.active{
  background:linear-gradient(135deg,#0071b9,#05a9d5)!important;
  border-color:#36e4ff!important;color:#fff!important;
  box-shadow:0 0 0 1px rgba(32,213,254,.2),0 3px 16px rgba(0,174,226,.18)!important;
}
/* Single-layer form; do not display nested border/cards. */
body.qer-welcome-body .qer-welcome-gate,
body.qer-welcome-body .qer-welcome-gate .qer-access-card{
  display:block!important;border:0!important;background:none!important;
  border-radius:0!important;box-shadow:none!important;
  padding:0!important;margin:0!important;min-height:0!important;max-height:none!important;
}
body.qer-welcome-body .qer-welcome-gate .qer-access-panel[hidden]{display:none!important;}
body.qer-welcome-body .qer-welcome-gate .qer-form{display:grid!important;gap:7px!important;}
body.qer-welcome-body .qer-welcome-gate .qer-form > label:not(.qer-remember){
  display:block!important;margin:2px 0 0!important;font-size:13px!important;
  font-weight:800!important;color:#f0f8ff!important;
}
body.qer-welcome-body .qer-welcome-gate .qer-form input:not([type=checkbox]){
  display:block!important;width:100%!important;min-width:0!important;
  min-height:43px!important;height:43px!important;max-height:43px!important;
  padding:9px 13px!important;font-size:14px!important;line-height:1.2!important;
  border:1px solid rgba(120,202,240,.51)!important;border-radius:12px!important;
  background:rgba(18,73,125,.65)!important;color:#fff!important;
  box-shadow:none!important;
}
body.qer-welcome-body .qer-welcome-gate .qer-form input:not([type=checkbox]):focus{
  outline:2px solid rgba(73,220,253,.72)!important;outline-offset:1px!important;
}
body.qer-welcome-body .qer-welcome-gate .qer-form input::placeholder{color:#b6d4e9!important;opacity:1!important;}
body.qer-welcome-body .qer-welcome-gate .qer-password-wrap{position:relative!important;min-width:0!important;}
body.qer-welcome-body .qer-welcome-gate .qer-password-wrap input{padding-right:51px!important;}
body.qer-welcome-body .qer-welcome-gate .qer-password-toggle{
  position:absolute!important;right:3px!important;top:50%!important;transform:translateY(-50%)!important;
  width:43px!important;min-height:37px!important;border:0!important;background:none!important;color:#dff7ff!important;
}
body.qer-welcome-body .qer-welcome-gate .qer-login-utils{
  margin:8px 0 7px!important;display:flex!important;justify-content:space-between!important;
  gap:8px!important;align-items:center!important;flex-wrap:wrap!important;
}
body.qer-welcome-body .qer-welcome-gate .qer-remember{
  margin:7px 0!important;font-size:12px!important;color:#e6f6ff!important;
  display:flex!important;align-items:center!important;gap:7px!important;
}
body.qer-welcome-body .qer-welcome-gate .qer-remember input{
  width:16px!important;height:16px!important;accent-color:#11ccef!important;margin:0!important;
}
body.qer-welcome-body .qer-welcome-gate .qer-forgot-link{font-size:12px!important;color:#61e8ff!important;}
body.qer-welcome-body .qer-welcome-gate .qer-primary-btn,
body.qer-welcome-body .qer-welcome-action{
  width:100%!important;min-height:46px!important;
  margin:10px 0 0!important;padding:11px 14px!important;
  border-radius:12px!important;font-size:16px!important;line-height:1.15!important;
  font-weight:900!important;color:#042a48!important;
  background:linear-gradient(110deg,#15c6ed,#48def6)!important;
  border:1px solid rgba(126,239,255,.7)!important;
  box-shadow:0 8px 17px rgba(0,142,203,.12)!important;
}
body.qer-welcome-body .qer-welcome-communities{
  display:block!important;margin:16px 0 0!important;padding-top:12px!important;
  border-top:1px solid rgba(135,211,245,.25)!important;
  font-size:12px!important;color:#71efff!important;text-align:center!important;
}
body.qer-welcome-body .qer-form-msg{margin:0!important;padding:0!important;font-size:12px!important;min-height:0!important;}
body.qer-welcome-body .qer-form-msg:empty{display:none!important;}
@media(min-width:900px) and (min-height:620px){
  body.qer-welcome-body{overflow-y:hidden!important;}
}
@media(max-width:899px){
  body.qer-welcome-body .qer-welcome-layout{
    grid-template-columns:minmax(0,1fr)!important;
    max-width:540px!important;min-height:100svh!important;
    padding:16px 14px 22px!important;gap:12px!important;align-content:start!important;
  }
  body.qer-welcome-body .qer-welcome-left{
    text-align:center!important;align-items:center!important;
  }
  body.qer-welcome-body .qer-welcome-brand{
    width:min(215px,56vw)!important;max-height:192px!important;
    margin:0 auto 2px!important;
  }
  body.qer-welcome-body .qer-welcome-left h1{
    font-size:clamp(21px,4.8vw,28px)!important;
    line-height:1.16!important;margin:2px 0 7px!important;
  }
  body.qer-welcome-body .qer-welcome-left p{
    font-size:13px!important;line-height:1.4!important;margin:0 0 5px!important;
  }
  body.qer-welcome-body .qer-welcome-verse{display:none!important;}
  body.qer-welcome-body .qer-welcome-form-card{
    padding:16px 16px 13px!important;border-radius:17px!important;
  }
}
@media(max-width:440px){
  body.qer-welcome-body .qer-welcome-layout{padding:10px 10px 18px!important;gap:8px!important;}
  body.qer-welcome-body .qer-welcome-brand{width:144px!important;max-height:139px!important;}
  body.qer-welcome-body .qer-welcome-left h1{font-size:21px!important;margin:2px 0 6px!important;}
  body.qer-welcome-body .qer-welcome-left p{font-size:12px!important;line-height:1.36!important;}
  body.qer-welcome-body .qer-welcome-form-card{padding:13px 12px!important;}
  body.qer-welcome-body .qer-welcome-switch{min-height:45px!important;margin-bottom:10px!important;}
  body.qer-welcome-body .qer-welcome-switch .qer-access-tab{height:37px!important;min-height:37px!important;font-size:12px!important;}
  body.qer-welcome-body .qer-welcome-gate .qer-form{gap:6px!important;}
  body.qer-welcome-body .qer-welcome-gate .qer-form input:not([type=checkbox]){height:41px!important;min-height:41px!important;max-height:41px!important;}
  body.qer-welcome-body .qer-welcome-gate .qer-primary-btn{min-height:43px!important;margin-top:6px!important;}
  body.qer-welcome-body .qer-welcome-communities{margin-top:11px!important;padding-top:9px!important;}
}