/* ============================================================================
   entrada.css — o painel de login (o do Alcateia). Uma coluna, tudo grande.
   Usa os tokens de base.css. Régua: texto ≥16px, alvo ≥56px.
   ========================================================================= */

.painel-entrada {
  position: fixed; inset: 0; z-index: 60;
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
  background: var(--fundo, #f8fafc);
}
.painel-entrada[hidden] { display: none !important; }

.entrada-cartao {
  width: 100%; max-width: 420px;
  background: var(--branco, #fff);
  border: 1px solid var(--borda, #e2e8f0);
  border-radius: var(--raio-g, 18px);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .08);
  padding: 28px 26px 22px;
  color: var(--tinta, #0f172a);
}
.entrada-cartao h1 { margin: 0 0 6px; font-size: 26px; font-weight: 700; letter-spacing: -.01em; }
.entrada-frase { margin: 0 0 18px; color: var(--tinta-2, #475569); }

.entrada-campo { display: block; margin: 0 0 14px; }
.entrada-campo span { display: block; color: var(--tinta-2, #475569); margin-bottom: 6px; }
.entrada-campo input {
  width: 100%; min-height: 56px; font-size: 18px; padding: 10px 14px;
  border: 1px solid var(--borda-2, #cbd5e1); border-radius: 12px;
  background: #ffffff; color: var(--tinta, #0f172a);
}
.entrada-campo input:focus { outline: 3px solid var(--azul, #1e40af); outline-offset: 1px; }

.entrada-botao {
  width: 100%; min-height: 56px; margin-top: 6px;
  font-size: 18px; font-weight: 700;
  border-radius: 12px; border: 1px solid var(--azul, #1e40af);
  background: var(--azul, #1e40af); color: #ffffff;
}
.entrada-botao:disabled { opacity: .5; cursor: not-allowed; }

.entrada-aviso {
  margin: 12px 0 0; padding: 12px 14px; border-radius: 12px;
  border-left: 4px solid var(--vermelho, #991b1b);
  background: var(--vermelho-fundo, #fee2e2); color: var(--vermelho, #991b1b);
}
.entrada-nota { margin: 16px 0 0; color: var(--tinta-3, #64748b); }