@media print {
  @page {
    size: A4 landscape;
    margin: 0.5cm;
  }

  header,
  nav {
    display: none !important;
  }

  main > div:first-child {
    display: none !important;
  }

  body,
  html,
  main,
  [data-testid="DefaultOverlay"],
  [data-testid="DefaultOverlay"] > div {
    height: auto !important;
    overflow: visible !important;
  }

  .MuiCard-root {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  .MuiAccordion-root {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  .MuiAccordion-root .MuiCollapse-root {
    height: auto !important;
    visibility: visible !important;
  }

  tr {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  canvas,
  svg {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  [data-component-id="statusReportTitleCard"],
  [data-component-id="kpiTitleCard"],
  [data-component-id="budgetOverviewTitleCard"],
  [data-component-id="timelineTitleCard"] {
    page-break-before: always !important;
    break-before: page !important;
  }
}