/* =====================================================================
 *  أوراق العمل والمتطلبات والعينات وملاحظات المراجعة + الميزان + الدردشة
 *  (وحدة wpx — منقولة من Review_Audit بهوية ISQM البصرية)
 * ===================================================================== */

/* ---- رأس القسم وإحصاءاته ---- */
.wx-head{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.wx-head h3{margin:0;font-size:15px}
.wx-head .sub{font-size:11.5px;color:var(--muted);margin-top:2px;max-width:640px;line-height:1.6}
.wx-acts{margin-inline-start:auto;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.wx-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:12px}
.wx-stat{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:9px 12px;
 display:flex;flex-direction:column;gap:5px;cursor:default;min-width:0}
.wx-stat.click{cursor:pointer}.wx-stat.click:hover{border-color:var(--brand-line);background:var(--teal-soft)}
.wx-stat .k{font-size:10.5px;color:var(--muted);font-weight:600;display:flex;gap:6px;align-items:center}
.wx-stat .v{font-size:19px;font-weight:800;color:var(--ink);line-height:1.1}
.wx-stat .v small{font-size:11px;color:var(--muted);font-weight:600;margin-inline-start:4px}
.wx-stat .bar{height:5px;border-radius:99px;background:var(--pill);overflow:hidden}
.wx-stat .bar i{display:block;height:100%;background:var(--teal);border-radius:99px}
.wx-stat.ok .bar i{background:var(--low)}.wx-stat.warn .bar i{background:var(--med)}.wx-stat.bad .bar i{background:var(--high)}
.wx-stat.vio .bar i{background:var(--violet)}

/* ---- التبويبات الفرعية ---- */
.wx-tabs{display:flex;gap:4px;margin:12px 0 10px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.wx-tab{border:0;background:transparent;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;
 color:var(--muted);padding:9px 14px;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:7px}
.wx-tab:hover{color:var(--teal)}
.wx-tab.on{color:var(--teal);border-bottom-color:var(--teal)}
.wx-tab .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}
.wx-tab.on .n{background:var(--teal-soft);color:var(--teal)}
.wx-tab .n.hot{background:var(--high-bg);color:var(--high)}

/* ---- الشريط الجانبي (أوراق / عينات) ---- */
.wx-split{display:grid;grid-template-columns:330px minmax(0,1fr);gap:10px;align-items:start}
@media(max-width:1100px){.wx-split{grid-template-columns:1fr}}
.wx-rail{background:var(--rail-bg);border-radius:var(--r);padding:8px;max-height:calc(100vh - 140px);overflow:auto;
 position:sticky;top:8px}
@media(max-width:1100px){.wx-rail{position:static;max-height:none}}
.wx-rail::-webkit-scrollbar{width:6px}.wx-rail::-webkit-scrollbar-thumb{background:var(--rail-hover);border-radius:9px}
.wx-rail .rh{display:flex;align-items:center;gap:6px;color:#fff;font-weight:700;font-size:12px;padding:4px 6px 8px;
 border-bottom:1px solid var(--rail-hover);margin-bottom:6px}
.wx-rail .rh .sp{margin-inline-start:auto}
.wx-rail input.wx-rq{width:100%;box-sizing:border-box;background:var(--rail-hover);border:1px solid var(--rail-pill);color:var(--rail-txt);
 border-radius:7px;padding:6px 9px;font-family:inherit;font-size:11.5px;margin-bottom:6px}
.wx-rail input.wx-rq::placeholder{color:var(--rail-dim)}
.wx-g{margin-bottom:4px}
.wx-gh{display:flex;align-items:center;gap:6px;color:var(--rail-txt);font-size:11.5px;font-weight:700;padding:6px 6px;
 border-radius:7px;cursor:pointer;user-select:none}
.wx-gh:hover{background:var(--rail-hover)}
.wx-gh .ch{transition:transform .15s;font-size:10px;color:var(--rail-dim)}
.wx-gh.open .ch{transform:rotate(90deg)}
[dir=rtl] .wx-gh .ch{transform:scaleX(-1)}
[dir=rtl] .wx-gh.open .ch{transform:rotate(90deg)}
.wx-gh .gc{font-family:ui-monospace,monospace;font-size:10px;color:var(--rail-dim)}
.wx-gh .gn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wx-gh .gp{font-size:9.5px;color:var(--rail-dim)}
.wx-gh.na .gn{text-decoration:line-through;opacity:.6}
.wx-p{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:7px 9px 7px;margin:2px 0 2px;margin-inline-start:12px;
 border-radius:7px;cursor:pointer;color:var(--rail-txt);border-inline-start:2px solid var(--rail-pill)}
.wx-p:hover{background:var(--rail-hover)}
.wx-p.on{background:var(--rail-active-bg);color:var(--rail-active-ink);border-inline-start-color:var(--teal)}
.wx-p .pt{font-size:11.5px;line-height:1.45;min-width:0}
.wx-p .pt .pc{font-family:ui-monospace,monospace;font-size:9.5px;opacity:.7;margin-inline-end:5px}
.wx-p .pa{font-size:10px;font-weight:700;opacity:.8;align-self:center;font-variant-numeric:tabular-nums}
.wx-p .pm{grid-column:1/-1;display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.wx-p.na .pt{text-decoration:line-through;opacity:.65}
.wx-chip{font-size:9px;font-weight:700;border-radius:99px;padding:1px 7px;background:var(--rail-pill);color:var(--rail-txt);
 white-space:nowrap;display:inline-flex;align-items:center;gap:3px}
.wx-p.on .wx-chip{background:var(--pill);color:var(--ink)}
.wx-chip.ok{background:#1f5d3c;color:#d5f5e1}.wx-p.on .wx-chip.ok{background:var(--low-bg);color:var(--low)}
.wx-chip.warn{background:#6b4a10;color:#fde7c2}.wx-p.on .wx-chip.warn{background:var(--med-bg);color:var(--med)}
.wx-chip.bad{background:#6d2620;color:#ffd9d4}.wx-p.on .wx-chip.bad{background:var(--high-bg);color:var(--high)}
.wx-chip.vio{background:#3c3570;color:#e4e0ff}.wx-p.on .wx-chip.vio{background:var(--violet-bg);color:var(--violet)}
.wx-mini{flex:1;min-width:40px;height:4px;border-radius:99px;background:var(--rail-hover);overflow:hidden}
.wx-mini i{display:block;height:100%;background:var(--teal);border-radius:99px}
.wx-p.on .wx-mini{background:var(--pill)}
.wx-pseudo{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;color:#fff;font-size:12px;font-weight:700;
 cursor:pointer;background:var(--rail-hover);margin-bottom:8px}
.wx-pseudo.on{background:var(--rail-active-bg);color:var(--rail-active-ink)}
.wx-pseudo .sp{margin-inline-start:auto}
.wx-rail-empty{color:var(--rail-dim);font-size:11.5px;text-align:center;padding:24px 10px;line-height:1.7}

/* ---- لوحة التفاصيل ---- */
.wx-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);min-width:0}
.wx-ph{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.wx-seal{min-width:46px;height:46px;border-radius:10px;background:var(--teal-soft);color:var(--teal);display:flex;align-items:center;
 justify-content:center;font-weight:800;font-family:ui-monospace,monospace;font-size:12px;padding:0 6px}
.wx-ph .t{flex:1;min-width:220px}
.wx-ph h3{margin:0;font-size:15px;line-height:1.5}
.wx-ph .meta{font-size:11px;color:var(--muted);margin-top:3px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.wx-amt{font-weight:800;color:var(--ink);background:var(--pill);border-radius:7px;padding:2px 8px;font-variant-numeric:tabular-nums}
.wx-pb{padding:14px 16px}
.wx-empty{padding:60px 20px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}
.wx-empty b{display:block;font-size:14px;color:var(--ink);margin-bottom:4px}
.wx-obj{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:12px;line-height:1.8;margin-bottom:12px}
.wx-obj b{font-size:11px;color:var(--teal);display:block;margin-bottom:2px}

/* التوقيعات */
.wx-signs{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.wx-sign{border:1px solid var(--line);border-radius:9px;padding:5px 9px;display:flex;flex-direction:column;gap:1px;min-width:118px;
 cursor:pointer;background:var(--surface);font-family:inherit;text-align:start}
.wx-sign:hover{border-color:var(--brand-line)}
.wx-sign .l{font-size:11px;font-weight:700;color:var(--ink);display:flex;gap:6px;align-items:center}
.wx-sign .l i{width:14px;height:14px;border-radius:4px;border:1.5px solid var(--line-2);display:inline-flex;align-items:center;
 justify-content:center;font-style:normal;font-size:10px}
.wx-sign.on{border-color:var(--low-line);background:var(--low-bg)}
.wx-sign.on .l i{background:var(--low);border-color:var(--low);color:#fff}
.wx-sign .w{font-size:9.5px;color:var(--muted)}
.wx-sign[disabled]{opacity:.55;cursor:not-allowed}
.wx-natog{border:1px dashed var(--line-2);border-radius:99px;padding:4px 12px;font-size:11px;font-weight:700;color:var(--muted);
 background:transparent;cursor:pointer;font-family:inherit}
.wx-natog.on{border-style:solid;border-color:var(--high-line);background:var(--high-bg);color:var(--high)}

/* التبويبات الداخلية للورقة */
.wx-itabs{display:flex;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:3px;margin-bottom:12px;flex-wrap:wrap}
.wx-itab{border:0;background:transparent;padding:6px 12px;border-radius:7px;font-family:inherit;font-size:11.5px;font-weight:700;
 color:var(--muted);cursor:pointer;display:flex;gap:6px;align-items:center}
.wx-itab:hover{color:var(--teal)}
.wx-itab.on{background:var(--panel);color:var(--teal);box-shadow:var(--sh)}
.wx-itab .n{font-size:9.5px;background:var(--pill);border-radius:99px;padding:0 6px}

/* بنود الورقة */
.wx-item{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:var(--surface);
 display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 10px;transition:border-color .15s}
.wx-item:hover{border-color:var(--brand-line)}
.wx-item.done{border-inline-start:3px solid var(--low)}
.wx-item.na{opacity:.6;background:var(--surface-2)}
.wx-item.na .wx-ilbl{text-decoration:line-through}
.wx-inum{width:24px;height:24px;border-radius:7px;background:var(--pill);color:var(--muted);font-size:11px;font-weight:800;
 display:flex;align-items:center;justify-content:center}
.wx-item.done .wx-inum{background:var(--low-bg);color:var(--low)}
.wx-ih{display:flex;gap:8px;align-items:flex-start}
.wx-ilbl{flex:1;font-size:12.5px;font-weight:600;line-height:1.7;color:var(--ink)}
.wx-iacts{display:flex;gap:3px;align-items:center;flex-shrink:0}
.wx-ib{border:1px solid var(--line);background:var(--surface);border-radius:6px;font-size:10.5px;padding:2px 7px;cursor:pointer;
 color:var(--muted);font-family:inherit;white-space:nowrap}
.wx-ib:hover{border-color:var(--teal);color:var(--teal)}
.wx-ib.on{background:var(--high-bg);border-color:var(--high-line);color:var(--high)}
.wx-iguid{font-size:10.5px;color:var(--muted);background:var(--surface-2);border-radius:6px;padding:4px 8px;margin-top:4px;line-height:1.6}
.wx-ibody{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:6px}
@media(max-width:800px){.wx-ibody{grid-template-columns:1fr}}
.wx-ibody label.cap{display:block;font-size:10px;font-weight:700;color:var(--muted);margin-bottom:3px}
.wx-ta,.wx-in,.wx-sel{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:7px;padding:7px 9px;
 font-family:inherit;font-size:12px;background:var(--surface);color:var(--ink);resize:vertical}
.wx-ta{min-height:58px;line-height:1.6}
.wx-ta:focus,.wx-in:focus,.wx-sel:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
.wx-yn{display:flex;gap:6px}
.wx-yn button{flex:1;border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:7px;font-family:inherit;
 font-size:12px;font-weight:700;cursor:pointer;color:var(--muted)}
.wx-yn button.on.y{background:var(--low-bg);border-color:var(--low-line);color:var(--low)}
.wx-yn button.on.n{background:var(--high-bg);border-color:var(--high-line);color:var(--high)}
.wx-opts{display:flex;flex-direction:column;gap:4px}
.wx-opts label{display:flex;gap:7px;align-items:center;font-size:12px;border:1px solid var(--line);border-radius:7px;padding:5px 9px;cursor:pointer}
.wx-opts label.on{border-color:var(--brand-line);background:var(--teal-soft)}
.wx-file{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px}
.wx-fchip{display:inline-flex;gap:5px;align-items:center;border:1px solid var(--line);border-radius:7px;padding:3px 8px;font-size:11px;
 background:var(--surface-2);color:var(--ink);cursor:pointer;max-width:260px}
.wx-fchip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wx-fchip:hover{border-color:var(--teal);color:var(--teal)}
.wx-fchip .x{color:var(--high);font-weight:800;margin-inline-start:2px}
.wx-by{grid-column:2;font-size:10px;color:var(--muted);margin-top:2px}
.wx-savebar{position:sticky;bottom:8px;display:flex;gap:8px;align-items:center;justify-content:flex-end;padding:8px 10px;
 background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:var(--sh);margin-top:6px;font-size:11.5px;color:var(--muted)}
.wx-savebar.dirty{border-color:var(--med-line);background:var(--med-bg);color:var(--med)}

/* الجداول */
.wx-tw{overflow:auto;border:1px solid var(--line);border-radius:9px}
.wx-t{width:100%;border-collapse:collapse;font-size:11.8px}
.wx-t th{background:var(--surface-2);color:var(--muted);font-weight:700;font-size:10.5px;text-align:start;padding:8px 9px;
 border-bottom:1px solid var(--line);white-space:nowrap;position:sticky;top:0;z-index:1}
.wx-t td{padding:7px 9px;border-bottom:1px solid var(--line);vertical-align:top}
.wx-t tbody tr:hover td{background:var(--hover)}
.wx-t tr.tot td{font-weight:800;background:var(--surface-2)}
.wx-t td.num,.wx-t th.num{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}
.wx-t td.neg{color:var(--high)}
.wx-t tr.sel td{background:var(--teal-soft)}
.wx-t tr.click{cursor:pointer}
.wx-t .sub{font-size:10.5px;color:var(--muted);margin-top:2px;line-height:1.5}
.wx-t input.cell{width:100%;min-width:70px;box-sizing:border-box;border:1px solid transparent;background:transparent;border-radius:5px;
 padding:4px 6px;font-family:inherit;font-size:11.5px;color:var(--ink)}
.wx-t input.cell:hover{border-color:var(--line)}
.wx-t input.cell:focus{outline:none;border-color:var(--teal);background:var(--surface)}
.wx-t input.cell.num{text-align:end;font-variant-numeric:tabular-nums}
.wx-t select.cell{border:1px solid transparent;background:transparent;font-family:inherit;font-size:11px;color:var(--ink);padding:3px;border-radius:5px;max-width:190px}
.wx-t select.cell:hover{border-color:var(--line)}
.wx-t tr.bad td{background:var(--high-bg)}
.wx-t tr.chg td:first-child{box-shadow:inset 3px 0 0 var(--med)}

.wx-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;border-radius:99px;padding:2px 8px;white-space:nowrap}
.wx-badge.open{background:var(--med-bg);color:var(--med)}
.wx-badge.sub{background:var(--violet-bg);color:var(--violet)}
.wx-badge.ok{background:var(--low-bg);color:var(--low)}
.wx-badge.bad{background:var(--high-bg);color:var(--high)}
.wx-badge.na{background:var(--pill);color:var(--muted)}
.wx-badge.info{background:var(--teal-soft);color:var(--teal)}

.wx-filters{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.wx-fb{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:4px 12px;font-family:inherit;font-size:11px;
 font-weight:700;color:var(--muted);cursor:pointer;display:flex;gap:5px;align-items:center}
.wx-fb:hover{border-color:var(--teal);color:var(--teal)}
.wx-fb.on{background:var(--teal);border-color:var(--teal);color:#fff}
:root[data-theme="dark"] .wx-fb.on{color:#0B1B27}
.wx-fb .n{font-size:9.5px;opacity:.85}
.wx-search{border:1px solid var(--line);border-radius:99px;padding:5px 12px;font-family:inherit;font-size:11.5px;min-width:180px;
 background:var(--surface);color:var(--ink)}
.wx-row-acts{display:flex;gap:3px;justify-content:flex-end;flex-wrap:nowrap}

/* الملاحظات */
.wx-note{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:var(--surface)}
.wx-note.high{border-inline-start:3px solid var(--high)}
.wx-note.medium{border-inline-start:3px solid var(--med)}
.wx-note.low{border-inline-start:3px solid var(--line-2)}
.wx-note.closed{opacity:.75}
.wx-note .nh{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:10.5px;color:var(--muted)}
.wx-note .nh .no{font-family:ui-monospace,monospace;font-weight:700;color:var(--ink)}
.wx-note .nb{font-size:12.5px;line-height:1.8;margin:6px 0;white-space:pre-wrap;color:var(--ink)}
.wx-note .nr{background:var(--surface-2);border-radius:7px;padding:6px 9px;font-size:11.5px;line-height:1.7;margin-top:5px}
.wx-note .nr b{font-size:10px;color:var(--muted);display:block}
.wx-note .nf{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px}

/* العينات */
.wx-sb{padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--rail-txt);margin:2px 0;display:flex;flex-direction:column;gap:4px}
.wx-sb:hover{background:var(--rail-hover)}
.wx-sb.on{background:var(--rail-active-bg);color:var(--rail-active-ink)}
.wx-sb .st{font-size:11.5px;font-weight:700}
.wx-sb .sm{font-size:10px;opacity:.8;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.wx-plan{background:var(--surface-2);border:1px dashed var(--line-2);border-radius:9px;padding:8px 11px;font-size:11px;color:var(--muted);line-height:1.8;margin:10px 0}
.wx-itempanel{background:var(--surface-2);padding:10px 12px;border-top:1px solid var(--line)}
.wx-kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 14px;font-size:11px;margin-bottom:8px}
.wx-kv div b{color:var(--muted);font-weight:600;margin-inline-end:5px}

/* المعالج (نافذة كبيرة) */
.wx-ov{position:fixed;inset:0;background:var(--scrim);z-index:900;display:flex;align-items:flex-start;justify-content:center;padding:28px 12px;overflow:auto}
.wx-dlg{background:var(--panel);border-radius:12px;box-shadow:var(--sh-modal);width:min(980px,100%);display:flex;flex-direction:column;max-height:calc(100vh - 56px)}
.wx-dlg.sm{width:min(620px,100%)}
.wx-dh{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:flex-start}
.wx-dh h3{margin:0;font-size:15px}
.wx-dh .s{font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.6}
.wx-dh .x{margin-inline-start:auto;border:0;background:transparent;font-size:18px;cursor:pointer;color:var(--muted)}
.wx-db{padding:14px 18px;overflow:auto;flex:1}
.wx-df{padding:12px 18px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;align-items:center}
.wx-df .err{color:var(--high);font-size:11.5px;margin-inline-end:auto}
.wx-steps{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.wx-step{font-size:11px;font-weight:700;padding:4px 10px;border-radius:99px;background:var(--pill);color:var(--muted)}
.wx-step.on{background:var(--teal);color:#fff}
.wx-step.done{background:var(--low-bg);color:var(--low)}
.wx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wx-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.wx-grid,.wx-grid.two{grid-template-columns:1fr}}
.wx-f label{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:4px}
.wx-f .h{font-size:10.5px;color:var(--muted);margin-top:3px;line-height:1.5}
.wx-box{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:12px}
.wx-box>h4{margin:0 0 8px;font-size:12.5px}
.wx-drop{border:2px dashed var(--line-2);border-radius:10px;padding:22px;text-align:center;cursor:pointer;color:var(--muted);font-size:12px}
.wx-drop:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-soft)}
.wx-warn{background:var(--med-bg);border:1px solid var(--med-line);color:var(--med);border-radius:8px;padding:8px 12px;font-size:11.5px;margin-bottom:10px;line-height:1.7}
.wx-info{background:var(--teal-soft);border:1px solid var(--brand-line);color:var(--teal-2);border-radius:8px;padding:8px 12px;font-size:11.5px;margin-bottom:10px;line-height:1.7}
.wx-okbox{background:var(--low-bg);border:1px solid var(--low-line);color:var(--low);border-radius:8px;padding:8px 12px;font-size:11.5px;margin-bottom:10px;line-height:1.7}
.wx-crit{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--line);font-size:12px}
.wx-crit input[type=number]{width:96px}

/* ---- الميزان ---- */
.tx-checks{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.tx-chk{display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:700;border-radius:99px;padding:4px 11px;border:1px solid}
.tx-chk.ok{background:var(--low-bg);border-color:var(--low-line);color:var(--low)}
.tx-chk.bad{background:var(--high-bg);border-color:var(--high-line);color:var(--high)}
.tx-chk.warn{background:var(--med-bg);border-color:var(--med-line);color:var(--med)}
.tx-chk.na{background:var(--pill);border-color:var(--line);color:var(--muted)}
.tx-bar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.tx-type{font-weight:800;background:var(--surface-2)}
.tx-type td{cursor:pointer}

/* ---- التهيئة ---- */
.wc-tree .wc-g{border:1px solid var(--rail-hover);border-radius:9px;margin-bottom:6px;overflow:hidden}
.wc-g .gh{display:flex;align-items:center;gap:6px;padding:7px 9px;color:var(--rail-txt);cursor:pointer;font-size:11.8px;font-weight:700}
.wc-g .gh:hover{background:var(--rail-hover)}
.wc-g .gh.on{background:var(--rail-active-bg);color:var(--rail-active-ink)}
.wc-g .gh .tag{font-size:9px;background:var(--rail-pill);border-radius:99px;padding:1px 7px;font-weight:700}
.wc-g .gh.on .tag{background:var(--pill)}
.wc-g .gh .add{margin-inline-start:auto;border:0;background:var(--rail-pill);color:var(--rail-txt);border-radius:6px;width:22px;height:22px;cursor:pointer}
.wc-g .m{padding:6px 9px 6px 9px;padding-inline-start:22px;color:var(--rail-txt);font-size:11.3px;cursor:pointer;display:flex;gap:6px;align-items:center}
.wc-g .m:hover{background:var(--rail-hover)}
.wc-g .m.on{background:var(--rail-active-bg);color:var(--rail-active-ink)}
.wc-g .m .c{font-family:ui-monospace,monospace;font-size:9.5px;opacity:.7}
.wc-g .m .n{margin-inline-start:auto;font-size:9.5px;opacity:.7}
.wc-off{opacity:.45}
.wc-vis{font-size:9px;font-weight:800;border-radius:99px;padding:1px 6px;background:var(--violet-bg);color:var(--violet)}

/* ---- الدردشة: المرفقات والروابط ومنتقي # ---- */
.wxc-links{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}
.wxc-lk{display:inline-flex;gap:4px;align-items:center;font-size:10.5px;font-weight:700;border-radius:7px;padding:2px 8px;cursor:pointer;
 background:var(--teal-soft);color:var(--teal);border:1px solid var(--brand-line);max-width:280px}
.wxc-lk span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wxc-lk.req{background:var(--med-bg);color:var(--med);border-color:var(--med-line)}
.wxc-lk.req.ok{background:var(--low-bg);color:var(--low);border-color:var(--low-line)}
.wxc-lk.note{background:var(--violet-bg);color:var(--violet);border-color:transparent}
.wxc-lk.smp{background:var(--pill);color:var(--ink);border-color:var(--line)}
.wxc-file{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:5px 9px;font-size:11.5px;
 background:var(--surface);color:var(--ink);cursor:pointer;margin-top:5px;max-width:300px}
.wxc-file:hover{border-color:var(--teal);color:var(--teal)}
.wxc-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aqi-msg.me .wxc-file{background:rgba(255,255,255,.15);color:inherit;border-color:rgba(255,255,255,.35)}
.wxc-kind{font-size:9.5px;font-weight:800;border-radius:99px;padding:1px 7px;margin-inline-start:6px}
.wxc-kind.requirement{background:var(--med-bg);color:var(--med)}
.wxc-kind.note{background:var(--violet-bg);color:var(--violet)}
.wxc-kind.sample{background:var(--pill);color:var(--ink)}
.wxc-relink{border:0;background:transparent;cursor:pointer;font-size:11px;opacity:.6;padding:0 3px;color:inherit}
.wxc-relink:hover{opacity:1}
.wxc-comp{position:relative;display:flex;flex-direction:column;gap:6px;padding:10px;border-top:1px solid var(--line)}
.wxc-row{display:flex;gap:6px;align-items:center}
.wxc-row input.wxc-in{flex:1;border:1px solid var(--line);border-radius:99px;padding:9px 14px;font-family:inherit;font-size:12.5px;
 background:var(--surface);color:var(--ink)}
.wxc-row input.wxc-in:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
.wxc-ibtn{border:1px solid var(--line);background:var(--surface);border-radius:50%;width:34px;height:34px;cursor:pointer;font-size:15px;
 display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0}
.wxc-ibtn:hover{border-color:var(--teal);color:var(--teal)}
.wxc-ibtn.hash{font-weight:900;font-size:16px}
.wxc-chips{display:flex;gap:4px;flex-wrap:wrap}
.wxc-chip{display:inline-flex;gap:5px;align-items:center;font-size:11px;font-weight:700;border-radius:99px;padding:3px 10px;
 background:var(--teal-soft);color:var(--teal)}
.wxc-chip.cmd{background:var(--teal);color:#fff}
:root[data-theme="dark"] .wxc-chip.cmd{color:#0B1B27}
.wxc-chip.cmd.note{background:var(--violet);color:#fff}
.wxc-chip.file{background:var(--pill);color:var(--ink)}
.wxc-chip button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:12px;padding:0;opacity:.75}
.wxc-pop{position:absolute;bottom:calc(100% - 4px);inset-inline-start:10px;width:min(420px,calc(100% - 20px));background:var(--panel);
 border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-modal);z-index:50;overflow:hidden}
.wxc-pop .ph{padding:8px 12px;font-size:10.5px;font-weight:800;color:var(--muted);border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center}
.wxc-pop .ph input{flex:1;border:1px solid var(--line);border-radius:7px;padding:5px 9px;font-family:inherit;font-size:11.5px;background:var(--surface);color:var(--ink)}
.wxc-pop .pl{max-height:300px;overflow:auto;padding:4px}
.wxc-opt{display:flex;gap:10px;align-items:center;padding:7px 10px;border-radius:8px;cursor:pointer;font-size:12px}
.wxc-opt:hover,.wxc-opt.on{background:var(--teal-soft)}
.wxc-opt .ic{width:28px;height:28px;border-radius:8px;background:var(--pill);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.wxc-opt .tx{flex:1;min-width:0}
.wxc-opt .tx b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wxc-opt .tx small{font-size:10.5px;color:var(--muted)}
.wxc-opt .kb{font-family:ui-monospace,monospace;font-size:10px;color:var(--muted);background:var(--pill);border-radius:5px;padding:1px 6px}
.wxc-opt.sel .ic{background:var(--teal);color:#fff}
.wxc-hint{font-size:10.5px;color:var(--muted)}
.wxc-hint b{font-family:ui-monospace,monospace;background:var(--pill);border-radius:4px;padding:0 4px;color:var(--ink)}
.wxc-pane{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.wxc-pane .aqi-msgs{max-height:420px;min-height:200px}
.wxc-lanes{display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--surface-2)}

@media print{.wx-rail,.wx-acts,.wx-tabs,.wx-itabs,.wxc-comp,.wx-savebar,.wx-ib,.wx-row-acts{display:none!important}
 .wx-split{grid-template-columns:1fr}}

/* أرقام تُكتب يساراً لليمين حتى لا تنقلب إشارة السالب في الواجهة العربية */
input.cell.num,input[type=number]{direction:ltr}
.wx-t td .ra,.wx-t td.acts{white-space:nowrap}

/* =====================================================================
   بطاقات المؤشرات (kpiTile) — شريط ملف الارتباط وشريط أوراق العمل
   ===================================================================== */
.ekpi{margin:0 0 12px}
.ekpi-h{all:unset;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;color:var(--muted);
 padding:2px 2px 7px;letter-spacing:.2px}
.ekpi-h:hover{color:var(--ink)}
.ekpi-h i{font-style:normal;font-size:10px}
.ekpi.shut .ekpi-wrap,.ekpi.shut .ekpi-nav{display:none}
.kt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:10px}
/* الشريط: صفٌّ واحد يتمرّر أفقياً، بسهمين حين تزيد البطاقات عن العرض */
.ekpi-top{display:flex;align-items:center;gap:10px}
.ekpi-n{font-size:10.5px;color:var(--muted);padding-bottom:7px}
.ekpi-nav{margin-inline-start:auto;display:none;gap:5px;padding-bottom:7px}
.ekpi.over .ekpi-nav{display:flex}
.ekpi-ar{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);
 font-size:17px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 1px 2px rgba(16,42,63,.06);transition:.15s}
.ekpi-ar:hover:not(:disabled){border-color:var(--teal);color:var(--teal);background:var(--teal-soft)}
.ekpi-ar:disabled{opacity:.35;cursor:default}
.ekpi-wrap{position:relative}
.ekpi-wrap::before,.ekpi-wrap::after{content:"";position:absolute;top:0;bottom:6px;width:34px;pointer-events:none;z-index:1;opacity:0;transition:opacity .2s}
.ekpi-wrap::before{inset-inline-start:0;background:linear-gradient(to left,var(--paper),transparent)}
.ekpi-wrap::after{inset-inline-end:0;background:linear-gradient(to right,var(--paper),transparent)}
[dir=ltr] .ekpi-wrap::before{background:linear-gradient(to right,var(--paper),transparent)}
[dir=ltr] .ekpi-wrap::after{background:linear-gradient(to left,var(--paper),transparent)}
.ekpi.over:not(.at-start) .ekpi-wrap::before{opacity:1}
.ekpi.over:not(.at-end) .ekpi-wrap::after{opacity:1}
.ekpi-g{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:1px 1px 6px;scrollbar-width:none}
.ekpi-g::-webkit-scrollbar{display:none}
.ekpi-g>.kt{flex:0 0 212px;scroll-snap-align:start}
.kt{--c:var(--teal);--cb:var(--teal-soft);position:relative;background:var(--surface);border:1px solid var(--line);border-radius:12px;
 padding:11px 13px 10px;display:flex;flex-direction:column;gap:7px;min-width:0;box-shadow:0 1px 2px rgba(16,42,63,.04);
 transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden}
.kt::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--c)}
.kt.go{cursor:pointer}
.kt.go:hover{border-color:var(--c);box-shadow:0 6px 18px -12px rgba(16,42,63,.35);transform:translateY(-1px)}
.kt.go:focus-visible{outline:2px solid var(--c);outline-offset:2px}
.kt.ok{--c:var(--low);--cb:var(--low-bg)}
.kt.warn{--c:var(--med);--cb:var(--med-bg)}
.kt.bad{--c:var(--high);--cb:var(--high-bg)}
.kt.vio{--c:var(--violet);--cb:var(--violet-bg)}
.kt.idle{--c:var(--line-2);--cb:var(--pill)}
.kt-top{display:flex;align-items:center;gap:7px;min-width:0}
.kt-ic{width:24px;height:24px;border-radius:7px;background:var(--cb);display:grid;place-items:center;font-size:12.5px;flex:none}
.kt-l{font-size:11.5px;font-weight:700;color:var(--ink-2);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.kt-st{margin-inline-start:auto;font-size:10px;font-weight:700;color:var(--c);background:var(--cb);border-radius:99px;padding:1px 8px;white-space:nowrap}
.kt.idle .kt-st{color:var(--muted)}
.kt-mid{display:flex;align-items:center;justify-content:space-between;gap:8px}
.kt-v{font-size:23px;font-weight:800;color:var(--ink);line-height:1;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.kt-v small{font-size:13px;font-weight:600;color:var(--muted);margin-inline-start:1px}
.kt-v em{font-style:normal;font-size:11px;color:var(--muted);font-weight:600;margin-inline-start:4px}
.kt-ring .bg{fill:none;stroke:var(--pill);stroke-width:4.5}
.kt-ring .fg{fill:none;stroke:var(--c);stroke-width:4.5;stroke-linecap:round;transition:stroke-dasharray .4s}
.kt-ring text{font:700 10px system-ui,sans-serif;fill:var(--ink-2)}
.kt-seg{display:flex;height:6px;border-radius:99px;background:var(--pill);overflow:hidden;gap:1.5px}
.kt-seg i{display:block;height:100%}
.kt-seg i.d{background:var(--c)}
.kt.idle .kt-seg i.d,.kt-seg i.d2{background:color-mix(in srgb,var(--c) 55%,var(--surface))}
.kt-seg i.p{background:var(--teal);opacity:.55}
.kt-seg i.w{background:var(--med)}
.kt-seg i.b{background:var(--high)}
.kt-seg i.v{background:var(--violet)}
.kt-rows{display:flex;flex-direction:column;gap:4px}
.kt-row{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;font-size:10.5px;color:var(--muted)}
.kt-row b{font-size:10.5px;color:var(--ink-2);direction:ltr}
.kt-mini{height:5px;border-radius:99px;background:var(--pill);overflow:hidden}
.kt-mini i{display:block;height:100%;background:var(--c);border-radius:99px}
.kt-mini i.v{background:var(--violet)}
.kt-ft{display:flex;gap:4px;flex-wrap:wrap;min-height:18px}
.kt-c{font-size:10px;font-weight:600;padding:1px 7px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);white-space:nowrap}
.kt-c.ok{background:var(--low-bg);color:var(--low);border-color:transparent}
.kt-c.warn{background:var(--med-bg);color:var(--med);border-color:transparent}
.kt-c.bad{background:var(--high-bg);color:var(--high);border-color:transparent}
.kt-c.mute{background:transparent;border-color:transparent;color:var(--muted);padding-inline:0}
.kt-grid{margin-top:12px}
.wx-cnt{display:inline-block;min-width:16px;padding:0 5px;border-radius:99px;background:var(--med-bg);color:var(--med);font-size:10px;margin-inline-start:3px}
@media (max-width:640px){.ekpi-g>.kt{flex-basis:78%}.kt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kt-v{font-size:19px}.kt-ring{width:36px;height:36px}}
@media print{.ekpi{display:none}}

/* دليل الحسابات — شجرة المستويات الأربعة (accttree.js) وشجرة الميزان (tbx.js) */
.at-body{padding:10px 12px}
.at-legend{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:11px;margin-bottom:10px}
.at-lv{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;font:700 10px/1 system-ui,sans-serif;font-style:normal;
  background:var(--pill);color:var(--muted);flex:none}
.at-node.lv1>.at-row .at-lv,.tx-l1 .at-lv{background:var(--ink,#102A3F);color:#fff}
.at-node.lv2>.at-row .at-lv,.tx-l2 .at-lv{background:var(--violet-bg);color:var(--violet)}
.at-node.lv3>.at-row .at-lv,.tx-l3 .at-lv{background:var(--teal);color:#fff}
.at-node.lv4>.at-row .at-lv,.tx-l4 .at-lv{background:var(--teal-soft);color:var(--teal)}
.at-row{display:flex;align-items:center;gap:7px;padding:5px 6px;border-radius:7px;font-size:12.5px}
.at-row:hover{background:var(--hover)}
.at-node.lv1>.at-row b{font-size:13.5px}
.at-node.off>.at-row{opacity:.55}
.at-kids{margin-inline-start:22px;border-inline-start:1px dashed var(--line);padding-inline-start:6px}
.at-car{width:18px;border:0;background:none;color:var(--muted);cursor:pointer;font:inherit;padding:0;text-align:center;flex:none}
.at-en{font-size:11px;color:var(--muted)}
.at-tag{font-size:9.5px;font-weight:700;border-radius:99px;padding:1px 7px;background:var(--teal-soft);color:var(--teal)}
.at-meta{font-size:9.5px;font-weight:600;border-radius:99px;padding:1px 7px;background:var(--pill);color:var(--muted);white-space:nowrap}
.at-meta.neg{background:var(--violet-bg);color:var(--violet);font-weight:800}
.at-meta.role{border:1px solid var(--line);background:transparent}
.at-fixed{font-size:10px;opacity:.55}
.at-meta.cf{background:var(--teal-soft);color:var(--teal)}
.at-n{font-size:10px;color:var(--muted);background:var(--pill);border-radius:99px;padding:0 6px}
.at-row .ib-grp{margin-inline-start:auto;opacity:.35;transition:opacity .12s}
.at-row:hover .ib-grp{opacity:1}
.at-orph{margin-top:12px;border:1px dashed var(--med-line,var(--line));border-radius:9px;padding:8px}
.at-orph-h{font-size:11.5px;font-weight:700;color:var(--med);margin-bottom:4px}
.tx-tree tr.tx-l1 td{background:var(--surface-2);font-weight:800}
.tx-tree tr.tx-l2 td{font-weight:700}
.tx-tree tr.tx-l3 td{font-weight:600}
.tx-tree tr.tx-node{cursor:pointer}
.tx-tree tr.tx-node:hover td{background:var(--hover)}
.tx-tree .tx-ind{display:inline-flex;align-items:center;gap:6px}
/* بندٌ بلا خانة ملاحظة: الإجابة بعرض السطر كله */
.wx-ibody.solo{grid-template-columns:minmax(0,1fr)}
.wx-in.wx-num{max-width:260px;font-variant-numeric:tabular-nums;direction:ltr;text-align:end}
.wx-in.wx-num.bad{border-color:var(--high);box-shadow:0 0 0 3px var(--high-bg)}
/* المطابقة التحليلية */
.tx-pct{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.tx-pct.up{color:var(--high)}.tx-pct.dn{color:var(--teal)}
.tx-pbar{display:block;height:6px;border-radius:99px;background:var(--pill);overflow:hidden}
.tx-pbar i{display:block;height:100%;border-radius:99px}
.tx-pbar.high i{background:var(--high)}.tx-pbar.medium i{background:var(--med)}.tx-pbar.low i{background:var(--low)}
.wx-badge.warn{background:var(--med-bg);color:var(--med)}
/* مرفقات مربوطة بالسؤال ومتطلباته */
.wx-fchip.lk{background:var(--teal-soft);border-color:var(--brand-line)}
.wx-fchip .src{font-style:normal;font-size:9.5px;color:var(--muted);margin-inline-start:4px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wx-rqrow{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.wx-rqchip{font-size:10.5px;font-weight:700;border-radius:99px;padding:2px 9px;background:var(--pill);color:var(--ink-2);cursor:pointer;border:1px solid var(--line)}
.wx-rqchip.ok{background:var(--low-bg);color:var(--low);border-color:var(--low-line)}
.wx-rqchip.warn{background:var(--med-bg);color:var(--med)}
.wx-rqchip:hover{filter:brightness(.97)}
.wx-t tr.wx-focus td{background:var(--teal-soft)}

/* زر ⋮ — قائمة الإجراءات الجماعية */
.wx-menu{position:fixed;z-index:60;min-width:250px;background:var(--panel);border:1px solid var(--line);border-radius:10px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);padding:5px;display:flex;flex-direction:column}
.wx-menu button{display:flex;align-items:center;gap:9px;border:0;background:none;padding:9px 11px;border-radius:7px;
  font:inherit;font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer;text-align:start}
.wx-menu button:hover{background:var(--surface-2)}
.wx-menu .ic{width:22px;text-align:center;color:var(--teal)}
.wx-menu .n{margin-inline-start:auto;font-size:10.5px;color:var(--muted);font-weight:800}
/* الورقة المعتمدة مقفلة */
.wx-lockbar{background:var(--low-bg);border-color:var(--low);color:var(--ink);font-weight:700}
/* أوراق العمل المُسندة */
.wxa-t tr.wxa-eng td{background:var(--surface-2);font-size:12px;padding-top:9px}
.wxa-t tr.wxa-row{cursor:pointer}
.wxa-t tr.wxa-row:hover td{background:var(--teal-soft)}
.wxa-t .wx-mini{display:inline-block;width:70px;vertical-align:middle}
.wxa-t .wx-mini{background:var(--line)}

/* تقييم العينة وإسقاط التحريف (ISA 530) */
.wxs-eval{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:10px 0;background:var(--surface-2)}
.wxs-eval .eh{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:12.5px}
.wxs-eval .wx-stat.bad .v{color:var(--high)}
.wxs-cmp{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:11.5px;color:var(--muted);margin-top:8px}
.wxs-cmp b{color:var(--ink)} .wxs-cmp i{font-style:normal;font-size:10.5px}
.wxs-set{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;font-size:11.5px}
.wxs-set label{display:flex;align-items:center;gap:6px}.wxs-set .wx-in{width:140px}.wxs-set .wx-sel{width:auto}
.wxs-text{margin-top:8px;font-size:12px;line-height:1.75;background:var(--panel);border:1px dashed var(--line-2);border-radius:8px;padding:8px 10px}
.wxs-diff{margin-top:10px;padding:8px 10px;border:1px solid var(--high-bg);background:var(--high-bg);border-radius:8px}
.wxs-diff label{font-size:11px;font-weight:800}
.wxs-diff .row{display:flex;gap:6px;margin-top:4px}.wxs-diff .row .wx-in{flex:1}
.wxs-diff .h{font-size:10.5px;color:var(--muted);margin-top:4px}