/* GAINVO document output compatibility layer — v4.4.1 */

/* Keep the off-screen export clone independent from phone breakpoints. */
.receipt-paper.document-export-mode{
  box-sizing:border-box!important;
  width:794px!important;
  max-width:794px!important;
  min-width:794px!important;
}
.document-export-mode.template-bold:before{display:none!important}

@page gainvo-a4{size:A4 portrait;margin:0}

@media print{
  /* No application control may enter a business document. Fixed sheets can
     otherwise become a second page in iOS Safari and desktop Chromium. */
  .sidebar,.sidebar-backdrop,.topbar,.mobile-nav,.document-toolbar,.document-side,
  .sheet-backdrop,.bottom-sheet,.modal,.toast-region,.support-problem-modal,
  .content>[data-auto-dismiss],
  .public-doc-header,.public-status,.public-doc-actions,.public-security-note,
  .payment-parent-alert,.correction-alert{display:none!important}

  html,body{
    width:209mm!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#fff!important;
  }
  .app-shell,.app-main,.content,.document-view-grid,.public-document-main{
    display:block!important;
    width:209mm!important;
    max-width:209mm!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  #receiptPaper,
  .public-document-main>.receipt-paper{
    page:gainvo-a4;
    box-sizing:border-box!important;
    display:block!important;
    width:209mm!important;
    max-width:209mm!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:16mm 18mm!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    break-before:auto!important;
    break-after:auto!important;
    page-break-before:auto!important;
    page-break-after:auto!important;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
  }

  /* Mobile media queries still match while an iPhone is printing. Restore the
     deliberate A4 arrangement after all responsive and template styles. */
  #receiptPaper .receipt-head,.public-document-main>.receipt-paper .receipt-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:25px!important;
  }
  #receiptPaper .receipt-business,.public-document-main>.receipt-paper .receipt-business{
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
  }
  #receiptPaper .receipt-business img,#receiptPaper .receipt-logo-placeholder,
  .public-document-main>.receipt-paper .receipt-business img,
  .public-document-main>.receipt-paper .receipt-logo-placeholder{
    width:63px!important;height:63px!important;
  }
  #receiptPaper .receipt-business h2,.public-document-main>.receipt-paper .receipt-business h2{font-size:20px!important}
  #receiptPaper .receipt-business p,.public-document-main>.receipt-paper .receipt-business p{font-size:10px!important}
  #receiptPaper .receipt-title,.public-document-main>.receipt-paper .receipt-title{text-align:right!important;margin-top:0!important}
  #receiptPaper .receipt-title span,.public-document-main>.receipt-paper .receipt-title span{font-size:27px!important}
  #receiptPaper .receipt-title strong,.public-document-main>.receipt-paper .receipt-title strong{font-size:10px!important}
  #receiptPaper .receipt-rule,.public-document-main>.receipt-paper .receipt-rule{margin:27px 0!important}
  #receiptPaper .receipt-meta,.public-document-main>.receipt-paper .receipt-meta{
    display:flex!important;justify-content:space-between!important;gap:24px!important;margin-bottom:27px!important;
  }
  #receiptPaper .receipt-meta>div:last-child,
  .public-document-main>.receipt-paper .receipt-meta>div:last-child{min-width:220px!important}
  #receiptPaper .receipt-items,.public-document-main>.receipt-paper .receipt-items{display:table!important;width:100%!important;table-layout:auto!important}
  #receiptPaper .receipt-items th,#receiptPaper .receipt-items td,
  .public-document-main>.receipt-paper .receipt-items th,
  .public-document-main>.receipt-paper .receipt-items td{padding:10px!important;font-size:10px!important}
  #receiptPaper .receipt-totals,.public-document-main>.receipt-paper .receipt-totals{
    display:grid!important;grid-template-columns:1fr 70mm!important;gap:9mm!important;margin-top:28px!important;
  }
  #receiptPaper .receipt-totals .receipt-note,
  .public-document-main>.receipt-paper .receipt-totals .receipt-note{order:initial!important}
  #receiptPaper .receipt-foot,.public-document-main>.receipt-paper .receipt-foot{
    display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;margin-top:16mm!important;
  }
  #receiptPaper .verification-box,.public-document-main>.receipt-paper .verification-box{display:flex!important}
  #receiptPaper .receipt-thanks,.public-document-main>.receipt-paper .receipt-thanks{margin:8mm 0 3mm!important}

  /* The large screen-only Bold decoration can escape the printable box on
     narrow WebKit devices and manufacture a coloured/blank second sheet. */
  #receiptPaper.template-bold:before,
  .public-document-main>.receipt-paper.template-bold:before{display:none!important}

  /* Thermal output retains its dedicated narrow-paper rules. */
  body[data-print-format="thermal80"],body[data-print-format="thermal58"]{width:auto!important}
  body[data-print-format="thermal80"] .app-shell,body[data-print-format="thermal80"] .app-main,
  body[data-print-format="thermal80"] .content,body[data-print-format="thermal80"] .document-view-grid,
  body[data-print-format="thermal58"] .app-shell,body[data-print-format="thermal58"] .app-main,
  body[data-print-format="thermal58"] .content,body[data-print-format="thermal58"] .document-view-grid{
    width:auto!important;max-width:none!important;
  }
  body[data-print-format="thermal80"] #receiptPaper,
  body[data-print-format="thermal58"] #receiptPaper{
    width:var(--gainvo-thermal-width)!important;max-width:var(--gainvo-thermal-width)!important;
    padding:var(--gainvo-thermal-padding)!important;overflow:visible!important;
  }
  body[data-print-format="thermal80"]{--gainvo-thermal-width:80mm;--gainvo-thermal-padding:4mm}
  body[data-print-format="thermal58"]{--gainvo-thermal-width:58mm;--gainvo-thermal-padding:3mm}
  body[data-print-format^="thermal"] #receiptPaper .receipt-head{display:block!important;text-align:center!important}
  body[data-print-format^="thermal"] #receiptPaper .receipt-business{display:grid!important;justify-items:center!important;gap:2mm!important}
  body[data-print-format^="thermal"] #receiptPaper .receipt-business img,
  body[data-print-format^="thermal"] #receiptPaper .receipt-logo-placeholder{width:14mm!important;height:14mm!important}
  body[data-print-format^="thermal"] #receiptPaper .receipt-business h2{font-size:12pt!important;color:#000!important}
  body[data-print-format^="thermal"] #receiptPaper .receipt-business p{font-size:7pt!important;color:#222!important}
  body[data-print-format^="thermal"] #receiptPaper .receipt-title{text-align:center!important;margin-top:4mm!important}
  body[data-print-format^="thermal"] #receiptPaper .receipt-title span{font-size:15pt!important;color:#000!important}
  body[data-print-format^="thermal"] #receiptPaper .receipt-title strong{font-size:7pt!important;color:#000!important}
  body[data-print-format^="thermal"] #receiptPaper .receipt-rule{height:1px!important;margin:4mm 0!important;background:#000!important}
  body[data-print-format^="thermal"] #receiptPaper .receipt-meta{display:grid!important;gap:3mm!important;margin-bottom:4mm!important}
  body[data-print-format^="thermal"] #receiptPaper .receipt-meta>div:last-child{min-width:0!important}
  body[data-print-format^="thermal"] #receiptPaper .receipt-items{table-layout:fixed!important;width:100%!important}
  body[data-print-format^="thermal"] #receiptPaper .receipt-items th{font-size:6.5pt!important;padding:2mm 1mm!important}
  body[data-print-format^="thermal"] #receiptPaper .receipt-items td{font-size:7pt!important;padding:2mm 1mm!important}
  body[data-print-format^="thermal"] #receiptPaper .receipt-totals{display:grid!important;grid-template-columns:1fr!important;gap:2mm!important;margin-top:4mm!important}
  body[data-print-format^="thermal"] #receiptPaper .receipt-totals .receipt-note{order:2!important}
  body[data-print-format^="thermal"] #receiptPaper .receipt-foot{display:grid!important;justify-items:center!important;text-align:center!important;gap:3mm!important;margin-top:5mm!important}
  body[data-print-format^="thermal"] #receiptPaper .receipt-thanks{margin:4mm 0 2mm!important;font-size:8pt!important;color:#000!important}
  body[data-print-format="thermal58"] #receiptPaper{font-size:7pt!important}
  body[data-print-format="thermal58"] #receiptPaper .receipt-items th,
  body[data-print-format="thermal58"] #receiptPaper .receipt-items td{font-size:5.7pt!important;padding:1.5mm .5mm!important}
  body[data-print-format="thermal58"] #receiptPaper .receipt-title span{font-size:13pt!important}
}