/* A entrada (link mágico) e a tela de papel — o que é só desta área.
   É a primeira coisa que qualquer pessoa vê do app, e responde a uma pergunta só: como se entra.
   Por isso os três planos da escala nova (D1/D3) aparecem aqui em estado puro e nada mais:
   28 o título · 17 a frase que responde · 13 o resto, no pé. */
.conteudo.acesso { max-width: 32rem; margin: var(--e7) auto; }
.acesso-caixa { padding: var(--e5) var(--e5) var(--e4); }
.acesso-caixa h1 { margin: 0 0 var(--e3); }
/* a frase-chave da tela (--t3), não prosa: é a resposta, não o ensino */
.acesso-caixa .lede { font-size: var(--t3); line-height: 1.45; color: var(--tinta-2); max-width: 26rem; margin: 0; }
.acesso-caixa p { max-width: 26rem; }                      /* medida de leitura: nunca a linha inteira da caixa */
.acesso-caixa form.linha { margin-top: var(--e5); }
/* o e-mail é um dado que se lê de volta antes de mandar: campo grande, alvo de 44 px (R3/R6) */
.acesso-caixa form.linha input[type="email"] { font-size: var(--t3); min-height: 2.75rem; padding: .5rem .7rem; }
/* R3 · a ação primária é a última coisa do bloco e ocupa a largura toda — aqui em qualquer largura,
   porque não há segunda ação nesta tela com que ela pudesse disputar espaço. */
.acesso-caixa .acoes-form { flex-direction: column; align-items: stretch; gap: var(--e2); margin-top: var(--e4); }
.acesso-caixa .acoes-form button { width: 100%; min-height: 2.75rem; justify-content: center; }
.acesso-caixa .acoes-form .nota { text-align: center; }
.acesso-caixa .pe-caixa { margin-top: var(--e6); }   /* a medida de leitura é do sistema desde o fechamento do ciclo 2 */
/* a frase que diz A QUEM pedir (ciclo 3, C7): numa tela de recusa ela é a única saída de verdade,
   então fica no corpo (15) e não no pé (13) — o pé continua sendo o ensino sobre os três papéis. */
.acesso-caixa .acesso-pedir { margin: var(--e4) 0 0; color: var(--tinta-2); }
/* a ação de uma tela sem formulário (pedir outro link, sair): última coisa antes do pé */
.acesso-caixa .acesso-acao { margin: var(--e5) 0 0; }
.acesso-caixa .acesso-acao .botao { min-height: 2.75rem; }
.acesso-sair { margin-top: var(--e5); }
.topo .quem .sair { display: inline; margin-left: var(--e2); }
.topo .quem .sair-botao { background: none; border: 0; padding: 0; color: var(--apagado); font: inherit; font-size: var(--t-1); cursor: pointer; text-decoration: underline; text-underline-offset: .15em; }
.topo .quem .sair-botao:hover { color: var(--marca); }
@media print { .topo .quem .sair { display: none; } }

/* Sem sessão não há navegação: a página de entrada é uma coluna só, com a marca numa barra em cima, em qualquer largura. */
body.entrada { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto; }
body.entrada .topo { grid-row: 1; grid-column: 1; position: static; height: auto; overflow: visible; border-right: 0; border-bottom: 1px solid var(--linha);
                     flex-direction: row; align-items: center; padding: var(--e2) var(--e4); }
body.entrada .marca { margin: 0; padding: 0; }
/* Quem está logado, na faixa de uma coluna (ciclo 3: a tela «sem papel» passou a usá-la). O filete
   que separa o nome da barra VERTICAL vira, deitado, um risco solto acima do nome; e o lugar do
   nome numa faixa horizontal é a ponta direita. */
body.entrada .topo .quem { border-top: 0; padding: 0; margin-left: auto; }
body.entrada .conteudo { grid-column: 1; grid-row: 2; }
body.entrada .rodape { grid-column: 1; grid-row: 3; padding-inline: var(--e4); }