/* Printing of the manifest "romaneio" in the Blazor app (Blazor only, wms-shipping "Romaneio", Shared/ManifestPrint): the sheet is rendered in the
   print section of the Workspace (outside .workspace) as .print-area.manifest-print; components/printing.css hides the rest and draws the sheet
   (.manifest-sheet). Like the receiving report and the volume labels, the workspace leaves the flow while printing, so the sheet starts at the top of
   the first page; A4 portrait on its own named page (never a global @page, it would change the labels), with the page number at the bottom. */
@page load-manifest {
    size: A4 portrait;
    margin: 10mm;

    @bottom-right {
        content: counter(page) " / " counter(pages);
        font: 8pt Arial, sans-serif;
        color: var(--print-ink);
    }
}

.manifest-print .manifest-sheet {
    page: load-manifest;
    background: var(--print-paper);
}

/* Long destinations and many volume codes break inside their cells instead of widening the table past the page. */
.manifest-print .manifest-table {
    table-layout: fixed;
}

/* Order, destination, box (the rest), volume, weight, ASN/totals. */
.manifest-print .manifest-table th:nth-child(1) { width: 15%; }
.manifest-print .manifest-table th:nth-child(2) { width: 26%; }
.manifest-print .manifest-table th:nth-child(4) { width: 9%; }
.manifest-print .manifest-table th:nth-child(5) { width: 12%; }
.manifest-print .manifest-table th:nth-child(6) { width: 20%; }

.manifest-print .manifest-table td {
    overflow-wrap: anywhere;
    vertical-align: top;
}

/* One box per line (2026-10-26): the code never breaks, the external id of the order goes under its number in a smaller type. */
.manifest-print .manifest-table td.manifest-box {
    white-space: nowrap;
    overflow-wrap: normal;
}

/* The volume beside the box (2026-10-26): the number of the box in the order, centered. */
.manifest-print .manifest-table th:nth-child(4),
.manifest-print .manifest-table td.manifest-volume {
    text-align: center;
}

.manifest-print .manifest-table .manifest-ext {
    display: block;
    font-size: 8pt;
    overflow-wrap: anywhere;
}

.manifest-print .manifest-table tr.manifest-order-first td {
    border-top-width: 1.5px;
}

.manifest-print .manifest-seals h2 {
    margin: 4mm 0 1mm;
    font-size: 11pt;
}

@media print {
    body:has(.print-area.manifest-print) .workspace {
        display: none !important;
    }

    .print-area.manifest-print {
        position: static !important;
    }
}