﻿/* === Print Styles === */
@media print {
    body, html {
        background: #fff !important;
        color: #000;
        font-size: 12pt;
    }
    .grid, .row {
        letter-spacing: unset;
    }
    .wrapper div.sidebar,
    .wrapper .topbar,
    nav.breadcrumbs {
        display: none !important;
    }

    .content {
        margin: 0 auto !important;
        padding: 0 5% !important;
    }

    div[class*="col-"],
    .dashboard-tile {
        width: 100% !important;
        max-width: 100% !important;
        display: block;
        page-break-inside: avoid;
    }

        .dashboard-tile img {
            float: left;
            max-width: 10% !important;
            margin: 0 15px 0 0 !important;
        }

    .page-title {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        gap: 30px;
        font-size: 30pt;
        font-weight: 700;
        line-height: 1.1;
        color: #000;
        page-break-after: avoid !important;
        break-after: avoid-page !important;
    }

        .page-title .print-logo {
            display: inline-block;
            width: 175px;
            max-height: 150px;
            height: auto;
            border-right: 1px solid #333;
            padding-right: 20px;
            margin-right: 20px;
            box-sizing: border-box;
        }

        .page-title *:not(.print-logo) {
            flex: 1;
            font-size: 48pt;
            font-weight: 700;
            line-height: 1.2;
            color: #000;
        }

    .content::before {
        content: attr(data-print-title);
        display: block;
        text-align: right;
        font-size: 40pt;
        font-weight: bold;
        padding-bottom: 20px;
        border-bottom: 0px solid #333;
        margin-bottom: 20px;
    }

    body .uwy {
        display: none !important;
    }



    /* Dashboard tile cleanup for print */
    .dashboard-tile,
    .dashboard-tile-header,
    .dashboard-tile-body,
    .dashboard-tile-footer {
        background: none !important;
        color: #000 !important;
        box-shadow: none !important;
        border: 0px solid #CCC !important;
        padding: 0px !important;
    }

    .dashboard-tile-header {
        font-weight: bold !important;
        font-size: 18pt !important;
        border-bottom: 1px solid #AAA !important;
        margin-bottom: 10px;
    }

    .dashboard-tile-body {
        font-size: 12pt !important;
        line-height: 1.5;
    }

    /* Remove any hover, ribbon, or visual-only effects */
    .ribbon-label,
    .ad-widget,
    .ad-widget2,
    .image-only-tile,
    .rounded-button.ad-button {
        display: none !important;
    }

    /* Tables: clean borders, strip background, align text */
    table {
        width: 100% !important;
        border-collapse: collapse !important;
        background: none !important;
        color: #000 !important;
        font-size: 10pt !important;
        border: 1px solid #eee !important;
    }
    .dataTables_wrapper .top, .dataTables_wrapper .bottom {
        display: none;
    }
    table th,
    table td {
        padding: 6px 10px !important;
        border: 1px solid #eee !important;
        text-align: left !important;
        vertical-align: top;
        font-size: 14px !important;
    }

        table th {
            background: #eee !important;
            font-weight: bold !important;
        }

    .table-borderless td,
    .table-borderless th {
        border: none !important;
    }

    ::before, ::after {
        font-size: 14px !important;
    }
}
