/* wwwroot/css/print.css */


@media screen {
    /*Hid elements in web view that we want to render in print only.
        Used for "Performed" column of printouts.
    */
    .print-only {
        display: none !important;
    }
    .screen-only {
        display: block !important;
    }

    td.screen-only, th.screen-only {
        display: table-cell !important;
    }
}

@media print {
    .screen-only {
        display: none !important;
    }
    .print-only {
        display: table-cell !important;
    }
    /* Page setup */
    @page {
        margin: 12mm;
        /* Uncomment if you want landscape by default */
        size: landscape;
    }


    /* Hide app chrome / controls */
    nav,
    footer,
    .navbar,
    .btn,
    button,
    a.btn,
    form,
    .alert,
    .no-print {
        display: none !important;
    }

    /* Make links print like normal text */
    a, a:visited {
        color: #000 !important;
        text-decoration: none !important;
    }

    /* Use full width and remove “screen” spacing */
    body {
        background: #fff !important;
    }

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* If you use these Bootstrap header bands, make them print-friendly */
    .bg-secondary,
    .bg-secondary.bg-opacity-10 {
        background: transparent !important;
    }

    /* Typography tweaks */
    h1 {
        font-size: 18pt !important;
        margin: 0 0 8pt 0 !important;
    }

    h2 {
        font-size: 14pt !important;
        margin: 0 0 6pt 0 !important;
    }

    h3, h4, h5 {
        margin: 0 0 6pt 0 !important;
    }

    /* Tables: compact + readable */
    table {
        width: 100% !important;
        border-collapse: collapse !important;
    }

    .table > :not(caption) > * > * {
        padding: 4px 6px !important;
    }

    .table thead td,
    .table thead th {
        border-bottom: 1px solid #000 !important;
        font-weight: 600 !important;
    }

    .table td,
    .table th {
        border-color: #999 !important;
    }

    /* Avoid ugly page breaks */
    tr, td, th {
        page-break-inside: avoid !important;
    }

    /* Optional: make muted notes still readable */
    .text-muted,
    .small {
        color: #222 !important;
    }
}