/* Estilos CSS para impresión optimizados */

@media print {
  /* Ocultar elementos no necesarios en impresión */
  .no-print,
  button,
  [class*="print:hidden"] {
    display: none !important;
  }

  /* Asegurar que el contenido ocupe toda la página */
  body {
    margin: 0;
    padding: 0;
  }

  /* Optimizar colores para impresión */
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    color-adjust: exact;
  }

  /* Asegurar que las tablas se impriman correctamente */
  table {
    page-break-inside: avoid;
    border-collapse: collapse;
  }

  tr {
    page-break-inside: avoid;
  }

  /* Evitar cortes de página en elementos importantes */
  .print-keep-together {
    page-break-inside: avoid;
  }

  /* Headers y footers */
  @page {
    margin: 1.5cm;
    @top-center {
      content: "Reporte de Ventas";
    }
    @bottom-center {
      content: "Página " counter(page);
    }
  }

  /* Ajustar tamaños de fuente para impresión */
  h1 {
    font-size: 24pt;
  }

  h2 {
    font-size: 18pt;
  }

  h3 {
    font-size: 14pt;
  }

  /* Optimizar gráficas para impresión */
  .recharts-wrapper {
    page-break-inside: avoid;
  }

  /* Asegurar que los colores se impriman */
  .bg-green-50,
  .bg-blue-50,
  .bg-emerald-50,
  .bg-purple-50 {
    background-color: #f0f0f0 !important;
  }

  /* Bordes más visibles en impresión */
  .border {
    border-color: #000 !important;
  }
}