.packing-page{font-family:Arial,sans-serif;width:210mm;min-height:297mm;background:#fff;color:#171717;padding:10mm;margin:20px auto;box-shadow:0 2px 18px #203b2420;font-size:9px;position:relative}.packing-eyebrow{font-size:8px;letter-spacing:.7px;color:#555;border-bottom:1px solid #aaa;padding-bottom:3mm}.packing-heading{display:flex;justify-content:space-between;margin:3mm 0 4mm}.packing-heading h1{font-size:25px;letter-spacing:-.5px;margin:0 0 2mm}.packing-heading p{font-size:11px;margin-bottom:2mm}.packing-heading small{font-size:9px;line-height:1.3;color:#555}.packing-head-barcode{width:40mm;text-align:center}.packing-head-barcode svg{width:40mm;height:12mm}.packing-head-barcode strong{display:block}.packing-facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #aaa;background:#f5f5f5;margin-bottom:4mm}.packing-facts div{padding:2.5mm 3mm;border-right:1px solid #aaa}.packing-facts div:last-child{border:0}.packing-facts small{font-size:7px;display:block;color:#444}.packing-facts strong{display:block;font-size:20px}.packing-table{table-layout:fixed;line-height:1.25;white-space:normal}.packing-table th{background:#e9e9e9;padding:2.5mm 1.4mm;color:#111;font-size:8px;letter-spacing:0;white-space:normal;border-color:#aaa}.packing-table td{padding:2.5mm 1.4mm;font-size:8px;border-color:#ccc;vertical-align:top;overflow-wrap:anywhere}.packing-table td:first-child,.packing-table th:first-child{width:4%;text-align:center}.packing-table th:nth-child(2){width:23%}.packing-table th:nth-child(3){width:10%}.packing-table th:nth-child(4){width:15%}.packing-table th:nth-child(5){width:9%}.packing-table th:nth-child(6){width:5%}.packing-table th:nth-child(7){width:6%}.packing-table th:nth-child(8){width:6%}.packing-table th:nth-child(9){width:22%}.packing-table tbody tr:nth-child(even){background:#f7f7f7}.packing-table td:nth-child(7){font-size:11px}.packing-table td:nth-child(n+5):nth-child(-n+8){text-align:center}.packing-bottom{margin-top:5mm;border-top:1.5px solid #444;padding-top:3mm;break-inside:avoid}.packing-bottom h2{font-size:14px;margin:0 0 1.5mm}.packing-bottom p{font-size:9px;color:#555;margin:0 0 3mm}.barcode-cells{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #888;margin-bottom:2mm}.barcode-cells>div{padding:3mm 1mm;text-align:center;border-right:1px solid #888;min-height:27mm;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2mm}.barcode-cells>div:last-child{border:0}.barcode-cells strong{font-size:10px}.barcode-cells svg{width:100%;max-width:29mm;height:10mm;display:block}.barcode-cells b{font-size:8px}.barcode-cells span{font-size:9px;color:#777}.packing-bottom>small{font-size:8px}.packing-footer{position:absolute;left:10mm;right:10mm;bottom:7mm;display:flex;justify-content:space-between;font-size:7px;color:#666}.print-mode .workspace{overflow-x:auto}.print-mode .footer{display:none}@media print{@page{size:A4 portrait;margin:0}body.print-mode #header,body.print-mode #demo,body.print-mode .print-tools,body.print-mode #toast,body.print-mode #dialog{display:none!important}.packing-page{box-shadow:none;margin:0;width:210mm;min-height:297mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}.packing-page header{display:flex}.packing-page footer{display:flex}.print-mode .workspace{overflow:visible}}

/* Match the available A4 sample typographic sizes in points. */
.packing-eyebrow{font-size:7pt}.packing-heading h1{font-size:22pt}.packing-heading p{font-size:9pt}.packing-heading small{font-size:7.5pt}.packing-facts small{font-size:6.6pt}.packing-facts strong{font-size:17pt}.packing-table th{font-size:7pt}.packing-table td{font-size:7.8pt}.packing-table td:nth-child(2){font-size:8.3pt}.packing-table td:nth-child(3){font-size:7pt}.packing-table td:nth-child(6){font-size:6.8pt}.packing-table td:nth-child(7){font-size:10.8pt}.packing-bottom h2{font-size:11.4pt}.packing-bottom p{font-size:7.8pt}.barcode-cells strong{font-size:8.4pt}.barcode-cells b{font-size:7pt}.packing-bottom>small{font-size:7pt}.packing-footer{font-size:6.5pt}