/* SecBoard — identidade nova na tela de login (camada por cima do login.css).
   Tirar o <link> deste arquivo do login.html volta a cara anterior.
   Fundo: o mesmo globo 3D de antes (login-globo.js), com o matiz girado do
   azul para o roxo da marca. O posicionamento globo/cartao continua do JS. */
:root{--page:#1a0c24;--surface:#22102f;--surface2:#2d1640;--ink:#ffffff;--ink2:#e4dcef;--muted:#a99bbd;
  --border:rgba(124,72,214,.38);--accent:#ff5036;
  --sans:"Lexend",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
/* rede de seguranca sem WebGL: gradiente roxo no lugar do azul. Fica so no
   body (sem fundo no html), senao o body pinta por cima do canvas z-index:-1 */
body{background:radial-gradient(1200px 700px at 50% 22%,#2d1046 0%,#1a0c24 62%)}
/* globo e wordmark IMAGETECH ficam nas cores da empresa (sem filtro); o roxo
   do fundo da cena vem das opcoes base/halo passadas em pub/login-globo.js */
.card{background:rgba(27,10,42,.86);border:2px solid #5b26a8;border-radius:22px;
  padding:30px 26px 26px;box-shadow:0 30px 80px rgba(10,0,20,.55)}
.card-t{margin-bottom:18px}
.card-t .sb-logo{display:block;width:200px;height:auto;margin:0 auto 12px}
.card-t .tit{gap:6px}
.card-t b{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#9f8fe0}
.card-t small{font-size:11px;color:var(--muted)}
label{font-weight:500;letter-spacing:.02em}
input{background:rgba(255,255,255,.05);border:1px solid rgba(124,72,214,.45);border-radius:10px}
input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,80,54,.22)}
button{background:var(--accent);color:#fff;border-radius:10px;text-transform:uppercase;letter-spacing:.2em;
  font-size:13px;padding:14px;box-shadow:0 10px 26px rgba(255,80,54,.28)}
.mdl-x{box-shadow:none;letter-spacing:0;text-transform:none;color:var(--muted)}
.linha-aj a:hover,.troca a{color:var(--accent)}
.mdl{background:#22102f;border:2px solid #5b26a8;border-radius:22px}
.volta{display:block;margin-top:16px;text-align:center;font-size:12px;color:var(--muted);text-decoration:none}
.volta:hover{color:#fff}

/* assinatura no canto inferior esquerdo (mesma do menu do painel, Evidencia165) */
.sb-dev{position:fixed;left:24px;bottom:20px;z-index:0;pointer-events:none;
  display:flex;align-items:center;gap:10px;font-family:var(--sans);font-size:12.5px;
  font-weight:400;line-height:1.3;color:rgba(255,255,255,.62);white-space:nowrap}
.sb-dev-logo{display:block;width:100px;height:25px;flex:none;
  background:url("imagetech-logo-branco.png") no-repeat 0 0/100px 25px}
body.indo .sb-dev{opacity:0;transition:opacity .3s ease}
@media (max-height:620px){.sb-dev{display:none}}
/* celular: campo com menos de 16px faz o iPhone dar zoom ao tocar */
@media (max-width:820px){.card input{font-size:16px}}