/* Printing: app.js moves #printRoot to <body> before printing, so everything
   else can be hidden and each .page becomes exactly one sheet. */
@media print {
  html, body { margin: 0 !important; padding: 0 !important; background: #fff !important; height: auto !important; overflow: visible !important; }
  body > *:not(#printRoot) { display: none !important; }
  #printRoot { display: block !important; position: static !important; width: auto !important; height: auto !important; overflow: visible !important; }
  #printRoot .page-wrap { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; overflow: visible !important; }
  #printRoot .page-wrap .page { transform: none !important; box-shadow: none !important; margin: 0 !important; break-after: page; page-break-after: always; }
  #printRoot .page-wrap:last-of-type .page { break-after: auto; page-break-after: auto; }
  #printRoot .page-num, #printRoot .more-pages, #printRoot .empty { display: none !important; }
  .card, .cell, .card-headers span, .callsheet { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}