/* print.css - only applies when printing the editor page itself
 * (Ctrl+P from the app). The dedicated print window built by storage.js
 * injects its own @page rule and does not load this file. */

@media print {
  .topbar,
  .panel,
  .preview-bar,
  .modal,
  .toast,
  .skip-link,
  .pane-switch,
  .about, .maker { display: none !important; }

  /* The phone layout hides one pane. Printing must always show the receipt. */
  body:not(.show-preview) .preview { display: block !important; }

  html, body { background: #fff; height: auto; }

  .layout { display: block; }

  .preview { background: #fff; min-height: 0; }

  .stage {
    --zoom: 1;
    padding: 0;
    background: #fff;
    display: block;
    overflow: visible;
  }
  .stage > div { transform: none !important; }

  .receipt {
    box-shadow: none !important;
    margin: 0 auto;
    break-inside: avoid;
  }
  .receipt.torn::before,
  .receipt.torn::after { display: none; }

  .rc-item, .rc-table tr, .rc-totals, .rc-tax { break-inside: avoid; }
  .rc-head { break-after: avoid; }

  @page { margin: 10mm; }
}