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

/* ------- شاشة التهيئة: قائمة الأوراق ------- */
.wp-t{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:7px 9px;border-radius:7px;
 cursor:pointer;line-height:1.4;transition:background .12s}
.wp-t:hover{background:var(--hover)}
.wp-t.on{background:var(--teal-soft)}
.wp-t.on .tn{color:var(--teal);font-weight:700}
.wp-t.off{opacity:.5}
/* الأعمدة تُسمّى صراحةً. بدونها كان `.tc` — لأنه يحمل صفّاً محدّداً — يُوضَع
   أولاً فيحتلّ عمود `1fr`، ويُدفَع العنوان إلى عمود `auto`؛ فيصير عرض عمود
   الشريط تابعاً لطول العنوان، ويقف الشريط بموضعٍ مختلف بكل سطر. */
.wp-t .tn{grid-column:1;grid-row:1;font-size:11.5px;min-width:0}
.wp-t .tc{grid-column:2;grid-row:1;font-size:10.5px;color:var(--muted);font-weight:700;align-self:center}
.wp-t .tm{grid-column:1/-1;grid-row:2;display:flex;gap:4px;flex-wrap:wrap}
.wp-t .tag{font-size:8.6px;font-weight:700;color:var(--muted);background:var(--pill);
 border-radius:99px;padding:1px 7px}
.wp-t .tag.req{color:var(--teal);background:var(--teal-soft)}

.wp-empty{padding:18px 12px;text-align:center;color:var(--muted);font-size:11.5px}
.wp-tmeta{display:flex;gap:10px 22px;flex-wrap:wrap;padding:0 0 10px;margin-bottom:10px;
 border-bottom:1px dashed var(--line)}
.wp-tmeta .kvi{min-width:110px}
.wp-purpose{flex:1 1 100%;font-size:11.4px;color:var(--ink-soft);line-height:1.8}
.wp-hint{flex:1 1 100%;font-size:10.5px;color:var(--muted);background:var(--teal-soft);
 border-radius:6px;padding:6px 9px}

/* ------- الأسئلة داخل القالب ------- */
.wp-qsec{margin-bottom:10px}
.wp-qsech{font-size:11.6px;font-weight:700;color:var(--teal);background:var(--teal-soft);
 border-radius:7px;padding:6px 11px;margin-bottom:7px}
.wp-q{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-bottom:6px;
 background:var(--surface-2)}
