/* Tela de entrada do Desenho de Processos: cartão único centralizado, sempre escura, nos dois temas. */
.tela-entrada {
  --piso: #050f1b; --chapa: #0c2036; --chapa-2: #0a1b2e;
  --tinta: #edf2f7; --tinta-2: #c9d5e2; --tinta-3: #9cafc2; --tinta-4: #8296ab;
  --risco: rgba(190, 214, 240, 0.10); --risco-forte: rgba(190, 214, 240, 0.22);
  --campo: rgba(255, 255, 255, .04);
  --destaque-texto: var(--amarelo); --acao: var(--amarelo); --acao-texto: #0b1a2a;
  --perigo: #ff8a80; --aviso: #ffb547;
  --sombra-2: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 0 0 1px rgba(190, 214, 240, .13), 0 40px 80px -40px rgba(0, 0, 0, .8);
  color-scheme: dark;
  margin: 0; min-height: 100vh; min-height: 100svh; background: var(--piso); color: var(--tinta);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; padding: 24px 16px;
}
.entrar-marca { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.entrar-marca img { height: 40px; width: auto; }
.entrar-form { width: 100%; max-width: 420px; }
.aviso-caps { margin: .5rem 0 0; font: 500 .82rem/1.4 var(--f-rotulo); letter-spacing: .04em; color: var(--aviso); }
.ajuda { margin: 1.1rem 0 0; font-size: .85rem; color: var(--tinta-3); text-align: center; }
.entrar-rodape { font: 500 .78rem/1.4 var(--f-rotulo); letter-spacing: .12em; text-transform: uppercase; color: var(--tinta-4); }
.bt svg { width: 16px; height: 16px; }
@media (max-width: 480px) {
  .cartao { padding: 1.5rem 1.2rem; }
}