/*
 * Tela de entrada.
 *
 * Herdado do AABB; cores só do tokens.css.
 */

*{box-sizing:border-box}
body{
  font-family:"Segoe UI",system-ui,Arial,sans-serif;
  background:
    repeating-linear-gradient(transparent 0 27px, rgba(22,50,74,.045) 27px 28px),
    var(--papel);
  color:var(--tinta);margin:0;min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  padding:calc(20px + env(safe-area-inset-top,0px)) 14px 40px;
}
.caixa{
  width:100%;max-width:400px;background:var(--n-0);
  border:1px solid var(--linha);border-top:6px solid var(--tinta);
  border-radius:8px;box-shadow:0 12px 30px rgba(22,50,74,.12);
  padding:26px 26px 22px;
}
.marca{display:flex;align-items:center;gap:11px;margin-bottom:18px}
/* Medidas fechadas de propósito: ver o comentário no base.html. */
.marca .logo{
  width:46px;height:46px;flex:0 0 46px;
  padding:0;border:0;border-radius:8px;display:block;
  object-fit:contain;
  box-shadow:0 1px 4px rgba(22,50,74,.22);
}
.marca b{font-size:1.05rem;display:block;line-height:1.2}
.marca small{color:var(--tinta-2);font-size:.72rem;
  text-transform:uppercase;letter-spacing:.05em}
h1{font-size:1.15rem;margin:0 0 4px}
.sub{color:var(--tinta-2);font-size:.85rem;margin:0 0 18px}
label{display:block;margin-bottom:14px}
label span{display:block;font-size:.78rem;font-weight:600;
  color:var(--tinta-2);margin-bottom:4px}
input[type=email],input[type=password],input[type=text]{
  width:100%;padding:11px;border:1px solid var(--linha);border-radius:6px;
  font-size:.95rem;color:var(--tinta);font-family:inherit;background:var(--n-0);
}
input:focus{outline:0;border-color:var(--tinta-2);
  box-shadow:0 0 0 3px rgba(61,90,117,.12)}
button{
  width:100%;padding:13px;background:var(--tinta);color:var(--n-0);border:0;
  border-radius:6px;font-size:.98rem;font-weight:700;cursor:pointer;
  font-family:inherit;
}
button:hover{background:var(--tinta-2)}
.flash{
  background:var(--erro-fundo);border:1px solid var(--erro-borda);color:var(--alerta);
  border-radius:6px;padding:11px 13px;font-size:.85rem;margin-bottom:16px;
  line-height:1.5;
}
.cf-turnstile{margin-bottom:14px;min-height:65px}
.rodape{
  margin-top:18px;padding-top:14px;border-top:1px solid var(--linha);
  font-size:.8rem;color:var(--tinta-2);line-height:1.5;
}
.rodape a{color:var(--tinta);font-weight:600}
.marca svg.logo{background:var(--tinta);color:var(--n-0);padding:7px}