/* ============================================================
   مركز البلاغات — أنماط فوق captains.css (نفس رموز --cap-*)
   كل صنف ببادئة cm- أو cx- أو مقيَّد بـ .capx.
   ============================================================ */
/* شريط تشغيل الوكيل */
.cm-agentbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);margin-bottom:16px}
.cm-agentbar .st{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:13px}
.cm-agentbar .st .cx-mark{width:10px;height:10px}
.cm-agentbar .cap{margin-inline-start:auto;font-size:12px;color:var(--faint);font-family:var(--fdisplay);font-variant-numeric:tabular-nums}
.cm-agentbar .cap b{color:var(--text)}
.cm-agentbar svg{width:14px;height:14px;flex:none}
.cm-why{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 14px;border:1px dashed var(--border);border-radius:12px;background:var(--surface-2);font-size:12.5px;margin-bottom:16px;color:var(--muted)}
.cm-why b{color:var(--text)}
.cm-why svg{width:14px;height:14px;flex:none}
.cm-why .n{font-family:var(--fdisplay);font-variant-numeric:tabular-nums}
.cm-why .linkish{margin-inline-start:auto}
/* شريط الثقة */
.cm-trust{display:inline-flex;align-items:center;gap:8px;min-width:150px}
.cm-trust .bar{flex:1;height:7px;border-radius:999px;background:var(--cap-ribbon-track);position:relative;overflow:hidden}
.cm-trust .bar i{position:absolute;inset-inline-start:0;top:0;bottom:0;border-radius:999px;width:var(--w,0%);transition:width .6s var(--cx-ease);background:var(--crit)}
.cm-trust.mid .bar i{background:var(--warn)}.cm-trust.hi .bar i{background:var(--good)}
.cm-trust b{font-family:var(--fdisplay);font-variant-numeric:tabular-nums;font-size:12px;min-width:34px;text-align:left}
.cm-trust.hi b{color:var(--good)}.cm-trust.mid b{color:var(--warn)}.cm-trust.lo b{color:var(--crit)}
/* بطاقة قرار الوكيل */
.cm-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;transition:border-color .15s,box-shadow .15s}
.cm-card:hover{border-color:var(--primary-light)}
.cm-card.sel{border-color:var(--primary);box-shadow:0 0 0 2px var(--cap-row-sel)}
.cm-card .chk{width:18px;height:18px;accent-color:var(--primary);margin-top:4px}
.cm-card .head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cm-card .txt{font-size:14px;font-weight:700;margin:6px 0 4px;color:var(--text);overflow-wrap:anywhere}
.cm-card .txt svg{width:14px;height:14px;vertical-align:middle;margin-inline-end:4px}
.cm-card .agent{border:1px solid var(--border);border-inline-start:3px solid var(--primary);border-radius:10px;padding:10px 12px;background:var(--surface-2);font-size:12.5px;color:var(--muted);margin-top:8px}
.cm-card .agent .ah{display:flex;align-items:center;gap:6px;font-weight:800;color:var(--text);margin-bottom:4px;font-size:12px;flex-wrap:wrap}
.cm-card .agent .ah svg{width:13px;height:13px;color:var(--primary);flex:none}
.cm-card .agent .verdict{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.cm-card .side{display:flex;flex-direction:column;gap:8px;align-items:flex-end;min-width:172px}
.cm-card .side .row{display:flex;gap:6px}
.cm-card .evid{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.cm-card .evid .cx-risk{cursor:help}
/* شارة الطرف */
.cm-party{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);white-space:nowrap}
.cm-party svg{width:11px;height:11px}
.cm-party.captain{color:var(--cap-tx-fee);border-color:color-mix(in oklab,var(--cap-tx-fee) 35%,transparent)}
.cm-party.customer{color:var(--cap-tx-cash);border-color:color-mix(in oklab,var(--cap-tx-cash) 35%,transparent)}
/* المهلة */
.cm-sla{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;font-family:var(--fdisplay);font-variant-numeric:tabular-nums;background:var(--surface-2);color:var(--muted);border:1px solid var(--border);white-space:nowrap}
.cm-sla svg{width:11px;height:11px}
.cm-sla.ok{background:var(--good-bg);color:var(--good);border-color:var(--good-line)}
.cm-sla.soon{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-line)}
.cm-sla.late{background:var(--crit-bg);color:var(--crit);border-color:var(--crit-line)}
/* ===== صفحة البلاغ ===== */
.cm-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.3fr) 330px;gap:16px;align-items:start}
@media(max-width:1400px){.cm-layout{grid-template-columns:1fr 1fr}.cm-layout .col3{grid-column:1/-1}}
@media(max-width:900px){.cm-layout{grid-template-columns:1fr}}
.cm-side{position:sticky;top:calc(var(--cx-topbar,63px) + 12px)}
.cm-face{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex:none}
.cm-face.bad{background:var(--crit-bg);color:var(--crit);border:2px solid var(--crit-line)}
.cm-face.ok{background:var(--good-bg);color:var(--good);border:2px solid var(--good-line)}
.cm-face.na{background:var(--surface-2);color:var(--faint);border:2px dashed var(--border)}
.cm-face svg{width:26px;height:26px}
.cm-body{font-size:15px;font-weight:700;line-height:1.7;margin:10px 0 12px;color:var(--text);overflow-wrap:anywhere}
.cm-rec{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:10px 12px;margin-bottom:8px;flex-wrap:wrap}
.cm-rec .wave{display:inline-flex;gap:2px;align-items:center;height:22px}
.cm-rec .wave i{width:3px;border-radius:2px;background:var(--primary);height:var(--h,40%);opacity:.8}
.cm-rec .act{margin-inline-start:auto}
.cm-rec audio{width:100%;margin-top:6px}
/* الخريطة */
.cm-est{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.cm-est > div{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:8px 10px}
.cm-est .k{font-size:10.5px;color:var(--faint);font-weight:700}
.cm-est .v{font-family:var(--fdisplay);font-variant-numeric:tabular-nums;font-size:16px;font-weight:800;color:var(--cap-num)}
.cm-est .d{font-size:10.5px;font-family:var(--fdisplay);font-variant-numeric:tabular-nums}
.cm-est .d.bad{color:var(--crit)}.cm-est .d.dim{color:var(--faint)}
/* لوحة القرار */
.cm-dec{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.cm-dec .dh{padding:14px 16px;border-bottom:1px solid var(--cap-rule)}
.cm-dec .dh h3{font-size:14px;margin:0;font-family:var(--fdisplay)}
.cm-dec .dh small{color:var(--faint);font-size:11.5px}
.cm-dec .bd{padding:12px 16px}
.cm-reco{border:1px solid var(--primary-light);border-radius:12px;padding:10px 12px;background:var(--cap-row-sel);margin-bottom:10px}
.cm-reco .rh{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--primary);flex-wrap:wrap}
.cm-reco .rh svg{width:13px;height:13px;flex:none}
.cm-reco .rb{font-size:12.5px;margin-top:6px;color:var(--text);font-weight:700}
.cm-reco .rr{font-size:11.5px;color:var(--muted);margin-top:4px;line-height:1.6}
.cm-reco .ra{display:flex;gap:6px;margin-top:9px}
.cm-reco .ra .btn-primary{flex:1;justify-content:center;padding:8px 10px;font-size:12px}
.cm-declbl{font-size:11px;font-weight:800;color:var(--faint);margin:12px 0 6px;display:flex;align-items:center;gap:6px}
.cm-declbl svg{width:12px;height:12px}
.cm-decgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.cm-decgrid .act{justify-content:center;padding:8px 6px;font-size:11.5px;text-align:center}
.cm-done{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.cm-done .d{border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:12px;background:var(--surface-2)}
.cm-done .d b{display:block;font-size:12.5px}
.cm-done .d small{color:var(--faint)}
.cm-done .d.ai{border-inline-start:3px solid var(--primary)}
/* بطاقتا الطرفين */
.cm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
.cm-stats > div{text-align:center;background:var(--surface-2);border-radius:9px;padding:6px 4px}
.cm-stats b{display:block;font-family:var(--fdisplay);font-variant-numeric:tabular-nums;font-size:14px;color:var(--cap-num)}
.cm-stats b.bad{color:var(--crit)}
.cm-stats span{font-size:10px;color:var(--faint)}
/* الخيط الزمني للبلاغ */
.cm-thread{display:flex;flex-direction:column;gap:8px}
.cm-msg{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--surface);font-size:12.5px}
.cm-msg.system{background:var(--surface-2)}
.cm-msg.ai{border-inline-start:3px solid var(--primary)}
.cm-msg.action{border-inline-start:3px solid var(--warn)}
.cm-msg .mh{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--faint);margin-bottom:4px;flex-wrap:wrap}
.cm-msg .mh b{color:var(--text);font-size:12px}
.cm-msg .mh .t{margin-inline-start:auto;font-family:var(--fdisplay);font-variant-numeric:tabular-nums}
.cm-msg p{margin:0;overflow-wrap:anywhere}
/* الإعدادات */
.cm-setrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--cap-rule);font-size:13px}
.cm-setrow:last-child{border-bottom:0}
.cm-setrow .k{color:var(--faint);font-weight:700;font-size:12px}
.cm-setrow .v{display:inline-flex;align-items:center;gap:8px;font-weight:700}
.cm-setrow .v input[type=number]{width:96px}
.cm-setrow .v input[type=checkbox]{accent-color:var(--primary);width:18px;height:18px}
.cm-off{display:flex;align-items:center;gap:10px;padding:11px 16px;border:1px solid var(--warn-line);background:var(--warn-bg);border-radius:14px;margin-bottom:16px;font-size:13px}
.cm-off svg{width:18px;height:18px;color:var(--warn);flex:none}
.cm-off b{color:var(--warn)}
.cm-off .act{margin-inline-start:auto}

