/* =========================================
   PRINT
   ========================================= */

/* =========================================
   PRINT
   ========================================= */
@media print {
  /* Hide the main app layout and other modals */
  .app-layout, 
  #modal-overlay, 
  .toast-container,
  .no-print { 
    display: none !important; 
  }
  
  /* Show only the receipt container */
  #receipt-overlay { 
    display: block !important; 
    visibility: visible !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    background: white !important;
  }

  #receipt-overlay * {
    visibility: visible !important;
  }

  /* Reset modal styles for print */
  #receipt-overlay .modal {
    box-shadow: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    background: white !important;
    display: block !important;
  }

  .receipt {
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 auto !important;
    padding: 0.2in !important;
    border: none !important;
    page-break-inside: avoid !important;
    display: block !important;
  }

  /* Force display for specific receipt elements */
  .receipt-row, table {
    display: block !important;
  }
  
  table { display: table !important; width: 100% !important; }
  tr { display: table-row !important; }
  th, td { display: table-cell !important; }
  .receipt-row { display: flex !important; justify-content: space-between; }

  .receipt.si { max-width: 100% !important; padding: 0.3in !important; }
  #receipt-overlay .modal, #receipt-overlay .modal-body { max-height: none !important; overflow: visible !important; }
  .doc-pages { display: block !important; gap: 0 !important; }
  .doc-pages > .doc-page + .doc-page { border-top: none !important; padding-top: 0.3in !important; }
  .doc-page { break-after: page; page-break-after: always; }
  .doc-page:last-child { break-after: auto; page-break-after: auto; }
  .si-bottom { display: grid !important; }
  .si-title-row, .si-type-row, .si-types, .si-foot { display: flex !important; }
  .si * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }

  .modal-header.no-print, .modal-close { display: none !important; }

  @page {
    size: auto;
    margin: 0;
  }

  body, html {
    background: white !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }
}