.wp-q-h{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.wp-q-h b{font-size:11.8px;font-weight:600;flex:1 1 240px;min-width:0}
.wp-q-h .side{margin-inline-start:auto;display:flex;gap:4px}
.wp-q-h .tag,.wp-row .tag{font-size:8.6px;font-weight:700;color:var(--muted);
 background:var(--pill);border-radius:99px;padding:1px 7px}
.wp-q-h .tag.req,.wp-row .tag.req{color:var(--teal);background:var(--teal-soft)}
.wp-q-g{font-size:10.8px;color:var(--muted);line-height:1.7;margin-top:4px}

/* ------- ملف المراجعة داخل العميل ------- */
.wp-mat{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 12px;
 padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}
.wp-mat .k{font-size:10.5px;color:var(--muted);margin-inline-end:7px}
.wp-mat b{font-size:14px;font-weight:700}
.wp-mat .bs{font-size:10.5px;color:var(--muted);margin-inline-start:9px}
.wp-mat button{margin-inline-start:auto}

.wp-sumwrap{overflow-x:auto}
.wp-tbl{width:100%;border-collapse:collapse;font-size:11.3px}
.wp-tbl th{text-align:start;font-size:9.6px;font-weight:700;color:var(--muted);
 padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
.wp-tbl td{padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.wp-tbl tbody tr:last-child td{border-bottom:0}
.wp-tbl tr.mat{background:var(--teal-soft)}
.wp-tbl tr.aqi-row{cursor:pointer}
.wp-tbl tr.aqi-row:hover{background:var(--hover)}
.wp-sub{font-size:10px;color:var(--muted)}
.wp-tbdet{margin-top:12px;border-top:1px dashed var(--line);padding-top:8px}
.wp-tbdet>summary{cursor:pointer;font-size:11.2px;color:var(--teal);font-weight:600;
 list-style:none;padding:4px 0}
.wp-tbdet>summary::-webkit-details-marker{display:none}
.wp-tbdet>summary:before{content:"▸";display:inline-block;margin-inline-end:6px;font-size:10px}
.wp-tbdet[open]>summary:before{content:"▾"}

.wp-bar{display:inline-block;width:86px;height:6px;border-radius:99px;background:var(--pill);
 overflow:hidden;vertical-align:middle}
.wp-bar i{display:block;height:100%;background:var(--teal)}
.wp-barn{font-size:9.8px;color:var(--muted);margin-inline-start:6px}

/* ------- تعبئة الورقة ------- */
.wp-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(160px,.7fr) minmax(0,1fr);
 gap:10px 16px;align-items:start;padding:12px 13px;border:1px solid var(--line);
 border-radius:9px;margin-bottom:8px;background:var(--surface-2)}
/* سؤال لا يطلب ملاحظة ولا مرجعاً: عمودان فقط — السؤال والإجابة — بدل
   مربع فارغ يقضم ثلث السطر ويوحي بأن على المراجع كتابة شيء لا يُطلب منه. */
.wp-row.nonote{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr)}
@media(max-width:900px){.wp-row,.wp-row.nonote{grid-template-columns:1fr}}
.wp-row.miss{border-color:var(--high)}
.wp-row-q b{font-size:12.8px;font-weight:600;line-height:1.7;display:block;margin-bottom:4px}
.wp-row-n{display:flex;flex-direction:column;gap:5px}

.wp-seg{display:flex;border:1px solid var(--line-2);border-radius:9px;overflow:hidden;
 background:var(--surface);width:fit-content}
.wp-seg button{border:0;background:transparent;padding:9px 20px;font-size:12.8px;font-weight:600;
 color:var(--muted);cursor:pointer;font-family:inherit;white-space:nowrap;min-height:38px}
.wp-seg button+button{border-inline-start:1px solid var(--line)}
.wp-seg button:hover{background:var(--hover);color:var(--teal)}
.wp-seg button.on{background:var(--teal);color:#fff}

.wp-in,.wp-ta{width:100%;padding:8px 11px;border:1px solid var(--line-2);border-radius:8px;
 background:var(--surface);color:var(--ink);outline:none;font:inherit;font-size:12.4px}
.wp-in.sm{font-size:10.6px}
.wp-ta{line-height:1.8;resize:vertical;text-align:justify}
.wp-in:focus,.wp-ta:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
.wp-ans-ro{font-size:11.4px;line-height:1.8;color:var(--ink-soft);white-space:pre-wrap}

@media print{
 .wp-seg,.wp-in,.wp-ta{border:0;background:transparent;box-shadow:none}
 .wp-seg button{display:none}
 .wp-seg button.on{display:inline-block;background:transparent;color:#000;
  border:1px solid #999;border-radius:5px}
 .wp-row{page-break-inside:avoid;border-color:#ddd}
 .wp-tbdet>summary{display:none}
 .wp-tbl{font-size:8.6px}
 .wp-tbl th,.wp-tbl td{padding:3px 5px}
}

/* =====================================================================
   ملف المراجعة: الرأس، ثم تبويبان، ثم القسم المفتوح بعرض الشاشة كاملاً.
   الأهمية النسبية والإحصاءات فوق لأنهما مدخل القرار ومرآة الحالة.
   الميزان والأوراق لا يظهران معاً: كلاهما جدول عريض، ووضعهما في عمودين
   يقصّ الأعمدة ويجبر على تمرير أفقي داخل كل بطاقة.
   ===================================================================== */
.wp-stabs{display:flex;gap:4px;margin:10px 0;border-bottom:1px solid var(--line)}
.wp-stab{border:0;background:transparent;cursor:pointer;font-family:inherit;
 font-size:12.5px;font-weight:600;color:var(--muted);padding:9px 16px;
 border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:7px}
.wp-stab:hover{color:var(--teal)}
.wp-stab.on{color:var(--teal);border-bottom-color:var(--teal)}
.wp-stab .n{font-size:10px;font-weight:700;background:var(--pill);color:var(--muted);
 border-radius:99px;padding:1px 7px;min-width:18px;text-align:center}
.wp-stab.on .n{background:var(--teal-soft);color:var(--teal)}

/* قائمة الأوراق ثابتة إلى جانب الورقة المفتوحة */
.wp-split{display:grid;grid-template-columns:320px minmax(0,1fr);gap:10px;align-items:start}
@media(max-width:1100px){.wp-split{grid-template-columns:1fr}}
.wp-split>.card{margin-bottom:0}
/* قائمة الأوراق شريطٌ جانبي كفهرس الملف وبقية أشرطة النظام — نفس اللوح
   (--rail-*) فلا يقف بملف الارتباط شريطان بلونين. */
.wp-split .arpt-gcard{max-height:calc(100vh - 150px);background:var(--rail-bg);border:0}
@media(max-width:1100px){.wp-split .arpt-gcard{position:static;max-height:none}}
.wp-split .arpt-gcard>.card-h{background:transparent;border-bottom:1px solid var(--rail-hover)}
.wp-split .arpt-gcard>.card-h h3{color:#fff}
.wp-split .arpt-groups::-webkit-scrollbar-thumb{background:var(--rail-hover);border:0}
.wp-split .wp-t{color:var(--rail-txt)}
.wp-split .wp-t:hover{background:var(--rail-hover)}
.wp-split .wp-t .tn{color:var(--rail-txt)}
.wp-split .wp-t .tc .n{color:var(--rail-dim)}
.wp-split .wp-t .tag{color:var(--rail-txt);background:var(--rail-pill)}
.wp-split .wp-t .tag.req{color:#fff;background:var(--rail-hover)}
.wp-split .wp-t .wp-bar{background:var(--rail-hover)}
/* الورقة المفتوحة: سطر أبيض ملء العرض كالقائمة الرئيسية */
.wp-split .wp-t.on{background:var(--rail-active-bg)}
.wp-split .wp-t.on .tn{color:var(--rail-active-ink);font-weight:700}
.wp-split .wp-t.on .tc .n{color:var(--rail-active-ink)}
.wp-split .wp-t.on .tag{color:var(--rail-active-ink);background:var(--pill)}
.wp-split .wp-t.on .wp-bar{background:var(--pill)}
.wp-split .wp-empty{color:var(--rail-dim)}

/* سطر الورقة في القائمة: العنوان، ثم وسومها، وشريط إنجازها.
   -------------------------------------------------------------------
   كان العمود الثاني `auto`، فيتّسع بمقدار وسوم السطر ويضيق بضيقها — فيقف
   شريط الإنجاز في موضعٍ مختلف بكل سطر، وتُقرأ القائمة خطاً متعرّجاً. صار
   العمود ثابت العرض: الشريط والرقم بعمودٍ واحد مهما طال العنوان أو قصر. */
.wp-t.prog{grid-template-columns:minmax(0,1fr) 62px}
.wp-t .tc{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.wp-t.prog .tc{align-items:stretch}
.wp-t .tc .n{font-style:normal;font-size:9.6px;color:var(--muted);font-weight:600}
.wp-t.prog .tc .n{text-align:end}
.wp-t .tc .wp-bar{width:56px;height:5px}
.wp-t.prog .tc .wp-bar{width:100%}
.wp-t .badge{font-size:8.6px;padding:1px 7px}

/* لوح الورقة المفتوحة */
.wp-detail{min-width:0}
.wp-dhead{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;
 padding:11px 13px;border-bottom:1px solid var(--line)}
.wp-dtitle{min-width:0;flex:1 1 240px}
.wp-dtitle h3{margin:0;font-size:14px;font-weight:700;display:flex;align-items:center;
 gap:7px;flex-wrap:wrap}
.wp-dtitle p{margin:3px 0 0;font-size:10.6px;color:var(--muted);line-height:1.6}
.wp-dhead .side{margin-inline-start:auto;display:flex;gap:6px;flex-wrap:wrap}
.wp-dbody{padding:11px 13px}
.wp-dbody .aqi-blocking{margin-bottom:9px}
.wp-dsec{margin-bottom:14px}
.wp-dsec:last-child{margin-bottom:0}
.wp-dsec .wp-qsech{margin-bottom:7px}

.wp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;margin:10px 0 0}
.wp-stat{border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:var(--surface-2);
 display:flex;flex-direction:column;gap:2px}
.wp-stat b{font-size:19px;font-weight:700;line-height:1.1}
.wp-stat span{font-size:10.2px;color:var(--muted);line-height:1.35}
.wp-stat.teal b{color:var(--teal)}
.wp-stat.good b{color:var(--low)}
.wp-stat.bad{border-color:var(--high)}
.wp-stat.bad b{color:var(--high)}

.wp-progress{display:flex;align-items:center;gap:10px;margin-top:10px}
.wp-bar.big{flex:1;width:auto;height:9px}
.wp-progress .wp-barn{font-size:10.8px;white-space:nowrap}

@media print{
 .wp-stabs{display:none}
 .wp-split{grid-template-columns:1fr}
 .wp-split .arpt-gcard{display:none}
 .wp-stat{border-color:#ddd}
}

/* ------- أزرار التحقق: شرائح صغيرة تُقرأ وتُنقر بسهولة ------- */
.wp-chips{display:flex;gap:7px;flex-wrap:wrap}
/* الأزرار هي مدخل المراجع الأساسي داخل الورقة — يضغطها عشرات المرات في
   اليوم. كانت 10px بحشوة 3px فتُقرأ بصعوبة وتُنقر بأصعب، خاصة على اللمس. */
.wp-chip{display:inline-flex;align-items:center;gap:5px;font-size:12.4px;font-weight:600;
 line-height:1.5;padding:7px 15px;border-radius:99px;border:1px solid var(--line-2);
 background:var(--surface);color:var(--ink-soft);white-space:nowrap;min-height:34px}
/* تصنيف الزر في شاشة التهيئة: تأكيد · مستند · إجراء */
.wp-chip.as{color:var(--teal);background:var(--teal-soft);border-color:transparent}
.wp-chip.dc{color:var(--violet,#6B4FD8);background:var(--pill);border-color:transparent}
.wp-chip.ot{color:var(--muted);background:var(--pill);border-color:transparent}
/* داخل الورقة: زر حقيقي يُضغط */
.wp-chip.btnc{cursor:pointer;font-family:inherit;transition:background .12s,color .12s,border-color .12s}
.wp-chip.btnc:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-soft)}
.wp-chip.btnc:active{transform:translateY(1px)}
.wp-chip.on{background:var(--teal);border-color:var(--teal);color:#fff;
 box-shadow:0 1px 3px rgba(0,0,0,.12)}
.wp-chip.btnc.on:hover{color:#fff}
.wp-nochip{font-size:11.4px;color:var(--muted)}

.wp-row-a{min-width:0}
.wp-row-t{grid-column:1/-1;padding-top:10px;border-top:1px dashed var(--line)}

@media print{
 .wp-chip{border:1px solid #bbb;background:transparent;color:#666}
 .wp-chip.on{background:transparent;color:#000;border-color:#000;font-weight:700}
 .wp-chip.btnc:not(.on){display:none}
}

/* ------- مكتبة أزرار التحقق ------- */
.wp-tagsec{margin-bottom:14px}
.wp-tagsec .wp-qsech .n{font-weight:400;opacity:.7;margin-inline-start:5px}
.wp-tagitem{display:inline-flex;align-items:center;gap:5px;font-size:12.2px;font-weight:600;
 padding:6px 8px 6px 14px;border-radius:99px;border:1px solid var(--line-2);
 background:var(--surface);color:var(--ink-soft)}
body[dir="rtl"] .wp-tagitem{padding:6px 14px 6px 8px}
.wp-tagitem.as{color:var(--teal);background:var(--teal-soft);border-color:transparent}
.wp-tagitem.dc{background:var(--pill);border-color:transparent}
.wp-tagitem .gl{font-style:normal;font-size:9px;opacity:.55}
.wp-tagitem .tb{border:0;background:transparent;cursor:pointer;color:inherit;opacity:.45;
 font-size:10px;line-height:1;padding:2px 3px;border-radius:4px;font-family:inherit}
.wp-tagitem .tb:hover{opacity:1;background:rgba(0,0,0,.07)}
.arpt-filters .btn.on{background:var(--teal);color:#fff;border-color:var(--teal)}

/* حالات الملاحظات فوق أوراق المراجعة */
.wp-obsst{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line)}
.wp-obsst>b{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}

/* ---- خيارات الإجابة التي يكتبها المكتب بالسؤال ---- */
.wp-seg.wrap{flex-wrap:wrap;gap:6px;width:auto;border:0;background:transparent;overflow:visible}
.wp-seg.wrap button{flex:0 1 auto;padding:7px 14px;white-space:normal;text-align:center;
 border:1px solid var(--line-2);border-radius:8px;background:var(--surface);min-height:34px}
.wp-seg.wrap button+button{border-inline-start:1px solid var(--line-2)}
.wp-seg.wrap button.on{background:var(--teal);border-color:var(--teal);color:#fff}
.wp-multi{display:flex;gap:6px;flex-wrap:wrap}
.wp-opts{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.wp-opt{font-size:11.5px;padding:3px 10px;border-radius:999px;background:var(--pill);color:var(--ink-2)}

/* ---- مكتبة عناصر المراجعة: أربعة أقسام ---- */
.wp-tagsec .wp-qsech{display:flex;align-items:center;gap:6px}
.wp-tagsec-add{margin-inline-start:auto}
.wp-tagitem.ob{color:var(--teal);background:var(--teal-soft);border-color:transparent}
.wp-tagitem.ev{color:#1F7A4D;background:#E6F4EC;border-color:transparent}
.wp-tagitem.rl{color:#9A5B00;background:#FFF3DF;border-color:transparent}
.wp-tagitem.dc{color:var(--violet,#6B4FD8);background:var(--pill);border-color:transparent}
:root[data-theme="dark"] .wp-tagitem.ev{color:#7FD3A6;background:#16352A}
:root[data-theme="dark"] .wp-tagitem.rl{color:#F2C27A;background:#3A2C14}

/* =====================================================================
   الورقة الذكية — أهداف المراجعة والمستندات المؤيدة
   ===================================================================== */
.tag.smk{color:#1F7A4D;background:#E6F4EC}
.wp-partsep{margin:18px 0 8px;padding-top:12px;border-top:2px dashed var(--line);
 font-weight:700;font-size:12.5px;color:var(--ink-2)}
.wps-cfg{margin:6px 0 10px}
.wps-sech{display:flex;align-items:center;gap:6px}
.wps-sech .n{font-weight:400;opacity:.7}
.wps-sech .btn{margin-inline-start:auto}
.wps-objs{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 12px}
.wps-obj{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:999px;
 font-size:12.4px;font-weight:600;border:1px solid var(--line-2);background:var(--pill);color:var(--muted);
 font-family:inherit;transition:background .15s,color .15s,border-color .15s}
.wps-obj.on{background:#1F9D5A;border-color:#1F9D5A;color:#fff}
.wps-obj.na{background:transparent;border-style:dashed;color:var(--muted);text-decoration:line-through}
.wps-obj.na i{font-style:normal;text-decoration:none;font-size:10px;opacity:.8}
.wps-obj.warn{border-color:#D99A2B;color:#9A5B00;background:#FFF3DF}
.wps-obj.click{cursor:pointer}
.wps-obj.click:hover{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
.wps-warn{font-size:11.5px;color:#9A5B00;background:#FFF3DF;border-radius:7px;padding:7px 10px;margin:-4px 0 12px}
.wps-tbl td{vertical-align:top}
.wps-act{white-space:nowrap;display:flex;gap:4px}
.wps-b{display:inline-block;font-size:10.8px;font-weight:600;padding:2px 8px;border-radius:6px;margin-inline-start:4px}
.wps-b.ev{color:#1F7A4D;background:#E6F4EC}
.wps-b.rl{color:#9A5B00;background:#FFF3DF}
.wps-b.cu{color:var(--violet,#6B4FD8);background:var(--pill)}
.wps-mini{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.wps-mini span{font-size:10.8px;padding:2px 8px;border-radius:999px;background:var(--pill);color:var(--muted)}
.wps-mini.on span{background:#E6F4EC;color:#1F7A4D}

.wps{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:14px;background:var(--surface)}
.wps.editing{border-color:#D99A2B;box-shadow:0 0 0 3px #FFF3DF}
.wps-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wps-h.sub{margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}
.wps-h .side{margin-inline-start:auto;display:flex;gap:5px}
.wps-cnt{font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--pill);color:var(--muted)}
.wps-cnt.ok{background:#E6F4EC;color:#1F7A4D}
.wps-exc{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11.5px;color:#9A5B00;
 background:#FFF3DF;border-radius:8px;padding:8px 10px;margin-bottom:10px}
.wps-exc .side{margin-inline-start:auto;display:flex;gap:5px}
.wps-docs{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.wps-doc{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:9px;padding:9px 11px;
 transition:border-color .15s,background .15s}
.wps-doc.on{border-color:#1F9D5A;background:rgba(31,157,90,.04)}
.wps-tg{flex:0 0 26px;height:26px;border-radius:7px;border:2px solid var(--line-2);background:var(--surface);
 color:#fff;font-weight:800;cursor:pointer;font-size:14px;line-height:1;margin-top:1px}
.wps-tg:hover:not(:disabled){border-color:#1F9D5A}
.wps-doc.on .wps-tg{background:#1F9D5A;border-color:#1F9D5A}
.wps-tg:disabled{cursor:default;opacity:.8}
.wps-dm{flex:1;min-width:0}
.wps-dn b{font-size:12.8px}
.wps-refin{margin-top:6px;max-width:320px}
.wps-ref{font-size:11px;color:var(--muted);margin-top:4px}
:root[data-theme="dark"] .tag.smk,:root[data-theme="dark"] .wps-b.ev,:root[data-theme="dark"] .wps-mini.on span{color:#7FD3A6;background:#16352A}
:root[data-theme="dark"] .wps-b.rl,:root[data-theme="dark"] .wps-warn,:root[data-theme="dark"] .wps-exc,
:root[data-theme="dark"] .wps-obj.warn{color:#F2C27A;background:#3A2C14}
:root[data-theme="dark"] .wps.editing{box-shadow:0 0 0 3px #3A2C14}
@media print{
 .wps{border-color:#ccc}
 .wps-obj{border:1px solid #999;background:transparent;color:#555}
 .wps-obj.on{background:transparent;color:#000;border-color:#000;font-weight:800}
 .wps-tg{border-color:#000;color:#000;background:transparent!important}
}

/* ---- الورقة الذكية: أزرار المستندات الصغيرة، والنجمة، والرمز ---- */
.wp-star,.wps-star{font-style:normal;font-size:12px;line-height:1;margin-inline-start:3px}
.wp-sym,.wps-sym{font-style:normal;font-size:11px;line-height:1;margin-inline-start:3px;font-weight:700}
.wp-tagitem.sr{background:var(--pill);border-color:transparent}
.wp-tsrc{font-size:10.5px;color:var(--muted);margin-inline-start:2px}
.wps-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.wps-chip{display:inline-flex;align-items:center;gap:2px;font-family:inherit;font-size:11.6px;font-weight:600;
 padding:3px 9px 3px 10px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);
 color:var(--ink-2);cursor:pointer;line-height:1.5;transition:background .12s,border-color .12s}
.wps-chip .ck{display:inline-grid;place-items:center;width:13px;height:13px;border-radius:4px;
 border:1.5px solid var(--line-2);font-size:9px;color:#fff;margin-inline-end:5px}
.wps-chip:hover:not(:disabled){border-color:#1F9D5A}
.wps-chip.on{border-color:#1F9D5A;background:#E6F4EC;color:#145C37}
.wps-chip.on .ck{background:#1F9D5A;border-color:#1F9D5A}
.wps-chip:disabled{cursor:default}
.wps-chip sup.cu{font-size:9px;color:var(--violet,#6B4FD8);margin-inline-start:2px}
.wps-chipw{display:inline-flex;align-items:center;gap:1px}
.wps-x{border:0;background:transparent;cursor:pointer;font-size:10px;color:var(--muted);padding:2px 3px;border-radius:4px}
.wps-x:hover{background:var(--hover);color:var(--ink)}
.wps-how{margin:0 0 10px;padding:9px 12px;border-radius:8px;background:var(--pill);font-size:12px;line-height:1.9}
.wps-how .t{font-weight:700;color:var(--ink-2);margin-bottom:2px}
.wps-how ul{margin:0;padding-inline-start:18px}
.wps-how li.miss{color:var(--high,#C0392B)}
.wps-how li.na{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}
.wps-how .dn{color:var(--muted);font-size:11px}
.wps-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;padding-top:8px;border-top:1px dashed var(--line);
 font-size:10.8px;color:var(--muted)}
.wps .wps-obj{padding:4px 11px;font-size:11.8px}
:root[data-theme="dark"] .wps-chip.on{background:#16352A;color:#7FD3A6}
@media print{
 .wps-chip{border-color:#999;color:#555}
 .wps-chip:not(.on){opacity:.55}
 .wps-chip.on{color:#000;border-color:#000;background:transparent}
 .wps-chip .ck{border-color:#000;color:#000}
 .wps-how{background:transparent;border:1px solid #ccc}
}

/* ---- الاستثناء على الأهداف وحدها · خيارا التوليد ---- */
.wps-obj.forced{background:#fff;color:#1F7A4D;border:1.5px dashed #1F9D5A}
.wps-how li.fo{color:#1F7A4D}
.modal .msec{font-weight:500;font-size:11.8px;line-height:1.8;color:var(--ink-2)}
.modal .msec.wp-danger{color:#C0392B;font-weight:700}
:root[data-theme="dark"] .wps-obj.forced{background:transparent;color:#7FD3A6}

.wp-delbtn{color:#C0392B!important;border-color:#E6B8B2!important}
.wp-delbtn:hover{background:#FDECEA!important}
/* الميزان لا يطابق دليل الحسابات */
.tbce-msg{font-weight:700;color:var(--high);margin-bottom:8px;font-size:12.5px}
.tbce-w{max-height:52vh;overflow:auto;border:1px solid var(--line);border-radius:8px}
.tbce{width:100%;border-collapse:collapse;font-size:11.5px}
.tbce th{position:sticky;top:0;background:var(--surface-2);color:var(--muted);text-align:start;padding:6px 8px;font-size:10.5px;border-bottom:1px solid var(--line)}
.tbce td{padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.tbce td:last-child{color:var(--high)}