/* A entrada com senha do Compasso de TESTE (só aparece quando o servidor exige login: homologação). Cores da família pelas
   variáveis do visual novo, com a reserva escrita uma vez aqui. */
.entrar-fundo {
  --en-verde: var(--verde, #008D45);
  --en-tinta: var(--tinta, #15241C);
  --en-grafite: var(--grafite, #5E7066);
  --en-fio: var(--fio, #E4ECE7);
  --en-superficie: var(--superficie, #FFFFFF);
  --en-vermelho: var(--vermelho, #C8372D);
  --en-veu: rgba(10, 30, 18, .6);
  --en-branco: #FFFFFF;
  position: fixed; inset: 0; z-index: 9800; background: var(--en-veu); display: grid; place-items: center; padding: 16px; }
.entrar-cartao { width: min(400px, 100%); background: var(--en-superficie); color: var(--en-tinta); border-radius: 16px; padding: 22px; display: grid; gap: 8px; font-family: inherit; }
.entrar-cartao h2 { margin: 0; font-size: 19px; } .entrar-cartao p { margin: 0 0 6px; color: var(--en-grafite); font-size: 13.5px; }
.entrar-cartao label { font-size: 12.5px; font-weight: 700; color: var(--en-grafite); }
.entrar-cartao input { min-height: 44px; border: 1.5px solid var(--en-fio); border-radius: 10px; padding: 8px 10px; font: inherit; font-size: 16px; }
.entrar-erro { color: var(--en-vermelho) !important; font-weight: 700; }
.entrar-botao { min-height: 48px; border: 0; border-radius: 12px; background: var(--en-verde); color: var(--en-branco); font: inherit; font-weight: 800; font-size: 16px; cursor: pointer; margin-top: 6px; }