/* ==========================================================================
   Project Planner - Print Styles
   ========================================================================== */

@media print {
    body {
        background: #fff;
        font-size: 10px;
    }

    .no-print,
    #toast-container,
    #loading-overlay,
    #session-expired-overlay,
    #bulk-action-bar,
    .tree-toolbar,
    .header-actions,
    .btn-assign,
    .tree-checkbox,
    .col-tree-check,
    .col-tree-actions,
    .resource-popover,
    .modal-backdrop {
        display: none !important;
    }

    #app-header {
        border-bottom: 2px solid #000;
        padding: 4px 8px;
    }

    .header-title {
        font-size: 14px;
    }

    #main-content {
        display: block !important;
        height: auto !important;
    }

    #tree-panel, #activities-panel {
        overflow: visible !important;
        height: auto !important;
    }

    .wbs-tree thead th {
        position: static;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

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

    .tree-level-0 {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .resource-badge {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .badge {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    /* In print, show panels stacked */
    #main-content {
        flex-direction: column !important;
    }

    #activities-panel {
        border-left: none !important;
        border-top: 2px solid var(--gray-300);
        page-break-before: auto;
    }
}