/* Reportes: resumen con grid de dos columnas */
.report-summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
  grid-template-rows: repeat(7, auto);
  gap: 2px 30px;
  font-size: 14px;
  margin-bottom: 10px;
}

/* Responsive: una columna en móviles */
@media (max-width: 640px) {
  .report-summary {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    grid-template-rows: auto;
    gap: 4px;
  }
}