/* Print styles for reports */
@media print {
  /* Hide navigation elements */
  header, 
  nav, 
  .sidebar, 
  button, 
  [class*="filter-"], 
  .filter-controls,
  .print-hide,
  footer {
    display: none !important;
  }
  
  /* Hide specific elements that shouldn't be printed */
  input, select, .select, .popover {
    display: none !important;
  }
  
  /* Hide tab navigation while preserving tab content */
  [role="tablist"],
  .tabs-list {
    display: none !important;
  }
  
  /* Make all tab content visible */
  [role="tabpanel"],
  .print-show {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    margin-bottom: 2rem !important;
  }
  
  /* Full width for main content */
  .main-content {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Reset background colors for better printing */
  body, 
  .card, 
  .card-content {
    background-color: white !important;
    color: black !important;
    box-shadow: none !important;
  }
  
  /* Add page breaks between sections */
  .report-section {
    page-break-after: always;
    margin-bottom: 2rem;
  }
  
  /* Adjust font sizes */
  h1 {
    font-size: 24pt !important;
  }
  
  h2 {
    font-size: 18pt !important;
  }
  
  h3, h4 {
    font-size: 14pt !important;
  }
  
  p, div {
    font-size: 12pt !important;
  }
  
  /* Ensure charts are visible */
  .recharts-surface,
  .recharts-wrapper,
  .recharts-plot-wrapper,
  .recharts-legend-wrapper {
    height: auto !important;
    width: 100% !important;
    overflow: visible !important;
    page-break-inside: avoid !important;
  }
  
  /* Ensure charts render with correct colors when printing */
  .recharts-layer,
  .recharts-bar-rectangle {
    stroke: #000 !important;
    stroke-width: 0.5pt !important;
  }
  
  /* Add company info and date to first page */
  .report-header::before {
    content: "INALMA Production";
    display: block;
    font-size: 20pt;
    font-weight: bold;
    margin-bottom: 0.5rem;
  }
  
  .report-header::after {
    content: "Generated on: " attr(data-print-date);
    display: block;
    font-size: 10pt;
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
  
  /* Ensure tables print well */
  table {
    width: 100% !important;
    border-collapse: collapse !important;
  }
  
  th, td {
    border: 1px solid #ddd !important;
    padding: 8px !important;
  }
  
  /* Add page numbers */
  @page {
    margin: 0.5cm;
  }
  
  /* Ensure the content fits nicely on the page */
  .print-fit {
    break-inside: avoid;
  }
}