/* Estilos complementares ao Tailwind */
/* Layout de lista (tela): 1 coluna para os cards */
#listContainer { display: grid; grid-template-columns: 1fr; gap: 12px; }
.group-header { grid-column: 1 / -1; }
.card-item { break-inside: avoid; page-break-inside: avoid; }

/**************** Impressão ****************/
@page { size: A4; margin: 4mm; }
.print-header { display: none; }
@media print {
  .no-print { display: none !important; }
  html, body { background: #fff; font-size: 9px; margin: 0; padding: 0; }
  /* Lista em 1 coluna no print */
  #listContainer { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; }
  .group-header { grid-column: 1 / -1; }
  .card-item { break-inside: avoid; page-break-inside: avoid; }
  .inner-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 6px !important; }
  .print-header { display: flex !important; justify-content: space-between; align-items: center; margin: 6px 0; font-weight: 600; }
}

/* Por padrão, labels de impressão ficam escondidos na tela */
.pr-only { display: none; }

/* Miniaturas de fotos */
.thumb { width: 100%; height: 140px; object-fit: cover; border-radius: 0.25rem; border: 1px solid #e5e7eb; }
/* Fundo modal */
.modal-bg { background: rgba(0,0,0,0.5); }