@media print {
    /*    !* Ensure colors actually print *!*/
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        box-shadow: none !important;
    }

    @page {
        size: A4 landscape;
        margin: 12mm;
    }

    button {
        display: none !important;
    }

    .overflow-visible, .overflow-x-auto {
        overflow: visible !important;
        display: block !important;
    }

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

/* This locks the entire summary page without breaking the layout */
.readonly-mode input,
.readonly-mode select,
.readonly-mode textarea {
    pointer-events: none; /* Stops all clicks and typing */
    /*background-color: #f3f4f6 !important; !* Visual 'grayed out' look *!*/
    border-color: #d1d5db !important;
    user-select: none;
}

.readonly-mode input,
.readonly-mode textarea {
    pointer-events: none;
    border-color: #d1d5db !important;

    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */
    user-select: none;
}

/* Hide the Add/Remove row controllers in review mode */
.readonly-mode #add_row_btn,
.readonly-mode #remove_row_btn,
.readonly-mode .row-controller {
    display: none !important;
}
