/* ============================================================
   Rodo Wall PAD — Tela de Login
   ------------------------------------------------------------
   Primeira impressão do sistema. Cartão centralizado sobre o
   azul principal, com o cavalo alado em destaque e um brilho
   mostarda sutil. Usa os tokens de design para consistência.
   ============================================================ */

#loginScreen{
  position:fixed;inset:0;z-index:9998;display:none;
  align-items:center;justify-content:center;
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(181,145,27,.1) 0%, transparent 55%),
    radial-gradient(ellipse 70% 50% at 50% 110%, rgba(0,93,146,.14) 0%, transparent 55%),
    var(--navy);
}
.login-glow{
  position:absolute;width:680px;height:480px;
  background:radial-gradient(ellipse, rgba(181,145,27,.16) 0%, transparent 70%);
  pointer-events:none;top:-80px;left:50%;transform:translateX(-50%);
}
.login-card{
  position:relative;z-index:1;width:430px;max-width:92vw;
  background:rgba(19,32,74,.72);
  border:1px solid rgba(238,242,249,.1);
  border-radius:var(--r-lg);
  padding:var(--sp-10) var(--sp-8) var(--sp-8);
  box-shadow:var(--elev-lg);
  backdrop-filter:blur(8px);
}
.lc-top{text-align:center;margin-bottom:var(--sp-8);}
.lc-logo{
  width:128px;height:128px;object-fit:contain;
  margin:0 auto var(--sp-4);display:block;
  filter:drop-shadow(0 6px 24px rgba(181,145,27,.35));
}
.lc-title{
  font-family:"Montserrat",sans-serif;font-size:13px;
  letter-spacing:5px;color:rgba(238,242,249,.92);
  display:block;text-transform:uppercase;font-weight:800;
}
.lc-sub{
  font-size:10px;color:var(--mustard2);letter-spacing:2.5px;
  text-transform:uppercase;margin-top:var(--sp-2);font-weight:600;
}
.lf{margin-bottom:var(--sp-4);}
.lf label{
  font-size:10px;text-transform:uppercase;letter-spacing:1.2px;
  color:rgba(238,242,249,.5);display:block;margin-bottom:var(--sp-2);
  font-family:'Poppins',sans-serif;font-weight:600;
}
.lf input{
  width:100%;background:rgba(238,242,249,.06);
  border:1px solid rgba(238,242,249,.14);
  border-radius:var(--r-sm);padding:13px 15px;
  color:var(--text);font-size:14px;outline:none;
  transition:border-color var(--t-base), background var(--t-base);
}
.lf input:focus{
  border-color:var(--mustard);
  background:rgba(238,242,249,.09);
}
.lf input::placeholder{color:rgba(238,242,249,.32);}
.login-btn{
  width:100%;background:var(--mustard);color:var(--navy);
  border:none;border-radius:var(--r-sm);padding:14px;
  font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;
  letter-spacing:.3px;cursor:pointer;margin-top:var(--sp-2);
  transition:background var(--t-base), transform var(--t-fast);
}
.login-btn:hover{background:var(--mustard2);}
.login-btn:active{transform:translateY(1px);}
.login-err{
  background:var(--red-dim);border:1px solid rgba(232,97,95,.3);
  border-radius:var(--r-sm);padding:11px;font-size:13px;
  color:var(--red);margin-top:var(--sp-3);display:none;text-align:center;
}

/* ---- Esqueci minha senha (link na tela de login) ---- */
.login-esqueci{
  display:block; margin:10px auto 0; background:none; border:none;
  color:var(--blue2); font-size:12.5px; font-weight:600; cursor:pointer;
  text-decoration:underline; text-underline-offset:3px;
}
.login-esqueci:hover{ filter:brightness(1.2); }