/* =============================================================================
   FORJA: folha "Registrar" (#/acoes)
   -----------------------------------------------------------------------------
   Só o que o design system não tem: a tela que ancora a folha no rodapé e o
   véu por cima do fundo. Linhas, ladrilhos e a folha em si são do forja.css.
   ============================================================================= */

.ac-tela {
  justify-content: flex-end;
  min-height: 100dvh;
}

/* O véu ocupa o que sobra acima da folha e fecha ao toque. Fica fora do
   foco: o X da folha é o "Fechar" de teclado e leitor de tela. */
.ac-veu {
  flex: 1;
  inline-size: 100%;
  min-block-size: 96px;
  background: var(--fj-scrim-grad);
  cursor: pointer;
}

.ac-folha {
  padding-block-start: var(--fj-e-6);
}

.ac-topo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--fj-e-6);
  margin-block-end: var(--fj-e-8);
}

.ac-topo .fj-titulo-tela { margin: 0; }

.ac-lista .fj-linha { min-block-size: 64px; }

.ac-linha--secundaria .fj-linha__titulo {
  font-size: var(--fj-fs-lg);
  font-weight: var(--fj-w-medio);
  color: var(--fj-txt-2);
}

@media (prefers-reduced-motion: no-preference) {
  .ac-folha {
    animation: ac-subir var(--fj-dur-media) var(--fj-ease-saida);
  }
  @keyframes ac-subir {
    from { transform: translateY(24px); opacity: 0; }
    to   { transform: none; opacity: 1; }
  }
}