@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
/* Shared A4-style invoice preview and print layout, matching the supplied reference. */
.invoice-paper.reference-invoice{width:794px;max-width:100%;min-width:660px;min-height:0;box-sizing:border-box;border:1px solid #cdd6e9;border-radius:5px;background:#fff;color:#131c30;padding:25px 25px 20px;box-shadow:none;font-family:'Montserrat',Arial,sans-serif;font-size:13px;line-height:1.55}
.reference-invoice .reference-header{display:grid;grid-template-columns:35% 65%;align-items:start;gap:0;margin-bottom:22px;break-inside:avoid}.reference-logo img{width:138px;height:110px;object-fit:contain;object-position:left center}.reference-invoice .reference-title{text-align:right;padding-top:0}.reference-invoice .reference-title h2{font-family:'Montserrat',Arial,sans-serif;font-size:32px;line-height:1.2;letter-spacing:1px;font-weight:800;color:#10182b;margin:0 0 12px}.reference-invoice .reference-title p{font-size:13px;line-height:1.5;margin:0 0 2px;overflow-wrap:anywhere}.reference-title strong{font-weight:800}.reference-draft{display:inline-block;margin-top:6px;border:1px solid #cbd2e1;border-radius:3px;padding:1px 7px;font-size:9px;letter-spacing:1px;color:#65738a}.reference-invoice .reference-parties{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;margin-bottom:22px;break-inside:avoid}.reference-invoice .reference-parties h3,.reference-invoice .reference-parties h4{font:800 15px/1.5 'Montserrat',Arial,sans-serif;margin:0 0 2px;color:#131c30}.reference-invoice .reference-parties h4{margin:4px 0}.reference-invoice .reference-parties p{font-size:14.5px;line-height:1.55;margin:0 0 1px;white-space:pre-line;overflow-wrap:anywhere}.reference-customer{text-align:right}.reference-invoice .reference-journey{font-size:11px;margin:0 0 12px;color:#334057}.reference-invoice .reference-items-wrap{overflow:visible}.reference-invoice .reference-items{border-collapse:collapse;table-layout:fixed;width:100%;white-space:normal}.reference-invoice .reference-items th,.reference-invoice .reference-items td{border:1px solid #cbd4e7;padding:7px 6px;vertical-align:top;line-height:1.5;color:#162036;font-size:10.5px;background:white;overflow-wrap:anywhere}.reference-invoice .reference-items th{background:#f4f5f9;font-weight:800;font-size:10px;white-space:nowrap}.reference-invoice .reference-items td:not(:nth-child(2)),.reference-invoice .reference-items th:not(:nth-child(2)){text-align:right}.reference-invoice .reference-items td:first-child,.reference-invoice .reference-items th:first-child,.reference-invoice .reference-items td:nth-child(4),.reference-invoice .reference-items th:nth-child(4){text-align:center}.reference-invoice .reference-items td strong{font-weight:500}.reference-invoice .reference-items small{display:block;font-size:8px;line-height:1.5;color:#5f697c;margin-top:3px;white-space:pre-line}.reference-col-number{width:4%}.reference-col-description{width:auto}.reference-col-amount{width:13%}.reference-col-quantity{width:6%}.reference-col-tax{width:13%}.reference-col-total{width:15%}.reference-invoice .reference-totals{width:42%;margin:15px 0 20px auto;break-inside:avoid}.reference-totals>div{display:flex;justify-content:space-between;gap:15px;font-size:15px;line-height:1.7;padding:2px 0}.reference-totals strong{font-weight:800;white-space:nowrap}.reference-totals .reference-grand-total{border-top:1px solid #d7deeb;margin-top:4px;padding-top:6px;font-size:16px}.reference-totals .reference-paid{font-size:11px;color:#4f5d75;margin-top:6px}.reference-totals .reference-paid+div{font-size:12px}.reference-payment-section{display:grid;grid-template-columns:minmax(0,57%) minmax(0,43%);align-items:end;gap:12px;break-inside:avoid;margin-top:12px}.reference-invoice .reference-bank h3{font:800 15px/1.5 'Montserrat',Arial,sans-serif;margin:0 0 5px}.reference-invoice .reference-bank p{font-size:14px;line-height:1.6;margin:0 0 1px;white-space:pre-line;overflow-wrap:anywhere}.reference-invoice .reference-payment-instructions{font-size:10px!important;color:#53617a;margin-top:9px!important}.reference-notes{font-size:9px;color:#53617a;line-height:1.65;margin-top:8px;white-space:pre-line;overflow-wrap:anywhere}.reference-invoice .invoice-authorizations{max-width:100%;width:100%;margin:0 0 3px;padding-right:12px;color:#1a2740;font-size:10px}.reference-invoice .invoice-authorization-images{gap:14px}.reference-invoice .invoice-authorization-image{min-width:0}.reference-invoice .invoice-stamp img{width:82px;height:82px}.reference-invoice .invoice-signature img{width:135px;height:64px}.reference-invoice .invoice-authorization-heading{font-size:9px;font-weight:500}.reference-invoice .invoice-authorization-signatory{font-size:9px;margin-top:10px}.reference-invoice .invoice-authorization-image>span{font-size:8px}.reference-invoice .reference-terms{display:block;color:#5e759a;font-size:10px;line-height:1.65;padding:0;margin:15px 0 0;white-space:pre-line;overflow-wrap:anywhere;break-inside:avoid}.reference-terms a{color:#1454e9;text-decoration:underline}.reference-terms>span{white-space:nowrap}
@media print{@page{size:A4;margin:10mm}.invoice-paper.reference-invoice{width:100%;max-width:none;min-width:0;min-height:0;border:1px solid #cdd6e9;border-radius:5px;padding:18px 20px 17px;background:#fff;box-shadow:none;font-size:12px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.reference-invoice .reference-header{margin-bottom:18px}.reference-invoice .reference-items thead{display:table-header-group}.reference-invoice .reference-items tr{break-inside:avoid}.reference-invoice .reference-parties,.reference-invoice .reference-totals,.reference-invoice .reference-payment-section,.reference-invoice .reference-terms{break-inside:avoid;page-break-inside:avoid}.reference-invoice .invoice-authorizations{margin:0 0 3px}.reference-invoice .reference-title h2{font-size:31.2px}.reference-invoice .reference-parties p{font-size:14px}.reference-invoice .reference-bank p{font-size:13px}.reference-invoice .reference-items th,.reference-invoice .reference-items td{font-size:10px}.reference-invoice .reference-items th{font-size:9.5px}}
