/* Client invoice: fixed row order, seven calculation columns, one shared screen/PDF template. */
.client-invoice{font-family:Arial,Helvetica,sans-serif;color:#111;background:white;margin:0 auto;font-size:14px;line-height:1.3}.client-invoice *{box-sizing:border-box}.client-invoice table{width:100%;border-collapse:collapse;table-layout:fixed;color:#111;line-height:1.3;font-size:inherit}.client-invoice th,.client-invoice td{background:white;border:0;padding:2px 4px;vertical-align:top;color:#111;font-size:inherit}.client-invoice th{text-align:left;font-weight:normal}.client-invoice .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.client-invoice .operator{text-align:center;white-space:nowrap}.client-invoice h3{font-size:inherit;font-weight:bold;text-decoration:underline;color:#111;margin:0 0 5px;line-height:1.25}.client-letterhead{text-align:center;margin-bottom:25px;padding-top:10px}.client-letterhead img{display:block;width:175px;height:108px;object-fit:contain;margin:0 auto}.client-letterhead small{display:block;font-size:10px;letter-spacing:1px;margin-top:8px;color:#555}.client-invoice .client-top{border:2px solid #111;margin-bottom:0}.client-top>tbody>tr>td{padding:0;vertical-align:middle}.client-invoice .client-identity{padding:10px 7px}.client-identity th,.client-identity td{font-weight:bold;font-size:12px;padding:3px 2px;overflow-wrap:anywhere}.client-invoice .client-overview{border-left:2px solid #111}.client-overview th,.client-overview td{font-size:12px;padding:2px 4px}.client-overview thead th{font-weight:bold;border-bottom:2px solid #111}.client-overview .summary-bold th,.client-overview .summary-bold td{font-weight:bold}.client-overview .num{font-weight:bold}.client-body{border:1px solid #111}.client-spacer{height:24px;border-bottom:1px solid #111}.client-section{padding:5px 8px;border-bottom:1px solid #111}.client-charges td{padding:3px 0}.client-charges .num{padding-right:2px}.client-subtotal>td{font-weight:bold;padding-top:6px}.client-subtotal .num,.client-subtotal .operator{border-top:1px solid #333;border-bottom:3px double #333}.client-meter td{padding:3px 0}.client-meter td:nth-child(4){padding:0}.client-meter td:nth-child(3){padding-right:3px}.client-totals th,.client-totals td{padding:5px 8px;border-bottom:1px solid #111;font-weight:bold}.client-totals .outstanding th,.client-totals .outstanding td{background:#fce5ec}.client-totals .grand-total .num{border-bottom:3px double #111}.client-remarks{padding:8px 10px}.client-remarks p{font-size:12px;line-height:1.3;margin:5px 0;color:#111}.client-remarks .translation{font-style:italic;margin:8px 0}.client-footer td{padding:0;vertical-align:bottom}.client-bank{border:1px solid red;color:red;font-size:14px;line-height:1.25;max-width:390px;padding:2px 4px;margin-top:14px}.client-bank span{float:right}.client-footer .client-authorization{text-align:center;padding:15px 0 40px;font-size:13px}.client-invoice-shell{padding:24px;border:1px solid var(--border);border-radius:10px;background:white;margin-bottom:22px;overflow:auto}.client-invoice-shell>.client-invoice{min-width:860px;max-width:1200px}.client-preview{font-size:14px}.client-preview .client-section{border:1px solid var(--border);border-radius:7px;margin:12px 0;padding:16px}.client-preview .client-section h3{color:var(--green);text-decoration:none}.client-preview .client-charges{min-width:640px}.client-preview .client-meter{min-width:640px}.client-preview{overflow:auto}.client-preview p.total{font-size:22px;font-weight:bold;margin-top:18px}
/* Cell widths are understood by both browsers and the server PDF renderer. */
.client-footer .client-authorization{padding-bottom:0}.client-authorization-block{position:relative;margin:0 auto;max-width:100%}.client-authorization-block.has-stamp{width:260px;height:170px}.client-stamp{position:absolute;display:block;width:240px;height:auto;max-width:100%;left:10px;top:0}.has-stamp>strong{position:absolute;display:block;left:0;top:17px;width:100%;z-index:1}.has-stamp>.client-signatory{top:auto;bottom:7px}.client-invoice .client-print-reference{font-size:10px;color:#555;border-top:1px dotted #888;padding-top:5px;margin-top:10px}
.client-top .client-identity,.client-top .client-overview{width:50%}
.client-identity table th{width:55%}.client-identity table td:nth-child(2){width:2%}.client-identity table td:nth-child(3){width:43%}
.client-overview-values th{width:67%}.client-overview-values td:nth-child(2){width:2%}.client-overview-values td:nth-child(3){width:31%}.client-overview-heading th:first-child{width:69%}.client-overview-heading th:last-child{width:31%}.client-overview-heading th{font-weight:bold;border-bottom:2px solid #111}
.client-charge-line td:nth-child(1){width:43%}.client-charge-line td:nth-child(2){width:1%}.client-charge-line td:nth-child(3){width:9%}.client-charge-line td:nth-child(4){width:5%}.client-charge-line td:nth-child(5){width:18%}.client-charge-line td:nth-child(6){width:5%}.client-charge-line td:nth-child(7){width:19%}
.client-meter td:nth-child(1){width:43%}.client-meter td:nth-child(2){width:1%}.client-meter td:nth-child(3){width:9%}.client-meter td:nth-child(4){width:3%}.client-meter td:nth-child(5){width:25%}.client-meter td:nth-child(6){width:1%}.client-meter td:nth-child(7){width:18%}
.client-totals-wrap{padding:0 8px}.client-totals th{width:76%;padding-left:0;padding-right:0}.client-totals td:nth-child(2){width:5%;padding-left:0;padding-right:0}.client-totals td:nth-child(3){width:19%;padding-left:0;padding-right:2px}
.client-footer td:first-child{width:62%}.client-footer td:last-child{width:38%}
.client-bank-heading td{padding:0;color:red;font-size:inherit}.client-bank-heading td:first-child{width:55%}.client-bank-heading td:last-child{width:45%;text-align:right}
@media screen and (min-width:1800px){.client-invoice-shell>.client-invoice{font-size:15px}.client-identity th,.client-identity td,.client-overview th,.client-overview td{font-size:14px}}
@media(max-width:600px){.client-invoice-shell{padding:12px}.client-preview{font-size:14px}}
.client-totals .client-payment-total th,.client-totals .client-payment-total td{background:#e5f0e9}

.client-invoice .client-charge-line td:nth-child(6),.client-invoice .client-subtotal .operator,.client-invoice .client-totals .operator{text-align:left}