/* =====================================================================
   العروض والعقود — أنماط الوحدة فقط.
   تُبنى على متغيرات النظام وأصناف الجداول القائمة (aqi.css)، فلا لون
   جديد ولا خط مختلف عن بقية الشاشات.
   ===================================================================== */

.ed-row{cursor:pointer}
.ed-row:hover{background:var(--hover)}

/* ------- شريط الفلاتر وأنواع المكتبة ------- */
.ed-filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:10px}
.ed-f{border:1px solid var(--line-2);background:var(--surface);border-radius:99px;
 padding:4px 13px;font-size:11.5px;font-weight:600;color:var(--muted);cursor:pointer;
 font-family:inherit;display:inline-flex;align-items:center;gap:6px}
.ed-f:hover{background:var(--paper);color:var(--ink)}
.ed-f.on{background:var(--teal);border-color:var(--teal);color:#fff}
.ed-f .n{font-size:9.5px;font-weight:700;background:var(--pill);color:var(--muted);
 border-radius:99px;padding:0 5px;line-height:15px}
.ed-f.on .n{background:rgba(255,255,255,.24);color:#fff}
.ed-count{font-size:10.5px;color:var(--muted);margin-inline-start:auto}

/* ------- شريط القفل على المستند المعتمد ------- */
.ed-lock{display:flex;align-items:center;gap:8px;font-size:11.5px;line-height:1.7;
 background:var(--low-bg);color:var(--low);border:1px solid var(--low-line);
 border-radius:7px;padding:8px 12px;margin-bottom:10px}

/* ------- جسم المستند ------- */
.ed-doc{max-width:1000px}
.ed-sec{margin-bottom:12px;break-inside:avoid}
.ed-body{padding:14px 18px}
.ed-p{font-size:12.6px;line-height:2.05;text-align:justify;margin:0 0 9px}
.ed-p.en{text-align:left;font-family:"Segoe UI",system-ui,Arial,sans-serif}
.ed-p.m{color:var(--muted)}
.ed-hint{font-size:11px;color:var(--muted);padding:6px 0}

.ed-row-item{padding:7px 0;border-bottom:1px dashed var(--line)}
.ed-row-item:last-child{border-bottom:0;padding-bottom:0}
.ed-item-h{display:flex;align-items:center;gap:7px;margin-bottom:4px}
.ed-item-n{font-size:10.2px;font-weight:700;color:var(--teal)}
.ed-item-h .tag{font-size:9px;font-weight:700;color:var(--violet);
 background:var(--violet-bg);border-radius:99px;padding:1px 7px}
.ed-item-h .side{margin-inline-start:auto;display:flex;gap:2px}
.ed-mini{border:0;background:transparent;color:var(--muted);font-size:11px;
 padding:2px 6px;border-radius:5px;cursor:pointer;font-family:inherit;line-height:1.4}
.ed-mini:hover{background:var(--hover);color:var(--ink)}
.ed-mini.del:hover{background:var(--high-bg);color:var(--high)}

/* ------- جداول المستند (الفريق والأتعاب والتوقيع) ------- */
.ed-tbl{width:100%;border-collapse:collapse;margin:8px 0 12px;font-size:12px}
/* ألوان الجداول تتبع تهيئة المكتب (report_settings) كبقية التقارير،
   وتسقط على ألوان النظام إن لم يضبطها المكتب. */
.ed-tbl th{background:var(--rpt-c-thbg,var(--surface-2));color:var(--rpt-c-thtx,inherit);
 border:1px solid var(--rpt-c-line,var(--line));padding:7px;
 font-weight:700;font-size:10.5px;text-align:center}
.ed-tbl td{border:1px solid var(--rpt-c-line,var(--line));padding:7px;text-align:center;vertical-align:top}
.ed-tbl td.s{text-align:start}
.ed-tbl tr.tot{font-weight:700;background:var(--surface-2)}
.ed-tbl.ed-sign td{padding:14px;line-height:1.9}
.ed-tbl.ed-sign img{display:block;max-height:56px;margin-top:6px}
.ed-tbl .m{font-size:10.5px;color:var(--muted)}

/* ------- الباركود ------- */
.ed-qr{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ed-qr img{width:104px;height:104px;background:#fff;padding:6px;border:1px solid var(--line);
 border-radius:8px}
.ed-qr .m{font-size:10.8px;color:var(--muted);margin-bottom:3px}
.ed-qr a{font-size:11px;word-break:break-all}

/* ------- رموز التهيئة (داخل الشريط الجانبي) ------- */
.rail-vars{display:flex;flex-wrap:wrap;gap:3px;padding:2px 7px 4px}
/* الرموز عربية النص، والخط أحادي المسافة يمطّ الحروف العربية ويصعّب
   قراءتها — فتبقى بخط الواجهة نفسه ويميّزها لونها وإطارها. */
.ed-var{border:1px solid transparent;background:var(--rail-hover);border-radius:5px;
 padding:2px 7px;font-size:10px;font-family:inherit;
 color:var(--rail-txt);cursor:pointer;line-height:1.7;white-space:nowrap}
.ed-var:hover{background:var(--rail-pill);color:#fff}

/* عنوان النوع المفتوح فوق بنوده */
.ed-tplhead{display:flex;align-items:center;gap:8px;margin-bottom:9px;padding:8px 12px;
 background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
 font-size:12.6px}
.ed-tplhead span{margin-inline-start:auto;font-size:10.4px;color:var(--muted)}
.ed-tplhead span.ed-tst{margin-inline-start:0}

/* حالة التهيئة: قيد التعديل · مكتملة · موقوفة */
.ed-tst{display:inline-block;flex:none;padding:1px 7px;border-radius:999px;font-size:9.6px;font-weight:700;
 line-height:1.6;white-space:nowrap;background:#eef1f5;color:#5b6475;border:1px solid transparent}
.ed-tst.draft{background:#fff4dc;color:#8a5a00;border-color:#f1d9a2}
.ed-tst.complete{background:#e3f5ec;color:#1f7a52;border-color:#b9e3cd}
.ed-tst.suspended{background:#eceef2;color:#5b6475;border-color:#d6dae2}
.comp-item .ed-tst{font-size:9px;padding:0 7px;line-height:1.7}
/* الحالة فوق اسم النوع بالشريط الجانبي */
.ed-rl{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.ed-rl .cnm{width:100%}
.ed-tseg{display:inline-flex;border:1px solid var(--line-2,var(--line));border-radius:8px;overflow:hidden;flex:none}
.ed-tseg button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:10.6px;font-weight:600;
 padding:4px 10px;cursor:pointer;border-inline-start:1px solid var(--line)}
.ed-tseg button:first-child{border-inline-start:0}
.ed-tseg button:hover{background:var(--hover)}
.ed-tseg button.on.draft{background:#f3b23a;color:#fff}
.ed-tseg button.on.complete{background:#2f9e74;color:#fff}
.ed-tseg button.on.suspended{background:#7b8495;color:#fff}
:root[data-theme="dark"] .ed-tst.draft{background:#3a2e14;color:#f3c66b;border-color:#5a4720}
:root[data-theme="dark"] .ed-tst.complete{background:#143326;color:#7fd6ad;border-color:#1f4d39}
:root[data-theme="dark"] .ed-tst.suspended{background:#2a2f38;color:#aab2c0;border-color:#3a414d}
.ed-prev{font-size:10.3px;color:var(--muted);line-height:1.6;margin-top:2px;
 max-width:520px}

/* ------- بوابتا المرحلة داخل ملف الارتباط ------- */
.ed-gates{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.ed-gates .m{font-size:10.5px;color:var(--muted)}

@media print{
 .ed-item-h,.ed-filters,.ed-lock,.ed-qr{display:none!important}
 .ed-sec{border:0;box-shadow:none;margin:0}
 .ed-sec .aqi-sec-h{background:transparent;border-bottom:1px solid #ddd}
 .ed-body{padding:8px 0}
}

@media(max-width:640px){
 .ed-qr{flex-direction:column;align-items:flex-start}
 .ed-count{margin-inline-start:0}
}

/* =====================================================================
   العرض ثنائي اللغة — عمودان متقابلان
   ---------------------------------------------------------------------
   العربية بعمود والإنجليزية بعمودٍ إلى جانبها، فيقرأ الطرفان النصّ نفسه
   سطراً بسطر. وعلى الشاشات الضيقة يعود العمودان إلى صفّين لا صفحتين.
   ===================================================================== */
.ed-bi{display:grid;grid-template-columns:var(--ed-ra,1fr) var(--ed-re,1fr);gap:0 18px;align-items:start}
.ed-bi-c{min-width:0}
.ed-bi-c.ar{border-inline-end:1px solid var(--line);padding-inline-end:18px}
.ed-bi-c.en{padding-inline-start:0}
.ed-bi-h{margin-bottom:2px;width:100%}
.ed-bi-h h3{margin:0;font-size:12.5px;font-weight:600;color:var(--teal)}
.ed-bi-h .ed-bi-c.en h3{text-align:left;direction:ltr}
.ed-doc.bi .aqi-sec-h{align-items:flex-start}
@media(max-width:820px){
 .ed-bi{grid-template-columns:1fr;gap:8px}
 .ed-bi-c.ar{border-inline-end:0;padding-inline-end:0;
   border-bottom:1px dashed var(--line);padding-bottom:8px}
}

/* ------- زر لغة المستند ------- */
.ed-langbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px;
 padding:7px 11px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.ed-langbar .k{font-size:11px;color:var(--muted);font-weight:600}
.ed-langbar .m{font-size:10.2px;color:var(--muted);margin-inline-start:auto}
.ed-lg{border:1px solid var(--line-2);background:var(--surface);color:var(--muted);
 border-radius:99px;padding:4px 13px;font-size:11.2px;font-weight:600;
 cursor:pointer;font-family:inherit;white-space:nowrap}
.ed-lg:hover{background:var(--hover);color:var(--ink)}
.ed-lg.on{background:var(--teal);border-color:var(--teal);color:#fff}

/* ------- شريط رابط التوقيع بالبريد ------- */
.ed-signbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;
 font-size:11.4px;line-height:1.8;padding:8px 12px;border-radius:7px;
 background:var(--teal-soft);border:1px solid var(--line);color:var(--ink)}
.ed-signbar.ok{background:var(--low-bg);border-color:var(--low-line);color:var(--low)}
.ed-signbar .m{font-size:10.4px;color:var(--muted)}
.ed-signbar .btn{margin-inline-start:auto}

/* كتلة التوقيع: الختم والتوقيع تحت الاسم لا فوق الورقة، وبحدٍّ للعرض */
.ed-tbl.ed-sign img{display:block;max-height:none;max-width:58mm;object-fit:contain;margin-top:6px}
.ed-tbl.ed-sign .pend{font-style:italic;opacity:.8;margin-top:6px}

/* =====================================================================
   ورقة طباعة العرض والعقد — A4 حقيقية كورقة تقرير المراجع
   ---------------------------------------------------------------------
   تعيش خارج #view فلا يمسحها render()، وتُملأ لحظة الطباعة وحدها.
   الاكليشة خلفية الصفحة، والهوامش والخط والألوان من «بيانات الشركة».
   ===================================================================== */
#ed-print-root{display:none}
#ed-print-root.show{display:block}
/* الورقة نفسها بلا هوامش: الهوامش صارت من مسؤولية جدول الاكليشة
   (printPaper) الذي يلفّها، فهو من يعرف أين تنتهي ترويسة كل صفحة. */
.ed-sheet{background:transparent;color:#111;position:relative}
.ed-sh-head{text-align:center;margin-bottom:7mm}
.ed-sh-head img{display:block;margin:0 auto 3mm}
.ed-sh-head .fn{font-weight:700;font-size:1.05em}
.ed-sh-body{font-family:var(--rpt-font,'Sakkal Majalla','Traditional Arabic',serif);
 font-size:calc(var(--rpt-size,10pt) + 2pt);line-height:var(--rpt-lh,1.9);text-align:justify}
.ed-sh-body h1{font-size:var(--rpt-title-size,1.45em);text-align:center;margin:0 0 6mm;
 font-weight:700;color:var(--rpt-c-title,var(--rpt-c-head,inherit))}
.ed-sh-body h2{font-size:1.1em;margin:6mm 0 2mm;font-weight:700;color:var(--rpt-c-head,inherit)}
.ed-sh-body h2.en{text-align:left;direction:ltr}
.ed-sh-body p{margin:0 0 3mm}
.ed-sh-body p.en{direction:ltr;text-align:left;font-size:.94em;
 font-family:'Segoe UI',system-ui,Arial,sans-serif}
.ed-sh-meta{display:flex;flex-wrap:wrap;gap:0 16px;margin:0 0 6mm;font-size:.82em}
.ed-sh-meta .kv{display:flex;gap:6px;padding:1.2mm 0;min-width:44%}
.ed-sh-meta .kv b{color:#5E7488;font-weight:500}
.ed-sh-foot{margin-top:8mm;border-top:1px dashed var(--rpt-c-line,#C3D2DE);
 padding-top:3mm;font-size:.8em;color:#5E7488}
.ed-sheet .ed-tbl{width:100%;border-collapse:collapse;margin:3mm 0 5mm;font-size:.86em}
.ed-sheet .ed-tbl th{background:var(--rpt-c-thbg,#F2F6FA);color:var(--rpt-c-thtx,inherit);
 border:1px solid var(--rpt-c-line,#C3D2DE);padding:2mm;font-weight:700}
.ed-sheet .ed-tbl td{border:1px solid var(--rpt-c-line,#C3D2DE);padding:2mm;
 text-align:center;vertical-align:top}
.ed-sheet .ed-tbl td.s{text-align:start}
.ed-sheet .ed-tbl.ed-sign td{text-align:start;padding:4mm;width:50%}
.ed-sheet .ed-hint,.ed-sheet .ed-item-h{display:none}
/* الجدول ثنائي اللغة داخل الورقة المطبوعة */
.ed-sheet table.bi{width:100%;border-collapse:collapse;table-layout:fixed;margin:0 0 4mm}
.ed-sheet table.bi>tbody>tr>td{vertical-align:top;padding:0 4mm;
 border-inline-start:1px solid var(--rpt-c-line,#C3D2DE)}
.ed-sheet table.bi>tbody>tr>td:first-child{border-inline-start:0}
.ed-sheet table.bi>tbody>tr>td.wide{padding:0;border:0}
.ed-sheet table.bi h2{margin:0 0 2mm}
.ed-sheet.draft:before{content:"مسودة";position:absolute;top:38%;inset-inline-start:0;width:100%;
 text-align:center;font-size:110px;font-weight:800;color:rgba(0,0,0,.07);
 transform:rotate(-28deg);pointer-events:none;letter-spacing:8px;z-index:0}
.ed-sheet>*{position:relative;z-index:1}

/* الباركود داخل الورقة المطبوعة */
.ed-sh-qr{display:flex;align-items:center;gap:5mm;margin-top:7mm;padding-top:4mm;
 border-top:1px dashed var(--rpt-c-line,#C3D2DE);break-inside:avoid}
.ed-sh-qr img{width:22mm;height:22mm;flex:0 0 auto}
.ed-sh-qr .k{font-size:.78em;color:#5E7488;margin-bottom:1mm}
.ed-sh-qr .mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.7em;
 color:#5E7488;word-break:break-all}

@media print{
 #ed-print-root.show{display:block!important;position:static}
 body:has(#ed-print-root.show) .shell{display:none!important}
 .ed-sheet{background:transparent!important}
 .ed-sheet h2{break-after:avoid}
 .ed-sheet .ed-tbl.ed-sign,.ed-sh-qr{break-inside:avoid}
 /* في الشاشة العادية (بلا ورقة) نُبقي العمودين عمودين عند الطباعة */
 .ed-bi{grid-template-columns:1fr 1fr!important}
}

/* مستندات النظام داخل ملف الارتباط: العروض والعقود كلٌّ بقسمه */
.ed-fdocs{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.ed-fdoc{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface)}
.ed-fic{font-size:22px;flex:none}
.ed-fm{flex:1;min-width:0}
.ed-fm .t{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:13px}
.ed-fm .m{display:flex;gap:4px 14px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:3px}
.ed-fa{margin-inline-start:auto}
.ed-tplhead .ed-tpl-add{margin-inline-start:4px}

/* =====================================================================
   فريق العمل — بطاقات (الشاشة والطباعة)
   ===================================================================== */
.ed-tcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4mm;margin:2mm 0 3mm;--tc:#1B6EA8}
.ed-tcards.c1{grid-template-columns:1fr}
.ed-tcards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ed-tc{position:relative;display:flex;gap:3.2mm;align-items:flex-start;background:#fff;color:#1d2733;
 border:1px solid color-mix(in srgb,var(--tc) 22%,#e3e9ef);border-radius:3mm;padding:3.2mm 3.4mm;
 border-inline-start:1.2mm solid var(--tc);break-inside:avoid;text-align:start;
 box-shadow:0 1px 0 rgba(16,42,63,.04)}
.ed-tc-ph{flex:0 0 auto;width:4.2em;height:4.2em;border-radius:50%;overflow:hidden;display:grid;place-items:center;
 background:color-mix(in srgb,var(--tc) 12%,#fff);border:.5mm solid color-mix(in srgb,var(--tc) 55%,#fff)}
.ed-tc-ph img{width:100%;height:100%;object-fit:cover;display:block}
.ed-tc-ph span{font-weight:700;font-size:1.25em;color:var(--tc);letter-spacing:1px}
.ed-tc-b{flex:1;min-width:0}
.ed-tc-n{font-weight:700;font-size:1.06em;line-height:1.35}
.ed-tc-t{color:var(--tc);font-weight:600;font-size:.86em;margin-top:.4mm;line-height:1.4}
.ed-tc-q{margin:1.6mm 0 0;padding:0;list-style:none;font-size:.8em;line-height:1.55;color:#3b4b5c}
.ed-tc-q li{position:relative;padding-inline-start:1.1em}
.ed-tc-q li:before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:.42em;height:.42em;border-radius:50%;background:var(--tc)}
.ed-tc-act{position:absolute;top:2mm;inset-inline-end:2mm;display:flex;gap:4px;opacity:.35;transition:opacity .15s}
.ed-tc:hover .ed-tc-act{opacity:1}
@media screen{ .ed-doc .ed-tcards,.card .ed-tcards{font-size:13px} }
@media print{ .ed-tc-act{display:none!important} }

/* =====================================================================
   تصميم طباعة العرض — صفحات الطباعة
   ===================================================================== */
@page edzP{size:210mm 297mm;margin:0}
@page edzL{size:297mm 210mm;margin:0}
.edz-page{position:relative;overflow:hidden;width:210mm;height:297mm;background:#fff;color:#1d2733;direction:ltr}
.edz-page.L{width:297mm;height:210mm}
.edz-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;pointer-events:none;user-select:none}
.edz-ov{position:absolute;line-height:1.35;white-space:normal;word-wrap:break-word;z-index:2}
.edz-flow{font-family:var(--rpt-font,'Sakkal Majalla','Traditional Arabic',serif);z-index:2;box-sizing:border-box}
.edz-flow .edz-p{margin:0 0 1.4mm}
.edz-flow .edz-p.en{direction:ltr;text-align:left;font-family:'Segoe UI',system-ui,Arial,sans-serif;font-size:.92em}
/* البند النقطي مزاحٌ عن النص الرئيسي بدائرةٍ واضحة، والتفافه تحت نصّه */
.edz-flow .edz-p.li{position:relative;padding-inline-start:calc(7mm + 1.1em)}
.edz-flow .edz-p.li:not(.cont):before{content:"";position:absolute;inset-inline-start:7mm;top:.66em;width:.42em;height:.42em;border-radius:50%;background:var(--edz-h,#1B6EA8)}
.edz-flow .edz-p.df-li{margin-inline-start:7mm}
.edz-flow .edz-p.df-li.cont .df-mk{visibility:hidden}
.edz-flow .edz-gap{height:1.8mm}
.edz-flow .edz-h,.edz-flow h2.edz-h{font-size:var(--edz-hs,1.25em);color:var(--edz-h,#1B6EA8);font-weight:700;margin:2.5mm 0 2mm;line-height:1.4;
 padding-bottom:1.2mm;border-bottom:.35mm solid color-mix(in srgb,var(--edz-h,#1B6EA8) 30%,transparent)}
.edz-flow>.edz-h:first-child,.edz-flow>h2:first-child{margin-top:0}
.edz-flow h2.en{direction:ltr;text-align:left}
.edz-flow .edz-bi{display:grid;grid-template-columns:1fr 1fr;gap:5mm}
.edz-flow .edz-bi>div[dir=ltr]{text-align:left}
.edz-flow .edz-bi.edz-h{border-bottom:.35mm solid color-mix(in srgb,var(--edz-h,#1B6EA8) 30%,transparent)}
.edz-flow .edz-bi.edz-h h2{margin:0;font-size:1em;color:inherit;border:0;padding:0}
.edz-flow .edz-atom{margin:1.5mm 0 2.5mm}
.edz-flow .ed-tbl{width:100%;border-collapse:collapse;font-size:.88em;margin:0}
.edz-flow .ed-tbl th{background:var(--edz-h,#1B6EA8);color:#fff;padding:1.8mm 2.4mm;font-weight:700;border:0}
.edz-flow .ed-tbl td{border-bottom:.3mm solid #dfe6ee;padding:1.8mm 2.4mm;text-align:center;vertical-align:top}
.edz-flow .ed-tbl td.s{text-align:start}
.edz-flow .ed-tbl tr.tot td{font-weight:700;background:color-mix(in srgb,var(--edz-h,#1B6EA8) 9%,#fff);border-bottom:0}
.edz-flow .ed-tbl.ed-sign td{width:50%;text-align:start;padding:3mm;border:.3mm solid #dfe6ee}
.edz-flow .ed-tbl.ed-sign img{display:block;max-width:52mm;object-fit:contain;margin-top:4px}
.edz-flow .ed-hint{display:none}
.edz-flow .ed-tcards{margin:0 0 3mm;font-size:.92em}
.edz-title{margin:0 0 4mm}
.edz-title h1{font-size:1.6em;color:var(--edz-h,#1B6EA8);margin:0 0 1.5mm;font-weight:700;line-height:1.3}
.edz-meta{display:flex;flex-wrap:wrap;gap:1mm 6mm;font-size:.84em;color:#4b5b6b}
.edz-meta b{color:#1d2733;font-weight:600}
.edz-qr{display:flex;align-items:center;gap:4mm;margin-top:4mm;padding-top:3mm;border-top:.3mm dashed #c3d2de}
.edz-qr img{width:20mm;height:20mm}
.edz-qr .k{font-size:.74em;color:#5E7488}.edz-qr .mono{font-family:ui-monospace,Menlo,monospace;font-size:.68em;color:#5E7488}
.edz-pno{position:absolute;font-size:9pt;line-height:1;font-family:'Segoe UI',Arial,sans-serif;z-index:3;opacity:.85}
.edz-wm{position:absolute;inset:0;display:grid;place-items:center;font-size:96pt;font-weight:800;color:rgba(0,0,0,.06);
 transform:rotate(-28deg);pointer-events:none;z-index:1;font-family:Arial,sans-serif;letter-spacing:6px}
.edz-measure{position:fixed;left:-40000px;top:0;visibility:hidden;pointer-events:none;direction:rtl;background:#fff}
.edz-pdfhost{position:fixed;left:-40000px;top:0;background:#fff}
#ed-print-root.edz-on{display:block}
@media screen{ #ed-print-root.edz-on{position:fixed;left:-40000px;top:0} }
@media print{
 html.edz-printing,html.edz-printing body{background:#fff!important;margin:0!important;padding:0!important}
 html.edz-printing .shell,html.edz-printing body>*:not(#ed-print-root){display:none!important}
 #ed-print-root.edz-on{display:block!important;position:static}
 #ed-print-root.edz-on .edz-page{page:edzP;break-after:page;page-break-after:always;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 #ed-print-root.edz-on .edz-page.L{page:edzL}
 #ed-print-root.edz-on .edz-page:last-child{break-after:auto;page-break-after:auto}
}

/* =====================================================================
   تصميم طباعة العرض — شاشة التصميم
   ===================================================================== */
html.edz-lock,html.edz-lock body{overflow:hidden}
#edz-root{position:fixed;inset:0;z-index:900}
.edz{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--bg,#f4f7fa);color:var(--ink,#102A3F)}
.edz-top{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--surface,#fff);border-bottom:1px solid var(--line,#dfe6ee);flex-wrap:wrap}
.edz-tt{display:flex;flex-direction:column;line-height:1.3;min-width:150px}
.edz-tt b{font-size:15px}.edz-tt span{font-size:12px;color:var(--muted,#5E7488)}
.edz-flowbar{flex:1;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--muted,#5E7488);justify-content:center}
.edz-flowbar span{background:var(--bg,#f4f7fa);border:1px solid var(--line,#dfe6ee);border-radius:20px;padding:2px 10px;color:var(--ink,#102A3F)}
.edz-en{font-size:12.5px;font-weight:600}
#edz-save.pulse{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand,#1B6EA8) 30%,transparent)}
.edz-body{flex:1;display:grid;grid-template-columns:210px 1fr 320px;min-height:0}
.edz-tabs{display:flex;flex-direction:column;gap:4px;padding:12px 10px;background:var(--surface,#fff);border-inline-end:1px solid var(--line,#dfe6ee);overflow:auto}
.edz-tab{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;border:1px solid transparent;background:none;cursor:pointer;
 color:inherit;font:inherit;font-size:13px;text-align:start}
.edz-tab i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;
 background:var(--bg,#f4f7fa);border:1px solid var(--line,#dfe6ee);flex:none}
.edz-tab span{flex:1}
.edz-tab em{font-style:normal;color:var(--low,#1c8a5a);font-weight:700}
.edz-tab:hover{background:var(--bg,#f4f7fa)}
.edz-tab.on{background:color-mix(in srgb,var(--brand,#1B6EA8) 10%,transparent);border-color:color-mix(in srgb,var(--brand,#1B6EA8) 35%,transparent);font-weight:600}
.edz-tab.on i{background:var(--brand,#1B6EA8);color:#fff;border-color:transparent}
.edz-stage{position:relative;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px;
 background:repeating-conic-gradient(color-mix(in srgb,var(--line,#dfe6ee) 45%,transparent) 0% 25%,transparent 0% 50%) 0 0/22px 22px}
.edz-canvas{position:relative;direction:ltr;flex:none}
.edz-canvas .edz-page{position:absolute;left:0;top:0;transform-origin:0 0;box-shadow:0 6px 30px rgba(16,42,63,.22)}
.edz-ov.ed{cursor:move;outline:1px dashed rgba(27,110,168,.55);outline-offset:2px;min-height:1em;user-select:none}
.edz-ov.ed:hover{outline-color:#1B6EA8;background:rgba(27,110,168,.06)}
.edz-ov.ed.on{outline:2px solid #1B6EA8;background:rgba(27,110,168,.08)}
.edz-fr{position:absolute;border:.6mm dashed #1B6EA8;background:rgba(27,110,168,.04);cursor:move;z-index:4;box-sizing:border-box}
.edz-fr.ghost{border:.4mm dotted rgba(16,42,63,.35);background:none;cursor:default;z-index:1}
.edz-hd{position:absolute;width:4mm;height:4mm;background:#1B6EA8;border:.6mm solid #fff;border-radius:50%;box-shadow:0 0 0 .3mm #1B6EA8}
.edz-hd.nw{left:-2.2mm;top:-2.2mm;cursor:nwse-resize}.edz-hd.ne{right:-2.2mm;top:-2.2mm;cursor:nesw-resize}
.edz-hd.sw{left:-2.2mm;bottom:-2.2mm;cursor:nesw-resize}.edz-hd.se{right:-2.2mm;bottom:-2.2mm;cursor:nwse-resize}
.edz-frl{position:absolute;top:-6mm;left:0;font:600 3.2mm/1 system-ui,sans-serif;color:#fff;background:#1B6EA8;padding:1mm 2mm;border-radius:1mm;white-space:nowrap}
.edz-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:min(520px,90%);min-height:280px;
 border:2px dashed var(--line,#c3d2de);border-radius:16px;background:var(--surface,#fff);cursor:pointer;text-align:center;padding:24px}
.edz-drop:hover{border-color:var(--brand,#1B6EA8)}
.edz-drop b{font-size:15px}.edz-drop span{font-size:12px;color:var(--muted,#5E7488)}
.edz-busy{padding:30px;font-size:14px;color:var(--muted,#5E7488);background:var(--surface,#fff);border-radius:12px;border:1px solid var(--line,#dfe6ee)}
.edz-thumbs{display:flex;flex-wrap:wrap;gap:14px;align-content:flex-start;justify-content:center;width:100%;align-self:flex-start}
.edz-thumbs figure{margin:0;width:150px;background:#fff;box-shadow:0 2px 10px rgba(16,42,63,.16);position:relative}
.edz-thumbs figure.L{width:212px}
.edz-thumbs img{display:block;width:100%;aspect-ratio:210/297;object-fit:cover;background:#eef2f6}
.edz-thumbs figure.L img{aspect-ratio:297/210}
.edz-thumbs figcaption{position:absolute;bottom:4px;inset-inline-end:4px;background:rgba(16,42,63,.75);color:#fff;font-size:10px;border-radius:8px;padding:1px 7px}
.edz-side{overflow:auto;padding:12px;background:var(--surface,#fff);border-inline-start:1px solid var(--line,#dfe6ee);display:flex;flex-direction:column;gap:10px}
.edz-box{border:1px solid var(--line,#dfe6ee);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.edz-bt{font-weight:700;font-size:13px}
.edz-hint{margin:0;font-size:11.5px;color:var(--muted,#5E7488);line-height:1.6}
.edz-stat{margin:0;font-size:12.5px}
.edz-row{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.edz-row>.edz-f{flex:1}
.edz-f{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--muted,#5E7488);min-width:0}
.edz-f input,.edz-f select,.edz-f textarea,.edz-row select{font:inherit;font-size:12.5px;color:var(--ink,#102A3F);background:var(--surface,#fff);
 border:1px solid var(--line,#dfe6ee);border-radius:7px;padding:5px 7px;min-width:0;width:100%;box-sizing:border-box}
.edz-row select{flex:1;width:auto}
.edz-f input[type=color]{padding:2px;height:30px}
.edz-c{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}
.edz-ovl{display:flex;flex-direction:column;gap:5px}
.edz-ovi{display:flex;flex-direction:column;gap:1px;padding:6px 9px;border:1px solid var(--line,#dfe6ee);border-radius:8px;cursor:pointer;font-size:12px}
.edz-ovi span{color:var(--muted,#5E7488);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.edz-ovi.on{border-color:var(--brand,#1B6EA8);background:color-mix(in srgb,var(--brand,#1B6EA8) 8%,transparent)}
.edz-vars{display:flex;flex-wrap:wrap;gap:4px;max-height:110px;overflow:auto}
.edz-var{font:inherit;font-size:10.5px;border:1px solid var(--line,#dfe6ee);background:var(--bg,#f4f7fa);border-radius:6px;padding:2px 6px;cursor:pointer;color:inherit}
.edz-secs{display:flex;flex-direction:column;gap:7px}
.edz-sec{border:1px solid var(--line,#dfe6ee);border-radius:9px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;cursor:pointer}
.edz-sec.on{border-color:var(--brand,#1B6EA8);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand,#1B6EA8) 18%,transparent)}
.edz-sec-h{display:flex;justify-content:space-between;gap:6px;font-size:12.5px}
.edz-sec-h span{font-size:10.5px;color:var(--muted,#5E7488);background:var(--bg,#f4f7fa);border-radius:10px;padding:0 7px}
.btn.danger{color:var(--high,#c0392b)}
/* المعاينة */
.edz-pv{position:fixed;inset:0;z-index:950;background:rgba(16,30,45,.82);display:flex;flex-direction:column}
.edz-pv-top{display:flex;align-items:center;gap:12px;padding:10px 16px;color:#fff;background:rgba(0,0,0,.25)}
.edz-pv-top span{opacity:.75;font-size:12px}.edz-pv-top button{margin-inline-start:auto;color:#fff}
.edz-pv-list{flex:1;overflow:auto;display:flex;flex-wrap:wrap;gap:22px;justify-content:center;align-content:flex-start;padding:22px}
.edz-pv-it{display:flex;flex-direction:column;gap:6px;align-items:center}
.edz-pv-sc{zoom:.62;box-shadow:0 8px 30px rgba(0,0,0,.4);direction:ltr}
.edz-pv-l{color:#fff;font-size:12px;opacity:.85}
@media (max-width:1100px){ .edz-body{grid-template-columns:64px 1fr 290px} .edz-tab span{display:none} .edz-flowbar{display:none} }

/* إعدادات النوع: اللغة والأتعاب */
.ed-tchip{font-size:10.4px;color:var(--muted);background:var(--hover);border:1px solid var(--line);border-radius:999px;padding:1px 8px;white-space:nowrap}
.ed-tchip b{color:var(--ink)}
.ed-tplhead span.ed-tchip{margin-inline-start:0}
/* صندوق الأتعاب بنافذة الإنشاء */
.ed-feelang{font-size:11px;color:var(--muted);margin:2px 0 8px}
.ed-feelang b{color:var(--ink)}
.ed-feegrid{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--hover)}
.ed-feegrid .h{font-size:11.5px;font-weight:700;margin-bottom:6px}
.ed-feegrid .ed-feeln{display:grid!important;grid-template-columns:1fr 150px;gap:8px;align-items:center;padding:5px 0;border-top:1px dashed var(--line)}
.ed-feeln span{font-size:11.5px;line-height:1.5}
.ed-feeln small{display:block;color:var(--muted);font-size:10px}
.ed-feeln input{width:100%}
.ed-feesum{text-align:end;font-size:11.5px;margin-top:6px}
.fee-multi td.s .en,.fee-multi td .en{font-size:.86em;color:#555;margin-top:2px}
.fee-multi tr.tot td{font-weight:700}

/* خدمات جدول الأتعاب بنافذة إعدادات النوع */
.ed-svc{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--hover)}
.ed-svc .h{font-weight:700;font-size:12px;margin-bottom:6px}
.ed-svc .h small{display:block;font-weight:400;color:var(--muted);font-size:10.5px}
.ed-svc-g{display:grid;grid-template-columns:1fr 28px;gap:6px;align-items:center;margin-bottom:8px}
.ed-svc-g.two{grid-template-columns:1fr 1fr 28px}
.ed-svc-g .th{font-size:10.5px;color:var(--muted);font-weight:700}
.ed-svc-g input{width:100%;box-sizing:border-box}
.ed-svc-x{border:1px solid var(--line);background:var(--surface);border-radius:6px;height:28px;cursor:pointer;color:var(--high)}
.ed-svc-off{font-size:11.5px;color:var(--muted);padding:6px 0}
/* نسخ التصميم من نوعٍ آخر */
.edz-copy-bg{position:fixed;inset:0;z-index:400;background:rgba(10,25,40,.45);display:grid;place-items:center}
.edz-copy{background:var(--surface);color:var(--ink);border-radius:12px;padding:16px 18px;width:min(460px,92vw);box-shadow:0 10px 40px rgba(0,0,0,.3)}
.edz-copy h3{margin:0 0 6px;font-size:15px}
.edz-copy p{margin:0 0 10px;font-size:12px;color:var(--muted);line-height:1.7}
.edz-copy select{width:100%;padding:7px}
.edz-copy-a{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}

/* جدول الشركاء بالعروض والعقود */
.ed-ptbl td.num{text-align:center;white-space:nowrap}
.ed-ptbl tr.tot td{font-weight:700;background:var(--hover,#F7FAFC)}
.ed-sheet .ed-ptbl tr.tot td{background:#F7FAFC}
/* خط الإنجليزي من إعداد الصفحة */
.ed-p.en,.ed-bi-c.en{font-family:var(--pg-font-en,"Segoe UI",system-ui,Arial,sans-serif)}
/* بيانات عميلٍ جديد غير مسجّل */
.ed-pros{border:1px dashed var(--line-2,#C3D2DE);border-radius:10px;padding:10px;background:var(--hover)}
.ed-pros .h{font-weight:700;font-size:12px;margin-bottom:8px}
.ed-pros .h small{display:block;font-weight:400;color:var(--muted);font-size:10.5px;margin-top:2px}
.ed-pros-g{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px}
.ed-pros-g label{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--muted)}
.ed-pros-g input{width:100%;box-sizing:border-box;height:30px;font:inherit;font-size:12px}
@media(max-width:640px){.ed-pros-g{grid-template-columns:1fr}}
.ed-prosbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;padding:8px 12px;border-radius:9px;
 background:#FDF6E7;border:1px solid #F0D9A8;color:#7A5408;font-size:11.5px}
.ed-clok,.ed-clnew{font-size:11.5px;border-radius:8px;padding:6px 10px;margin:-4px 0 8px}
.ed-clok{background:var(--low-bg,#E7F3EC);color:var(--low,#2E7D50)}
.ed-clnew{background:#FDF6E7;color:#7A5408;border:1px solid #F0D9A8}
.ed-clnew.sm{margin-top:-4px;font-size:11px}