/* dicode.ai — CSS de PDF para Markdown (/pdf-para-markdown). Igual ao de PDF para texto
   (pdf-para-texto.css): as duas páginas usam a mesma tela (telas/pdf-texto-tela.js).
   Só os tokens do design system, cantos retos, sem sombra nem gradiente, linhas de 1px, alvos de
   toque de 44px. */

/* Opções: cada caixa de marcar com a explicação logo embaixo */
.pdftexto-opcoes { gap: 4px; }
.pdftexto-opcoes .campo-ajuda { margin: -6px 0 10px 28px; }

/* Senha: embaixo do nome de cada PDF que pede senha (.arquivo-extra da lista) */
.pdftexto-item-senha { display: grid; gap: 6px; max-width: 480px; min-width: 0; margin-top: 8px; }
.pdftexto-item-senha[hidden] { display: none; }
.pdftexto-senha-linha { display: flex; gap: 8px; }
.pdftexto-senha-linha .entrada { flex: 1 1 auto; min-width: 0; }
.pdftexto-senha-linha .botao { flex: none; padding: 11px 20px; }
.pdftexto-item-senha .campo-ajuda { margin: 0; }
.pdftexto-mostrar { min-height: 44px; }

/* Resultado: prévia do texto com o botão Copiar. A caixa tem altura máxima e rola por dentro. */
.pdftexto-previa { display: grid; gap: 10px; min-width: 0; }
.pdftexto-previa-topo { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 8px 16px; min-width: 0; }
.pdftexto-previa-escolha { display: grid; gap: 6px; min-width: 0; flex: 1 1 240px; max-width: 420px; }
.pdftexto-previa-texto {
  margin: 0;
  padding: 14px 16px;
  max-height: 360px;
  overflow: auto;
  border: 1px solid var(--preto);
  background: var(--branco);
  font-family: var(--fonte-mono);
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.pdftexto-previa-texto:focus-visible { outline: 2px solid var(--preto); outline-offset: 3px; }
.pdftexto-previa-cortada { margin: 0; }
.pdftexto-previa-cortada[hidden] { display: none; }
.pdftexto-previa-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.pdftexto-previa-acoes .botao { min-height: 44px; }
.pdftexto-copiado { margin: 0; }
.pdftexto-copia { position: fixed; top: 0; left: -9999px; width: 1px; height: 1px; opacity: 0; }

/* PDFs que ficaram de fora (com vários PDFs) */
.pdftexto-fora { display: grid; gap: 8px; padding: 16px 20px; border: 1px solid var(--preto); background: var(--branco); min-width: 0; }
.pdftexto-fora ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; font-size: 15px; }
.pdftexto-fora li { display: flex; gap: 10px; align-items: baseline; overflow-wrap: anywhere; }
.pdftexto-fora li::before { content: ''; flex: none; width: 7px; height: 7px; background: var(--laranja); }

@media (max-width: 480px) {
  .pdftexto-senha-linha { flex-direction: column; }
  .pdftexto-senha-linha .botao { justify-content: center; }
}

/* Só no app instalado (.ft, pwa/foto-tela.css): a prévia no meio da tela, ocupando a altura toda.
   O texto rola por dentro; o Copiar fica sempre à vista, embaixo; a faixa preta do tamanho (no pé,
   à esquerda) não cobre o botão. */
.ft .pdftexto-palco { display: flex; flex-direction: column; overflow: hidden; padding: 12px 12px 44px; }
.ft .pdftexto-palco > .pdftexto-previa { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 8px; }
.ft .pdftexto-palco .pdftexto-previa-texto { flex: 1 1 auto; min-height: 0; max-height: none; overscroll-behavior: contain; }
.ft .pdftexto-palco .pdftexto-previa-acoes { flex: none; }
.ft.ft--velho .pdftexto-palco .pdftexto-previa-texto { opacity: .55; }