/* Foto para PDF — só o que a base não tem. Só var(--...) da base, nenhuma cor nova. */

.zona .zona-rotulo strong { display: block; }
.zona .mono { color: var(--silk-3); }
.ajuda-entrada { margin: 12px 0 0; font-size: 15px; color: var(--silk-3); }

.lista-cab {
  display: flex; justify-content: space-between; align-items: baseline; gap: 8px 16px; flex-wrap: wrap;
  margin: 24px 0 0;
}
.lista-cab h2, .lista-cab p { margin: 0; }

.lista-fotos { list-style: none; margin: 10px 0 0; padding: 0; border-top: 1px solid var(--line); }
.foto {
  display: grid; grid-template-columns: 84px minmax(0, 1fr) auto; align-items: center;
  gap: 10px 16px; padding: 12px 0; border-bottom: 1px solid var(--line);
}
.foto-mini {
  width: 84px; height: 84px; display: grid; place-items: center; overflow: hidden;
  background: var(--bg); border: 1px solid var(--line-2); border-radius: 2px;
}
.foto-mini img { width: 100%; height: 100%; object-fit: contain; }
.foto-info { min-width: 0; display: grid; gap: 2px; }
.foto-num { color: var(--copper); }
.foto-info .nome-arq { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.foto-info .foto-dim { text-transform: none; letter-spacing: .02em; }
.foto-acoes { display: flex; gap: 6px; }
.foto-acoes .mini { min-width: 44px; min-height: 44px; display: inline-grid; place-items: center; padding: 0; }
.foto-acoes .mini svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.opcoes-pagina { margin: 22px 0 0; padding: 0; border: 0; min-width: 0; }
.opcoes-pagina legend { padding: 0; margin-bottom: 8px; }
.opcao {
  display: flex; gap: 12px; align-items: flex-start; cursor: pointer;
  padding: 12px 14px; margin-top: 8px; border: 1px solid var(--line-2); border-radius: 2px; background: var(--bg);
}
.opcao:has(input:checked) { border-color: var(--copper); }
.opcao input { margin: 5px 0 0; flex: 0 0 auto; width: 18px; height: 18px; accent-color: var(--copper); }
.opcao strong { font-weight: 500; }
.opcao-ajuda { display: block; font-size: 15px; color: var(--silk-3); }

.progresso { margin: 16px 0 0; text-transform: none; letter-spacing: .02em; color: var(--silk-2); }
.progresso:empty { display: none; }
.res-detalhe { margin: 8px 0 0; color: var(--silk-2); }

/* Celular: miniatura e nome em cima, os quatro botões numa linha embaixo. */
@media (max-width: 560px) {
  .foto { grid-template-columns: 72px minmax(0, 1fr); }
  .foto-mini { width: 72px; height: 72px; }
  .foto-acoes { grid-column: 1 / -1; justify-content: space-between; }
  .foto-acoes .mini { flex: 1 1 0; }
}