/* The printed load sheet (packages/load/draw.js `sheet`): the truck pack page and the crew view print the same thing.
   Print only; the page shows the sheet by setting body[data-print=sheet] and hiding everything else. */
@media print{
  .sheet{font:10pt/1.35 Arial,Helvetica,sans-serif;color:#000;break-after:page}
  .sheet:last-child{break-after:auto}
  .sheet .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .sh-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #000;padding-bottom:2mm;margin-bottom:3mm}
  .sh-head h1{font:700 17pt/1.15 Arial,sans-serif;margin:0}
  .sh-kicker,.sh-truck{margin:0}
  .sh-truck{font-size:12pt;font-weight:700}
  .sh-pass{font:20pt "Saira Stencil One",Impact,sans-serif;border:2px solid #000;padding:0 2mm}
  .sh-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5mm 4mm;margin:0 0 3mm}
  .sh-facts div{border:1px solid #999;padding:1mm 2mm}
  .sh-facts dt{font-size:8pt;color:#333}
  .sh-facts dd{margin:0;font-weight:700}
  .sh-facts dd.bad{color:#B00000}
  .sh-warn{border:2px solid #000;padding:1.5mm 2mm;margin-bottom:3mm}
  .sheet h2{font:700 11pt Arial,sans-serif;margin:3mm 0 1mm;break-after:avoid}
  .sheet svg{display:block;width:100%;height:auto;max-height:70mm;break-inside:avoid}
  .sh-note{margin:0 0 1.5mm}
  .sh-list{width:100%;border-collapse:collapse;font-size:9.5pt}
  .sh-list th{text-align:left;border-bottom:1.5px solid #000;padding:1mm}
  .sh-list td{border-bottom:1px solid #999;padding:1.2mm 1mm;vertical-align:top}
  .sh-list tr{break-inside:avoid}
  .sh-list .n{text-align:right;white-space:nowrap}
  .sh-list th:nth-child(1),.sh-list td:nth-child(1){width:14mm}
  .sh-list th:nth-child(2){width:8mm}
  .sh-list .sub{font-size:8.5pt;color:#333}
  .sh-list .tick span[aria-hidden]{display:inline-block;width:4.5mm;height:4.5mm;border:1.5px solid #000}
  .sh-notes{border:1px solid #999;min-height:18mm;padding:1.5mm 2mm}
  .sh-sign{margin:4mm 0 2mm}
  .sh-foot{font-size:8pt;color:#333;margin:0}
  .sh-qr{display:flex;gap:4mm;align-items:center;margin:3mm 0 2mm;break-inside:avoid}
  .sh-qr svg{width:30mm;height:30mm;max-height:none;flex:0 0 auto}
  .sh-qr p{margin:0;font-size:9pt}
  /* The dock checklist (draw.js `checklist`): big tick boxes, every case on its own line. */
  .ck-list td{padding:1.8mm 1mm}
  .ck-list th:nth-child(1),.ck-list td:nth-child(1),.ck-list th:nth-child(7),.ck-list td:nth-child(7),.ck-list th:nth-child(8),.ck-list td:nth-child(8){width:11mm;text-align:center}
  .ck-list .box{display:inline-block;width:6mm;height:6mm;border:1.8px solid #000}
  .ck-list tr.first td{font-weight:700}
}