/* Entrada do participante · html-peers 3.8, modo aplicativo. Só tokens do sistema (hp.css).
   Uma folha estreita com o código da sessão; o campo do código é maior que o padrão, para digitar no celular
   (proposta para o design system: campo de código). */

.entrada .top .brand{display:flex;align-items:center;gap:var(--space-4);color:var(--white)}
.entrada .top .logo{width:88px;height:14px;display:block}
.hp.app .page>.folha{max-width:480px;min-height:0;margin-top:var(--space-12)}
.entrada .intro{margin-bottom:var(--space-6)}
.form-entrada{display:grid;gap:var(--space-5)}
.entrada #codigo{width:100%;height:56px;font-size:28px;font-weight:500;letter-spacing:.24em;text-align:center;font-variant-numeric:tabular-nums}
.btn.cheio{width:100%}
.entrada .fac{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--line)}
.entrada .fac a{color:var(--blue);text-underline-offset:3px}

@media (max-width:800px){
  .hp.app .page>.folha{margin:var(--space-4) var(--space-4) 0;border-radius:var(--radius-surface)}
}