.doc.modern .msumcol{width:360px;margin:8px 36px 0;flex:none;display:flex;flex-direction:column;align-items:stretch}
.doc.modern .msum{border:1px solid #d3e0d8;border-radius:10px;overflow:hidden}
.doc.modern .sigbox{display:flex;justify-content:center;align-items:center;padding:18px 0 4px}
.doc.modern .msum .r{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-bottom:1px solid #e2ebe5;font-size:14px}
.doc.modern .msum .r span:first-child{color:#51606f;font-weight:700}
.doc.modern .msum .v{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}
.doc.modern .msum .v b{font-size:15px;color:#14261f}
.doc.modern .msum .v small{font-size:11.5px;color:#65786e;font-weight:700}
.doc.modern .msum .r.paid b{color:#c0271f}
.doc.modern .msum .r.last{border-bottom:0;padding:12px 14px}
.doc.modern .msum .r.last span:first-child{color:#fff}
.doc.modern .msum .r.last b{font-size:19px;color:#fff}
.doc.modern .msum .r.last small{color:rgba(255,255,255,.85)}
.doc.modern .msum .r.last.due{background:#0f5a45}
.doc.modern .msum .r.last.ok{background:#137a43}
.doc.modern .mf{margin-top:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:flex-end;padding:18px 36px 10px;direction:rtl;text-align:right}
.doc.modern .mf-note{font-family:"KufiAr",sans-serif;font-weight:700;color:#0f5a45;font-size:14px}
.doc.modern .mf-sign{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:#65786e;font-weight:700}
.doc.modern .mf-sign .stampbox{width:150px;height:120px}
.doc.modern .mf-sign .stampbox img{width:150px}
.doc.modern .mf-sign .stampbox img.sig{width:132px;top:14px;left:9px}
.doc.modern .mf-band{display:flex;justify-content:space-around;gap:10px;background:#0f5a45;color:#fff;padding:10px 24px;font-size:13px;font-weight:700;direction:ltr;border-top:4px solid #b9873f}
.doc img.sig-only{width:170px;height:auto;display:block;margin:0 auto}
/* Arabic documents (statements): mirror the header so brand sits on the right */
/* statements: document title + account details on the right, brand on the left */
.doc.modern.rtl .mh{direction:ltr}
.doc.modern.rtl .mh-title{text-align:right}
.doc.modern.rtl .kv{justify-content:flex-start}
.doc.modern.rtl .mf-band{direction:rtl}
.doc.modern .minfo{display:flex;justify-content:space-between;gap:16px;margin:0 36px 14px;padding:10px 18px;background:#f4f8f5;border:1px solid #d3e0d8;border-radius:8px;direction:rtl;font-size:14px}
.doc.modern .minfo div{display:flex;gap:8px;align-items:baseline}
.doc.modern .minfo span{color:#65786e}
.doc.modern .minfo span::after{content:":"}
.doc.modern .minfo b{color:#0f5a45;font-weight:800}
/* header v2: logos on both sides, company names centered; document title bar replaces the greeting */
.doc.modern .mh2{display:grid;grid-template-columns:1fr 130px;align-items:center;padding:22px 36px 14px;direction:ltr}
.doc.modern .mh2 img{width:118px}
.doc.modern .mh2 img:last-child{justify-self:end}
.doc.modern .mh2 .c{text-align:left}
.doc.modern .mh2 .en{font-family:"Times New Roman",Times,serif;font-weight:700;font-size:29px;color:#0f5a45;letter-spacing:.5px}
.doc.modern .mh2 .ar{font-family:"KufiAr",sans-serif;font-weight:800;font-size:22px;color:#14261f;direction:rtl;text-align:left;margin-top:2px}
.doc.modern .mtitle{display:flex;justify-content:space-between;align-items:center;margin:12px 36px 12px;direction:ltr}
.doc.modern .mtitle .t-en{font-family:"Times New Roman",Times,serif;font-size:24px;font-weight:700;letter-spacing:3px;color:#0f5a45}
.doc.modern .mtitle .t-ar{font-family:"KufiAr",sans-serif;font-size:22px;font-weight:800;color:#b9873f}