/* ═══════════════════════════════════════
   BOTÃO "? Ajuda desta tela" (23/09/2026)
   Fica no fim da frase de apresentação de cada tela principal e abre
   ajuda/#<assunto> numa aba nova. É a segunda porta para a mesma página
   de Ajuda; a primeira é o item "Ajuda" do menu (decisão do Arthur: as duas).
   Discreto de propósito: azul claro, à esquerda, sem competir com os
   botões de ação (escuros, à direita). Arquivo IGUAL nos dois repos.
════════════════════════════════════════ */

.ajuda-tela {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 10px;
  padding: 2px 10px;
  border: 1px solid var(--navy-100);
  border-radius: 999px;
  background: var(--navy-050);
  color: var(--navy);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
}
.ajuda-tela:hover { background: var(--navy-100); }
.ajuda-tela:focus-visible { outline: 2px solid var(--navy-l); outline-offset: 2px; }

/* Na revisão da importação o resumo é reescrito pelo JS; o botão mora numa linha própria */
.ajuda-tela-linha { margin: 6px 0 0; }
.ajuda-tela-linha .ajuda-tela { margin-left: 0; }