/* Hide navigation, buttons, or other non-essential elements */

@page {
    size: letter landscape !important;
}

/* Ask the browser to preserve colors when printing */
* {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}

/* Also ensure canvases / svgs / chart elements request exact printing */
canvas, svg, .e-chart {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}

/* hide Syncfusion tooltips for print only */
.e-tooltip-wrap {
    display: none;
    visibility: hidden;
    opacity: 0;
}

nav, 
button, 
footer .footer-columns, 
.sidebar, 
header, 
.noprint {
    display: none !important;
}

#sidebar-menu,
#button-control {
    display: none;
}

/* Ensure the main content uses the full width */
.main-content {
    width: 100% !important;
    margin: 0 !important;
}

#contentToPrint {
    padding-left: 50px;
    padding-right: 50px;
}

/* Style the main content area for printing */
div .e-chart {
    max-width: 100%;
}

body {
    margin-top: 50px; /* should be >= .print-header height */
    margin-bottom: 50px; /* should be >= .print-footer height */
}

/* Page break control */

.print-header {
    page-break-after: avoid;
}

.page-break {
    page-break-before: always;
}

.avoid-break {
    page-break-inside: avoid;
}

/* Optional: Prevent breaking inside specific divs/tables */
.avoid-break, table, tr, td, th {
    page-break-inside: avoid !important;
}

/* Optional: Add a visual indicator for page breaks 
.page-break {
    border-top: 2px dashed red !important;
}
*/