/* =====================================================================
   عرض الأعمدة الأربعة — منظومة الجودة
   ===================================================================== */
.qc-shell{display:flex;flex-direction:column;gap:12px}
.qc-tools{display:flex;gap:8px;align-items:center}
.qc-tools .tsearch{flex:1}

.qc-wrap{display:grid;grid-template-columns:minmax(190px,1fr) minmax(230px,1.3fr)
  minmax(200px,1fr) minmax(200px,1fr);gap:10px;align-items:stretch}
@media (max-width:1100px){.qc-wrap{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.qc-wrap{grid-template-columns:1fr}}

.qc-col{background:var(--surface);border:1px solid var(--line);border-radius:12px;
  display:flex;flex-direction:column;overflow:hidden;min-height:220px}
.qc-h{display:flex;align-items:center;gap:8px;padding:9px 11px;
  border-bottom:1px solid var(--line);flex:none}
.qc-h b{font-size:12px}
.qc-c{font-size:10px;color:var(--muted);margin-inline-start:auto}
.qc-clr{border:0;background:transparent;color:var(--muted);font:inherit;
  font-size:10.5px;cursor:pointer;padding:2px 5px;border-radius:6px}
.qc-clr:hover{background:var(--hover);color:var(--high)}
.qc-body{overflow:auto;padding:6px;display:flex;flex-direction:column;gap:4px;
  max-height:min(60vh,560px)}
.qc-empty{color:var(--muted);font-size:11.5px;text-align:center;padding:22px 10px}

/* ------------------------------------------------------------- السطر */
.qc-row{display:flex;flex-direction:column;border:1px solid transparent;
  border-radius:9px;background:transparent}
/* رأس السطر وحده هو ما يُنقر — وما تفرّع عنه خارجه */
.qc-hit{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start;
  border-radius:9px;padding:7px 9px;cursor:pointer}
.qc-hit:hover{background:var(--hover)}
.qc-row.on{background:var(--teal-soft);border-color:var(--brand-line)}
.qc-row>.qc-path{display:block;padding:0 9px 6px}
.qc-row>.qc-subs{margin:0 9px 7px}
.qc-ic{font-size:13px;line-height:1.5;flex:none}
.qc-ic.mono{font-size:10.5px;color:var(--muted)}
.qc-main{min-width:0;display:flex;flex-direction:column;gap:3px}
.qc-t{font-size:12.3px;line-height:1.55;word-break:break-word}
.qc-m{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:10px;color:var(--muted)}
.qc-m .badge{font-size:9.5px}
.qc-n{background:var(--pill);border-radius:99px;padding:0 6px;font-size:9.5px}
.qc-n.hi{background:rgba(192,57,43,.12);color:#C0392B}
.qc-code{font-size:9.5px;opacity:.75}
.qc-path{font-size:9.5px;color:var(--muted)}
.qc-open{border:0;background:transparent;color:var(--muted);font-size:12px;
  cursor:pointer;padding:2px 5px;border-radius:6px;opacity:0}
.qc-hit:hover .qc-open,.qc-row.on .qc-open{opacity:1}
.qc-open:hover{background:var(--pill);color:var(--teal)}

/* --------------------------------------- الاستجابات والنتائج داخل السطر */
.qc-subs{display:flex;flex-direction:column;gap:3px;
  padding-inline-start:6px;border-inline-start:2px solid var(--line)}
.qc-sub{display:flex;gap:6px;align-items:center;border:0;background:transparent;
  color:inherit;font:inherit;font-size:11px;text-align:start;cursor:pointer;
  border-radius:7px;padding:3px 6px;min-width:0}
.qc-sub:hover{background:var(--hover)}
.qc-sub.on{background:var(--violet-soft,rgba(122,90,166,.14));font-weight:600}
.qc-sub span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qc-sub i{font-style:normal;font-size:9px;color:var(--muted);margin-inline-start:auto}
.qc-sic{flex:none;font-size:10px;color:var(--muted)}
.qc-sub.k-resp .qc-sic{color:var(--violet,#7A5AA6)}
.qc-sub.k-res .qc-sic{color:var(--low,#2E7D50)}

/* --------------------------------------- شريط المكوّنات أعلى الأعمدة */
.qc-strip{display:flex;align-items:center;gap:8px;background:var(--surface);
  border:1px solid var(--line);border-radius:12px;padding:7px 9px;min-width:0}
.qc-strip-t{font-size:11.5px;font-weight:700;flex:none;padding-inline-end:4px}
.qc-chips{display:flex;gap:6px;overflow-x:auto;flex:1;min-width:0;padding:2px 0;scrollbar-width:thin}
.qc-chip{display:inline-flex;align-items:center;gap:6px;flex:none;border:1px solid var(--line);
  background:var(--surface-2,transparent);color:inherit;font:inherit;font-size:11.5px;cursor:pointer;
  border-radius:99px;padding:5px 11px;white-space:nowrap;max-width:280px}
.qc-chip .nm{overflow:hidden;text-overflow:ellipsis}
.qc-chip .num{font-size:10px;color:var(--muted)}
.qc-chip:hover{background:var(--hover)}
.qc-chip.on{background:var(--teal-soft);border-color:var(--brand-line);font-weight:700}
.qc-strip>.qc-add{flex:none}

/* أزرار الإضافة أعلى كل مربع */
.qc-adds{display:flex;gap:6px;flex-wrap:wrap;padding:7px 10px;border-bottom:1px dashed var(--line);flex:none}
.qc-add{font-size:11px}
.qc-add:disabled{opacity:.45;cursor:not-allowed}

/* «!» — التفاصيل والدردشة */
.qc-info{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--brand-line,var(--line));
  background:var(--surface);color:var(--teal);font:inherit;font-size:11.5px;font-weight:800;line-height:1;
  cursor:pointer;padding:0;display:inline-grid;place-items:center}
.qc-info:hover{background:var(--teal);color:#fff;border-color:var(--teal)}
.qc-row.cur{outline:2px solid var(--teal);outline-offset:-2px}
.qc-subw{display:flex;align-items:center;gap:4px;min-width:0}
.qc-subw .qc-sub{flex:1}
.qc-subw .qc-info{width:17px;height:17px;font-size:10px}

/* لوحة التفاصيل والدردشة الجانبية */
.qc-dr-bg{position:fixed;inset:0;background:var(--scrim,rgba(0,0,0,.25));z-index:90}
.qc-dr{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(560px,100vw);z-index:91;margin:0;
  border-radius:0;overflow:auto;box-shadow:var(--sh-modal,0 10px 40px rgba(0,0,0,.25));padding-top:34px}
.qc-dr.detail{max-height:none}
.qc-dr-x{position:absolute;top:6px;inset-inline-end:8px;border:0;background:transparent;color:var(--muted);
  font-size:17px;cursor:pointer;padding:2px 8px;border-radius:6px}
.qc-dr-x:hover{background:var(--hover);color:var(--ink)}

@media print{
  .qc-wrap{grid-template-columns:1fr 1fr}
  .qc-col{break-inside:avoid}
  .qc-body{max-height:none;overflow:visible}
  .qc-open,.qc-clr,.qc-info,.qc-adds{display:none!important}
}