/* ============================================================
   Rodo Wall PAD — Tela de Login
   ------------------------------------------------------------
   Primeira impressão do sistema. Cartão centralizado sobre o
   azul principal, com o cavalo alado em destaque. A tela é
   sempre azul, nos dois temas, então usa cores fixas claras.
   ============================================================ */

#loginScreen{
  position:fixed;inset:0;z-index:9998;display:none;
  /* coluna: cartão e crédito; as margens automáticas centralizam sem cortar
     o topo quando a tela é mais baixa que o conteúdo */
  flex-direction:column;align-items:center;overflow-y:auto;padding:24px 16px;
  background:var(--navy);
}
.login-card{
  position:relative;z-index:1;width:430px;max-width:92vw;margin-top:auto;
  background:#0b1a4d;
  border:1px solid rgba(238,242,249,.12);
  border-radius:var(--r-lg);
  padding:var(--sp-10) var(--sp-8) var(--sp-8);
  box-shadow:0 20px 48px rgba(0,0,0,.35);
}
.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;
}
.lc-title{display:block;font-size:var(--fs-xl);font-weight:600;color:#eef2f9;}
.lc-sub{font-size:var(--fs-sm);color:var(--side-text);margin-top:4px;}
.lf{margin-bottom:var(--sp-4);}
.lf label{font-size:var(--fs-sm);font-weight:500;color:var(--side-text);display:block;margin-bottom:6px;}
.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;
  /* cor fixa: a tela de login é sempre navy, mesmo no tema claro —
     var(--text) viraria texto escuro sobre fundo escuro */
  color:#eef2f9;font-size:var(--fs-md);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:var(--font);font-weight:600;font-size:var(--fs-md);
  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:var(--fs-sm);
  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:var(--fs-sm); font-weight:600; cursor:pointer;
  text-decoration:underline; text-underline-offset:3px;
}
.login-esqueci:hover{ filter:brightness(1.2); }

/* Crédito e versão, abaixo do cartão */
.login-credito{
  position:relative;margin:24px 0 auto;text-align:center;
  font-size:var(--fs-xs);color:var(--side-text);opacity:.8;
}