/*
  dicode.ai — Comprimir PDF (/comprimir-pdf): opções, link para Desbloquear PDF, caixa "não coube"
  com o botão de dividir e a lista "ficaram de fora".
  Só os tokens do design system (dicode.css): cantos retos, sem sombra nem gradiente, linhas de
  1px, rótulos e números em Fragment Mono, laranja sempre com texto preto, alvos de 44 px.
  .lote-fora é a mesma caixa de girar-pdf, organizar-pdf, dividir-pdf e outras (repetida em cada
  página até ir para o dicode.css): mude todas juntas.
*/
/* O que está escondido (hidden) fica escondido, mesmo com display de grade ou flex nas classes */
#ferramenta [hidden] { display: none !important; }
.comprimir-opcoes { display: grid; gap: 24px; min-width: 0; }
.comprimir-outro { max-width: 560px; }
.comprimir-mb { max-width: 200px; font-family: var(--fonte-mono); }
.comprimir-cinza { display: grid; gap: 4px; max-width: 560px; }
.comprimir-opcao { min-height: 44px; line-height: 1.4; }

/* Link para Desbloquear PDF (embaixo do PDF com senha, na lista, e na caixa de erro) */
.comprimir-desbloquear { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; color: var(--preto); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.arquivo-extra .comprimir-desbloquear { margin-top: 4px; }
.erro .comprimir-desbloquear { margin-top: 8px; }

/* Não coube no limite: o que houve e o botão de dividir */
.comprimir-dividir { display: grid; gap: 12px; padding: 16px 20px; border: 1px solid var(--preto); background: var(--branco); }
.comprimir-dividir p { margin: 0; font-size: 15px; line-height: 1.45; overflow-wrap: anywhere; }
.comprimir-dividir .botao { justify-self: start; max-width: 100%; white-space: normal; text-align: left; }

/* PDFs que ficaram de fora (com senha, danificados...) */
.lote-fora { display: grid; gap: 8px; padding: 16px 20px; border: 1px solid var(--preto); background: var(--branco); }
.lote-fora ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; font-size: 15px; line-height: 1.45; }
.lote-fora li { display: grid; grid-template-columns: 7px minmax(0, 1fr); column-gap: 10px; align-items: baseline; }
.lote-fora li::before { content: ''; grid-row: 1; width: 7px; height: 7px; background: var(--laranja); }
.lote-fora-nome { font-weight: 600; overflow-wrap: anywhere; text-decoration: line-through; text-decoration-thickness: 1px; }
.lote-fora-motivo { grid-column: 2; overflow-wrap: anywhere; }