/*
 * CapaFácil App — ajuste visual isolado da tela de login v41.
 * Altera somente cores do login e troca o ícone central pelo favicon/logo.
 * Não altera autenticação, banco, usuários, projetos, uploads, impressão ou API.
 */

body.cf-login-screen{
  background:#f7f3ff!important;
}

body.cf-login-screen #root > div.fixed.inset-0.z-50{
  background:
    radial-gradient(circle at 12% 8%,rgba(31,124,255,.20) 0,rgba(31,124,255,.08) 25%,transparent 48%),
    radial-gradient(circle at 88% 92%,rgba(255,111,111,.18) 0,rgba(255,111,111,.08) 28%,transparent 50%),
    linear-gradient(135deg,#fbfaff 0%,#eef5ff 48%,#fff6f7 100%)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

body.cf-login-screen #root > div.fixed.inset-0.z-50 > div.w-full.max-w-md{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(111,70,232,.18)!important;
  box-shadow:0 24px 70px rgba(49,36,104,.18),0 6px 22px rgba(31,124,255,.08)!important;
  color:#1f2340!important;
}

body.cf-login-screen #root > div.fixed.inset-0.z-50 > div.w-full.max-w-md:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0) 38%);
  z-index:0;
}

body.cf-login-screen #root > div.fixed.inset-0.z-50 > div.w-full.max-w-md > div.absolute.top-0.right-0{
  background:rgba(31,124,255,.18)!important;
}

body.cf-login-screen #root > div.fixed.inset-0.z-50 > div.w-full.max-w-md > div.absolute.bottom-0.left-0{
  background:rgba(255,111,111,.16)!important;
}

body.cf-login-screen #root > div.fixed.inset-0.z-50 > div.w-full.max-w-md > div.flex.flex-col.items-center.mb-8 > div.w-16.h-16{
  width:76px!important;
  height:76px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f5f1ff 55%,#eaf4ff 100%)!important;
  border:1px solid rgba(111,70,232,.22)!important;
  box-shadow:0 16px 34px rgba(104,71,232,.18),inset 0 0 0 1px rgba(255,255,255,.8)!important;
  transform:none!important;
  overflow:hidden!important;
  position:relative!important;
}

body.cf-login-screen #root > div.fixed.inset-0.z-50 > div.w-full.max-w-md > div.flex.flex-col.items-center.mb-8 > div.w-16.h-16 svg{
  display:none!important;
}

body.cf-login-screen #root > div.fixed.inset-0.z-50 > div.w-full.max-w-md > div.flex.flex-col.items-center.mb-8 > div.w-16.h-16:after{
  content:"";
  display:block;
  width:58px;
  height:58px;
  background:url('/favicon.svg?v=capafacil-login-light-v41-20260627') center/contain no-repeat;
}

body.cf-login-screen #root > div.fixed.inset-0.z-50 > div.w-full.max-w-md > div.flex.flex-col.items-center.mb-8 h1{
  background:linear-gradient(90deg,#136fe8 0%,#6847e8 58%,#ff6f6f 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  text-shadow:none!important;
}

body.cf-login-screen #root > div.fixed.inset-0.z-50 > div.w-full.max-w-md > div.flex.flex-col.items-center.mb-8 p{
  color:#5d6475!important;
}

body.cf-login-screen #login-form label{
  color:#6f667f!important;
}

body.cf-login-screen #login-form input{
  background:#ffffff!important;
  border-color:#ddd6f1!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
  box-shadow:0 8px 18px rgba(49,36,104,.05)!important;
}

body.cf-login-screen #login-form input::placeholder{
  color:#9aa3b5!important;
  -webkit-text-fill-color:#9aa3b5!important;
}

body.cf-login-screen #login-form input:focus{
  border-color:#6847e8!important;
  box-shadow:0 0 0 4px rgba(104,71,232,.13),0 8px 18px rgba(49,36,104,.06)!important;
}

body.cf-login-screen #login-form svg{
  color:#6847e8!important;
  opacity:.92!important;
}

body.cf-login-screen #login-submit-btn{
  background:linear-gradient(90deg,#1f7cff 0%,#6847e8 58%,#ff6f6f 100%)!important;
  box-shadow:0 15px 28px rgba(104,71,232,.22)!important;
}

body.cf-login-screen #login-submit-btn:hover{
  filter:brightness(1.04)!important;
}

body.cf-login-screen #login-submit-btn svg{
  color:#ffffff!important;
}

body.cf-login-screen #root > div.fixed.inset-0.z-50 > div.w-full.max-w-md > div.mt-8{
  border-top-color:#ece7f7!important;
}

body.cf-login-screen #root > div.fixed.inset-0.z-50 > div.w-full.max-w-md > div.mt-8 div,
body.cf-login-screen #root > div.fixed.inset-0.z-50 > div.w-full.max-w-md > div.mt-8 span{
  color:#7a728b!important;
}

body.cf-login-screen #root > div.fixed.inset-0.z-50 > div.w-full.max-w-md > div.mt-8 svg{
  color:#6847e8!important;
}

body.cf-login-screen #login-form .bg-red-500\/10{
  background:rgba(239,68,68,.08)!important;
  border-color:rgba(239,68,68,.20)!important;
}

body.cf-login-screen #login-form .text-red-400{
  color:#d9304f!important;
}

body.cf-login-screen #login-form .bg-emerald-500\/10{
  background:rgba(16,185,129,.10)!important;
  border-color:rgba(16,185,129,.22)!important;
}

body.cf-login-screen #login-form .text-emerald-400{
  color:#047857!important;
}