/* =====================================================================
   وحدة إدارة جودة الارتباطات — أنماط خاصة بالوحدة فقط.
   تعتمد نفس متغيرات اللون المعرَّفة في index.html فلا تختلف عن النظام.
   ===================================================================== */

/* ------- شريط أدوات القائمة ------- */
.aqi-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.aqi-search{flex:1;min-width:170px;max-width:320px;padding:7px 10px;border:1px solid var(--line-2);
 border-radius:6px;background:var(--surface);outline:none;font-size:12px;font-family:inherit}
.aqi-search:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}

/* ------- بطاقة عميل بالجدول ------- */
.aqi-cname{display:flex;align-items:center;gap:8px;min-width:0}
.aqi-cname b{font-weight:600}
.aqi-cav{flex:0 0 24px;width:24px;height:24px;border-radius:6px;background:var(--teal-soft);
 color:var(--teal);display:grid;place-items:center;font-size:9.5px;font-weight:700}
.aqi-row{cursor:pointer}
.aqi-row:hover{background:var(--hover)}

/* ------- رأس ملف الارتباط ------- */
.aqi-head{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.aqi-back{border:1px solid var(--line-2);background:var(--surface);border-radius:6px;padding:5px 10px;
 font-size:11.5px;color:var(--ink);cursor:pointer;font-family:inherit}
.aqi-back:hover{background:var(--paper)}
.aqi-htitle{min-width:0}
.aqi-htitle h2{margin:0;font-size:17px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.aqi-htitle p{margin:2px 0 0;color:var(--muted);font-size:11.5px}

/* ------- أقسام النموذج ------- */
.aqi-sec{margin-bottom:12px;break-inside:avoid}
.aqi-sec-h{display:flex;align-items:center;gap:8px;padding:9px 13px;border-bottom:1px solid var(--line);
 background:var(--surface-2);border-radius:var(--r) var(--r) 0 0}
.aqi-sec-h h3{margin:0;font-size:12.3px;font-weight:600;display:flex;align-items:center;gap:7px}
.aqi-sec-h .tag{font-size:9px;font-weight:700;color:var(--violet);background:var(--violet-bg);
 border-radius:99px;padding:1px 7px;white-space:nowrap}
.aqi-sec-h .side{margin-inline-start:auto;display:flex;gap:5px;align-items:center}
.aqi-sec-b{padding:11px 13px}
.aqi-note{font-size:10.8px;color:var(--muted);line-height:1.7;margin:0 0 9px}

/* ------- شبكة الحقول (عرض للاطلاع) ------- */
.aqi-kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 16px}
.aqi-kv .kvi{min-width:0}
.aqi-kv .kvl{font-size:10px;color:var(--muted);margin-bottom:2px;line-height:1.4}
.aqi-kv .kvv{font-size:12.2px;font-weight:600;word-break:break-word}
.aqi-kv .kvv.dim{font-weight:400;color:var(--muted)}
@media(max-width:1100px){.aqi-kv{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.aqi-kv{grid-template-columns:1fr}}

/* ------- بوابة نعم/لا للأجزاء 3 و4 و5 ------- */
.aqi-gate{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;
 background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:7px 11px}
.aqi-gate .q{font-size:11.5px;font-weight:600;flex:1;min-width:150px}
.aqi-gate .opt{display:flex;gap:4px}
.aqi-gate button{border:1px solid var(--line-2);background:var(--surface);border-radius:6px;padding:4px 13px;
 font-size:11.5px;font-weight:600;color:var(--muted);cursor:pointer;font-family:inherit}
.aqi-gate button.on{background:var(--teal);border-color:var(--teal);color:#fff}
.aqi-gate button:hover:not(.on){background:var(--teal-soft);color:var(--teal)}

/* ------- جداول الوحدة ------- */
.aqi-tbl td .rowact{display:flex;gap:3px;justify-content:flex-end}
.aqi-tbl .miss{color:var(--high);font-weight:700}
.aqi-empty{padding:16px 12px;text-align:center;color:var(--muted);font-size:11.5px}

/* ------- المؤشرات ------- */
.aqi-inds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.aqi-ind{border:1px solid var(--line);border-radius:7px;padding:9px 11px;background:var(--surface);position:relative;overflow:hidden}
.aqi-ind:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--violet)}
.aqi-ind .code{font-size:9px;font-weight:700;color:var(--violet);letter-spacing:.4px}
.aqi-ind .lbl{font-size:10.3px;color:var(--muted);line-height:1.4;min-height:29px}
.aqi-ind .val{font-size:19px;font-weight:600;letter-spacing:-.4px;line-height:1.3}
.aqi-ind .val.na{font-size:13px;color:var(--muted);font-weight:400}
.aqi-ind .hint{font-size:9.5px;color:var(--muted);line-height:1.5;margin-top:2px}
@media(max-width:1100px){.aqi-inds{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.aqi-inds{grid-template-columns:1fr}}

/* ------- فحوصات الإكمال ------- */
.b-block{background:var(--high-bg);color:var(--high)}
.b-flag{background:var(--med-bg);color:var(--med)}
.b-ok{background:var(--low-bg);color:var(--low)}
.b-na{background:var(--paper);color:var(--muted)}
.aqi-blocking{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:7px;
 font-size:11.6px;line-height:1.6;margin-top:10px}
.aqi-blocking.bad{background:var(--high-bg);color:var(--high);border:1px solid var(--high-line)}
.aqi-blocking.good{background:var(--low-bg);color:var(--low);border:1px solid var(--low-line)}
.aqi-blocking b{font-size:15px}

/* ------- الاعتماد ------- */
.aqi-signs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.aqi-sign{border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:var(--surface)}
.aqi-sign .role{font-size:10px;color:var(--muted);margin-bottom:4px}
.aqi-sign .who{font-size:12.5px;font-weight:600;min-height:19px}
.aqi-sign .when{font-size:10.5px;color:var(--muted);margin-top:1px}
.aqi-sign .act{margin-top:7px}
.aqi-sign.done{background:var(--low-bg);border-color:var(--low-line)}
@media(max-width:900px){.aqi-signs{grid-template-columns:1fr}}

/* ------- الدردشة ------- */
.aqi-chat{display:flex;flex-direction:column;height:calc(100vh - 300px);min-height:340px}
.aqi-msgs{flex:1;overflow-y:auto;padding:13px;background:var(--surface-2);display:flex;flex-direction:column;gap:9px;
 border-radius:var(--r) var(--r) 0 0}
.aqi-msg{max-width:76%;align-self:flex-start}
.aqi-msg.me{align-self:flex-end}
.aqi-bub{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 11px;
 box-shadow:0 1px 1px rgba(0,0,0,.05)}
.aqi-msg.me .aqi-bub{background:var(--teal-soft);border-color:var(--brand-line)}
.aqi-msg.new .aqi-bub{border-color:var(--teal)}
.aqi-who{display:flex;align-items:center;gap:6px;font-size:10.2px;font-weight:700;color:var(--teal);margin-bottom:3px}
.aqi-who i{font-style:normal;font-weight:600;font-size:8.8px;color:var(--muted);background:var(--paper);
 border-radius:99px;padding:1px 6px}
.aqi-txt{font-size:12.3px;line-height:1.7;white-space:pre-wrap}
.aqi-foot{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:9.3px;color:var(--muted)}
.aqi-del{border:0;background:transparent;color:var(--muted);font-size:11px;line-height:1;padding:1px 5px;
 border-radius:5px;cursor:pointer;margin-inline-start:auto}
.aqi-del:hover{background:var(--high-bg);color:var(--high)}
.aqi-composer{display:flex;gap:7px;padding:9px;border-top:1px solid var(--line);background:var(--surface);
 border-radius:0 0 var(--r) var(--r)}
.aqi-composer input{flex:1;padding:8px 11px;border:1px solid var(--line-2);border-radius:7px;outline:none;
 font-size:12.4px;font-family:inherit}
.aqi-composer input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}

/* ------- صف Data Capture ------- */
.aqi-capwrap{overflow-x:auto}
.aqi-cap{min-width:1500px}
.aqi-cap th{white-space:nowrap;font-size:9.4px}
.aqi-cap td{white-space:nowrap;font-size:11.2px}

/* ------- نص تقرير المراجع داخل ملف العميل ------- */
.engrpt{margin-top:11px;border-top:1px dashed var(--line);padding-top:9px}
.engrpt>summary{cursor:pointer;font-size:11.5px;font-weight:600;color:var(--teal);
 list-style:none;padding:5px 0;user-select:none}
.engrpt>summary::-webkit-details-marker{display:none}
.engrpt>summary:before{content:"▸";display:inline-block;margin-inline-end:6px;
 transition:transform .15s;font-size:10px}
.engrpt[open]>summary:before{transform:rotate(90deg)}
body[dir="rtl"] .engrpt>summary:before{transform:rotate(180deg)}
body[dir="rtl"] .engrpt[open]>summary:before{transform:rotate(90deg)}
.engrpt-b{position:relative;overflow:hidden;margin-top:6px;padding:14px 16px;
 border:1px solid var(--line);border-radius:8px;background:var(--surface);
 font-size:11.8px;line-height:1.95;text-align:justify}
.engrpt-b h4{font-size:12.2px;font-weight:700;margin:14px 0 5px;color:var(--teal)}
.engrpt-b h4:first-child{margin-top:0}
.engrpt-b p{margin:0 0 8px}
.engrpt-b>*{position:relative;z-index:1}
.engrpt-b.draft:before{content:"مسودة";position:absolute;top:34%;inset-inline-start:0;width:100%;
 text-align:center;font-size:72px;font-weight:800;color:rgba(0,0,0,.055);
 transform:rotate(-24deg);pointer-events:none;letter-spacing:6px;z-index:0}
.engrpt-sig{display:flex;gap:26px;align-items:flex-end;flex-wrap:wrap;margin-top:18px;
 padding-top:12px;border-top:1px dashed var(--line)}
.engrpt-sig .nm{font-weight:700;font-size:12px}
.engrpt-sig .lc{font-size:10.5px;color:var(--muted)}
.engrpt-sig img{max-height:60px;display:block;margin-top:6px}
.engrpt-sig .st img{max-height:80px}

/* ------- الطباعة ------- */
@media print{
 .engrpt-b{border-color:#ddd;display:block!important}
 .engrpt>summary{display:none}
 .aqi-tools,.aqi-back,.aqi-sec-h .side,.aqi-composer,.aqi-tbl .rowact,
 .aqi-gate .opt,.aqi-sign .act{display:none!important}
 .aqi-sec{border:1px solid #ccc;box-shadow:none;page-break-inside:avoid}
 .aqi-sec-h{background:var(--surface-2)}
 .aqi-inds{grid-template-columns:repeat(4,1fr)}
 .aqi-ind,.aqi-sign{border:1px solid #ddd}
 .aqi-chat{height:auto}
 .aqi-msgs{overflow:visible;background:var(--surface)}
 .aqi-cap{min-width:0;font-size:8px}
 .aqi-cap th,.aqi-cap td{font-size:7.6px;padding:3px 4px;white-space:normal}
 .aqi-print-only{display:block!important}
}
.aqi-print-only{display:none}

/* =====================================================================
   الجزء الثامن — فحوصات الإكمال بشريط جانبي
   ---------------------------------------------------------------------
   الفحوصات ثمانية بأسماء طويلة ونتيجة ونصّ تفسير. جدول بثلاثة أعمدة
   يحشرها في عمود ضيق ويجبر على قراءة الصفحة سطراً سطراً. الشاشة عريضة،
   فالقائمة إلى الجانب تُبقي البنود كلها في المدى البصري، والنقر عليها
   يفلتر اللوح بجانبها ليُقرأ الفحص وحده بتفسيره.
   ===================================================================== */
/* =====================================================================
   فهرس الملف — عمود ثابت إلى جانب النموذج
   ---------------------------------------------------------------------
   الملف تسعة أجزاء يطول تمريرها. الفهرس يُظهرها كلها في لمحة ويُنقلك إلى
   أيّها شئت، وسطره يصير أزرقَ بعلامة ✔ متى اكتمل الجزء — فيُقرأ العمود
   كشريط تقدّم للملف لا كقائمة أسماء.
   ===================================================================== */
.aqi-form{display:grid;grid-template-columns:244px minmax(0,1fr);gap:12px;align-items:start}
.aqi-form-main{min-width:0}
.aqi-form-main>.aqi-sec:last-child{margin-bottom:0}
@media(max-width:1100px){.aqi-form{grid-template-columns:1fr}}

/* فهرس الملف شريطٌ جانبي كبقية أشرطة النظام — تقرير الجودة وتهيئة العروض
   والعقود — فيأخذ لوحها نفسه (--rail-*) لا لوح البطاقات البيضاء. هكذا يُقرأ
   الملف بشريطٍ واحد الشكل أينما وقفتَ منه. */
.aqi-ix{position:sticky;top:56px;max-height:calc(100vh - 74px);display:flex;
 flex-direction:column;background:var(--rail-bg);border:0;
 border-radius:var(--r,10px);box-shadow:var(--sh);overflow:hidden}
@media(max-width:1100px){.aqi-ix{position:static;max-height:none}}

.aqi-ix-h{display:flex;align-items:center;gap:8px;padding:10px 12px;
 border-bottom:1px solid var(--rail-hover);background:transparent}
.aqi-ix-h .ttl{font-size:11.5px;font-weight:700;color:#fff;letter-spacing:.2px}
.aqi-ix-h .ct{margin-inline-start:auto;font-size:10.5px;font-weight:700;color:var(--rail-txt);
 background:var(--rail-pill);border-radius:99px;padding:1px 8px}

.aqi-ix-bar{height:3px;background:var(--rail-hover)}
.aqi-ix-bar>i{display:block;height:100%;background:var(--teal);
 transition:width .35s ease}

.aqi-ix-list{display:flex;flex-direction:column;gap:1px;padding:5px;
 overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.aqi-ix-list::-webkit-scrollbar{width:5px}
.aqi-ix-list::-webkit-scrollbar-thumb{background:var(--rail-hover);border-radius:99px}
.aqi-ix-it{display:flex;align-items:center;gap:8px;width:100%;text-align:start;
 border:1px solid transparent;background:transparent;border-radius:7px;padding:8px 9px;
 font:inherit;font-size:11.8px;line-height:1.45;color:var(--rail-txt);cursor:pointer;
 transition:background .12s,color .12s,border-color .12s}
.aqi-ix-it:hover{background:var(--rail-hover);color:#fff}
.aqi-ix-it .nm{flex:1;min-width:0}
.aqi-ix-it .mk{font-size:11px;font-weight:700;opacity:.85}
.aqi-ix-dot{flex:0 0 7px;width:7px;height:7px;border-radius:99px;background:var(--rail-hover)}

/* اكتمل: أبيضُ صريح ونقطةٌ وعلامة ✔ — على الأزرق الداكن يقوم البياض مقام
   اللون في التمييز، فالأزرق على الأزرق لا يُقرأ. */
.aqi-ix-it.done{color:#fff;font-weight:600}
.aqi-ix-it.done .aqi-ix-dot{background:#fff}
.aqi-ix-it.done .mk{color:#fff}
/* ناقص: نقطة باهتة ونصّ عادي — لا تخويف، فالنقص هو الأصل قبل التعبئة */
.aqi-ix-it.todo{color:var(--rail-dim)}
.aqi-ix-it.todo .aqi-ix-dot{background:var(--rail-hover)}
/* لا ينطبق أو محسوب تلقائياً: باهت، لا يُطالَب المراجع بشيء فيه */
.aqi-ix-it.na{color:var(--rail-dim);opacity:.6}
.aqi-ix-it.na .aqi-ix-dot{background:transparent;border:1px dashed var(--rail-hover)}

/* الجزء الذي أمام العين: أبيضُ ملء السطر كالقائمة الرئيسية */
.aqi-ix-it.on{background:var(--rail-active-bg);border-color:transparent;
 color:var(--rail-active-ink);font-weight:700;box-shadow:none}
.aqi-ix-it.on .aqi-ix-dot{background:var(--rail-active-ink)}
.aqi-ix-it.on .mk,.aqi-ix-it.done.on{color:var(--rail-active-ink)}
body[dir="rtl"] .aqi-ix-it.on{box-shadow:none}

.aqi-ix-f{padding:7px 12px;border-top:1px solid var(--rail-hover);background:transparent;
 font-size:10px;color:var(--rail-dim);line-height:1.5}

/* القسم الذي نزلنا إليه يومض ومضة قصيرة ثم يعود كما كان */
.aqi-sec{scroll-margin-top:60px;transition:box-shadow .25s ease}
.aqi-sec.flash{animation:ixFlash 1.35s ease-out}
@keyframes ixFlash{
 0%  {box-shadow:0 0 0 3px var(--teal-soft),0 0 0 4px var(--brand-line)}
 55% {box-shadow:0 0 0 3px var(--teal-soft),0 0 0 4px var(--brand-line)}
 100%{box-shadow:var(--sh)}}
@media(prefers-reduced-motion:reduce){
 .aqi-sec.flash{animation:none;box-shadow:0 0 0 2px var(--brand-line)}}

.chk-main{min-width:0;scroll-margin-top:60px}
.chk-sum{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:9px;
 scroll-margin-top:60px}
.chk-sum .btn{margin-inline-start:auto}

/* scroll-margin يمنع الشريط العلوي اللاصق من تغطية أعلى البطاقة عند النزول */
.chk-card{border:1px solid var(--line);border-left:3px solid var(--line-2);border-radius:8px;
 padding:10px 12px;margin-bottom:7px;background:var(--surface-2);
 scroll-margin-top:64px;scroll-margin-bottom:24px;outline:none;
 transition:box-shadow .25s ease,background-color .25s ease}
body[dir="rtl"] .chk-card{border-left:1px solid var(--line);border-right:3px solid var(--line-2)}
.chk-card.bad{border-color:var(--high-line)}
.chk-card.bad,body[dir="rtl"] .chk-card.bad{border-inline-start-color:var(--high)}
.chk-card.flag,body[dir="rtl"] .chk-card.flag{border-inline-start-color:var(--med)}
.chk-card.ok,body[dir="rtl"] .chk-card.ok{border-inline-start-color:var(--low)}
.chk-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chk-h b{font-size:12.4px;font-weight:600;flex:1 1 200px;min-width:0}
.chk-n{font-size:11.8px;line-height:1.8;color:var(--ink-soft);margin-top:6px;white-space:pre-wrap}
.chk-n.empty{color:var(--muted);font-style:italic}

/* وميض قصير على البطاقة التي نزلنا إليها: يدل عليها ثم ينطفئ، فلا يبقى
   تمييز دائم يُربك القراءة بعد أن أدّى غرضه. */
@media print{
 .chk-card{page-break-inside:avoid;border-color:#ddd}
}

/* =====================================================================
   شريط التقدّم — أين الملف الآن من مساره
   ---------------------------------------------------------------------
   المسار كله معروض لا المرحلة الحالية وحدها: من يفتح الملف يرى موضعه
   وكم بقي. الخطوات المنتهية بعلامة، والحالية بلون الهوية، والقادمة باهتة.
   القفل على الخطوة يقول إن التعديل ممنوع فيها قبل أن يُجرَّب فيُرفض.
   ===================================================================== */
.wf-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 12px;
 padding:11px 14px;border:1px solid var(--line);border-radius:var(--r);
 background:var(--surface);box-shadow:var(--sh)}
.wf-bar.locked{border-color:var(--med-line);background:var(--med-bg)}

.wf-steps{display:flex;align-items:center;gap:0;flex:1 1 420px;min-width:0;flex-wrap:wrap}
.wf-step{display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:99px;
 font-size:11.8px;font-weight:600;color:var(--muted);white-space:nowrap;
 border:1px solid transparent;background:transparent}
.wf-step .dot{flex:0 0 20px;width:20px;height:20px;border-radius:99px;display:grid;
 place-items:center;font-size:10px;font-weight:700;background:var(--pill);color:var(--muted);
 font-variant-numeric:tabular-nums}
.wf-step .lk{font-size:9.5px;opacity:.6}
.wf-step.done{color:var(--low)}
.wf-step.done .dot{background:var(--low-bg);color:var(--low)}
.wf-step.on{color:var(--teal);background:var(--teal-soft);border-color:var(--brand-line)}
.wf-step.on .dot{background:var(--teal);color:#fff}
.wf-step.on.done .dot{background:var(--low);color:#fff}
/* الخط الواصل: يقرأ المسار خطاً واحداً لا خطوات متناثرة */
.wf-sep{flex:0 0 18px;height:2px;background:var(--line);border-radius:99px;margin:0 2px}

.wf-acts{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-inline-start:auto}
.wf-hint{font-size:10.8px;color:var(--muted)}
.wf-lockmsg{flex:1 1 100%;font-size:11px;color:var(--med);line-height:1.6;
 border-top:1px dashed var(--med-line);padding-top:8px;margin-top:2px}

@media(max-width:760px){
 .wf-sep{flex-basis:10px}
 .wf-step .lb{max-width:110px;overflow:hidden;text-overflow:ellipsis}
}
@media print{
 .wf-bar{box-shadow:none;border-color:#ddd;background:transparent}
 .wf-step:not(.on){opacity:.55}
}

/* ============ المسؤولون عن الملف ============ */
.as-box{display:flex;flex-direction:column;gap:10px}
.as-lead{border:1.5px solid var(--brand-line);background:var(--teal-soft);border-radius:12px;padding:12px}
.as-lead-h{font-weight:800;font-size:13px;margin-bottom:8px}
.as-lead-h .req{color:var(--high)}
.as-lead-r{display:grid;grid-template-columns:1fr auto 170px;gap:8px;align-items:center}
.as-lead-r .as-as{font-size:12px;color:var(--muted)}
.as-box select{width:100%;padding:8px 10px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:12.5px}
.as-auto{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:11.8px;padding:8px 10px;border-radius:9px;background:var(--hover);border:1px dashed var(--line-2)}
.as-auto .k{font-weight:700;color:var(--ink-2)}
.as-chip{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:1px 10px}
.as-more{border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.as-more-h{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:12.5px;margin-bottom:8px}
.as-row{display:grid;grid-template-columns:150px 1fr auto auto;gap:8px;align-items:center;margin-bottom:7px}
.as-prim{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap;cursor:pointer}
.as-prim input{width:15px!important;height:15px;margin:0;accent-color:var(--teal)}
@media(max-width:640px){.as-lead-r{grid-template-columns:1fr}.as-row{grid-template-columns:1fr 1fr}}
.as-sec{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.as-sec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:13px}
.as-view{display:flex;flex-direction:column;gap:10px}
.as-v-lead{display:flex;gap:10px;align-items:center;border:1.5px solid var(--brand-line);background:var(--teal-soft);border-radius:11px;padding:10px 12px}
.as-v-lead .ic{font-size:22px}
.as-v-lead .k{font-size:10.5px;color:var(--muted);font-weight:700}
.as-v-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.as-v-slot{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--surface)}
.as-v-slot .h{font-size:10.5px;color:var(--muted);font-weight:700;margin-bottom:5px}
.as-v-p{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:12.5px;padding:3px 0}
.as-v-p>span:first-child{font-weight:700;margin-inline-end:auto}
.as-tag{font-size:10px;font-weight:700;border-radius:999px;padding:0 8px;border:1px solid var(--line);background:var(--hover);color:var(--ink-2)}
.as-tag.p{background:var(--low-bg);color:var(--low);border-color:var(--low-line)}
.as-tag.s{background:var(--med-bg);color:var(--med);border-color:var(--med-line)}
.as-tag.a{background:var(--teal-soft);color:var(--teal);border-color:var(--brand-line)}
/* المحرّر المبسّط: الموظف وعلامتا «مسؤول الملف» و«رئيسي» */
.as-row{grid-template-columns:1fr auto auto 78px auto}
.as-flag{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap;cursor:pointer;border:1px solid var(--line);
 border-radius:999px;padding:4px 10px;background:var(--surface)}
.as-flag input{width:14px!important;height:14px;margin:0;accent-color:var(--teal)}
.as-flag.lead:has(input:checked){border-color:#E0A44A;background:var(--med-bg);color:var(--med);font-weight:700}
.as-flag.prim:has(input:checked){border-color:var(--low-line);background:var(--low-bg);color:var(--low);font-weight:700}
.as-flag:has(input:disabled){opacity:.45;cursor:default}
.as-kind{font-size:10.5px;font-weight:700;text-align:center;border-radius:999px;padding:1px 6px}
.as-kind.l{color:var(--med)}.as-kind.p{color:var(--low)}.as-kind.m{color:var(--muted)}
.as-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11px;color:var(--muted);margin-top:6px;padding-top:8px;border-top:1px dashed var(--line)}
.as-legend b{color:var(--ink-2)}
.as-v-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.as-v-row .k{font-size:11px;color:var(--muted);font-weight:700;min-width:70px}
.as-pp{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:3px 11px;font-size:12px;background:var(--surface)}
.as-pp small{font-size:10px;color:var(--muted)}
.as-pp.p{border-color:var(--low-line);background:var(--low-bg)}
.as-v-note{font-size:11.5px;color:var(--muted);cursor:help}
@media(max-width:640px){.as-row{grid-template-columns:1fr 1fr}}
.as-auto>span:last-child{flex:1;min-width:0}

/* ملف ارتباط من عرضٍ أو عقد */
.engsrc{border:1px dashed var(--line,#D8DEE6);border-radius:10px;padding:10px 12px;margin:2px 0 10px;background:var(--surface-2,#F7F9FB)}
.engsrc-h{font-size:12.5px;font-weight:700;margin-bottom:8px}
.engsrc-row{display:flex;gap:10px;flex-wrap:wrap}
.engsrc-row label{flex:1 1 220px;display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--muted,#5B6675)}
.engsrc-row select{width:100%;min-width:0}
.engsrc-note{font-size:11.5px;margin-top:8px;color:var(--muted,#5B6675);line-height:1.6}
.engsrc-note span{opacity:.85}