@media print {

    @page {
        size:landscape;
    }

    * {
        -webkit-print-color-adjust:exact;
        overflow:hidden;
    }

    html, body {
        width:100%;
        mso-page-orientation: landscape;
    }
    .mainwrapper.menuopen .rightpanel {
        margin-left:0px;
        padding-top:0px;

        width: 100%;
    }

    .dropdown .fa-caret-down {
        display:none;
    }

    .dropdown a {
        text-decoration:none !important;
    }

    .btn-group {
        display:none;
    }

    a[href]:after {
        content: '' !important;
    }

    .maincontent {
        padding:0px;
    }

    .maincontentinner {
        padding-top:0px;
    }

    .sortableTicketList .row-fluid {
        overflow:hidden !important;
    }

    .column {
        min-width:auto !important;
    }

    .header-title-dropdown {
        vertical-align:middle;
    }

    .btn {
        display:none !important;
    }

    .popup-wrapper {
        display:none !important;
    }

    .footer {
        position: fixed;
        right: 10px;
        padding: 0px !important;
        bottom: 10px;
    }

    /*
     * When a modal (e.g. a single to-do) is open, print only the modal's
     * content instead of the underlying page. nyroModal appends .nyroModalBg
     * (overlay) and .nyroModalCont (content) to the body, so we can hide the
     * rest of the app and let the modal flow onto the page.
     */
    body:has(.nyroModalCont) .mainwrapper,
    body:has(.nyroModalCont) .nyroModalBg,
    .nyroModalCont .nyroModalClose,
    .nyroModalCont .modalCloseButton {
        display: none !important;
    }

    body:has(.nyroModalCont) .nyroModalCont {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
        page-break-inside: avoid;
    }

    body:has(.nyroModalCont) .nyroModalCont * {
        overflow: visible !important;
    }
}

/*
 * Report screens (project / plan / strategy): keep board-packet output clean.
 */
@media print {

    .periodPicker .btn-group,
    .periodPicker .periodPickerCustom,
    .hideOnPrint {
        display: none !important;
    }

    .reportMilestone,
    .reportStatusUpdate,
    .reportGoalTable tr,
    .reportNeedsAttention,
    .reportSlippage,
    .programMatrixTable tr {
        page-break-inside: avoid;
    }

    /* Expand drill-down task lists so the packet is complete on paper. */
    .reportKeyTasks {
        display: block;
    }

    .reportKeyTasks[open] summary,
    .reportKeyTasks summary {
        list-style: none;
    }

    .reportKeyTasks > ul {
        display: block !important;
    }

    /* Status colors must survive printer color handling. */
    .reportStatusPill span,
    .reportStatusNarrative .reportStatusUpdate,
    .reportNeedsAttention {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    /* Milestone links read as text in the packet. */
    .hideLinkOnPrint {
        color: inherit !important;
        text-decoration: none !important;
    }
}

@media print {
    /* Chromium hides closed <details> content via content-visibility. */
    .reportKeyTasks::details-content {
        content-visibility: visible !important;
        display: block !important;
    }
}