/* ============================================================
   تقارير الشكاوى (crx) — فوق طقم مركز التقارير (rp-*)؛ هنا ما يخصّها فقط
   ============================================================ */
.crx .rp-kpis { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1100px) { .crx .rp-kpis { grid-template-columns: repeat(2, 1fr); } }
.crx .rp-hero { align-items: flex-start; }
.crx .rp-bar { flex-wrap: wrap; }
.crx .rp-card { margin-bottom: 14px; }
.crx-scroll { overflow-x: auto; }
.crx-tbl td { vertical-align: top; }
.crx-z { color: var(--faint); font-weight: 400; }
.crx-m { font-weight: 700; font-variant-numeric: tabular-nums; }
.crx-m.crit { color: var(--crit); } .crx-m.good { color: var(--good); } .crx-m.warn { color: var(--warn); }
.crx-click { cursor: pointer; }
.crx-click.on { background: var(--surface-2); box-shadow: inset 3px 0 0 var(--primary); }
.crx-pc { border: 1px solid var(--border); border-radius: 14px; padding: 14px 16px; background: var(--surface-2); }
.crx-pc-h { display: flex; justify-content: space-between; margin-bottom: 6px; font-size: 13.5px; }
.crx-pr { padding: 10px 0; border-top: 1px solid var(--border-soft); }
.crx-pr:first-of-type { border-top: 0; }
.crx-pr-h { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; font-size: 13px; }
.crx-pr-h b { font-size: 18px; font-variant-numeric: tabular-nums; }
.crx-dot { display: inline-block; width: 9px; height: 9px; border-radius: 3px; margin-inline-end: 7px; background: var(--muted); }
.crx-dot.crit { background: var(--crit); } .crx-dot.good { background: var(--good); } .crx-dot.warn { background: var(--warn); }
.crx-note { display: flex; gap: 8px; align-items: flex-start; margin-top: 10px; font-size: 12px; color: var(--muted); line-height: 1.7; }
.crx-note svg { width: 15px; height: 15px; flex: 0 0 auto; margin-top: 3px; color: var(--warn); }

/* أيقونة «لم يقرأ الوكيل» داخل .quote كانت بلا أبعاد فتملأ عمود القرار */
.cm-dec .quote svg{width:15px;height:15px;vertical-align:-3px;flex:none}