@font-face{font-family:'Noto Naskh Arabic';src:url('./fonts/NotoNaskhArabic-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:'Noto Naskh Arabic';src:url('./fonts/NotoNaskhArabic-Bold.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Amiri;src:url('./fonts/Amiri-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Amiri;src:url('./fonts/Amiri-Bold.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:'Scheherazade New';src:url('./fonts/ScheherazadeNew-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:'Scheherazade New';src:url('./fonts/ScheherazadeNew-Bold.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Carlito;src:url('./fonts/Carlito-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Carlito;src:url('./fonts/Carlito-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{font-family:'Noto Naskh Arabic',serif;color:#192c3c;background:#eef2f4;font-size:18px;--blue:#124862;--red:#ba303e;--line:#d2dfe5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:7px 17px;background:white;color:var(--blue)}button:hover{background:#e2f0f3}button.primary{background:var(--blue);color:white;border-color:var(--blue)}button.danger{color:#a32234}button:disabled{opacity:.45;cursor:default}input,select,textarea{border:1px solid #b5c9d1;border-radius:6px;padding:6px 9px;width:100%;background:white}textarea{resize:vertical;min-height:92px}label{display:block;color:#294c61}label small{display:block;color:#617886;font-size:14px}input[type=checkbox]{width:auto;margin:0 0 0 6px}h1,h2,h3,p{margin:0 0 10px}h1{font-size:27px}h2{font-size:23px}h3{font-size:20px}.app-head{display:flex;gap:16px;align-items:center;background:#fff;border-bottom:3px solid var(--red);padding:12px 5vw;position:sticky;top:0;z-index:10}.brand{font-family:Carlito;font-size:29px;color:var(--blue);font-weight:700}.app-head .grow{flex:1}.badge{padding:2px 10px;background:#deedf0;border-radius:20px;font-size:15px}.badge.offline{background:#fff0cf}.app-nav{display:flex;gap:8px;flex-wrap:wrap;padding:12px 5vw;background:white}.app-main{padding:22px 5vw 80px;max-width:1550px;margin:auto}.panel{padding:22px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:18px}.auth{max-width:520px;margin:8vh auto}.auth form{display:grid;gap:15px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:14px}.columns{display:grid;grid-template-columns:minmax(340px,1fr) minmax(300px,1fr);gap:22px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:13px 0}.inline{display:flex;gap:9px;align-items:center}.muted{color:#5e7583;font-size:16px}.notice{padding:12px 16px;background:#e6f3f5;border-right:4px solid #2f8599;border-radius:4px;white-space:pre-line;margin:9px 0}.notice.error{background:#fff1ee;border-color:var(--red)}.notice.pending{background:#fff7df;border-color:#c89427}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:15px}.doc-card{border:1px solid var(--line);padding:18px;border-radius:10px;background:white}.item-editor{border:1px solid var(--line);padding:15px;border-radius:9px;margin:15px 0}.item-editor textarea{min-height:145px}.step-edit{display:grid;grid-template-columns:auto 1fr;gap:8px;margin:10px 0}.table-scroll{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:580px}.data-table th,.data-table td{border:1px solid var(--line);padding:6px 9px;text-align:right;vertical-align:top}.data-table th{background:#e6eff2}.data-table small{display:block}.status{color:#946409}.status.issued{color:#207156}.totals{font-size:23px;font-weight:700;color:var(--blue)}details>summary{cursor:pointer;color:var(--blue);padding:9px;background:#edf4f6;border-radius:5px}details{margin:12px 0}dialog{border:1px solid #c5d8df;border-radius:14px;width:min(700px,92vw);max-height:85vh;overflow:auto;padding:25px}dialog::backdrop{background:#0e253f80}.toast{position:fixed;bottom:20px;left:20px;right:20px;max-width:800px;margin:auto;background:#123d53;color:#fff;padding:12px 18px;border-radius:8px;z-index:100;white-space:pre-line}.hidden{display:none!important}.preview-wrap{overflow:auto;background:#d7e0e4;padding:18px;border-radius:8px}#preview-root{width:210mm;min-width:210mm;margin:auto}.offscreen-measure{position:absolute!important;left:-20000px!important;top:0!important;visibility:hidden!important;display:block!important;width:210mm!important}#print-root{display:none}
/* Printed page coordinates are in millimetres, independent of screen size. */
.paper{background:#fff;position:relative;width:210mm;height:297mm;padding:37.5mm 17.5mm 29mm 16.5mm;margin:0 auto 14px;overflow:hidden;color:var(--doc-colour,#000);font-family:var(--doc-font,'Noto Naskh Arabic'),Carlito;font-size:var(--doc-size,13.5pt);line-height:19.5pt;box-shadow:0 2px 10px #193a4e22;display:flex;flex-direction:column}
.paper-header{position:absolute;top:4mm;left:15mm;right:15mm;height:32mm}
.paper-logo{position:absolute;right:0;top:0;width:74mm;height:32mm;object-fit:contain}
.tagline{position:absolute;left:18mm;width:65mm;top:12mm;text-align:center;font-size:15pt;line-height:15pt;font-weight:400;color:#365F91;direction:rtl;font-family:var(--doc-font),Carlito}
.tagline-rule{position:absolute;top:25.5mm;left:0;width:105mm;height:1pt;background:#953735}
.paper-meta{display:flex;direction:rtl;justify-content:space-between;height:11mm;flex-shrink:0;font-size:11pt;line-height:13pt;margin:0}
.paper-meta span{white-space:nowrap}
.paper-body{flex:1;min-height:0;position:relative;overflow:visible}
.paper-body p{margin:0 0 10pt;white-space:pre-line;line-height:19.5pt}
.paper-body .recipient{font-size:14pt;font-weight:400}
.paper-body .greeting{text-align:center}
.paper-body .section-title{color:#C00000;font-weight:700}
.paper-body .system-line{text-align:right;font-weight:400}
.paper-body .closing{text-align:center}
.paper-body .certificate-title{text-align:center;font-weight:700;font-size:16pt;color:#002060}
.paper-body .recommendation-title{font-weight:700;margin-bottom:0}
.item-table,.claim-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:inherit;margin:0 0 10pt}
.item-table th{background:#dce6f1;text-align:center;font-weight:700}
.item-table td{background:#edf2df;vertical-align:top}
.item-table th,.item-table td{border:1pt solid #fff;padding:.45mm 1.2mm}
.item-table th:first-child,.item-table td:first-child{width:60%}
.item-table th:nth-child(2){width:8%}.item-table th:nth-child(3){width:9%}.item-table th:nth-child(4){width:11.5%}.item-table th:nth-child(5){width:11.5%}
.item-table td:not(:first-child){text-align:center;vertical-align:middle;font-family:Carlito,var(--doc-font)}
.item-table ul{padding:0 3.2mm 0 0;list-style:disc;margin:0}
.item-table li{padding:0;line-height:17pt}
.item-table li::marker{color:#C00000}
.item-table .no-bullet{list-style:none}
.item-table .section{font-weight:700}
.item-title{display:block;margin-bottom:0}
.numeric{direction:ltr;white-space:nowrap;text-align:center;font-family:Carlito,var(--doc-font)}
.table-total td:first-child{width:auto;text-align:center;color:#C00000;font-weight:700}.table-total td:last-child{font-weight:700;color:#000}
.claim-table td{border:1px solid #bdcbd3;padding:2mm}.claim-table td:last-child{width:32%}
.paper bdi,.paper .num,.paper .product-name{font-family:Carlito,var(--doc-font);line-height:1}
.product-name{font-weight:700;color:#002060}
.signatures{display:flex;direction:ltr;position:relative;gap:8mm;margin:0 0 10pt;min-height:8mm;break-inside:avoid}
.signatures.with-ink{min-height:55mm}
.signature-block{position:relative;width:80mm;text-align:left}
.sign-name{position:relative;left:28.5mm;width:50mm;font-size:13.5pt;line-height:19.5pt!important;margin:0!important;direction:rtl;text-align:left}
.stamp{position:absolute;left:3mm;top:12.9mm;width:58mm;height:33mm}
.signature{position:absolute;left:34mm;top:14.9mm;height:40mm;width:auto;max-width:80mm;object-fit:contain;z-index:1}
.paper-footer{position:absolute;left:16.5mm;right:17.5mm;bottom:5mm;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3mm;direction:rtl;color:#365F91;font-size:10pt;font-weight:700;border:0;padding:0;font-family:Carlito,var(--doc-font);line-height:4mm}
.paper-footer .footer-address{font-family:Carlito,var(--doc-font);text-align:right}
.watermark{position:absolute;top:135mm;left:20mm;right:20mm;transform:rotate(-25deg);color:#ac32413b;font-size:47pt;text-align:center;pointer-events:none;z-index:2}
.english{font-family:Carlito,var(--doc-font)}.english .paper-meta{direction:ltr}.english .tagline{direction:ltr}.english .item-table ul{padding:0 0 0 3mm}.english .paper-footer{direction:ltr}
@media(max-width:800px){.columns{grid-template-columns:1fr}.app-main{padding:16px 14px 85px}.app-head{padding:9px 14px;gap:8px;position:static}.app-nav{padding:10px 14px;gap:6px}.app-nav button{padding:5px 10px}.panel{padding:16px}.auth{margin:4vh 14px}.preview-wrap{padding:8px}h1{font-size:24px}.grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
@page{size:A4;margin:0}@media print{html,body{margin:0!important;padding:0!important;background:white!important}body>*:not(#print-root){display:none!important}#print-root{display:block!important;width:210mm;margin:0!important;padding:0!important}#print-root .paper{box-shadow:none;margin:0!important;break-after:page;page-break-after:always;print-color-adjust:exact;-webkit-print-color-adjust:exact}#print-root .paper:last-child{break-after:auto;page-break-after:auto}.offscreen-measure{display:none!important}}

.attachment-image{margin:4mm 0}.attachment-image img{max-width:100%;max-height:90mm;object-fit:contain}.attachment-image figcaption{font-size:12pt;text-align:center}
.item-table th{font-size:.86em}.item-table td:nth-child(3){white-space:normal;overflow-wrap:anywhere}.item-table td:nth-child(2){overflow-wrap:normal}