@font-face{font-family:'Wasal Document';src:url('fonts/IBMPlexSansArabic-SemiBold.woff2') format('woff2');font-weight:600;font-display:block}
@font-face{font-family:'Wasal Document';src:url('fonts/IBMPlexSansArabic-Medium.woff2') format('woff2');font-weight:500;font-display:block}
@font-face{font-family:'Wasal Document';src:url('fonts/IBMPlexSansArabic-Regular.woff2') format('woff2');font-weight:400}
@font-face{font-family:'Wasal Document';src:url('fonts/IBMPlexSansArabic-Bold.woff2') format('woff2');font-weight:700}
.fin-print-host,.fin-document{font-family:'Wasal Document',sans-serif!important;color:#252a24!important;color-scheme:light!important;font-size:10pt;line-height:1.6;background:#fff!important}
.fin-print-host *,.fin-document *{font-family:'Wasal Document',sans-serif!important;box-sizing:border-box;text-shadow:none!important;box-shadow:none!important}
.fin-page{width:210mm;height:297mm;padding:12mm 13mm 10mm;background:#fff!important;color:#24342c!important;display:flex;flex-direction:column;break-after:page;overflow:visible}
.fin-page:last-child{break-after:auto}
.fin-page-body{flex:1;min-height:0;overflow:visible;padding-top:4mm}
.fin-page bdi,.fin-document bdi{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.fin-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:3mm;border-bottom:2.5pt solid #8CBF39;gap:8mm}
.fin-brand{display:flex;flex-direction:column;align-items:flex-start;gap:1mm;flex-shrink:0}
.fin-brand img{width:35mm;max-height:20mm;object-fit:contain;object-position:right}
.fin-brand>span{font-size:8pt;color:#626a60!important}
.fin-heading{text-align:left;min-width:0}
.fin-heading h1,.fin-heading h2{font-size:27pt;font-weight:700;color:#173e30!important;margin:0;line-height:1.55}
.fin-eyebrow{color:#626a60!important;font-size:8pt;margin:0 0 1mm}
.fin-document-number{font-size:12pt;font-weight:700;color:#365542!important;letter-spacing:.3px}
.fin-identity{display:flex;gap:7mm;justify-content:space-between;padding:3mm 0 2mm;align-items:flex-start;border-bottom:1px solid #dfe8dc}
.fin-customer{flex:1;min-width:0}
.fin-label{font-size:8pt;color:#66705f!important}
.fin-customer h2{font-size:15pt;line-height:1.65;margin:0 0 1mm;font-weight:700;overflow-wrap:anywhere}
.fin-customer p{font-size:10pt;margin:0;color:#395b44!important}
.fin-metadata{width:63mm;flex-shrink:0;font-size:10pt}
.fin-metadata p{display:flex;justify-content:space-between;gap:4mm;margin:0 0 2mm}
.fin-metadata p>span{color:#66705f!important;flex-shrink:0}
.fin-metadata bdi{max-width:45mm;text-align:left}
.fin-head-compact{padding-bottom:3mm}.fin-head-compact img{width:20mm;max-height:11mm}.fin-head-compact h2{font-size:15pt}
.fin-continuation{font-size:9pt;display:flex;justify-content:space-between;margin-top:3mm;gap:8mm;overflow-wrap:anywhere}
.fin-continuation>span{flex-shrink:0}
.fin-summary{margin:0 0 4mm;border-bottom:1px solid #dfe8dc;padding-bottom:3mm;break-inside:avoid}
.fin-summary-title{display:flex;justify-content:space-between;align-items:center;margin:1mm 0 3mm;gap:4mm}
.fin-summary-title h2,.fin-section-title,.fin-issuance h2{font-size:13pt;font-weight:700;color:#234a32!important;margin:0}
.fin-summary-title>span{font-size:9.5pt;background:#f1f7e9;border:1px solid #dfeacb;padding:1mm 3mm;border-radius:1.5mm;font-weight:700;white-space:nowrap}
.fin-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5mm;margin-bottom:3mm}
.fin-metrics>div{padding:3mm 4mm;border:1px solid #dfe8dc;border-radius:2mm;min-width:0;background:#fff}.fin-metrics span{display:block;font-size:10pt;color:#536657!important}.fin-metrics strong{font-size:20pt;display:block;line-height:1.55;margin-top:1mm;overflow-wrap:anywhere;color:#203f2c!important}
.fin-metrics .fin-currency{display:inline;font-size:10pt;font-weight:700;color:inherit!important}
.fin-metric-balance{border:1.5pt solid #8CBF39!important;background:#f1f7e9!important;padding-inline-start:4mm!important}.fin-metric-balance strong{color:#244c20!important;font-size:22pt}
.fin-summary-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6mm;row-gap:1.5mm;font-size:10pt}
.fin-summary-details>div{display:flex;justify-content:space-between;gap:3mm;border-bottom:1px solid #eef2e9;padding:1mm 0;min-width:0}.fin-summary-details>div>span{color:#626a60!important}.fin-summary-details b{font-weight:700;white-space:nowrap}
.fin-ledger{width:100%;border-collapse:collapse;table-layout:fixed;margin:0 0 3mm;font-size:9pt}
.fin-ledger th{font-size:9.5pt;font-weight:700;background:#eef5e7;color:#234a32!important;padding:2.4mm 1.5mm;text-align:right;border:none;border-bottom:1.2pt solid #bdd48f}
.fin-ledger td{padding:2.8mm 1.5mm;vertical-align:top;border:none;border-bottom:1px solid #dfe8dc;text-align:right;overflow-wrap:anywhere;line-height:1.7}
.fin-ledger tbody tr:nth-child(even){background:#fafbf9}.fin-ledger p{margin:1mm 0 0;font-size:8pt}.fin-ledger small{display:block;font-size:7.5pt;color:#687161!important;line-height:1.6;margin-top:1mm}
.fin-ledger .fin-num{text-align:left;font-variant-numeric:tabular-nums}.fin-ledger .fin-num bdi{font-weight:700;font-size:9.5pt;white-space:nowrap;overflow-wrap:normal}
.fin-ledger thead{display:table-header-group}.fin-ledger tr{break-inside:avoid}
.fin-table-caption th{background:#fff;padding:2.5mm 0;color:#626a60!important;font-weight:400}.fin-table-caption div{display:flex;justify-content:space-between;gap:5mm;font-size:8pt}
.fin-closing{display:flex;justify-content:space-between;align-items:center;gap:5mm;border:1pt solid #c6db9e;border-inline-start:4pt solid #8CBF39;border-radius:2mm;background:#f1f7e9;padding:4mm;margin:2mm 0 3mm;break-inside:avoid}
.fin-closing span{font-size:8pt;color:#626a60!important}.fin-closing h2{font-size:14pt;margin:1mm 0 0;color:#244c20!important}.fin-closing strong{font-size:23pt;color:#244c20!important}.fin-currency{font-size:.65em}
.fin-page-footer{flex-shrink:0;border-top:1px solid #e2e7de;padding-top:3mm;display:flex;justify-content:space-between;font-size:8pt;color:#626a60!important;gap:6mm;height:10mm;margin-top:3mm}
.fin-order-values{display:flex;flex-direction:column;gap:0}.fin-order-values>div{display:grid;grid-template-columns:9mm minmax(0,1fr) auto;gap:3mm;align-items:center;padding:1.8mm 2mm;border-bottom:1px solid #e6eddf;font-size:10.5pt;line-height:1.55}.fin-order-values strong{font-size:12pt;white-space:nowrap}.fin-order-values .is-emphasis{color:#234a32!important;background:#f6f9f0;border-bottom:1px solid #c6db9e;font-weight:700}.fin-order-values .is-emphasis strong{font-size:14pt}
.fin-receipt-status{display:flex;justify-content:space-between;align-items:center;gap:5mm;padding:1.5mm 0;color:#244c20!important;font-size:11pt}.fin-receipt-status>span{font-size:8pt}
.fin-receipt-amount{border:1pt solid #c6db9e;border-inline-start:5pt solid #8CBF39;border-radius:2mm;padding:3mm 5mm;background:#f1f7e9;margin:2mm 0 4mm;break-inside:avoid}.fin-receipt-amount>span{font-size:11pt;color:#536657!important}.fin-receipt-amount>strong{display:block;font-size:35pt;line-height:1.3;color:#244c20!important;font-weight:700;overflow-wrap:anywhere}
.fin-receipt-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2mm 5mm;margin-bottom:3mm}.fin-receipt-details div{display:flex;flex-direction:column;gap:1mm;border-bottom:1px solid #dfe8dc;padding:2mm 0;min-width:0}.fin-receipt-details span{font-size:9.5pt;color:#536657!important}.fin-receipt-details strong{font-size:12pt;overflow-wrap:anywhere;font-weight:700;line-height:1.65}.fin-wide{grid-column:1/-1}
.fin-issuance{margin-top:3mm;border-top:1.2pt solid #c6db9e;padding-top:2mm;break-inside:avoid}.fin-issuance>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5mm;padding-top:2mm;font-size:10.5pt}.fin-issuance span{color:#626a60!important}.fin-issuance strong{font-weight:700;font-size:11.5pt;overflow-wrap:anywhere}.fin-issuance p,.fin-note{font-size:10pt;color:#536657!important}
.fin-period-totals{display:flex;justify-content:space-between;gap:5mm;margin:3mm 0;font-size:9pt}.fin-section-title{margin:3mm 0}
@media print{
 @page{size:A4;margin:0}
 html:has(#customer-statement-print-root),body:has(#customer-statement-print-root){background:#fff!important;color-scheme:light!important;margin:0!important;padding:0!important}
 body:has(#customer-statement-print-root)>:not(#customer-statement-print-root){display:none!important}
 #customer-statement-print-root{display:block!important;background:#fff!important}
 .fin-page{width:210mm;height:297mm;padding:12mm 13mm 10mm;background:#fff!important;color:#24342c!important;display:flex;flex-direction:column;break-after:page;overflow:visible}
}
/* Scope above the application's global heading rules, including its print theme. */
#customer-statement-print-root .fin-heading :is(h1,h2){color:#183f34!important}
#customer-statement-print-root :is(.fin-summary-title h2,.fin-section-title,.fin-issuance h2,.fin-closing h2){color:#254d18!important}

.fin-ledger .fin-num bdi{font-weight:700;font-size:9.5pt;white-space:nowrap;overflow-wrap:normal}
.fin-ledger .fin-num{padding-inline:1mm}

.fin-order-values .fin-order-current{display:flex;justify-content:space-between;background:#f1f7e9;border:1.5pt solid #8CBF39;border-inline-start:4pt solid #8CBF39;border-radius:2mm;margin-top:3mm;padding:4mm;color:#244c20!important;font-size:13pt;font-weight:700}
.fin-order-values .fin-order-current strong{font-size:23pt;color:#244c20!important}

.fin-receipt-status:is(.is-draft,.is-pending)>strong{font-size:13pt;color:#59616d!important;background:#f5f6f4;border:1px dashed #a4aaa0;padding:1mm 3mm}
.fin-receipt-status.is-reversed{color:#59616d!important;background:#f5f6f4;border-inline-start:2pt solid #9ba395;padding:2mm 3mm;flex-wrap:wrap}
.fin-receipt-status.is-reversed+.fin-receipt-amount strong{color:#59616d!important}
/* Dense allocations retain the same type size and leave room for actual approval. */
.fin-allocations td{padding-block:1.5mm}
.fin-allocations th{padding-block:1.8mm}
.fin-order-values .fin-step-marker{font-size:8pt;color:#69845a!important;border-inline-end:1px solid #cdddbb;align-self:stretch;display:flex;align-items:center}
.fin-receipt-status>strong{border:1px solid #c6db9e;border-radius:1.5mm;background:#f1f7e9;padding:1mm 3mm}
.fin-receipt-details .fin-field-feature{background:#f8faf4;border:1px solid #dfe8dc;border-radius:1.5mm;padding:2mm 3mm}
.fin-approval-grid>div{display:flex;flex-direction:column;gap:1mm}
.fin-approval-grid small{color:#536657!important;font-size:9pt}

.fin-table-caption div>strong{font-size:12pt;color:#234a32!important;font-weight:700}

.fin-group-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2mm 4mm;padding:3mm;background:#f6f9f0;border:1px solid #dfe8dc;border-radius:2mm;margin:0 0 5mm;break-inside:avoid}
.fin-group-summary span{display:block;font-size:8.5pt;color:#536657!important}.fin-group-summary strong{font-size:11pt;color:#234a32!important;white-space:nowrap}
.fin-order-group .fin-table-caption th{border-top:2pt solid #8CBF39;padding-top:3mm}.fin-order-group .fin-num bdi{font-size:10pt}

/* Receipt fields retain their type size while fitting bank details and approval. */
.fin-receipt-page .fin-receipt-details{gap:1mm 5mm;margin-bottom:2mm}
.fin-receipt-page .fin-receipt-details div{gap:.5mm;padding-block:1mm}
.fin-receipt-page .fin-receipt-amount{margin-bottom:2mm}
.fin-receipt-page .fin-issuance{margin-top:2mm}
.fin-receipt-page .fin-issuance>div{padding-top:1mm}

/* Receipt print clearance preserves every type size and actual approval. */
.fin-receipt-page .fin-page-body{padding-top:2mm}
.fin-receipt-page .fin-receipt-amount{margin:1mm 0;padding-block:2mm}
.fin-receipt-page .fin-issuance{margin-top:1mm;padding-top:1mm}
.fin-receipt-page .fin-approval-grid{padding-top:0}
.fin-receipt-page .fin-approval-grid strong{line-height:1.4}

.fin-amount-words{font-size:10px;line-height:1.5;margin:3px 0 0;overflow-wrap:anywhere}.fin-amount-words span{font-weight:700}.fin-source-words{display:block;font-size:10px;line-height:1.5;margin-top:2px;overflow-wrap:anywhere}

/* Owner-supplied reference art is clipped to its decorative header by CSS.
   Saved statement values, allocations and approval identities remain live text. */
.fin-head-reference{position:relative;height:46mm;flex-shrink:0;border:0;padding:0;isolation:isolate}
.fin-reference-art{position:absolute;inset:0;overflow:hidden;z-index:-1}
.fin-reference-art img{display:block;width:100%;height:auto}
.fin-reference-art:after{content:"";position:absolute;right:0;bottom:0;width:66mm;height:7mm;background:linear-gradient(90deg,transparent,#fff 20%)}
.fin-head-reference .fin-heading{position:absolute;right:0;top:0;width:85mm;min-height:29mm;background:linear-gradient(270deg,#fff 88%,rgba(255,255,255,.9));text-align:right;padding:1mm 2mm}
.fin-head-reference .fin-heading h1{font-size:26pt;line-height:1.4;color:#063c23!important}
.fin-english-title{font-family:"Wasal Document",sans-serif!important;font-size:9pt;font-weight:700;letter-spacing:1.5px;margin:1mm 0;color:#234a32!important}
.fin-head-reference .fin-document-number{font-size:9pt;margin-top:1mm}
.fin-identity{border:1px solid #85ad82;border-radius:2mm;padding:3mm 4mm;margin-top:2mm;gap:5mm}
.fin-customer h2{font-size:13pt;line-height:1.55;white-space:normal;overflow-wrap:anywhere}
.fin-customer p{font-size:9pt}.fin-customer-number{margin-top:1mm!important}
.fin-metadata{font-size:9.5pt;width:65mm}.fin-metadata p{margin-bottom:1mm;gap:3mm}
.fin-period-label{max-width:46mm;white-space:normal;flex-shrink:1!important;overflow-wrap:anywhere}
.fin-head-compact{flex-shrink:0;flex-direction:row-reverse;border-bottom:1px solid #86ad82;gap:5mm}
.fin-head-compact .fin-heading{text-align:right}.fin-head-compact .fin-english-title{font-size:7pt;margin:0}
.fin-page-footer{position:relative;height:22mm;min-height:22mm;padding:2mm 0 0;margin-top:2mm;gap:4mm;color:#123f25!important;align-items:center;border-top:1px solid #85ad82}
.fin-footer-brand{display:flex;flex-direction:column;gap:1mm;width:34mm;flex-shrink:0;font-size:6.5pt}
.fin-footer-brand img{width:29mm;height:12mm;object-fit:contain}
.fin-footer-contact{display:flex;flex-direction:column;gap:.3mm;border-inline:1px solid #a1bd93;padding-inline:4mm;font-size:8.5pt;white-space:nowrap}
.fin-footer-copy{display:flex;flex-direction:column;gap:1mm;min-width:0;font-size:7.5pt}
.fin-footer-copy strong{font-size:9.5pt;color:#063c23!important}
.fin-reference-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2mm;margin-bottom:3mm;break-inside:avoid}
.fin-reference-metrics>div{display:flex;flex-direction:column;justify-content:space-between;gap:2mm;min-width:0;padding:3mm 2mm;background:#f3f5f2;border-radius:2mm;min-height:25mm}
.fin-reference-metrics span{font-size:9pt;font-weight:700;line-height:1.5}
.fin-reference-metrics strong{font-size:13pt;white-space:nowrap;line-height:1.4}
.fin-reference-metrics .is-payment{background:#e7f3fc;color:#125088!important}
.fin-reference-metrics .is-discount{background:#ffeded;color:#b12c20!important}
.fin-reference-metrics .is-balance{background:#edf7e7;color:#063c23!important}
.fin-order-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:4mm}
.fin-order-values>div{grid-template-columns:6mm minmax(0,1fr) auto;padding:1mm 0;font-size:9.5pt;gap:1.5mm;min-width:0}
.fin-order-values strong{font-size:10.5pt}.fin-order-values .is-emphasis strong{font-size:11pt}
.fin-group-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.5mm;padding:0;border:0;background:#fff}
.fin-group-summary>div{background:#f0f6eb;min-width:0;padding:2mm 1.5mm;border-radius:1.5mm}
.fin-group-summary>div:nth-child(3){background:#ffeded}.fin-group-summary>div:nth-child(5){background:#e7f3fc}
.fin-group-summary span{font-size:8pt;line-height:1.5}.fin-group-summary strong{font-size:10pt}
.fin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.fin-metrics strong{font-size:17pt}
.fin-ledger thead tr:not(.fin-table-caption):not(.fin-allocation-title) th{background:#063c23;color:#fff!important;border-color:#c6dbc2}
.fin-closing{background:#063c23;border-color:#063c23;border-inline-start-color:#8CBF39;color:#fff!important}
.fin-closing :is(span,h2,strong){color:#fff!important}
#customer-statement-print-root .fin-closing h2{color:#fff!important}
.fin-receipt-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5mm 3mm}
.fin-receipt-details div{border:1px solid #dfe8dc;border-radius:1.5mm;padding:2mm!important;background:#fcfdfb}
.fin-receipt-details strong{font-size:10.5pt}
.fin-receipt-page .fin-approval-grid>div{border:1px solid #dfe8dc;border-radius:1.5mm;padding:2mm}
.fin-receipt-page .fin-approval-grid strong{font-size:11pt;line-height:1.55;white-space:normal}

.fin-page-footer{flex-direction:row-reverse}.fin-footer-copy{text-align:right}
.fin-receipt-page .fin-head-reference{height:36mm}.fin-receipt-page .fin-reference-art img{width:88%}

.fin-receipt-page .fin-receipt-details{grid-template-columns:repeat(6,minmax(0,1fr))}
.fin-receipt-page .fin-receipt-details>div{grid-column:span 2;padding:1mm 2mm!important}
.fin-receipt-page .fin-receipt-details>.fin-wide{grid-column:1/-1}
.fin-bank-page .fin-receipt-details>.fin-wide{grid-column:span 3}
.fin-receipt-page .fin-identity{padding-block:2mm}

.fin-reference-art{direction:ltr}.fin-receipt-page .fin-reference-art img{width:80%}
.fin-receipt-page .fin-head-reference .fin-heading{height:100%;background:#fff}

.fin-group-summary.fin-wide-amounts,.fin-reference-metrics.fin-wide-amounts{grid-template-columns:repeat(3,minmax(0,1fr))}

.fin-reference-metrics.fin-wide-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}

.fin-receipt-page .fin-reference-art{right:auto;width:54%}
.fin-receipt-page .fin-reference-art img{width:148.148148%}
.fin-receipt-page .fin-reference-art:after{display:none}


/* Owner references 2026-10-08: four independent layouts; financial values remain live text. */
.fin-page.ref-page{width:210mm;height:297mm;padding:0 7mm 4mm;gap:0;font-size:9pt;line-height:1.5;color:#073c23!important;overflow:visible}
.fin-page.ref-page.fin-receipt-page{width:297mm;height:210mm;padding:0 9mm 2mm}
.ref-page :is(h1,h2,p){margin:0}.ref-page .fin-page-body{padding-top:1mm;min-height:0;flex:1}.ref-page .ref-icon{width:6mm;height:6mm;flex-shrink:0;vertical-align:middle}
.ref-header{position:relative;height:58mm;flex-shrink:0;margin:0 -7mm;isolation:isolate}.ref-header-art{position:absolute;width:100%;height:auto;left:0;top:0;z-index:-1}
.ref-header-logo{position:absolute;left:9mm;top:8mm;width:48mm;display:flex;flex-direction:column;align-items:center}.ref-original-logo{width:46mm;height:19mm;object-fit:contain}.ref-logo-caption{font-size:6.5pt;color:#111!important;white-space:nowrap}
/* Preserve reference heading colors against the application theme in print. */
#customer-statement-print-root :is(.ref-title h1,.ref-section-title,.ref-issuance h2){color:#073c23!important}
.ref-title{position:absolute;right:8mm;top:6mm;text-align:right}.ref-title h1{font-size:30pt;line-height:1.5;font-weight:700;color:#073c23!important}.ref-title p{font-size:14pt;line-height:1.5;color:#111!important}
.ref-date{position:absolute;right:8mm;bottom:4mm;display:flex;flex-direction:row;align-items:center;gap:2mm;background:rgba(255,255,255,.94);border-radius:2mm;padding:1mm 2mm;font-size:9pt;color:#111!important;max-width:150mm}
.ref-test-label{position:absolute;left:8mm;bottom:0;font-size:6pt;color:#6b756a!important}.ref-header-contact{position:absolute;right:9mm;top:5mm;font-size:9pt;line-height:1.7;color:#073c23!important}
.ref-identity{display:flex;align-items:center;gap:7mm;padding:5mm 4mm;border:1px solid #65986e;border-radius:2mm;min-height:33mm;margin-bottom:3mm;color:#111!important;flex-shrink:0}
.ref-order-identity{width:59mm;display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-between;background:linear-gradient(90deg,#f0f7ea,#fbfcf8);padding:3mm 3mm;border-radius:1mm 1mm 1mm 10mm;gap:3mm;flex-shrink:0}
.ref-order-identity>.ref-icon,.ref-client-symbol>.ref-icon{width:14mm;height:14mm;color:#073c23}.ref-order-identity span{font-size:11pt;font-weight:700}.ref-order-identity strong{display:block;font-size:19pt;overflow-wrap:anywhere}
.ref-client-values{flex:1;min-width:0;padding-right:5mm;border-right:1px solid #8fac8b;display:flex;flex-direction:column;gap:1mm}.ref-client-values>div{display:flex;gap:3mm;align-items:baseline;justify-content:space-between}.ref-client-values span{font-size:10pt;white-space:nowrap}.ref-client-values strong{font-size:11pt;overflow-wrap:anywhere;text-align:left}
.ref-client-symbol{width:20mm;text-align:center}.ref-customer-identity{gap:4mm;min-height:32mm}.ref-customer-identity .ref-client-values{padding:0;border:0}.ref-order-numbers{border-right:1px solid #8fac8b;width:58mm;padding:2mm 4mm;display:flex;flex-wrap:wrap;gap:2mm;min-width:0}.ref-order-numbers strong{width:100%;font-size:12pt;overflow-wrap:anywhere}
.ref-section-title{display:flex;align-items:center;gap:2mm;font-size:14pt;font-weight:700;color:#073c23!important;margin:2mm 0 3mm!important;break-after:avoid}.ref-section-title i{height:1px;background:#80a996;flex:1;margin-right:3mm}.ref-section-title .ref-icon{width:7mm;height:7mm}
.ref-operational{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1mm;margin-bottom:4mm}.ref-field{min-width:0;position:relative;background:#f7f7f6;border:1px solid #eaeeea;border-radius:1.5mm;padding:2mm 2mm;color:#111!important}
.ref-field>.ref-icon{float:right;margin-left:1mm;width:5.5mm;height:5.5mm;color:#073c23}.ref-field>span{font-size:8pt;line-height:1.4;display:block;min-height:6mm}.ref-field>strong{font-size:10pt;font-weight:400;display:block;text-align:center;line-height:1.6;overflow-wrap:anywhere;clear:both}.ref-field small{display:block;font-size:7pt}
.ref-operational-status>strong{background:linear-gradient(90deg,#5a9e2c,#14652a);color:#fff!important;border-radius:8mm;font-size:9pt;margin-top:1mm;padding:.5mm}
.ref-metrics{display:flex;align-items:stretch;gap:0;margin-bottom:1mm;break-inside:avoid}.ref-metric{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-radius:1.7mm;padding:3mm 1mm;min-height:32mm;text-align:center}
.ref-metric>.ref-icon{width:7mm;height:7mm}.ref-metric>span{font-size:8.3pt;font-weight:700;line-height:1.6}.ref-metric>small{font-size:6.7pt}.ref-metric>strong{font-size:16pt;line-height:1.6;width:100%;overflow-wrap:anywhere;white-space:normal}.ref-metric .fin-currency{font-size:8.5pt}.ref-equation{display:flex;align-items:center;padding:0 .7mm;color:#155b26!important;font-size:15pt}
.ref-neutral{background:#f4f4f3;color:#101510!important}.ref-green{background:#f1f9e9;color:#073c23!important}.ref-blue{background:#e9f4fd;color:#125494!important}.ref-red{background:#fff0f1;color:#c62220!important}.ref-yellow{background:#fff8d9;color:#5b4913!important}
.ref-financial-explanation,.ref-group-adjustments,.ref-account-unallocated{font-size:7pt;color:#536657!important;margin:1mm 0 2mm;line-height:1.7;overflow-wrap:anywhere}.ref-financial-explanation>span{display:inline}
.ref-customer-metrics .ref-metric{min-height:29mm;padding:2mm 1mm}.ref-customer-metrics .ref-metric>span{font-size:7.5pt}.ref-customer-metrics .ref-metric>strong{font-size:12pt}.ref-customer-metrics .ref-equation{padding:0 .5mm;font-size:13pt}
.ref-page .ref-ledger{font-size:8pt;margin:0 0 3mm;border-collapse:separate;border-spacing:0;border:1px solid #d7ddd6;border-radius:2mm;overflow:hidden}
.ref-page .ref-ledger th{font-size:8pt;color:#fff!important;background:#063c23!important;padding:2mm 1mm;text-align:center;border:0;border-left:1px solid #60836a;font-weight:400;line-height:1.5}
.ref-page .ref-ledger td{font-size:8pt;padding:2mm 1mm;border-bottom:1px solid #d8dfd5;border-left:1px solid #d8dfd5;text-align:center;line-height:1.6;color:#111!important;overflow-wrap:anywhere}
.ref-page .ref-ledger tbody tr:nth-child(even){background:#fafbfa}.ref-page .ref-ledger td small{font-size:6.7pt;line-height:1.65;margin:.5mm 0;display:block}.ref-page .ref-ledger td strong{display:block;font-size:8pt}
.ref-page .ref-ledger .fin-num bdi{font-size:8pt;white-space:normal}.ref-movement-badge{display:block;border-radius:1.5mm;padding:.5mm;font-size:7pt;font-weight:700}.ref-page .ref-credit-cell{background:#fff8d9!important}.ref-page .ref-blue-text{color:#125494!important}.ref-page .ref-red-text{color:#c62220!important}
.ref-page .ref-closing{display:flex;direction:ltr;align-items:center;background:linear-gradient(100deg,#1e7025,#004027 45%,#063c23);border:0;border-radius:2mm;min-height:20mm;padding:3mm 5mm;margin:1mm 0 2mm;gap:5mm}
.ref-closing>.ref-icon{width:13mm;height:13mm;color:#fff}.ref-closing>div{direction:rtl;border-left:1px solid #89a787;padding-left:5mm;flex:1}.ref-page .ref-closing h2{font-size:17pt;color:#fff!important}.ref-page .ref-closing span{font-size:7pt;color:#fff!important}.ref-page .ref-closing>strong{font-size:27pt;color:#fff!important;white-space:normal;overflow-wrap:anywhere;max-width:100mm}.ref-closing .fin-currency{font-size:15pt}
.ref-page .ref-footer{position:relative;flex-shrink:0;height:39mm;min-height:39mm;margin:2mm -7mm -4mm;padding:0;border:0;display:block;direction:ltr;isolation:isolate;color:#073c23!important}
.ref-footer-art{position:absolute;width:100%;height:auto;bottom:0;left:0;z-index:-1}.ref-footer-logo{position:absolute;left:7mm;top:2mm;width:41mm;display:flex;flex-direction:column;align-items:center}.ref-footer-logo img{width:40mm;height:17mm;object-fit:contain}.ref-footer-logo small{font-size:5.5pt;color:#111!important}
.ref-footer-contacts{position:absolute;left:53mm;top:3mm;padding:0 5mm;border-left:1px solid #81a67c;border-right:1px solid #81a67c;display:flex;flex-direction:column;gap:1mm;width:61mm;direction:ltr}.ref-footer-contacts span{font-size:8pt;display:flex;align-items:center;gap:2mm}.ref-footer-contacts .ref-icon{width:4mm;height:4mm}
.ref-footer-slogan{position:absolute;right:8mm;bottom:7mm;display:flex;flex-direction:column;align-items:flex-end;gap:1mm;direction:rtl}.ref-footer-slogan strong{font-size:11pt}.ref-footer-slogan .fin-page-count{font-size:6pt;font-weight:400}
.ref-page.fin-receipt-page .ref-header{height:53mm;margin:0 -9mm}.ref-page.ref-bank .ref-header{height:50mm}.ref-page.fin-receipt-page .ref-header-logo{left:10mm;top:6mm;width:51mm}.ref-page.fin-receipt-page .ref-original-logo{width:50mm;height:21mm}.ref-page.fin-receipt-page .ref-title{top:auto;bottom:1mm;right:9mm}.ref-page.fin-receipt-page .ref-title h1{font-size:23pt;line-height:1.25}.ref-page.fin-receipt-page .ref-title p{font-family:"Wasal Document",sans-serif!important;font-size:9pt;letter-spacing:2px}
.ref-bank .ref-header-contact{color:#fff!important;right:10mm;top:6mm}.ref-cash .ref-header-contact{right:auto;left:133mm;top:6mm;font-size:9pt}
.ref-receipt-identity{display:flex;border:1px solid #e1e6e0;border-radius:2mm;flex-shrink:0;margin:0 0 2mm;min-height:16mm}.ref-receipt-identity .ref-field{flex:1;background:transparent;border:0;border-left:1px solid #e3e7e1;padding:2mm}.ref-receipt-identity .ref-field span{min-height:5mm;font-weight:700;font-size:8.5pt}.ref-receipt-identity .ref-field strong{font-size:9pt;line-height:1.4}
.ref-page .ref-receipt-amount{display:flex;direction:ltr;align-items:center;gap:3mm;min-height:23mm;border:1px solid #91b780;background:#f2faeb;border-radius:2mm;padding:2mm 5mm;margin:0 0 2mm}
.ref-receipt-amount>.ref-icon{width:15mm;height:15mm;color:#073c23}.ref-receipt-amount>div:first-of-type{flex:1;min-width:0;direction:rtl;text-align:left}.ref-receipt-amount span{font-size:11pt;font-weight:700}.ref-receipt-amount strong{display:block;font-size:22pt;color:#073c23!important;line-height:1.3}.ref-receipt-amount .fin-amount-words{font-size:7pt;line-height:1.5;margin:.5mm 0}.ref-receipt-amount small{font-size:7pt;display:block}
.ref-page .ref-state{direction:rtl;flex-shrink:0;max-width:108mm;display:flex;gap:3mm;background:#d9edc2;padding:2mm 3mm;border-radius:1.5mm;color:#073c23!important;flex-wrap:wrap}.ref-state>.ref-icon{width:10mm;height:10mm}.ref-page .ref-state>strong{font-size:12pt;border:0;padding:0;background:none}
.ref-page .ref-state:is(.is-pending,.is-draft,.is-reversed){background:#f4f4ef;color:#59616d!important}.ref-page .ref-state:is(.is-pending,.is-draft,.is-reversed)>strong{color:#59616d!important}
.ref-page .ref-receipt-fields{display:flex!important;gap:1mm;margin:0 0 1mm}.ref-page .ref-receipt-fields>.ref-field{display:block!important;flex:1!important;padding:2mm!important;min-height:20mm;grid-column:auto;background:#fcfdfb;gap:0}.ref-page .ref-receipt-fields>.ref-field>strong{font-size:9pt}.ref-page.fin-receipt-page .ref-section-title{font-size:12pt;margin:1mm 0 1mm!important}.ref-page.fin-receipt-page .ref-ledger th{padding:1mm}.ref-page.fin-receipt-page .ref-ledger td{padding:1mm}
.ref-page .ref-issuance{position:relative;display:flex;gap:4mm;border:0;padding:1mm 0 0;margin:1mm 0 0;min-height:24mm;align-items:flex-start}
.ref-page .ref-issuance>.ref-signature{display:block;width:23%;padding:0 2mm;border-left:1px solid #e1e6e0;font-size:9pt}.ref-page .ref-issuance h2{font-size:11pt;color:#073c23!important}.ref-page .ref-issuance p{font-size:8pt;line-height:1.7;color:#536657!important;overflow-wrap:anywhere}
.ref-page .ref-issuance>.ref-watermark{display:block;width:23%;padding:0;align-self:center}.ref-watermark img{width:100%;height:22mm;object-fit:contain;opacity:.13}.ref-page .ref-issuance>.ref-client-notes{display:block;width:29%;padding:0}.ref-client-notes .ref-field{padding:1mm 2mm}.ref-client-notes .ref-field strong{text-align:right}
.ref-page.fin-receipt-page .ref-footer{height:17mm;min-height:17mm;margin:0 -9mm -2mm}.ref-page.fin-receipt-page .ref-footer-logo{display:none}.ref-page.fin-receipt-page .ref-footer-contacts{left:9mm;top:5mm;flex-direction:row;gap:3mm;width:auto;padding:0;border:0}.ref-page.fin-receipt-page .ref-footer-contacts span{font-size:8pt;gap:1mm}.ref-page.fin-receipt-page .ref-footer-slogan{right:95mm;bottom:4mm;align-items:center}.ref-page.fin-receipt-page .ref-footer-slogan strong{font-size:10pt}
.ref-page .ref-header-continuation{height:19mm!important;background:#f9fcf4;border-bottom:1px solid #80a996}.ref-header-continuation .ref-header-art,.ref-header-continuation .ref-header-contact,.ref-header-continuation .ref-date{display:none}.ref-page .ref-header-continuation .ref-header-logo{top:1mm;left:7mm}.ref-header-continuation .ref-original-logo{height:12mm;width:27mm}.ref-header-continuation .ref-logo-caption{font-size:5pt}.ref-page .ref-header-continuation .ref-title{top:2mm;bottom:auto;right:7mm}.ref-page .ref-header-continuation .ref-title h1{font-size:16pt}.ref-page .ref-header-continuation .ref-title p{font-size:7pt}.ref-continuation{font-size:8pt;padding:2mm 0;overflow-wrap:anywhere;flex-shrink:0}
@media print{.fin-page.ref-page{width:210mm;height:297mm;padding:0 7mm 4mm}.fin-page.ref-page.fin-receipt-page{width:297mm;height:210mm;padding:0 9mm 2mm}}

.ref-page .ref-wide-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2mm}.ref-wide-metrics .ref-equation{display:none}.ref-page .ref-wide-metrics .ref-metric:not(.ref-order-number-metric)>strong{white-space:nowrap;font-size:13pt}.ref-customer-metrics .ref-metric:not(.ref-order-number-metric)>strong>bdi{white-space:nowrap}.ref-page .ref-customer-metrics.ref-medium-metrics .ref-metric:not(.ref-order-number-metric)>strong{font-size:13pt}.ref-wide-metrics .ref-metric{min-height:27mm}

.ref-long-order-number strong{font-size:14pt}.ref-page .ref-closing>.ref-icon{filter:brightness(0) invert(1)}.ref-page .ref-red>.ref-icon{filter:brightness(0) saturate(100%) invert(19%) sepia(85%) saturate(2600%) hue-rotate(346deg) brightness(91%)}
.ref-page.fin-receipt-page .ref-receipt-identity .ref-field span{font-size:9pt}.ref-page.fin-receipt-page .ref-receipt-identity .ref-field strong{font-size:10pt}.ref-page.fin-receipt-page .ref-receipt-fields>.ref-field>strong{font-size:10pt}

.ref-section-title>.ref-icon,.ref-yellow>.ref-icon,.ref-receipt-amount>.ref-icon{filter:brightness(0) saturate(100%) invert(16%) sepia(43%) saturate(852%) hue-rotate(111deg) brightness(82%)}

/* Match reference proportions while retaining readable dynamic text. */
.ref-logo-caption{font-size:7.5pt}.ref-logo-marketing{font-size:6.7pt;color:#073c23!important;line-height:1.4;text-align:center;margin-top:1mm}.ref-header-continuation .ref-logo-marketing{display:none}
.ref-client-symbol{background:linear-gradient(90deg,#edf7e5,#fbfcf8);border-radius:0 0 0 9mm;width:27mm;height:25mm;padding:5mm;display:flex;align-items:center;justify-content:center}.ref-order-numbers{background:#eef7e6;border-radius:1.5mm;border:0}
.ref-operational .ref-field{min-height:20mm}.ref-operational .ref-field>strong{font-size:11pt}.ref-metric>strong{font-size:22pt;line-height:1.3}.ref-customer-metrics .ref-metric>strong{font-size:17pt;line-height:1.3}.ref-customer-separator{width:1.5mm;padding:0}
.ref-page .ref-order-ledger td{font-size:9pt}.ref-page .ref-customer-ledger td{font-size:8.5pt}.ref-page .ref-closing>strong{font-size:39pt;line-height:1.1}.ref-closing .fin-currency{font-size:18pt}.ref-footer-contacts span{font-size:10.5pt}.ref-footer-slogan strong{font-size:13pt}

@page financial-receipt{size:A4 landscape;margin:0}
@media print{.fin-page.ref-page.fin-receipt-page{page:financial-receipt}}

/* Identifiers need readable wrapping without enlarging every summary card. */
.ref-customer-metrics .ref-order-number-metric>strong{font-size:10pt;line-height:1.45}
.ref-page .ref-customer-ledger td{padding:1mm;line-height:1.45}
.ref-page .ref-customer-ledger td:nth-child(2){font-size:7.5pt;line-height:1.4}
.ref-customer-ledger .ref-credit-cell bdi{white-space:nowrap;overflow-wrap:normal}
.ref-page.ref-customer .ref-section-title{margin:1mm 0 2mm!important}

/* Keep a standard order and its four movements together without truncation. */
.ref-page.ref-order .ref-long-order-number strong{font-size:10.5pt;line-height:1.45}
.ref-page.ref-order .ref-operational .ref-field{min-height:16mm;padding-block:1mm}
.ref-order-metrics .ref-metric{min-height:29mm;padding:2mm 1mm}
.ref-page .ref-order-ledger td{padding:1mm;line-height:1.45}
.ref-order-metrics:not(.ref-wide-metrics) .ref-metric>strong{font-size:19pt}
.ref-page.ref-order .ref-operational{margin-bottom:1mm}
.ref-page.ref-order .ref-section-title{font-size:13pt;margin:1mm 0!important}
.ref-page .ref-order-ledger{margin-bottom:1mm}
.ref-page.ref-order .ref-closing{min-height:18mm;padding-block:2mm;margin:1mm 0}
.ref-page.ref-order .ref-closing>strong{font-size:35pt}
.ref-page.ref-order .ref-closing h2{font-size:15pt}
.ref-page .ref-order-ledger th{padding-block:1mm}
.ref-page.ref-order .ref-identity{min-height:31mm;padding-block:4mm}

/* Arabic amount glyphs need a full line box inside the customer closing panel. */
.ref-page.ref-customer .ref-closing>strong{line-height:1.5}
/* Retain readable labels and amount size while recovering unused identity padding. */
.ref-page.ref-customer .ref-identity{min-height:30mm;padding-block:2mm}

/* Keep five standard movements and the closing balance on one A4 page. */
.ref-page.ref-order .ref-operational .ref-field{min-height:13mm}
.ref-page.ref-order .ref-financial-explanation{margin-bottom:1mm}
.ref-page.ref-order .ref-metric>span{line-height:1.4}

.ref-page.ref-order .ref-order-ledger td{padding-block:.65mm}

/* Closing already supplies this separator; avoid a duplicate table margin. */
.ref-page.ref-order .ref-order-ledger{margin-bottom:0}

/* Reserve the full amount glyph box, including Arabic font ascent/descent. */
.ref-page.ref-order .ref-closing>strong{line-height:1.5}

/* Keep footer identity in normal flow so PDF page fragmentation retains it. */
.ref-page:not(.fin-receipt-page) .ref-footer{display:grid;grid-template-columns:41mm 61mm 1fr;column-gap:5mm;padding:2mm 7mm;box-sizing:border-box}
.ref-page:not(.fin-receipt-page) .ref-footer-logo,.ref-page:not(.fin-receipt-page) .ref-footer-contacts{position:relative;left:auto;top:auto;z-index:1}

/* Owner design review: consistent A4 statement composition, readable ordinary orders. */
.ref-page:not(.fin-receipt-page) .ref-header{height:44mm;flex-shrink:0;overflow:hidden}
.ref-page:not(.fin-receipt-page) .ref-header-art{height:44mm;object-fit:cover;object-position:center}
.ref-page:not(.fin-receipt-page) .ref-header-logo{top:5mm;left:8mm;width:42mm}
.ref-page:not(.fin-receipt-page) .ref-original-logo{width:40mm;height:17mm}
.ref-page:not(.fin-receipt-page) .ref-logo-caption{font-size:6.5pt}
.ref-page:not(.fin-receipt-page) .ref-logo-marketing{font-size:6pt;margin-top:.5mm}
.ref-page:not(.fin-receipt-page) .ref-title{top:5mm;right:8mm}
.ref-page:not(.fin-receipt-page) .ref-title h1{font-size:26pt}
.ref-page:not(.fin-receipt-page) .ref-title p{font-size:11pt;margin-top:1mm}
.ref-page:not(.fin-receipt-page) .ref-date{bottom:3mm}
.ref-page.ref-order .ref-identity{min-height:25mm;padding:2mm 3mm;margin-bottom:2mm}
.ref-page.ref-order .ref-order-identity{padding:2mm;width:59mm}
.ref-page.ref-order .ref-order-identity>.ref-icon{width:10mm;height:10mm}
.ref-page.ref-order .ref-client-values{gap:1mm 3mm}
.ref-page.ref-order .ref-operational .ref-field{min-height:13mm}
.ref-page.ref-order .ref-order-metrics .ref-metric{min-height:26mm;padding:1.5mm 1mm}
.ref-page.ref-order .ref-order-metrics .ref-icon{width:6mm;height:6mm}
.ref-page.ref-order .ref-order-ledger td{font-size:9pt;line-height:1.45;padding-block:1mm}
.ref-page.ref-order .ref-order-ledger th{font-size:8.5pt;line-height:1.4;padding-block:1.5mm}
.ref-page.ref-order .ref-closing{min-height:19mm;padding:2mm 4mm}
.ref-page.ref-order .ref-closing>strong{font-size:29pt;line-height:1.5}
.ref-page:not(.fin-receipt-page) .ref-footer{height:26mm;min-height:26mm;display:grid;grid-template-columns:37mm 49mm minmax(0,1fr);align-items:center;column-gap:4mm;padding:3mm 7mm 2mm;margin:2mm -7mm -4mm;border-top:1px solid #c7d9bf;overflow:hidden;background:#f8fcf4}
.ref-page:not(.fin-receipt-page) .ref-footer-art{height:26mm;width:100%;object-fit:cover;object-position:bottom;opacity:.42}
.ref-page:not(.fin-receipt-page) .ref-footer-logo{width:auto;position:relative;left:auto;top:auto}
.ref-page:not(.fin-receipt-page) .ref-footer-logo img{width:32mm;height:13mm;object-fit:contain}
.ref-page:not(.fin-receipt-page) .ref-footer-logo small{font-size:5.5pt;line-height:1.5;display:block}
.ref-page:not(.fin-receipt-page) .ref-footer-contacts{position:relative;left:auto;top:auto;width:auto;gap:1mm;padding:0 3mm;border-color:#c7d9bf}
.ref-page:not(.fin-receipt-page) .ref-footer-contacts span{font-size:8.5pt;line-height:1.6}
.ref-page:not(.fin-receipt-page) .ref-footer-slogan{position:relative;right:auto;bottom:auto;min-width:0;direction:rtl;align-items:flex-start;gap:1.5mm;z-index:1}
.ref-page:not(.fin-receipt-page) .ref-footer-slogan strong{font-size:11pt;line-height:1.7}
.ref-page:not(.fin-receipt-page) .fin-page-count{font-size:8pt;line-height:1.5}
.ref-page:not(.fin-receipt-page) .ref-header-continuation{height:22mm!important;overflow:visible;background:#f3f9ed}
.ref-page:not(.fin-receipt-page) .ref-header-continuation .ref-header-logo{top:2mm;left:7mm;width:30mm}
.ref-page:not(.fin-receipt-page) .ref-header-continuation .ref-original-logo{width:28mm;height:12mm}
.ref-page:not(.fin-receipt-page) .ref-header-continuation .ref-title{top:3mm;right:7mm}
.ref-page:not(.fin-receipt-page) .ref-header-continuation .ref-title h1{font-size:18pt}
.ref-page:not(.fin-receipt-page) .ref-header-continuation .ref-title p{font-size:8pt}
.ref-page .ref-continuation{padding:2mm 0;border-bottom:1px solid #dde8d5;margin-bottom:2mm;font-size:8.5pt;color:#073c23}
.ref-page.ref-customer .ref-customer-metrics .ref-metric{min-height:26mm}
.ref-page.ref-customer .ref-customer-ledger thead{display:table-header-group}

/* Eight ordinary posted movements still use the same 9pt ledger, with tighter structure. */
.ref-page.ref-order .ref-header:not(.ref-header-continuation){height:40mm}
.ref-page.ref-order .ref-header-art{height:40mm}
.ref-page.ref-order .ref-identity{min-height:22mm}
.ref-page.ref-order .ref-operational .ref-field{min-height:12mm;padding:1mm}
.ref-page.ref-order .ref-operational .ref-field>strong{font-size:10pt}
.ref-page.ref-order .ref-order-metrics .ref-metric{min-height:24mm}
.ref-page.ref-order .ref-order-ledger td{padding-block:.65mm}
.ref-page.ref-order .ref-order-ledger td:nth-child(7){font-family:"Wasal Document",sans-serif;letter-spacing:-.1px}
.ref-page.ref-order .ref-closing>strong{font-size:26pt}
.ref-page.ref-order .ref-closing{min-height:17mm;padding-block:1.5mm}

/* A customer's orders read as individual sections: summary then movements. */
.ref-order-section-intro .ref-section-title{font-size:12pt}
.ref-order-section-intro .ref-customer-metrics .ref-metric{min-height:22mm;padding:1.5mm 1mm}
.ref-order-section-intro .ref-customer-metrics .ref-icon{width:5mm;height:5mm}
.ref-order-section-intro .ref-customer-metrics .ref-metric>strong{font-size:13pt}
.ref-order-section-intro .ref-customer-metrics .ref-order-number-metric>strong{font-size:9pt}
.ref-order-section-intro .ref-group-adjustments{font-size:8pt;margin:1mm 0 2mm}

/* Stars use signed posted amounts; balance calculation stays in the ledger. */
.ref-page .ref-metrics .ref-equation{display:none}
.ref-page.ref-order .ref-order-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.5mm}
.ref-page.ref-customer .ref-customer-metrics{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1.2mm}
.ref-page .ref-stars-metric{border-color:#97bd72;background:#eff7e5}
.ref-page .ref-stars-cell{color:#235b32;font-weight:700}
.ref-page .ref-order-ledger td:nth-child(8){font-family:"Wasal Document",sans-serif;letter-spacing:-.1px;overflow-wrap:anywhere}
.ref-page .ref-customer-ledger :is(th,td){overflow-wrap:anywhere}

.ref-page.ref-customer .ref-customer-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
.ref-page .ref-order-block-number{font-size:9pt;color:#073c23;font-weight:700;margin:0 0 1.5mm}
.ref-page .ref-customer-ledger td:last-child bdi{font-family:"Wasal Document",sans-serif;font-size:8.5pt;line-height:1.45}
.ref-page .ref-customer-ledger td:last-child small{font-size:7.5pt;line-height:1.45}

/* Exceptional large values use wider cards; ordinary retained QA layout remains unchanged. */
.ref-page.ref-customer .ref-customer-metrics.ref-wide-metrics,.ref-page.ref-customer .ref-customer-metrics.ref-medium-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Invoice uses the same page, brand header, cards, ledger and footer as the order statement. */
.ref-page.ref-invoice .ref-invoice-state{margin:1mm 0 2mm;font-size:9pt;color:#073c23!important;}
.ref-page.ref-invoice .ref-invoice-state strong{padding:.5mm 2mm;border-radius:1mm;background:#edf7e6;border:1px solid #c6dbc2;}
.ref-page.ref-invoice .ref-invoice-state:is(.state-draft,.state-pending,.state-rejected) strong{background:#fff5df;border-color:#e8d3a5;color:#775113!important;}
.ref-page.ref-invoice .ref-invoice-state.state-reversed strong{background:#faece8;border-color:#e4c8c1;color:#943c30!important;}
.ref-page.ref-invoice .ref-invoice-scope{font-size:8pt;line-height:1.5;margin:1mm 0;color:#395b44!important;}
#customer-statement-print-root .ref-invoice :is(.ref-title h1,.ref-section-title){color:#073c23!important;}

/* Draft figures are reported expectations, separate from approved cash and ledger balance. */
.ref-page.ref-invoice .ref-payment-destination{grid-column:1/-1;min-height:0;display:flex;gap:3mm;align-items:center;padding:1.5mm 2mm}
.ref-page.ref-invoice .ref-payment-destination>strong{font-size:9pt}
.ref-page.ref-invoice .ref-draft-explanation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1mm 3mm;font-size:9pt;line-height:1.5;margin:2mm 0}
.ref-page.ref-invoice .ref-draft-explanation>span{background:#f6faf3;padding:1mm 2mm;border-radius:1mm}
.ref-page.ref-invoice:has(.ref-draft-explanation) .ref-order-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.ref-page.ref-invoice:has(.ref-draft-explanation) .ref-order-metrics .ref-metric{min-height:25mm;padding:2mm}

/* Keep the immutable invoice snapshot distinct from the current order statement. */
.ref-page.ref-invoice .ref-invoice-scope-intro{font-size:9pt;line-height:1.6;margin:1mm 0 2mm;padding:1.5mm 2mm;border-inline-start:1mm solid #73a94b;background:#f2f8ed;color:#244b32!important;break-inside:avoid}

/* Embedded bilingual document typography; numeric values keep their original data. */
@font-face{font-family:'Wasal Document Latin';src:url('fonts/IBMPlexSansArabic-Regular.woff2') format('woff2');font-weight:400;font-display:block;unicode-range:U+0000-024F,U+2000-206F,U+20A0-20CF,U+2212}
@font-face{font-family:'Wasal Document Latin';src:url('fonts/IBMPlexSansArabic-Bold.woff2') format('woff2');font-weight:700;font-display:block;unicode-range:U+0000-024F,U+2000-206F,U+20A0-20CF,U+2212}
.fin-print-host,.fin-document,.fin-print-host *,.fin-document *{font-family:'Wasal Document','Wasal Document Latin',sans-serif!important;font-synthesis:none}
.fin-page bdi,.fin-document bdi,.fin-page .fin-currency{font-family:'Wasal Document Latin','Wasal Document',sans-serif!important;font-variant-numeric:lining-nums tabular-nums;letter-spacing:0}
.ref-page .ref-section-title{font-size:13pt;font-weight:700;line-height:1.6}
.ref-page.ref-order .ref-order-metrics .ref-metric{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:5mm minmax(8mm,auto) minmax(4mm,auto) auto;justify-items:center;align-content:start;gap:.6mm;min-height:31mm;padding:2mm 1.2mm}
.ref-page.ref-order .ref-order-metrics .ref-metric>.ref-icon{grid-row:1;width:5mm;height:5mm}
.ref-page.ref-order .ref-order-metrics .ref-metric>span{grid-row:2;font-size:8.5pt;line-height:1.5;align-self:center}
.ref-page.ref-order .ref-order-metrics .ref-metric>small{grid-row:3;font-size:7.5pt;line-height:1.5;align-self:center}
.ref-page.ref-order .ref-order-metrics .ref-metric>strong{grid-row:4;align-self:start;display:flex;flex-direction:column;align-items:center;gap:.7mm;min-height:10mm;font-size:17pt;line-height:1.2;font-weight:700}
.ref-page.ref-order .ref-order-metrics .fin-currency{display:block;font-size:8pt;font-weight:400;line-height:1.3}
.ref-page.ref-invoice .ref-order-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:2mm}
.ref-page.ref-invoice .ref-order-metrics .ref-metric{grid-template-rows:4.5mm minmax(5mm,auto) minmax(4mm,auto) auto;min-height:28mm;padding:2mm}
.ref-page.ref-invoice .ref-order-metrics .ref-metric>span{font-size:9pt}
.ref-page.ref-invoice .ref-order-metrics .ref-metric>strong{font-size:19pt}
.ref-page .ref-order-ledger td:nth-child(2) bdi{white-space:nowrap;overflow-wrap:normal;font-size:8.5pt;line-height:1.4}
.ref-page .ref-order-ledger td:last-child bdi{font-size:8pt;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.ref-page .ref-ledger td small{font-size:7.5pt;line-height:1.5}
.ref-page .ref-financial-explanation,.ref-page .ref-invoice-scope{font-size:8pt;line-height:1.6}

.ref-page.ref-order .ref-order-identity strong{font-size:16pt;line-height:1.4}

.ref-page.ref-order .ref-order-metrics.ref-wide-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.ref-page.ref-order .ref-order-metrics.ref-wide-metrics .ref-metric>strong{font-size:13pt;white-space:nowrap}
.ref-page.ref-order .ref-order-metrics.ref-wide-metrics .ref-metric>strong>bdi{white-space:nowrap}

/* A normal draft retains readable type and one A4 page; wide invoice cards fit currency inline. */
.ref-page.ref-invoice .ref-order-metrics .ref-metric{grid-template-rows:4mm minmax(5mm,auto) minmax(4mm,auto) auto;gap:.3mm;min-height:25mm;padding:1.5mm 2mm}
.ref-page.ref-invoice .ref-order-metrics .ref-metric>.ref-icon{width:4mm;height:4mm}
.ref-page.ref-invoice .ref-order-metrics .ref-metric>strong{flex-direction:row;justify-content:center;align-items:baseline;gap:1mm;min-height:0;flex-wrap:nowrap}
.ref-page.ref-invoice .ref-order-metrics .fin-currency{display:inline;flex-shrink:0}

/* Keep a large cumulative amount whole; its currency has a separate fixed line. */
.ref-page .ref-customer-ledger .ref-credit-cell .fin-currency{display:block;font-size:7.5pt;line-height:1.2;margin-top:.4mm}

.ref-page .ref-closing.ref-close-wide>strong{font-size:26pt;line-height:1.4;white-space:nowrap;flex-shrink:0}
.ref-page .ref-closing.ref-close-wide>strong bdi{white-space:nowrap;overflow-wrap:normal}
.ref-page .ref-closing.ref-close-wide .fin-currency{font-size:12pt}
.ref-page .ref-closing.ref-close-wide>div{min-width:0}


/* Long order identifiers and eight readable movements share the same A4 statement. */
.ref-page.ref-order:not(.ref-invoice) .ref-long-order-number strong{font-size:12pt;line-height:1.4}
.ref-page.ref-order:not(.ref-invoice) .ref-order-metrics .ref-metric{grid-template-rows:4mm minmax(5mm,auto) minmax(4mm,auto) auto;gap:.3mm;min-height:25mm;padding:1.5mm 1.2mm}
.ref-page.ref-order:not(.ref-invoice) .ref-order-metrics .ref-metric>.ref-icon{width:4mm;height:4mm}
.ref-page.ref-order:not(.ref-invoice) .ref-order-metrics .ref-metric>strong{flex-direction:row;align-items:baseline;justify-content:center;gap:1mm;min-height:0;flex-wrap:wrap}
.ref-page.ref-order:not(.ref-invoice) .ref-order-metrics .fin-currency{display:inline}

/* Keep order/currency context on every continued customer ledger page. */
.ref-page .ref-table-continuation{margin:0 0 2mm;padding:1.5mm 2mm;background:#edf5e8;color:#08432b;font-size:9pt;line-height:1.5;font-weight:700;border-inline-start:1mm solid #0d5b3a;break-after:avoid}

/* Invoice summary palette from the retained original reference; other documents keep their own colors. */
.ref-page.ref-invoice .ref-order-metrics .ref-neutral{background:#f3f5f2;color:#101510!important}
.ref-page.ref-invoice .ref-order-metrics .ref-blue{background:#e7f3fc;color:#125088!important}
.ref-page.ref-invoice .ref-order-metrics .ref-red{background:#ffeded;color:#b12c20!important}
.ref-page.ref-invoice .ref-order-metrics .ref-green{background:#edf7e7;color:#063c23!important}

/* Fade the old logo-panel cutout into the page; leave the transparent brand asset and source art intact. */
.ref-page .ref-header-art{--logo-fade-x:30%;--logo-fade-to:34%;--logo-fade-y:80%;--logo-fade-bottom:92%;-webkit-mask-image:linear-gradient(90deg,transparent var(--logo-fade-x),#000 var(--logo-fade-to)),linear-gradient(180deg,transparent var(--logo-fade-y),#000 var(--logo-fade-bottom));mask-image:linear-gradient(90deg,transparent var(--logo-fade-x),#000 var(--logo-fade-to)),linear-gradient(180deg,transparent var(--logo-fade-y),#000 var(--logo-fade-bottom));-webkit-mask-composite:source-over;mask-composite:add}
.ref-page.fin-receipt-page .ref-header-art{--logo-fade-x:22%;--logo-fade-to:24%;--logo-fade-y:67%;--logo-fade-bottom:79%}
