:root{--ink:#0f172a;--mut:#64748b;--bg:#f3f5f8;--card:#fff;--line:#e2e8f0;--br:#2E5B7C;--br2:#1E3E56;--tint:#eaf0f5}
@media(prefers-color-scheme:dark){:root{--ink:#e7ebef;--mut:#96a2af;--bg:#0f1216;--card:#171b21;--line:#2a313a;--br:#5c8fb8;--br2:#3e6e94;--tint:#1c2934}}
*{box-sizing:border-box}
body{margin:0;font-family:'IBM Plex Sans Arabic',Tahoma,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14.5px;line-height:1.6}
button,input,select,textarea{font:inherit;color:inherit}
.btn{border:1px solid var(--line);border-radius:10px;padding:8px 15px;cursor:pointer;background:var(--card);font-weight:600;transition:.15s}
.btn:hover{border-color:var(--br)}.btn.g{background:#15803d;border-color:#15803d;color:#fff}.btn.d{background:var(--br2);border-color:var(--br2);color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}
input,select,textarea{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
input:focus{outline:2px solid var(--br);outline-offset:1px}
label{display:block;font-size:12.5px;font-weight:600;color:var(--mut);margin:12px 0 5px}
.main{padding:26px}
@media(max-width:800px){.main{padding:14px}}
.top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.top h1{margin:0;font-size:22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000a;padding:18px;margin-bottom:14px}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;text-align:right;border-bottom:1px solid var(--line);vertical-align:middle}
.badge{padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600;background:var(--tint);white-space:nowrap}
.badge.green{background:#dcfce7;color:#166534}.badge.blue{background:#dbeafe;color:#1e40af}.badge.red{background:#fee2e2;color:#991b1b}
.pad{border:2px dashed #94a3b8;border-radius:10px;background:#fff;touch-action:none;width:100%;height:170px;display:block}
.login{max-width:360px;margin:9vh auto}.muted{color:var(--mut);font-size:13px}
.stbx{width:40mm;height:40mm;border:1.2px dashed #94a3b8;margin:6px 0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#94a3b8;background:#fff}.stbx img{width:100%;height:100%;object-fit:contain}
.row2{display:grid;gap:14px;grid-template-columns:1fr 1fr}@media(max-width:800px){.row2{grid-template-columns:1fr}}
#printArea{display:none}
@media print{body>*:not(#printArea){display:none!important}#printArea{display:block!important}@page{size:A4;margin:0}html,body{background:#fff!important;margin:0!important;padding:0!important}}

/* ===== تصميم العقد v12: ورق ملوّن (لا أبيض) — ترويسة وتذييل بعرض الصفحة، بطاقات، بدون إطار ===== */
.pgs{display:flex;flex-direction:column;gap:18px;align-items:center;padding:14px 0;transform-origin:top center}
.pg,.pgm{font-family:'IBM Plex Sans Arabic',Tahoma,'Segoe UI',Arial,sans-serif;font-size:12px;line-height:1.9;color:#1a2330;direction:rtl;text-align:right}
.pgm{width:178mm}
/* ألوان العقد تأتي من الإعدادات (متغيرات --nv --nv2 --gd --gd2 --gdk --pb) */
.pg{position:relative;width:210mm;height:297mm;padding:22mm 16mm 40mm 16mm;overflow:hidden;flex:none;box-shadow:0 1px 3px #0002,0 16px 44px var(--nv)24;
  background:var(--pb,#f4f5f7)}
.pg,.pg *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
.pg .pc{position:relative}
.pg.p1 .ph{display:none}
.pg.p1 .pc{margin-top:21mm}
.blk{margin-bottom:10px}
.blk.r{margin-bottom:0}

/* شعار المؤسسة كعلامة مائية + ختم عدد الصفحات */
.pg .wm{position:absolute;inset:0;background-repeat:no-repeat;background-position:center 52%;background-size:115mm auto;opacity:.07;pointer-events:none}
.pg .pstamp{position:absolute;right:21mm;bottom:44mm;width:36mm;height:36mm;opacity:.10;transform:rotate(-12deg);pointer-events:none}
.pg .pstamp svg{width:100%;height:100%;display:block}
.pg .draft{position:absolute;top:120mm;left:0;right:0;text-align:center;font-size:100px;font-weight:700;color:#b3401f;opacity:.15;transform:rotate(-24deg);pointer-events:none}

/* شريط الرأس (الصفحات الداخلية) بعرض الصفحة */
.pg .ph{position:absolute;top:0;left:0;right:0;height:11mm;padding:0 16mm;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;color:#fff;background:var(--nv);border-bottom:2pt solid var(--gd)}
.pg .ph span:last-child{color:var(--gd2)}
/* شريط التذييل بعرض الصفحة */
.pg .pf{position:absolute;bottom:0;left:0;right:0;height:8.5mm;padding:0 16mm;display:flex;justify-content:space-between;align-items:center;font-size:9.5px;color:#cfdbe6;background:var(--nv);border-top:1.4pt solid var(--gd)}
.pg .pf .mid{display:flex;align-items:center;gap:8px}
.pg .pgi{display:flex;gap:2px;direction:rtl}
.pg .pgi i{width:3.6mm;height:3.6mm;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:6.5px;line-height:1;color:#cfdbe6;border:.5pt solid var(--gd);background:transparent}
.pg .pgi i.on{background:var(--gd);color:var(--nv);font-weight:700}
.pg .pf .pn{padding:0 14px;font-weight:700;color:var(--nv);background:var(--gd2);border-radius:99px;line-height:1.7}
.pg .micro{position:absolute;bottom:9.4mm;left:16mm;right:16mm;font-size:4.4px;line-height:1;color:#8a99a6;white-space:nowrap;overflow:hidden}

/* شريط الاعتماد فوق التذييل */
.pg .ini{position:absolute;left:16mm;right:16mm;bottom:12.5mm;height:19.5mm;display:grid;grid-template-columns:1fr 1fr 25mm;background:#fff;border-top:1.6pt solid var(--nv);box-shadow:0 .5pt 3pt var(--nv)20}
.pg .ini.n2{grid-template-columns:1fr 1fr}
.pg .ic{display:flex;justify-content:space-between;align-items:center;gap:3mm;padding:0 3mm;min-width:0}
.pg .ic+.ic{border-right:.6pt solid #e0d6bf}
.pg .il{font-size:9.5px;line-height:1.45;min-width:0}
.pg .il small{display:block;font-size:8.5px;color:var(--gdk);font-weight:700}
.pg .il b{display:block;font-size:10.5px;color:var(--nv);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg .il span{color:#5b6775}
.pg .iq{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4mm;background:#fff;border-right:.6pt solid #e0d6bf}
.pg .iq img{width:15mm;height:15mm;image-rendering:pixelated}
.pg .iq small{font-size:6.3px;line-height:1.25;text-align:center;color:#5b6775;padding:0 1mm}
.pg .is{flex:none;width:28mm;height:12mm;border-bottom:.6pt solid #7b8794;display:flex;align-items:center;justify-content:center}
.pg .is img{max-width:100%;max-height:100%;object-fit:contain}

/* عزل جداول العقد عن أنماط لوحة الإدارة العامة */
.dk table th,.dk table td{border:0;background:none;font-size:inherit;padding:0;vertical-align:middle}
.dk table tbody tr:hover{background:none}

/* ترويسة الصفحة الأولى: شريط كحلي بعرض الصفحة */
.pg .hb{position:absolute;top:0;left:0;right:0;height:38mm;padding:0 16mm;display:flex;align-items:center;color:#fff;border-bottom:2.4pt solid var(--gd);box-shadow:0 1.3mm 0 var(--pb,#f4f5f7),0 1.8mm 0 var(--gd);z-index:1;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Cpath d='M0 15Q15 0 30 15T60 15M0 15Q15 30 30 15T60 15' fill='none' stroke='%23ffffff' stroke-opacity='.06'/%3E%3C/svg%3E"),var(--nv)}
.hb .lh{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px}
.dk .lh-r{display:flex;align-items:center;gap:13px;min-width:0;flex:1}
.dk .mk{flex:none;width:20mm;height:20mm;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;line-height:1;color:var(--nv);background:linear-gradient(135deg,var(--gd2),var(--gd));border-radius:50%;box-shadow:0 0 0 1.1mm rgba(255,255,255,.18)}
.dk .mk.lg{width:auto;max-width:44mm;height:20mm;background:#fff;border-radius:3mm;padding:1.5mm 2.5mm;box-shadow:0 0 0 1mm rgba(255,255,255,.18)}
.dk .mk.lg img{height:100%;width:auto;max-width:100%;object-fit:contain}
.dk .lh h2{margin:0;font-size:18.5px;font-weight:700;line-height:1.45;color:#fff}
.dk .lh-s{font-size:10px;line-height:1.75;color:#cfdbe6}
.dk .lh-s i{font-style:normal;font-size:7px;color:var(--gd2);margin:0 7px;vertical-align:1px}

/* باركود التحقق داخل الشريط (العقد الإلكتروني فقط) */
.dk .vc{flex:none;display:flex;align-items:center;gap:3mm}
.dk .vq{flex:none;position:relative;width:27mm;height:27mm;padding:1.8mm;background:#fff;box-shadow:0 0 0 1.2mm rgba(236,208,138,.55)}
.dk .vq img{display:block;width:100%;height:100%;image-rendering:pixelated}
.dk .vq::before,.dk .vq::after{content:'';position:absolute;width:4mm;height:4mm;border:0 solid var(--gd2);pointer-events:none}
.dk .vq::before{top:-2.4mm;right:-2.4mm;border-top-width:1.6pt;border-right-width:1.6pt}
.dk .vq::after{bottom:-2.4mm;left:-2.4mm;border-bottom-width:1.6pt;border-left-width:1.6pt}
.dk .vt{display:flex;flex-direction:column;justify-content:center;min-width:31mm;padding:0 2mm}
.dk .vt small{font-size:9px;font-weight:700;color:var(--gd2);}
.dk .vt strong{display:block;margin:1px 0 5px;font-size:12.5px;line-height:1.45;color:#fff}
.dk .vr{display:flex;justify-content:space-between;gap:10px;padding:2px 0;font-size:9.5px;line-height:1.5;border-top:.5pt solid rgba(236,208,138,.45)}
.dk .vr span{color:#cfdbe6}
.dk .vr em{font-style:normal;font-weight:700;color:#fff;direction:ltr}
/* نسخة الطباعة الورقية: بيانات العقد بدل الباركود */

/* العنوان */
.dk .ttl{text-align:center;padding-top:2px}
.dk .ttl small{display:block;font-size:10.5px;font-weight:700;color:var(--gdk)}
.dk .ttl h1{margin:0 0 3px;font-size:24px;font-weight:700;line-height:1.5;color:var(--nv)}
.dk .orn{position:relative;height:9px;margin:0 22mm}
.dk .orn::before{content:'';position:absolute;left:0;right:0;top:4px;height:.8pt;background:linear-gradient(90deg,transparent,var(--gd) 25%,var(--gd) 75%,transparent)}
.dk .orn::after{content:'';position:absolute;left:50%;top:0;width:8px;height:8px;margin-left:-4px;background:var(--gd);transform:rotate(45deg);box-shadow:0 0 0 2.5px var(--pb,#f4f5f7)}

.dk .stats{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:8px;margin-top:11px}
.dk .stats div{padding:4px 11px;background:#fff;border-top:2.2pt solid var(--gd);box-shadow:0 .4pt 2pt var(--nv)18}
.dk .stats small{display:block;font-size:9.5px;color:#6b7580;line-height:1.5}
.dk .stats b{display:block;font-size:12.5px;color:var(--nv);line-height:1.6}
.dk .stats div.hl{background:var(--nv)}
.dk .stats div.hl small{color:var(--gd2)}.dk .stats div.hl b{color:#fff;font-size:13.5px}

/* السجلات والتراخيص الرسمية */
.dk .offt{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:11px;font-weight:700;color:var(--nv)}
.dk .offt::before{content:'';flex:none;width:6px;height:6px;background:var(--gd);transform:rotate(45deg)}
.dk .offt::after{content:'';flex:1;height:.6pt;background:linear-gradient(90deg,#d3dbe4,var(--gd))}
.dk .ofr{display:flex;gap:8px}
.dk .ot{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:5px 10px;background:#fff;border-right:3pt solid var(--nv);box-shadow:0 .4pt 2pt var(--nv)18}
.dk .oq{flex:none;position:relative;width:17mm;height:17mm;padding:1.2mm;background:#fff;box-shadow:0 0 0 .5pt #d3dbe4}
.dk .oq img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.dk .oq::before,.dk .oq::after{content:'';position:absolute;width:3mm;height:3mm;border:0 solid var(--gd);pointer-events:none}
.dk .oq::before{top:-.9mm;right:-.9mm;border-top-width:1.2pt;border-right-width:1.2pt}
.dk .oq::after{bottom:-.9mm;left:-.9mm;border-bottom-width:1.2pt;border-left-width:1.2pt}
.dk .ox{min-width:0;line-height:1.45}
.dk .ox small{display:block;font-size:9.5px;font-weight:700;color:var(--gdk)}
.dk .ox b{display:block;margin:1px 0;font-size:11.5px;font-weight:700;color:var(--nv);word-break:break-all}
.dk .ox span{display:block;font-size:8.5px;color:#7b8794}

/* عناوين الأقسام */
.dk .sec{display:flex;align-items:center;gap:9px;margin:0 0 7px;font-size:14px;font-weight:700;color:var(--nv);line-height:1.7}
.dk .sec::before{content:'';flex:none;width:7px;height:7px;background:var(--gd);transform:rotate(45deg)}
.dk .sec::after{content:'';flex:1;height:.6pt;background:linear-gradient(90deg,#d3dbe4,var(--gd))}
.dk .pre{margin:0 0 7px;font-size:12px;color:#2b3645}

/* بطاقتا الطرفين */
.dk .parties{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dk .party{background:#fff;border:.8pt solid #d3dbe4;overflow:hidden;box-shadow:0 .4pt 2pt var(--nv)18}
.dk .phd{display:flex;justify-content:space-between;align-items:center;padding:3px 11px;background:var(--nv);color:#fff;font-size:11.5px;border-bottom:1.4pt solid var(--gd)}
.dk .phd span{font-size:10px;color:var(--gd2)}
.dk .party .nm{padding:6px 11px 4px;font-size:13px;font-weight:700;line-height:1.6;color:var(--nv);border-bottom:.5pt solid #e4e9ee}
.dk .fg{display:grid;grid-template-columns:repeat(3,1fr);gap:0 10px;padding:0 11px 4px}
.dk .fd{padding:3px 0;border-bottom:.5pt dotted #c3ccd5;min-width:0}
.dk .fd.w{grid-column:span 2}
.dk .fd small{display:block;font-size:9.5px;font-weight:700;color:var(--gdk);line-height:1.4}
.dk .fd b{display:block;font-size:11px;font-weight:600;color:#1a2330;line-height:1.55;word-break:break-word}

/* تفاصيل الخدمة */
.dk .svx{display:flex;flex-direction:column;gap:6px}
.dk .sx3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.dk .sxt{display:flex;align-items:center;gap:9px;min-width:0;padding:6px 10px;background:#fff;border-top:2.5pt solid var(--gd);box-shadow:0 .4pt 2pt var(--nv)18}
.dk .sxt em{flex:none;width:8mm;height:8mm;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:700;line-height:1;color:var(--gd2);background:var(--nv);border-radius:50%;box-shadow:0 0 0 .8mm #fff,0 0 0 1.1mm var(--gd)}
.dk .sxt small,.dk .sxw small{display:block;font-size:9.5px;font-weight:700;color:var(--gdk);line-height:1.45}
.dk .sxt b,.dk .sxw b{display:block;font-size:12px;font-weight:600;color:#1a2330;line-height:1.55;word-break:break-word}
.dk .sx2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.dk .sxw{min-width:0;padding:5px 11px;background:#fff;border-right:3pt solid var(--gd);box-shadow:0 .4pt 2pt var(--nv)18}
.dk .sxw.d{background:#eaf1f8}
.dk .sxp{display:flex;align-items:center;gap:14px;padding:6px 14px;color:#fff;font-size:11px;background:var(--nv);border-bottom:1.6pt solid var(--gd)}
.dk .sxp>span{flex:none;font-weight:700;color:var(--gd2)}
.dk .sxl{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
.dk .sxl b{flex:none;font-size:11.5px;color:#fff}
.dk .sxl i{flex:1;height:0;border-top:1pt dashed var(--gd2)}
.dk .sxp u{flex:none;padding:0 11px;font-size:10px;font-weight:700;text-decoration:none;color:var(--nv);background:var(--gd2);border-radius:99px;line-height:1.7}

.dk .sx4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.dk .stats .hl em{display:block;font-style:normal;font-size:9.5px;line-height:1.5;color:var(--gd2)}
.dk .pt.sm{font-size:10.5px}
.dk .pt.fx{table-layout:fixed}
.dk .pt.fx td,.dk .pt.fx th{word-break:break-word}
.dk .pt.sm th{padding:4px 3px;font-size:10px}
.dk .pt.sm td{padding:2px 5px}

/* التسعير وجدول أنواع النفايات */
.dk .tot{padding:10px;text-align:center;font-size:14.5px;color:var(--nv);background:#eaf1f8;border:.8pt solid #cfdbe8;border-top:2px solid var(--gd)}
.dk .pt{width:100%;border-collapse:collapse;font-size:11.5px;background:#fff;box-shadow:0 .4pt 2pt var(--nv)18}
.dk .pt th{font-size:11px;padding:6px;text-align:center;font-weight:600;color:#fff;background:var(--nv);border-bottom:2px solid var(--gd)}
.dk .pt td{padding:4px 7px;text-align:center;border-bottom:.5pt solid #e4e9ee}
.dk .pt td.l{text-align:right;font-weight:600}
.dk .pt tr:nth-child(even) td{background:#f6f8fb}
.dk .pt tr.tt td{font-weight:700;color:var(--nv);background:#eaf1f8;border-top:2px solid var(--gd)}

/* البنود: بطاقات بدائرة رقم */
.dk .cl{display:flex;gap:11px;align-items:flex-start;padding:8px 12px;margin-bottom:6px;background:#fff;border-right:3pt solid var(--gd);box-shadow:0 .4pt 2pt var(--nv)18}
.dk .cl .cn{flex:none;width:9mm;height:9mm;display:flex;align-items:center;justify-content:center;margin-top:1px;color:var(--gd2);background:var(--nv);border-radius:50%;box-shadow:0 0 0 .7mm #fff,0 0 0 1pt var(--gd)}
.dk .cl .cn b{font-size:13.5px;font-weight:700;line-height:1;color:var(--gd2)}
.dk .cl .ct{flex:1;min-width:0}
.dk .cl h5{margin:0 0 1px;font-size:13px;font-weight:700;color:var(--nv)}
.dk .cl p{margin:0;white-space:pre-wrap;text-align:justify;font-size:12px;color:#2b3645}

/* التوقيعات والتوثيق */
.dk .sg2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dk .sgc{padding:0 10px 9px;text-align:center;background:#fff;border:.8pt solid #d3dbe4;border-top:3px solid var(--nv);box-shadow:0 .4pt 2pt var(--nv)18}
.dk .sgh{padding:5px 0 3px;font-size:12px;font-weight:700;color:var(--nv)}
.dk .sgi{width:62mm;max-width:100%;height:24mm;margin:0 auto;border-bottom:.8pt solid #7b8794}
.dk .sgi img{width:100%;height:100%;object-fit:contain}
.dk .sgl{font-size:9px;color:#8a95a3;margin-bottom:3px}
.dk .sgn{font-size:12px;font-weight:700;color:#1a2330}
.dk .sgt{font-size:10.5px;color:#5b6775}
.dk .stb{width:40mm;height:40mm;margin:6px auto 4px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;line-height:1.5;color:#9aa6b1;border:1.2px dashed #a9b6c0;border-radius:4px}
.dk .stb img{width:100%;height:100%;object-fit:contain}
.dk .seal{display:flex;gap:12px;align-items:center;margin-top:10px;padding:10px 14px;font-size:10.5px;line-height:1.7;background:#fff;border-right:5px solid var(--gd);border-top:1.4pt solid var(--nv);box-shadow:0 .4pt 2pt var(--nv)18}
.dk .seal .rs{flex:none;width:19mm;height:19mm}
.dk .seal .rs svg{width:100%;height:100%;display:block}
.dk .seal .st{flex:1;min-width:0}
.dk .seal .qi{flex:none;width:21mm;height:21mm;padding:2px;border:.6pt solid #d3dbe4;background:#fff}
.dk .seal .ok{color:#166534}.dk .seal .no{color:#b3401f}
.dk .hx{margin:3px 0;font-family:Consolas,monospace;font-size:10.5px;direction:ltr;text-align:left;word-break:break-all;color:var(--nv)}
.dk .pgatt{margin-top:10px;padding:7px 12px;font-size:10.5px;line-height:1.8;color:var(--nv);background:#eaf1f8;border:.8pt solid #cfdbe8;border-right:4px solid var(--nv)}

/* شهادة التوثيق */
.dk .tband{margin-top:6px;padding:8px 16px;text-align:center;font-size:22px;font-weight:700;line-height:1.5;color:#fff;border-top:1.6pt solid var(--gd);border-bottom:1.6pt solid var(--gd);background:var(--nv)}
.dk .cvw{display:flex;align-items:center;gap:16px;margin-top:14px;padding:12px 16px;background:#fff;border-top:2.5pt solid var(--gd);box-shadow:0 .4pt 2pt var(--nv)18}
.dk .cvw .vq{width:44mm;height:44mm;margin:2mm;box-shadow:0 0 0 .5pt #d3dbe4}
.dk .cvw .vq::before,.dk .cvw .vq::after{border-color:var(--gd)}
.dk .cvw .cvt{flex:1;min-width:0;font-size:12px;line-height:1.9;color:#2b3645}
.dk .cvw .cvt strong{display:block;font-size:15px;color:var(--nv);margin-bottom:2px}
.dk .cgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:12px;padding:2px 14px 8px;background:#fff;border-top:2.5pt solid var(--nv);box-shadow:0 .4pt 2pt var(--nv)18}
.dk .cgrid .fd.w{grid-column:1/-1}

/* الطباعة */
@media print{
  .pgs{display:block;padding:0}
  .pg{box-shadow:none;margin:0;height:296.4mm;break-after:page;page-break-after:always}
  .pg:last-child{break-after:auto;page-break-after:auto}
}

/* ===== عرض السعر: ترويسة بلوحة كحلية فيها باركود التحقق في الأعلى، بطاقات مستديرة، صفحة واحدة ===== */
.qp{position:relative;width:210mm;height:297mm;flex:none;overflow:hidden;background:var(--pb,#f4f5f7);color:#1a2330;direction:rtl;text-align:right;font-family:'IBM Plex Sans Arabic',Tahoma,'Segoe UI',Arial,sans-serif;font-size:12px;line-height:1.8;box-shadow:0 1px 3px #0002,0 16px 44px #0e2a4324}
.qp,.qp *{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-sizing:border-box}
.qp .qin{position:absolute;top:0;bottom:0;left:0;right:0;padding:11mm 14mm 8mm 14mm;display:flex;flex-direction:column}
.qp .body{flex:1;min-height:0}
.qp .qh{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 14px;color:#fff;background:var(--nv);border-radius:3mm;border-bottom:2.4pt solid var(--gd)}
.qp .co{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.qp .lg{flex:none;width:19mm;height:19mm;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:2.5mm;padding:1.5mm}
.qp .lg img{max-width:100%;max-height:100%;object-fit:contain}
.qp .lg.m{font-size:30px;font-weight:700;color:var(--nv);background:var(--gd2)}
.qp .co h2{margin:0;font-size:17px;font-weight:700;line-height:1.5;color:#fff}
.qp .ls{font-size:9.5px;line-height:1.7;color:#d3dde7}
.qp .qv{flex:none;display:flex;align-items:center;gap:10px}
.qp .qv .qw{flex:none;width:27mm;height:27mm;padding:1.6mm;background:#fff;border-radius:1.5mm}
.qp .qv .qw img{display:block;width:100%;height:100%;image-rendering:pixelated}
.qp .qv .vt2{min-width:34mm;line-height:1.6}
.qp .qv .vt2 b{display:block;font-size:12.5px;color:var(--gd2)}
.qp .qv .vt2 span{display:block;font-size:9.5px;color:#d3dde7}
.qp .qv .vt2 em{display:block;margin-top:2px;font-style:normal;font-size:10px;font-weight:700;color:#fff;direction:ltr;text-align:right;font-family:Consolas,monospace}
.qp .qv .qd{min-width:34mm;padding:6px 12px;text-align:center;border:.8pt solid rgba(255,255,255,.35);border-radius:2mm;line-height:1.6}
.qp .qv .qd small{display:block;font-size:9.5px;color:var(--gd2)}
.qp .qv .qd b{display:block;font-size:13px;color:#fff;direction:ltr}
.qp .qtl{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:10px 0 8px}
.qp .qtl h1{margin:0;font-size:27px;font-weight:700;line-height:1.4;color:var(--nv)}
.qp .qtl h1::after{content:'';display:block;width:22mm;height:2.5pt;margin-top:2px;background:var(--gd)}
.qp .chips{display:flex;gap:6px;flex:none}
.qp .chips div{padding:2px 12px;background:#fff;border:.6pt solid #d6dde4;border-radius:99px;line-height:1.55;text-align:center}
.qp .chips small{display:block;font-size:9px;font-weight:700;color:var(--gdk)}
.qp .chips b{display:block;font-size:11px;color:var(--nv)}
.qp .mt{padding:6px 12px;margin-bottom:7px;background:#fff;border:.6pt solid #d6dde4;border-radius:2.5mm;border-right:3pt solid var(--gd)}
.qp .mt small,.qp .cardt{display:block;font-size:9.5px;font-weight:700;color:var(--gdk);line-height:1.5}
.qp .mt b{display:block;font-size:13px;font-weight:700;color:var(--nv);line-height:1.6}
.qp .mt span{display:block;font-size:10px;color:#5b6775;line-height:1.6}
.qp .mt .sj{margin-top:2px;padding-top:2px;border-top:.5pt dotted #c3ccd5;font-size:11.5px;font-weight:600;color:#1a2330}
.qp .in2{margin:0 0 8px;font-size:12px;color:#2b3645;white-space:pre-wrap}
.qp .tbw{border-radius:2.5mm;overflow:hidden;border:.6pt solid #d6dde4;background:#fff}
.qp table.qt{width:100%;border-collapse:collapse;font-size:11.5px}
.qp table.qt th{padding:6px 7px;text-align:center;font-size:10.5px;font-weight:600;color:#fff;background:var(--nv);border-bottom:2pt solid var(--gd)}
.qp table.qt td{padding:4px 8px;text-align:center;border-bottom:.5pt solid #e4e9ee;vertical-align:middle}
.qp table.qt td.l{text-align:right;font-weight:600;white-space:pre-wrap}
.qp table.qt tbody tr:nth-child(even) td{background:#f6f8fb}
.qp table.qt tbody tr:last-child td{border-bottom:0}
.qp .bt{display:flex;gap:9px;margin-top:9px;align-items:flex-start}
.qp .terms{flex:1.35;min-width:0;padding:6px 12px;background:#fff;border:.6pt solid #d6dde4;border-radius:2.5mm;border-right:3pt solid var(--gd)}
.qp .terms p{margin:0;font-size:11px;line-height:1.85;color:#2b3645;white-space:pre-wrap}
.qp .sum{flex:1;min-width:0;background:#fff;border:.6pt solid #d6dde4;border-radius:2.5mm;overflow:hidden}
.qp .sum div{display:flex;justify-content:space-between;gap:8px;padding:3px 12px;font-size:11.5px;border-bottom:.5pt solid #e4e9ee}
.qp .sum div b{color:var(--nv)}
.qp .sum .gr{padding:7px 12px;font-size:13px;font-weight:700;color:#fff;background:var(--nv);border-bottom:0}
.qp .sum .gr b{color:var(--gd2);font-size:14px}
.qp .sgr{display:flex;gap:9px;margin-top:10px;align-items:stretch;justify-content:flex-end}
.qp .sx{flex:1;max-width:92mm;min-width:0;text-align:center;padding:5px 10px 7px;background:#fff;border:.6pt solid #d6dde4;border-radius:2.5mm;border-top:3pt solid var(--nv)}
.qp .sx .sh{font-size:11px;font-weight:700;color:var(--nv)}
.qp .sx .si{height:22mm;margin:2px auto 0;border-bottom:.7pt solid #7b8794;display:flex;align-items:center;justify-content:center}
.qp .sx .si img{max-width:100%;max-height:100%;object-fit:contain}
.qp .sx.st .si{height:30mm;border:1pt dashed #b9c3cd;border-radius:2mm;width:30mm}
.qp .sx.st .si.f{border-color:transparent}
.qp .sx .sn{font-size:11px;font-weight:700;color:#1a2330;line-height:1.5;margin-top:2px}
.qp .sx .sd{font-size:9.5px;color:#5b6775}
.qp .ft{flex:none;display:flex;flex-wrap:wrap;justify-content:center;gap:2px 14px;padding-top:6px;margin-top:6px;border-top:.8pt solid var(--gd);font-size:9.5px;color:#5b6775}
@media print{
  .qp{box-shadow:none;margin:0;height:296.4mm;break-after:page;page-break-after:always}
  .qp:last-child{break-after:auto;page-break-after:auto}
}