:root{--print-invoice-danger:oklch(55% .21 27)}.service-invoice-scroll{padding-bottom:8px;overflow-x:auto}.service-invoice{background:var(--print-paper);width:100%;min-width:640px;max-width:794px;min-height:1040px;color:var(--print-ink);border:1px solid var(--print-rule);letter-spacing:0;margin:0 auto;padding:36px;font-family:Manrope,Tajawal,sans-serif;font-size:12px;line-height:1.55}.service-invoice *{box-sizing:border-box}.service-invoice h1,.service-invoice h2,.service-invoice p{margin:0}.service-invoice .invoice-header{border-bottom:3px solid var(--print-header);justify-content:space-between;gap:20px;padding-bottom:20px;display:flex}.service-invoice .invoice-brand{align-items:center;gap:14px;min-width:0;display:flex}.service-invoice .invoice-logo{object-fit:contain;flex-shrink:0;width:104px;height:78px}.service-invoice h2{font-size:19px;font-weight:700}.service-invoice .invoice-title{text-align:end;flex-shrink:0;max-width:40%}.service-invoice h1{margin-bottom:6px;font-size:22px;font-weight:700}.service-invoice .invoice-reference{overflow-wrap:anywhere;font-family:monospace;font-size:13px;font-weight:700}.service-invoice .invoice-agency{border-bottom:1px solid var(--print-rule);color:var(--print-muted);grid-template-columns:1fr 1fr;gap:4px 18px;padding:14px 0;font-size:11px;display:grid}.service-invoice .invoice-agency b{color:var(--print-ink)}.service-invoice .invoice-client{border:1px solid var(--print-rule);border-inline-start:4px solid var(--print-header);background:var(--print-panel);grid-template-columns:1fr 1fr;gap:8px 20px;margin:22px 0;padding:14px 16px;display:grid}.service-invoice .invoice-client .invoice-client-name{grid-column:1/-1}.service-invoice .invoice-label{color:var(--print-muted);font-size:10px;display:block}.service-invoice .invoice-client-name b{font-size:15px}.service-invoice table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:11px}.service-invoice th,.service-invoice td{border:1px solid var(--print-rule);text-align:start;vertical-align:top;overflow-wrap:anywhere;padding:10px 9px}.service-invoice th{background:var(--print-header);color:var(--print-paper);font-weight:700}.service-invoice .invoice-items th:first-child{width:43%}.service-invoice .invoice-items th:nth-child(2){width:11%}.service-invoice .invoice-number{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.service-invoice .invoice-items td{padding-top:16px;padding-bottom:16px}.service-invoice .invoice-summary{break-inside:avoid;width:300px;margin:20px 0 0 auto}.service-invoice .invoice-summary td:first-child{width:53%}.service-invoice .invoice-summary .invoice-grand{background:var(--print-header);color:var(--print-paper);font-size:13px;font-weight:700}.service-invoice .invoice-paid{color:var(--print-paid);font-weight:700}.service-invoice .invoice-remaining{color:var(--print-invoice-danger);font-weight:700}.service-invoice .invoice-note{color:var(--print-muted);overflow-wrap:anywhere;margin-top:10px;font-size:10px}.service-invoice .invoice-history{margin-top:24px}.service-invoice .invoice-history h2{margin-bottom:8px;font-size:13px}.service-invoice .invoice-signatures{break-inside:avoid;justify-content:space-between;gap:40px;margin-top:50px;display:flex}.service-invoice .invoice-signatures>div{border-top:1px solid var(--print-rule);text-align:center;width:43%;min-height:80px;padding-top:10px}.service-invoice .invoice-details{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--print-muted);margin-top:6px;font-size:10px}@media screen and (width<=700px){.service-invoice{min-width:0;min-height:0;padding:18px 12px;font-size:11px}.service-invoice .invoice-header{flex-direction:column;gap:14px}.service-invoice .invoice-title{text-align:start;max-width:none}.service-invoice h2{overflow-wrap:anywhere;font-size:16px}.service-invoice .invoice-logo{width:74px;height:58px}.service-invoice .invoice-agency{grid-template-columns:1fr}.service-invoice th,.service-invoice td{padding:7px 4px;font-size:10px}.service-invoice .invoice-number{white-space:normal;overflow-wrap:anywhere}.service-invoice .invoice-items th:first-child{width:37%}.service-invoice .invoice-items th:nth-child(2){white-space:nowrap;width:17%}.service-invoice .invoice-summary{width:min(300px,100%)}.service-invoice .invoice-signatures{gap:18px;margin-top:35px}}@media print{@page service-invoice{size:A4;margin:12mm}.service-invoice-scroll{padding:0;overflow:visible}.service-invoice{page:service-invoice;-webkit-print-color-adjust:exact;print-color-adjust:exact;border:0;width:100%;min-width:0;max-width:none;min-height:0;padding:0}.service-invoice .invoice-header{display:flex!important}.service-invoice thead{display:table-header-group}.service-invoice tr,.service-invoice .invoice-client,.service-invoice .invoice-header{break-inside:avoid}}