@font-face{font-family:BankArabic;src:url('assets/NotoSansArabic.ttf') format('truetype');font-weight:100 900;font-display:block}
#bankLetterPreview[hidden]{display:none!important}
#bankLetterPreview{direction:rtl;max-width:850px;margin:16px auto 24px;padding:24px;border:1px solid #d1dde8;border-radius:10px;background:white;font-family:BankArabic,Tahoma,Arial,sans-serif;font-size:15px;line-height:2}
.bank-document{direction:rtl;font-family:BankArabic,Tahoma,Arial,sans-serif;color:#17324d;background:white;page:bankPacket}
.bank-running-footer{display:none}
.bank-document *{box-sizing:border-box}
.bank-measure-stage{position:fixed;left:-12000px;top:0;width:210mm;z-index:-1;pointer-events:none}
.bank-document .bank-print-page{position:relative;width:210mm;height:296.8mm;margin:0;padding:12mm 12mm 9mm;box-sizing:border-box;overflow:visible;background:white;page:bankPacket}
.bank-document .bank-page-content{display:flow-root;width:100%;height:249mm;margin:0;padding:0}
.bank-document .bank-page-footer{position:static;padding:0;margin:6mm -3mm 0;line-height:0}
.bank-document .bank-page-footer img{display:block;width:100%;height:auto;aspect-ratio:3179/332;object-fit:contain}
.bank-document .bank-statement-heading{display:flex;align-items:center;gap:9mm;margin:0 0 7mm;padding:0 0 5mm;border-bottom:2px solid #1e4675}
.bank-document .bank-statement-heading img{width:22mm;height:24mm;object-fit:contain;flex-shrink:0}
.bank-document .bank-statement-heading h1{font-family:inherit;font-size:17px;line-height:1.9;margin:0;color:#193f72;text-align:center;flex:1;font-weight:800}
.bank-document .bank-statement-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:0;background:white}
.bank-document .bank-statement-table th,.bank-document .bank-statement-table td{border:1px solid #b7cad8;padding:4px 7px;font-family:inherit;font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;text-align:center;vertical-align:middle}
.bank-document .bank-statement-table th{background:#1b426f;color:white;font-weight:700}
.bank-document .bank-statement-table td:nth-child(2){text-align:right}
.bank-document .bank-statement-table tbody tr:nth-child(even){background:#f3f7fa}
.bank-document .bank-statement-table .bank-final-total td{font-weight:800;background:#edf4fa}
.bank-document .bank-letter-brand{height:27mm;display:flex;justify-content:flex-start;margin-bottom:7mm}
.bank-document .bank-letter-brand img{width:26mm;height:27mm;object-fit:contain}
.bank-document .bank-letter-text{font-size:15px;line-height:2.05;color:#172b3d}
.bank-letter-date{text-align:left;margin-bottom:9mm}
.bank-letter-text p{margin:0 0 5mm}
.bank-addressee{font-weight:700}
.bank-subject{font-size:16px;text-align:center;margin:6mm 0;font-weight:800;text-decoration:underline;text-underline-offset:5px}
.bank-signatures{display:grid;grid-template-columns:1fr 1fr;gap:10mm;margin-top:13mm;break-inside:avoid}
.bank-signatures>div:last-child{text-align:center}
.bank-signatures p{white-space:nowrap;font-size:13px;margin:4mm 0}
@media screen and (max-width:600px){#bankLetterPreview{padding:14px;font-size:13px}#bankLetterPreview .bank-signatures{grid-template-columns:minmax(0,1fr);gap:16px}#bankLetterPreview .bank-signatures>div:last-child{text-align:right}#bankLetterPreview .bank-signatures p{white-space:normal;overflow-wrap:anywhere}}
@page bankPacket{size:A4 portrait;margin:0;@top-left{content:none}@top-center{content:none}@top-right{content:none}@bottom-left{content:none}@bottom-center{content:none}@bottom-right{content:none}}
@media print{
 body:has(#printArea .bank-document){margin:0!important;padding:0!important;width:auto!important;background:white!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 body:has(#printArea .bank-document)>*:not(#printArea){display:none!important}
 #printArea:has(.bank-document){display:block!important;position:static!important;margin:0!important;padding:0!important;width:auto!important;overflow:visible!important}
 #printArea .bank-document{margin:0!important;padding:0!important;width:210mm!important}
 #printArea .bank-page-footer{visibility:hidden}
 #printArea .bank-running-footer{display:block;position:fixed;bottom:9mm;left:9mm;width:192mm;line-height:0;z-index:10}
 #printArea .bank-running-footer img{display:block;width:100%;height:auto}
 #printArea .bank-print-page{break-after:page;break-inside:avoid;page-break-after:always;box-shadow:none!important}
 #printArea .bank-print-page:last-child{break-after:auto;page-break-after:auto}
 #printArea .bank-statement-table thead{display:table-header-group}
 #printArea .bank-statement-table tr{break-inside:avoid}
}
