.cj-document-header img{max-width:100%;height:auto}
.cj-document-footer{padding-top:12px;border-top:1px solid #cbd5e1;color:#18334f}
@media screen and (max-width:600px){
.page-modal-body:has(.cj-invoice-reader){padding:12px!important;overflow-x:hidden!important}
.cj-invoice-reader{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box}
.cj-invoice-reader>.header-display-toggle{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:12px!important;width:100%!important}
.cj-invoice-reader>.header-display-toggle button{min-height:44px!important;margin:0!important;padding:8px 10px!important;border-radius:8px!important;font-size:12px!important}
.cj-invoice-reader [data-cj-original-document-body]>div{margin:0!important;font-size:14px!important}
.cj-invoice-reader [data-cj-original-document-body]>div>.flex.items-start{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
.cj-invoice-reader [data-cj-original-document-body]>div>.flex.items-start>div{width:100%!important;min-width:0!important;text-align:left!important;font-size:14px!important}
.cj-invoice-reader [data-cj-original-document-body] p{line-height:1.5!important;overflow-wrap:anywhere}
.cj-invoice-reader [data-cj-original-document-body]>div>.flex.items-start>div>p{margin:4px 0!important}
.cj-invoice-reader :is(.invoiceHalf,.invoicea4){width:100%!important;overflow:visible!important;margin-top:14px}
.cj-invoice-reader :is(.invoiceHalf,.invoicea4) table{width:100%!important;min-width:0!important;display:block!important}
.cj-invoice-reader :is(.invoiceHalf,.invoicea4) thead{display:none!important}
.cj-invoice-reader :is(.invoiceHalf,.invoicea4) tbody{display:block!important;width:100%!important}
.cj-invoice-reader :is(.invoiceHalf,.invoicea4) tbody tr{display:block!important;margin-bottom:12px;border:1px solid #cbd5e1;border-radius:10px;padding:8px;background:#fff}
.cj-invoice-reader :is(.invoiceHalf,.invoicea4) tbody td{display:grid!important;grid-template-columns:100px minmax(0,1fr);gap:8px;width:auto!important;min-width:0!important;border:0!important;text-align:left!important;white-space:normal!important;font-size:14px!important;padding:7px!important;overflow-wrap:anywhere}
.cj-invoice-reader :is(.invoiceHalf,.invoicea4) tbody td::before{content:attr(data-invoice-label);font-size:11px;font-weight:700;color:#475569}
.cj-invoice-reader :is(.invoiceHalf,.invoicea4) tbody td br{display:none}
.cj-invoice-reader .MuiTableContainer-root:not(.invoiceHalf){max-width:100%!important;overflow-x:auto!important}
.cj-invoice-reader .MuiTableContainer-root:not(.invoiceHalf) table{min-width:0!important;width:100%!important}
.cj-invoice-reader .MuiTableContainer-root:not(.invoiceHalf) td,.cj-invoice-reader .MuiTableContainer-root:not(.invoiceHalf) th{font-size:12px!important;padding:8px 5px!important;white-space:normal!important}
.cj-invoice-reader .cj-visible-letterhead,.cj-invoice-reader .cj-visible-footer{width:100%!important;margin-left:0!important;max-width:100%!important}
.cj-invoice-reader .cj-document-footer{font-size:11px!important;line-height:1.5;padding-bottom:16px}
}
@media print{.cj-document-header{break-inside:avoid}.cj-document-header img{width:100%;height:auto}}

@media screen and (max-width:600px){
.page-modal-body>div:has(>.cj-invoice-reader){margin:0!important;width:100%!important;max-width:100%!important}
}
.cj-invoice-reader>.cj-visible-letterhead~[data-cj-original-document-body] img[alt="Company Pad"]{display:none!important}
@media screen and (max-width:600px){
.page-modal-body:has(.cj-invoice-reader) .no-print{display:flex!important;flex-wrap:wrap!important;gap:6px!important;max-width:100%!important}
.page-modal-body:has(.cj-invoice-reader) .no-print button{min-height:44px!important;max-width:100%!important;margin:0!important;padding:8px 10px!important;border-radius:8px!important}
}
.page-modal-body:has(.cj-visible-letterhead) img[alt="Company Pad"]{display:none!important}