/* dicode.ai — CSS só da página Reparar PDF (/reparar-pdf).
   Tela: assets/js/ferramentas/telas/reparar-pdf.js; opções: templates/ferramentas/reparar-pdf.html.
   Só os tokens do design system, cantos retos, sem sombra nem gradiente, linhas de 1px, alvos de
   toque de 44px. */

/* Senha (só aparece quando o PDF pede senha para abrir) */
.reparar-senha { display: grid; gap: 16px; min-width: 0; }
.reparar-senha[hidden] { display: none; }
.reparar-senha-aviso { margin: 0; background: var(--branco); }
.reparar-senha .campo { max-width: 480px; }
.reparar-mostrar { min-height: 44px; }

/* Resultado: prévia das primeiras páginas do PDF novo. Os quadros têm tamanho fixo desde o começo
   (proporção de folha A4 em pé): as miniaturas chegam depois sem mudar a altura de nada. */
.reparar-previas { display: grid; gap: 10px; min-width: 0; }
.reparar-previas > .rotulo { margin: 0; }
.reparar-previas-lista {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: 8px;
}
@media (min-width: 720px) { .reparar-previas-lista { grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 12px; } }
.reparar-previa { display: grid; gap: 6px; min-width: 0; }
.reparar-previa-quadro {
  position: relative;
  aspect-ratio: 210 / 297;
  border: 1px solid var(--preto);
  background: var(--branco);
  overflow: hidden;
}
.reparar-previa-quadro img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; }
.reparar-previa-quadro img[hidden] { display: none; }
/* Página que não deu para desenhar: um traço laranja no lugar da miniatura */
.reparar-previa--falhou .reparar-previa-quadro::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7px;
  height: 7px;
  margin: -3px 0 0 -3px;
  background: var(--laranja);
}
.reparar-previas-mais { margin: 0; }

/* Detalhes técnicos (texto do qpdf, em inglês): fechado por padrão */
.reparar-detalhes-corpo { display: grid; gap: 8px; padding: 4px 0 16px; min-width: 0; }
.reparar-detalhes-corpo p { margin: 0; font-size: 15px; color: var(--cinza); }
.reparar-detalhes-lista {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
  font-family: var(--fonte-mono);
  font-size: 13px;
  line-height: 1.5;
}
.reparar-detalhes-lista li { overflow-wrap: anywhere; }