:root{--sadd-navy:#102d52;--sadd-royal:#1764ad;--sadd-silver:#d5dde6;--sadd-pale:#eef4fa;--sadd-ink:#172b42}
.invoiceA4Modal{width:min(960px,100%)!important;max-width:100%;padding:22px;background:#edf2f7}
.invoiceA4{position:relative;isolation:isolate;box-sizing:border-box;width:100%;max-width:210mm;min-height:277mm;margin:auto;background:#fff!important;color:var(--sadd-ink);padding:13mm 12mm!important;font-family:inherit;font-size:12px;line-height:1.7;border:1px solid var(--sadd-silver);border-radius:10px;box-shadow:0 12px 42px #102d5218;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.invoiceA4Header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;border-bottom:4px solid var(--sadd-navy);position:relative}
.invoiceA4Header:after{content:"";position:absolute;bottom:-4px;right:0;width:34%;height:2px;background:var(--sadd-royal)}
.invoiceA4Header img{width:150px;height:85px;object-fit:contain}.invoiceA4Header p{font-size:10px;color:#66778b;font-weight:700;letter-spacing:.04em}
.invoiceA4Title{text-align:left;display:grid;gap:5px}.invoiceA4Title h1{margin:0;font-size:29px;color:var(--sadd-navy)}.invoiceA4Title>span{font-size:10px;letter-spacing:2px;color:var(--sadd-royal)}.invoiceA4Title strong{font-size:12px;overflow-wrap:anywhere;color:var(--sadd-navy)}
.invoiceA4Customer{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;background:var(--sadd-pale);border:1px solid var(--sadd-silver);border-radius:9px;padding:18px;margin:22px 0;position:relative;overflow:hidden}
.invoiceA4Customer:after{content:"";position:absolute;right:-35px;bottom:-65px;width:220px;height:220px;background:url('/brand/logo.webp') center/contain no-repeat;opacity:.035;pointer-events:none}
.invoiceA4Customer small{display:block;color:#66778b;font-size:10px}.invoiceA4Customer h2{font-size:20px;margin:6px 0;color:var(--sadd-navy)}.invoiceA4Customer p{margin:4px 0 10px;overflow-wrap:anywhere}.invoiceA4Customer [dir=ltr]{text-align:right}
.invoiceA4 .invoiceA4Table{width:100%;border-collapse:collapse;white-space:normal;table-layout:fixed;text-align:right;margin:0}.invoiceA4 .invoiceA4Table th{background:var(--sadd-navy)!important;color:#fff!important;font-size:10px;padding:11px 8px;border:0}.invoiceA4Table th:first-child{width:6%}.invoiceA4Table th:nth-child(2){width:34%}.invoiceA4 .invoiceA4Table td{border-bottom:1px solid #e1e6ed;padding:12px 8px;font-size:11px;overflow-wrap:anywhere}.invoiceA4Table tbody tr:nth-child(even){background:#f7f9fc}.invoiceA4Table td:not(:nth-child(2)){font-variant-numeric:tabular-nums}
.invoiceA4Totals{width:60%;margin:22px auto 22px 0;border:1px solid var(--sadd-silver);border-radius:9px;overflow:hidden}.invoiceA4Totals>div{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;font-size:12px}.invoiceA4Totals>div:first-child{background:var(--sadd-pale)}.invoiceA4Totals .invoiceA4Balance{background:var(--sadd-navy);color:white;font-size:15px}.invoiceA4Notes{border-right:3px solid var(--sadd-royal);padding:10px 14px;background:#f7f9fc;white-space:pre-wrap}
.invoiceA4Terms{font-size:10px;color:#5f6f82;margin-top:22px}.invoiceA4Terms p{margin:4px 0}.invoiceA4Footer{border-top:1px solid var(--sadd-silver);margin-top:26px;padding-top:15px;text-align:center;font-size:10px;color:#52647a}.invoiceA4Footer p{font-size:9px;margin:6px 0}.invoiceA4 .money-last-three{font-size:1em;font-weight:inherit}
.invoiceA4Actions{display:flex;gap:12px;flex-wrap:wrap}.invoiceWhatsapp{display:inline-flex;align-items:center;justify-content:center;background:#eff5fb;color:var(--sadd-navy);border:1px solid #c8d8e9;border-radius:9px;padding:12px 18px;font-weight:700;text-decoration:none}.invoiceA4Overlay .hint{font-size:12px;margin-top:12px}
.invoiceCustomerQr{display:flex;flex-direction:column;align-items:center;width:112px;margin-top:10px;text-decoration:none;color:var(--sadd-navy);font-size:9px}.invoiceCustomerQr img{width:105px;height:105px;image-rendering:pixelated}.invoiceQiPayment{display:flex;align-items:center;gap:20px;padding:14px;border:1px solid var(--sadd-silver);border-radius:9px;background:#f7f9fc;margin-top:22px;break-inside:avoid}.invoiceQiPayment img{width:125px;height:125px;image-rendering:pixelated}.invoiceQiPayment strong{font-size:15px;color:var(--sadd-navy)}.invoiceQiPayment p{margin:6px 0}.invoiceQiPayment small{font-size:10px}
@media(max-width:600px){.invoiceA4Modal{padding:10px}.invoiceA4{min-height:0;padding:20px 12px!important;font-size:11px}.invoiceA4Header{gap:10px}.invoiceA4Header img{width:105px;height:65px}.invoiceA4Title h1{font-size:23px}.invoiceA4Title strong{font-size:10px}.invoiceA4Customer{padding:12px;gap:10px}.invoiceA4Customer h2{font-size:17px}.invoiceA4 .invoiceA4Table td,.invoiceA4 .invoiceA4Table th{padding:8px 4px;font-size:9px}.invoiceA4Totals{width:85%}.invoiceA4Footer p{overflow-wrap:anywhere}}
@media print{@page{size:A4 portrait;margin:10mm}html,body{width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;background:white!important}.invoiceA4Overlay{position:absolute!important;inset:0!important;margin:0!important;padding:0!important;overflow:visible!important;display:block!important}.invoiceA4Modal{width:190mm!important;max-width:190mm!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;overflow:visible!important;background:white!important}.invoicePaper.invoiceA4{width:190mm!important;max-width:190mm!important;min-height:277mm!important;height:auto!important;padding:7mm 5mm!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoiceA4Header,.invoiceA4Customer,.invoiceA4Totals,.invoiceA4Terms,.invoiceA4Footer{break-inside:avoid}.invoiceA4Table thead{display:table-header-group}.invoiceA4Table tr{break-inside:avoid}.invoiceA4 .invoiceA4Table td{padding:9px 6px;font-size:10px}.invoiceA4 .invoiceA4Table th{font-size:10px}.invoiceA4 .noPrint,.invoiceA4Overlay .noPrint{display:none!important}.invoiceCustomerQr img{width:28mm;height:28mm}.invoiceQiPayment img{width:32mm;height:32mm}.invoiceQiPayment{break-inside:avoid}}
