/* ==========================================================================
   ACESSO SEM E-MAIL (E1) — o aviso honesto, o link que se copia e o olho da
   senha.

   Arquivo próprio na convenção numerada: nenhuma frente edita
   03_componentes.css no meio do caminho. Tudo aqui é composto com os TOKENS do
   design system (nenhuma cor solta), porque as três peças aparecem em telas de
   temperaturas diferentes — a página pública do teste grátis, o backoffice e o
   painel do gabinete — e precisam parecer a mesma coisa nas três.
   ========================================================================== */

/* --- O aviso de e-mail indisponível --------------------------------------
   Ele reusa `.alerta--atencao` inteiro; o que este bloco faz é dar respiro
   quando ele abre uma seção (é o primeiro elemento do cartão) e manter as
   frases legíveis em coluna, sem virar um parágrafo só. */
.aviso-de-correio {
  margin-bottom: var(--esp-4);
}

.aviso-de-correio p + p {
  margin-top: var(--esp-1);
}

/* --- A chave de acesso (o link que se copia) ------------------------------
   Contorno de atenção de propósito: é um segredo na tela. Quem passa por trás
   da cadeira do operador vê que ali tem algo que não é conteúdo comum. */
.chave-de-acesso {
  border-color: var(--cor-borda-forte);
}

.chave-de-acesso__linha {
  display: flex;
  gap: var(--esp-2);
  align-items: center;
  flex-wrap: wrap;
}

/* O campo cresce, o botão não: em tela estreita o botão desce inteiro em vez
   de espremer o link até ele ficar ilegível. */
.chave-de-acesso__linha .campo__controle {
  flex: 1 1 22rem;
  min-width: 0;
  font-family: var(--fonte-mono, monospace);
  font-size: var(--texto-sm);
}

.chave-de-acesso__regras {
  margin: 0;
  padding-left: var(--esp-4);
  display: grid;
  gap: var(--esp-1);
}

/* O olho da senha mudou de casa: virou o componente .senha (29_olho_da_senha.css),
   igual em TODA caixa de senha do sistema. O botão de texto "Mostrar", que só
   existia aqui, saiu junto — dois desenhos para a mesma função em telas
   diferentes é o começo de dois comportamentos diferentes. */