@media print{
  @page{size:auto;margin:.38in}
  html,body{width:100%!important;min-height:0!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}
  body> :not(#modal){display:none!important}
  #modal{display:block!important;position:static!important;inset:auto!important;width:100%!important;height:auto!important;background:#fff!important;overflow:visible!important}
  #modal .sheet{display:block!important;position:static!important;width:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:visible!important;background:#fff!important}
  #modal .sheet>*{display:none!important}
  #modal .sheet>.invoice{display:block!important}
  #modal .invoice{width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;break-inside:avoid-page!important;page-break-inside:avoid!important;font-size:10.5pt!important}
  #modal .invoicehead{gap:12px!important}
  #modal .invoicehead img{width:160px!important;max-width:45%!important;max-height:78px!important}
  #modal .invoiceid{font-size:10pt!important}
  #modal .bill{gap:12px!important;margin:14px 0!important}
  #modal .bill strong,#modal .bill span{font-size:10pt!important}
  #modal .line,#modal .total{padding:9px 0!important}
  #modal .total{font-size:17pt!important}
  #modal .paybox{margin-top:8px!important;padding:10px!important;border-radius:10px!important}
  #modal .paybox p{margin:5px 0!important}
  #modal .hint{margin-top:10px!important}
}