/* THERMAL RECEIPT PRINTING */
@media print {
  body * {
    visibility: hidden !important;
  }
  #ticket-modal,
  #ticket-receipt-content,
  #ticket-receipt-content * {
    visibility: visible !important;
  }
  #ticket-modal {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: auto !important;
    background: transparent !important;
    display: block !important;
    padding: 0 !important;
  }
  .ticket-dialog {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    width: 80mm !important;
    max-width: 80mm !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .dialog-header,
  .dialog-footer {
    display: none !important;
  }
  #ticket-receipt-content {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 80mm !important;
    max-width: 80mm !important;
    margin: 0 !important;
    padding: 8px 4px !important;
    background: #fff !important;
    color: #000 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
  /* Specific widths according to selected POS format */
  .ticket-dialog.paper-58mm,
  #ticket-receipt-content.paper-58mm {
    width: 58mm !important;
    max-width: 58mm !important;
    font-size: 10px !important;
    padding: 4px 2px !important;
  }
  .ticket-dialog.paper-50mm,
  #ticket-receipt-content.paper-50mm {
    width: 50mm !important;
    max-width: 50mm !important;
    font-size: 9px !important;
    padding: 2px 1px !important;
  }
  .ticket-dialog.paper-76mm,
  #ticket-receipt-content.paper-76mm {
    width: 76mm !important;
    max-width: 76mm !important;
    font-size: 11px !important;
    padding: 6px 3px !important;
  }
  .ticket-dialog.paper-80mm,
  #ticket-receipt-content.paper-80mm {
    width: 80mm !important;
    max-width: 80mm !important;
    font-size: 12px !important;
    padding: 8px 4px !important;
  }
}

/* Modal screen preview widths matching real paper */
.ticket-receipt.paper-58mm {
  max-width: 260px;
  font-size: 10.5px;
  margin: 0 auto;
}
.ticket-receipt.paper-50mm {
  max-width: 220px;
  font-size: 9.5px;
  margin: 0 auto;
}
.ticket-receipt.paper-76mm {
  max-width: 320px;
  font-size: 11.5px;
  margin: 0 auto;
}
.ticket-receipt.paper-80mm {
  max-width: 340px;
  font-size: 12px;
  margin: 0 auto;
}