/* PATCH 210 — autenticação Faith App: identidade visual única e moderna */
:root{--faith-navy:#031a38;--faith-navy-2:#06294f;--faith-blue:#078fbd;--faith-cyan:#14c4d7;--faith-gold:#efad2f;--faith-gold-light:#ffd66c}
html,body{background:#eaf1f6!important}
.login-page,.auth-page{
  min-height:100svh!important;
  padding:0!important;
  background:radial-gradient(circle at 50% -10%,rgba(15,190,218,.30),transparent 40%),linear-gradient(180deg,#071f3c 0%,#eaf1f6 62%,#eaf1f6 100%)!important;
}
.login-card,.auth-card{
  width:min(100%,480px)!important;
  min-height:100svh!important;
  margin:0 auto!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#062344 0%,#041a38 100%)!important;
  box-shadow:0 22px 70px rgba(1,21,43,.28)!important;
}
.art-top,.auth-top{
  display:block!important;
  width:100%!important;
  height:154px!important;
  padding:31px 72px 25px!important;
  object-fit:contain!important;
  background:linear-gradient(145deg,#087dab 0%,#07557c 50%,#063454 100%)!important;
  border:0!important;
}
.form-area,.auth-form-area{
  position:relative!important;
  padding:24px 32px 28px!important;
  background:radial-gradient(circle at 88% 5%,rgba(17,159,197,.15),transparent 33%),linear-gradient(180deg,#06264a 0%,#041b3a 100%)!important;
}
.form-area:before,.auth-form-area:before{display:none!important;content:none!important}
.auth-intro,.login-intro{position:relative;z-index:2;text-align:left!important;margin:0 0 24px!important}
.auth-intro:before,.login-intro:before{content:"CUIDAR  •  AMAR  •  SERVIR";display:block;margin-bottom:8px;color:var(--faith-gold-light);font-size:10px;font-weight:950;letter-spacing:.12em}
.auth-intro h1,.login-intro h1{margin:0 0 7px!important;color:#fff;font-size:27px!important;line-height:1.08!important;letter-spacing:-.025em}
.auth-intro p,.login-intro p{max-width:390px;margin:0!important;color:rgba(255,255,255,.72)!important;font-size:13px!important;line-height:1.5!important}
.field{margin-bottom:16px!important}
.field-label{margin:0 0 7px 3px!important;color:var(--faith-gold-light)!important;font-size:13px!important;font-weight:850!important}
.field-label small{color:rgba(255,255,255,.55)!important;font-size:10px!important}
.input-wrap{
  min-height:58px!important;
  border:1.2px solid rgba(239,173,47,.88)!important;
  border-radius:15px!important;
  background:rgba(2,18,43,.68)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.input-wrap:focus-within{border-color:#ffd66c!important;box-shadow:0 0 0 3px rgba(239,173,47,.12)!important}
.field-icon{width:52px!important;flex:0 0 52px!important;color:var(--faith-gold)!important}
.field-icon svg,.password-toggle svg,.forgot svg{width:20px!important;height:20px!important}
.input-wrap input{font-size:14px!important;color:#fff!important}
.input-wrap input::placeholder{color:rgba(255,255,255,.53)!important}
.password-toggle{width:48px!important;color:var(--faith-gold)!important}
.forgot-row{margin:-2px 0 19px!important;justify-content:flex-end!important}
.forgot{gap:7px!important;color:var(--faith-gold-light)!important;font-size:12px!important;font-weight:800!important}
.forgot svg{width:15px!important;height:15px!important}
.action{
  min-height:55px!important;
  border-radius:15px!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.045em!important;
  transition:transform .15s ease,filter .15s ease!important;
}
.action:active{transform:scale(.99)!important}
.action-login,.action-primary{color:#082343!important;background:linear-gradient(105deg,#ffd66c 0%,#f5bd45 48%,#eaa72d 100%)!important;box-shadow:0 12px 24px rgba(239,173,47,.16)!important}
.action-secondary{margin-top:10px!important;border:1px solid rgba(239,173,47,.75)!important;color:#ffd66c!important;background:rgba(4,28,58,.48)!important}
.login-error,.auth-message{border-radius:14px!important;font-size:12px!important}
.auth-note{margin:15px 0 0!important;padding:12px 13px!important;border-radius:13px!important;color:rgba(255,255,255,.60)!important;font-size:10px!important;background:rgba(255,255,255,.035)!important}
.bottom-wrap,.auth-footer{position:relative!important;margin:0!important;background:#041a38!important}
.bottom-wrap{padding:0 32px!important}
.bottom-wrap .action-secondary{position:relative!important;z-index:3;margin:0 0 18px!important}
.art-bottom,.auth-footer-art{display:block!important;width:calc(100% + 64px)!important;height:160px!important;margin-left:-32px!important;object-fit:cover!important;object-position:center 42%!important;opacity:.96!important}
.auth-footer-art{width:100%!important;margin-left:0!important}
.bottom-register-link{display:none!important}
.register-legal-box{margin-top:6px!important;margin-bottom:16px!important}
.register-legal-check{font-size:11px!important;line-height:1.45!important}
.register-legal-check input{width:17px!important;height:17px!important}
@media(max-width:420px){
  .art-top,.auth-top{height:142px!important;padding:29px 68px 23px!important}
  .form-area,.auth-form-area{padding:21px 24px 24px!important}
  .auth-intro,.login-intro{margin-bottom:20px!important}
  .auth-intro h1,.login-intro h1{font-size:24px!important}
  .auth-intro p,.login-intro p{font-size:11.5px!important}
  .field{margin-bottom:14px!important}
  .input-wrap{min-height:55px!important;border-radius:14px!important}
  .field-icon{width:47px!important;flex-basis:47px!important}
  .input-wrap input{font-size:13px!important}
  .action{min-height:52px!important;font-size:12px!important}
  .bottom-wrap{padding:0 24px!important}
  .art-bottom{width:calc(100% + 48px)!important;margin-left:-24px!important;height:145px!important}
  .auth-footer-art{height:145px!important}
}
@media(min-width:700px){
  .login-card,.auth-card{min-height:auto!important;margin:24px auto!important;border-radius:28px!important}
}

/* PATCH 211 — fundo contínuo nas telas de autenticação.
   O bloco do logo usa exatamente a mesma base visual dos campos,
   removendo a diferença azul/ciano entre cabeçalho e formulário. */
.login-card,.auth-card{
  background:#02122b!important;
}
.art-top,.auth-top{
  background:#02122b!important;
  box-shadow:none!important;
}
.form-area,.auth-form-area{
  background:#02122b!important;
}
.input-wrap{
  background:#02122b!important;
}
.bottom-wrap,.auth-footer{
  background:#02122b!important;
}