/* ============================================================
   العملاء — القائمة والملف ونافذة الرحلة («cux»)
   يُبنى فوق طقم الكابتنات (captains.css): الجذر يحمل .capx .cux معاً،
   فكل مكوّن cx-* يعمل كما هو، وما يخصّ العملاء هنا بصنف cu-* فقط.
   نافذة الرحلة تُلحَق بـbody خارج الجذر، فأصنافها trm-* مستقلة.
   التصميم المعتمَد: design-previews/customers-redesign.
   ============================================================ */
@keyframes cuIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes cuInX{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
.cux .cu-dim{color:var(--faint)}
.cux .cu-num{font-family:var(--fdisplay);font-variant-numeric:tabular-nums}

/* ---------- القائمة ---------- */
.cu-comp{display:grid;grid-template-columns:62px auto;align-items:center;gap:7px;min-width:96px}
.cu-comp .tr{height:6px;border-radius:4px;background:var(--surface-2);overflow:hidden}
.cu-comp .tr i{display:block;height:100%;width:var(--w,0);border-radius:4px;background:var(--good);transition:width .7s var(--cx-ease)}
.cu-comp.warn .tr i{background:var(--warn)}.cu-comp.crit .tr i{background:var(--crit)}
.cu-comp b{font:700 12px var(--fdisplay);color:var(--text);font-variant-numeric:tabular-nums}
.cu-stored{display:inline-flex;align-items:center;gap:3px;margin-inline-start:6px;font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px;background:var(--crit-bg);color:var(--crit);border:1px solid var(--crit-line);white-space:nowrap}
.cu-note{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border-soft);font-size:12.5px;color:var(--muted);line-height:1.8;margin-bottom:12px}
.cu-note svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--warn)}
.cu-note b{color:var(--text)}
.cu-who-noname{color:var(--faint);font-weight:700}
.cu-av-u{display:inline-grid;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--primary);flex:none}
.cu-av-u svg{width:55%;height:55%}

/* ---------- الملف: شريط التنبيه ---------- */
.cu-alertbar{display:flex;gap:10px;align-items:center;padding:11px 15px;border-radius:14px;margin:0 0 14px;font-size:13px;line-height:1.8;
  background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--text)}
.cu-alertbar svg{width:17px;height:17px;color:var(--warn);flex:none}
.cu-alertbar b{color:var(--warn)}

/* ---------- المساعد الذكي ---------- */
.cu-ai{position:relative;border-radius:18px;padding:1.5px;margin-bottom:14px;background:linear-gradient(135deg,#7c4dbd,#b98fd9 45%,#4fd1a8)}
.cu-ai-in{background:var(--surface);border-radius:16.5px;padding:15px 16px 13px}
.cu-ai-hd{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px}
.cu-ai-ic{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#7c4dbd,#b98fd9);color:#fff}
.cu-ai-ic svg{width:15px;height:15px}
.cu-ai-hd h3{margin:0;font:800 15px var(--fdisplay);color:var(--text)}
.cu-ai-sub{font-size:11.5px;color:var(--muted)}
.cu-ai-hd .sp{flex:1}
.cu-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border-soft)}
.cu-chip svg{width:12px;height:12px}
.cu-chip.off{background:var(--crit-bg);color:var(--crit);border-color:var(--crit-line)}
.cu-chip.good{background:var(--good-bg);color:var(--good);border-color:var(--good-line)}
.cu-brief{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.cu-brief li{font-size:13px;line-height:1.95;color:var(--text);padding-inline-start:14px;position:relative;opacity:0;animation:cuIn .5s var(--cx-ease) forwards;animation-delay:var(--d,0ms)}
.cu-brief li::before{content:'';position:absolute;inset-inline-start:0;top:.78em;width:6px;height:6px;border-radius:50%;background:var(--primary)}
.cu-cite{display:inline-flex;align-items:center;gap:3px;font:700 10.5px var(--fdisplay);color:var(--primary);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:0 6px;margin-inline-start:4px;cursor:pointer;vertical-align:1px;transition:.15s}
.cu-cite:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.cu-cite svg{width:10px;height:10px}
.cu-facts{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.cu-facts li{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--text);line-height:1.8}
.cu-facts li .cu-cite{margin:3px 0 0;flex:none}
.cu-ai-msg{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--muted);padding:6px 0 10px}
.cu-ai-msg svg{width:15px;height:15px;color:var(--warn);flex:none}
.cu-ai-guard{margin-top:11px;padding-top:9px;border-top:1px dashed var(--border);font-size:11.5px;color:var(--faint);line-height:1.8}
.cu-ai-guard b{color:var(--muted)}
.cu-ai-foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}
.cu-sk-line{height:12px;border-radius:6px;background:linear-gradient(100deg,var(--surface-2) 30%,var(--border-soft) 50%,var(--surface-2) 70%);background-size:200% 100%;animation:cxShimmer 1.15s linear infinite;margin:8px 0}

/* ---------- الإشارات ---------- */
.cu-sigs{display:grid;gap:9px}
.cu-sig{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:10px 12px;border-radius:13px;background:var(--surface-2);border-inline-start:3px solid var(--border)}
.cu-sig.crit{border-inline-start-color:var(--crit)}.cu-sig.warn{border-inline-start-color:var(--warn)}.cu-sig.good{border-inline-start-color:var(--good)}.cu-sig.info{border-inline-start-color:var(--primary)}
.cu-sig .t{font-weight:700;font-size:12.5px;color:var(--text)}
.cu-sig .v{font:800 14px var(--fdisplay);color:var(--text);font-variant-numeric:tabular-nums;text-align:end}
.cu-sig.crit .v{color:var(--crit)}.cu-sig.warn .v{color:var(--warn)}.cu-sig.good .v{color:var(--good)}
.cu-sig .r{grid-column:1/-1;font-size:11.5px;color:var(--muted);line-height:1.75}
.cu-sig .rule{grid-column:1/-1;font-size:10.5px;color:var(--faint)}
.cu-pbar{position:relative;height:8px;border-radius:6px;margin:20px 6px 24px;background:linear-gradient(90deg,var(--good-bg),var(--warn-bg) 60%,var(--crit-bg))}
[dir="rtl"] .cu-pbar{background:linear-gradient(270deg,var(--good-bg),var(--warn-bg) 60%,var(--crit-bg))}
.cu-pbar .mk{position:absolute;top:-5px;width:2px;height:18px;background:var(--faint);border-radius:2px}
.cu-pbar .mk span{position:absolute;top:20px;inset-inline-start:50%;transform:translateX(50%);white-space:nowrap;font-size:10px;color:var(--muted)}
.cu-pbar .me{position:absolute;top:-7px;width:14px;height:14px;margin-inline-start:-7px;border-radius:50%;background:var(--crit);border:2px solid var(--surface);box-shadow:0 0 0 3px var(--crit-bg)}
.cu-pbar .me span{position:absolute;bottom:17px;inset-inline-start:50%;transform:translateX(50%);white-space:nowrap;font-size:10.5px;font-weight:800;color:var(--crit)}
.cu-pbar .edge-s span{inset-inline-start:0;transform:none}
.cu-pbar .edge-e span{inset-inline-start:auto;inset-inline-end:0;transform:none}

/* ---------- الإجراء التالي والمسودة ---------- */
.cu-nba{display:grid;gap:8px}
.cu-nba-opt{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:13px;background:var(--surface);transition:.15s;cursor:pointer;text-align:start;font:inherit;color:inherit;width:100%}
.cu-nba-opt:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--border))}
.cu-nba-opt.pick{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}
.cu-nba-opt .n{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:var(--surface-2);color:var(--primary)}
.cu-nba-opt .n svg{width:14px;height:14px}
.cu-nba-opt b{display:block;font-size:12.5px;color:var(--text)}
.cu-nba-opt small{font-size:11px;color:var(--muted);line-height:1.7}
.cu-nba-opt .rk{font-size:10.5px;font-weight:800;color:var(--primary)}
.cu-draft{border:1px solid var(--border);border-radius:13px;background:var(--surface-2);padding:11px 12px;margin-top:12px}
.cu-draft p{margin:0;font-size:13px;line-height:1.95;color:var(--text);white-space:pre-wrap}
.cu-draft-ft{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}

/* ---------- الأنماط: الساعات، الأشهر، الوجهات، الكابتنات ---------- */
.cu-hours{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;align-items:end;height:92px;padding-top:6px}
.cu-hours .h{position:relative;height:100%;display:flex;align-items:flex-end}
.cu-hours .h i{display:block;width:100%;height:var(--w,0);min-height:2px;border-radius:4px 4px 1px 1px;background:color-mix(in srgb,var(--primary) 35%,var(--surface-2));transition:height .7s var(--cx-ease)}
.cu-hours .h.peak i{background:var(--primary)}
.cu-hours-ax{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;margin-top:5px;font-size:9.5px;color:var(--faint);text-align:center;font-variant-numeric:tabular-nums}
.cu-split{display:flex;height:10px;border-radius:6px;overflow:hidden;background:var(--surface-2);margin:10px 0 8px}
.cu-split i{display:block;height:100%;width:var(--w,0);transition:width .8s var(--cx-ease)}
.cu-split .g{background:var(--good)}.cu-split .w{background:var(--warn)}.cu-split .c{background:var(--crit)}.cu-split .m{background:var(--faint)}
.cu-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11.5px;color:var(--muted)}
.cu-legend span{display:inline-flex;align-items:center;gap:5px}
.cu-legend i{width:9px;height:9px;border-radius:3px;display:inline-block}
.cu-months{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;align-items:end;height:110px}
.cu-months .m{display:grid;gap:4px;justify-items:center;align-self:end}
.cu-months .stk{width:70%;max-width:34px;display:flex;flex-direction:column-reverse;border-radius:6px 6px 2px 2px;overflow:hidden;height:var(--h,0);min-height:2px;transition:height .8s var(--cx-ease)}
.cu-months .stk i{display:block;width:100%}
.cu-months .stk .d{background:var(--good)}.cu-months .stk .x{background:var(--warn)}.cu-months .stk .o{background:var(--faint)}
.cu-months small{font-size:10.5px;color:var(--muted)}
.cu-months b{font:700 11px var(--fdisplay);color:var(--text)}
.cu-rank{display:grid;gap:7px}
.cu-rank .it{display:grid;grid-template-columns:1fr auto;gap:3px 10px;font-size:12.5px;color:var(--text)}
.cu-rank .it .tr{grid-column:1/-1;height:5px;border-radius:3px;background:var(--surface-2);overflow:hidden}
.cu-rank .it .tr i{display:block;height:100%;width:var(--w,0);background:var(--primary);border-radius:3px;transition:width .7s var(--cx-ease)}
.cu-rank .it b{font-family:var(--fdisplay);font-variant-numeric:tabular-nums}
.cu-rank .it span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- التقييمات ---------- */
.cu-review{padding:10px 0;border-bottom:1px solid var(--border-soft);display:grid;gap:4px}
.cu-review:last-child{border-bottom:0}
.cu-review .hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}
.cu-review p{margin:0;font-size:13px;line-height:1.9;color:var(--text)}

/* ---------- الخطّ الزمني ---------- */
.cu-tl-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.cu-tl-day{font:800 12px var(--fdisplay);color:var(--muted);margin:14px 0 7px;display:flex;align-items:center;gap:8px}
.cu-tl-day::after{content:'';flex:1;height:1px;background:var(--border-soft)}
.cu-tl-ev{display:grid;grid-template-columns:30px 1fr auto;gap:11px;align-items:start;padding:8px 0;opacity:0;animation:cuInX .4s var(--cx-ease) forwards;animation-delay:var(--d,0ms)}
.cu-tl-ev .dot{width:30px;height:30px;border-radius:10px;display:grid;place-items:center}
.cu-tl-ev .dot svg{width:14px;height:14px}
.cu-tl-ev .dot.trip{background:var(--surface-2);color:var(--primary)}
.cu-tl-ev .dot.money{background:var(--good-bg);color:var(--good)}
.cu-tl-ev .dot.coupon{background:var(--warn-bg);color:var(--warn)}
.cu-tl-ev .dot.complaint{background:var(--crit-bg);color:var(--crit)}
.cu-tl-ev .dot.staff{background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}
.cu-tl-ev .b{font-size:12.5px;color:var(--text);line-height:1.7}
.cu-tl-ev .b small{display:block;font-size:11px;color:var(--muted)}
.cu-tl-ev .tm{font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap}
.cu-more{display:flex;justify-content:center;margin-top:10px}

/* ---------- المعاملات ---------- */
.cu-pstats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:900px){.cu-pstats{grid-template-columns:repeat(2,1fr)}}
.cu-pstats div{background:var(--surface-2);border-radius:12px;padding:10px 12px}
.cu-pstats span{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}
.cu-pstats b{font:800 16px var(--fdisplay);color:var(--text);font-variant-numeric:tabular-nums}
.cu-pstats b.pos{color:var(--good)}.cu-pstats b.neg{color:var(--crit)}
.cu-lg-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}
.cu-lg-tools .policy-search{flex:1;min-width:200px}
.cu-ledger{display:grid;gap:8px}
.cu-lg{border:1px solid var(--border-soft);border-radius:13px;background:var(--surface);overflow:hidden}
.cu-lg.flagged{border-color:color-mix(in srgb,var(--warn) 45%,var(--border-soft))}
.cu-lg-hd{display:grid;grid-template-columns:34px 1fr auto 14px;gap:10px;align-items:center;padding:9px 12px;cursor:pointer;width:100%;background:none;border:0;font:inherit;color:inherit;text-align:start}
.cu-lg-hd:hover{background:var(--cap-row-hover)}
.cu-lg-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center}
.cu-lg-ic svg{width:15px;height:15px}
.cu-lg-ic.in{background:var(--good-bg);color:var(--good)}.cu-lg-ic.out{background:var(--crit-bg);color:var(--crit)}.cu-lg-ic.adj{background:var(--surface-2);color:var(--primary)}
.cu-lg-t b{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;color:var(--text)}
.cu-lg-t small{display:block;font-size:11.5px;color:var(--muted);margin-top:1px}
.cu-lg-a{text-align:end}
.cu-lg-a b{display:block;font:800 14px var(--fdisplay);font-variant-numeric:tabular-nums;direction:ltr}
.cu-lg-a b.pos{color:var(--good)}.cu-lg-a b.neg{color:var(--crit)}
.cu-lg-a small{font-size:11px;color:var(--faint)}
.cu-lg-hd>svg{width:14px;height:14px;color:var(--faint);transition:transform .2s}
.cu-lg.open .cu-lg-hd>svg{transform:rotate(180deg)}
.cu-lg-body{display:none;padding:2px 12px 12px 12px;border-top:1px dashed var(--border-soft)}
.cu-lg.open .cu-lg-body{display:block;animation:cuIn .25s var(--cx-ease)}
.cu-lg-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px 16px;margin-top:9px;font-size:12px}
.cu-lg-kv span{color:var(--muted)}
.cu-lg-kv b{color:var(--text);font-weight:700}
.cu-flag{display:flex;gap:8px;align-items:flex-start;margin-top:9px;padding:8px 10px;border-radius:10px;font-size:12px;line-height:1.75;background:var(--warn-bg);color:var(--text);border:1px solid var(--warn-line)}
.cu-flag.crit{background:var(--crit-bg);border-color:var(--crit-line)}
.cu-flag svg{width:14px;height:14px;flex:none;margin-top:3px;color:var(--warn)}
.cu-flag.crit svg{color:var(--crit)}
.cu-flagdot{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:800;padding:0 6px;border-radius:999px;background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-line)}
.cu-flagdot.crit{background:var(--crit-bg);color:var(--crit);border-color:var(--crit-line)}
.cu-flagdot svg{width:10px;height:10px}
.cu-rootcause{border:1px solid var(--crit-line);background:linear-gradient(135deg,var(--crit-bg),var(--surface) 70%)}
.cu-rootcause h4{margin:0 0 6px;font:800 14px var(--fdisplay);color:var(--crit)}
.cu-rootcause p{margin:0 0 8px;font-size:12.5px;line-height:1.9;color:var(--text)}
.cu-rootcause code,.cux code.cu-code{font-family:var(--fdisplay);font-size:11.5px;background:var(--surface-2);border:1px solid var(--border-soft);padding:0 5px;border-radius:5px;direction:ltr;unicode-bidi:isolate}
.cu-facts3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
@media(max-width:800px){.cu-facts3{grid-template-columns:1fr}}
.cu-facts3 div{background:var(--surface);border:1px solid var(--border-soft);border-radius:11px;padding:9px 11px}
.cu-facts3 b{display:block;font:800 18px var(--fdisplay);color:var(--text)}
.cu-facts3 span{font-size:11.5px;color:var(--muted);line-height:1.6}

/* ---------- الاسترداد ---------- */
.cu-formula{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--surface-2);font-size:12.5px;color:var(--text);margin:12px 0}
.cu-formula code{font-family:var(--fdisplay);font-size:12px;padding:2px 8px;border-radius:7px;background:var(--surface);border:1px solid var(--border-soft);direction:rtl;unicode-bidi:isolate}
.cu-formula b{font:800 14px var(--fdisplay)}
.cu-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;counter-reset:st}
@media(max-width:800px){.cu-flow{grid-template-columns:1fr}}
.cu-step{position:relative;padding:12px 12px 11px;border-radius:13px;background:var(--surface-2);border:1px solid var(--border-soft);counter-increment:st}
.cu-step::before{content:counter(st);position:absolute;top:10px;inset-inline-end:12px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 11px var(--fdisplay);background:var(--surface);color:var(--primary);border:1px solid var(--border)}
.cu-step b{display:block;font-size:12.5px;color:var(--text);margin-bottom:4px}
.cu-step span{font-size:11.5px;color:var(--muted);line-height:1.75}

/* ---------- الأكواد ---------- */
.cu-codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.cu-code-card{position:relative;padding:13px 14px;border-radius:15px;border:1px dashed color-mix(in srgb,var(--primary) 45%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 6%,var(--surface)),var(--surface))}
.cu-code-card.over{border-color:var(--crit);background:linear-gradient(135deg,var(--crit-bg),var(--surface))}
.cu-code-card .cd{font:800 16px var(--fdisplay);letter-spacing:1px;color:var(--text);direction:ltr;display:inline-block}
.cu-code-card .tt{font-size:12px;color:var(--muted);margin:2px 0 8px}
.cu-code-use{display:grid;grid-template-columns:1fr auto;gap:5px 8px;align-items:center;font-size:12px;color:var(--muted)}
.cu-code-use .tr{grid-column:1/-1;height:6px;border-radius:4px;background:var(--surface-2);overflow:hidden}
.cu-code-use .tr i{display:block;height:100%;width:var(--w,0);background:var(--primary);border-radius:4px;transition:width .7s var(--cx-ease)}
.cu-code-card.over .cu-code-use .tr i{background:var(--crit)}
.cu-code-use b{font-family:var(--fdisplay);color:var(--text)}
.cu-code-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:11px;color:var(--faint)}

/* ---------- ما لا نعرفه ---------- */
.cu-cov{display:grid;grid-template-columns:1fr 110px auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border-soft);font-size:12.5px}
.cu-cov:last-child{border-bottom:0}
.cu-cov b{color:var(--text)}.cu-cov small{display:block;color:var(--muted);font-size:11.5px;line-height:1.7}
.cu-cov .tr{height:7px;border-radius:4px;background:var(--surface-2);overflow:hidden}
.cu-cov .tr i{display:block;height:100%;width:var(--w,0);border-radius:4px;background:var(--good);transition:width .7s var(--cx-ease)}
.cu-cov.zero .tr i{background:var(--crit)}
.cu-cov .p{font:800 12px var(--fdisplay);min-width:44px;text-align:end}
.cu-cov.zero .p{color:var(--crit)}

/* مرجع رحلة قابل للنقر في أي تبويب */
.cu-tripref{cursor:pointer;color:var(--primary);font-family:var(--fdisplay);direction:ltr;unicode-bidi:isolate;text-decoration:underline dotted;text-underline-offset:3px;background:none;border:0;padding:0;font-size:inherit;font-weight:700}
.cu-tripref:hover{text-decoration-style:solid}

/* ============================================================
   نافذة تفاصيل الرحلة (trm-*) — تُلحَق بـbody
   ============================================================ */
body.trm-lock{overflow:hidden}
.trm-bg{position:fixed;inset:0;z-index:600;display:grid;place-items:center;padding:22px 16px;background:color-mix(in srgb,#150a24 55%,transparent);backdrop-filter:blur(5px);opacity:0;transition:opacity .2s var(--cx-ease)}
.trm-bg.open{opacity:1}
.trm{width:min(1000px,100%);max-height:calc(100vh - 44px);display:grid;grid-template-rows:auto 1fr auto;background:var(--bg,var(--surface-2));border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 30px 80px -20px rgba(20,8,40,.55);transform:translateY(14px) scale(.985);transition:transform .26s var(--cx-ease)}
.trm-bg.open .trm{transform:none}
.trm.swap-in .trm-body{animation:trmSwap .3s var(--cx-ease)}
@keyframes trmSwap{from{opacity:.35;transform:translateX(-10px)}to{opacity:1;transform:none}}
.trm-head{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--surface);border-bottom:1px solid var(--border-soft)}
.trm-title{flex:1;min-width:0}
.trm-t1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.trm-t1 h3{margin:0;font:800 18px var(--fdisplay);color:var(--text);direction:ltr}
.trm-t2{font-size:12px;color:var(--muted);margin-top:3px}
.trm-nav{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--faint)}
.trm .ic-btn{width:32px;height:32px;border-radius:10px;display:inline-grid;place-items:center;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:.15s;padding:0}
.trm .ic-btn svg{width:15px;height:15px}
.trm .ic-btn:hover:not(:disabled){color:var(--primary);border-color:var(--primary)}
.trm .ic-btn:disabled{opacity:.35;cursor:default}
.trm .act svg{width:14px;height:14px;flex:none}
.trm-body{overflow-y:auto;padding:16px 18px 20px;display:grid;grid-auto-rows:max-content;gap:14px;align-content:start;overscroll-behavior:contain}
.trm-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:11px 18px;background:var(--surface);border-top:1px solid var(--border-soft)}
.trm-foot .sp{flex:1}
.trm-src{font-size:11px;font-family:var(--fdisplay);direction:ltr;color:var(--faint)}
.trm-hero{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;border-radius:16px;overflow:hidden;background:var(--border-soft);border:1px solid var(--border-soft)}
.trm-hero>div{background:var(--surface);padding:11px 13px}
.trm-hero span{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}
.trm-hero b{font:800 17px var(--fdisplay);color:var(--text);font-variant-numeric:tabular-nums}
.trm-hero small,.trm-line small{font-size:.68em;font-weight:600;color:var(--muted)}
.trm-sec{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;padding:13px 14px;min-width:0}
.trm-sec>header{display:flex;align-items:center;gap:9px;margin-bottom:11px}
.trm-sec>header>svg{width:30px;height:30px;padding:7px;border-radius:10px;background:var(--surface-2);color:var(--primary);flex:none}
.trm-sec h4{margin:0;font:800 14px var(--fdisplay);color:var(--text)}
.trm-sec header small{font-size:11.5px;color:var(--muted)}
.trm-sec .empty{font-size:12.5px;color:var(--faint);padding:6px 0}
.trm-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.trm-sec.checks{border-color:color-mix(in srgb,var(--primary) 30%,var(--border-soft))}
.trm-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:9px}
.trm-chk{display:grid;gap:3px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border-inline-start:3px solid var(--primary);opacity:0;animation:cuIn .45s var(--cx-ease) forwards;animation-delay:var(--d,0ms)}
.trm-chk.crit{border-inline-start-color:var(--crit)}.trm-chk.warn{border-inline-start-color:var(--warn)}
.trm-chk b{font-size:12.5px;color:var(--text)}.trm-chk.crit b{color:var(--crit)}
.trm-chk span{font-size:12px;color:var(--muted);line-height:1.75}
.trm-chk small{font-size:10.5px;color:var(--faint)}
.trm-clean{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--good)}
.trm-clean svg{width:16px;height:16px}
.trm-steps{display:grid;grid-template-columns:repeat(var(--n),1fr);position:relative;padding-top:22px}
.trm-step{position:relative;display:grid;justify-items:center;gap:2px;text-align:center;opacity:0;animation:cuIn .4s var(--cx-ease) forwards;animation-delay:var(--d)}
.trm-step::before{content:'';position:absolute;top:7px;inset-inline-end:50%;width:100%;height:3px;background:var(--border);z-index:0}
.trm-step:first-child::before{display:none}
.trm-step.on::before{background:var(--primary)}
.trm-dot{position:relative;z-index:1;width:17px;height:17px;border-radius:50%;background:var(--surface);border:3px solid var(--border);display:grid;place-items:center;margin-bottom:5px}
.trm-step.on .trm-dot{border-color:var(--primary)}
.trm-step.good .trm-dot,.trm-step.warn .trm-dot,.trm-step.crit .trm-dot{width:22px;height:22px;margin-top:-2.5px;color:#fff}
.trm-step.good .trm-dot{background:var(--good);border-color:var(--good)}
.trm-step.warn .trm-dot{background:var(--warn);border-color:var(--warn)}
.trm-step.crit .trm-dot{background:var(--crit);border-color:var(--crit)}
.trm-dot svg{width:11px;height:11px}
.trm-step b{font-size:12px;color:var(--text)}
.trm-step.off b{color:var(--faint)}
.trm-step small{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.trm-gap{position:absolute;top:-20px;inset-inline-end:50%;transform:translateX(50%);font-size:10.5px;font-weight:700;color:var(--primary);background:var(--surface-2);padding:1px 7px;border-radius:999px;white-space:nowrap}
.trm-steps-sum{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:13px;padding-top:10px;border-top:1px dashed var(--border);font-size:12px;color:var(--muted)}
.trm-steps-sum b{color:var(--text);font-variant-numeric:tabular-nums}
.trm-person{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;padding:13px 14px;display:grid;gap:10px;align-content:start}
.trm-ph{display:flex;align-items:center;gap:11px}
.trm-ph b{display:block;font-size:14px;color:var(--text)}
.trm-ph small{font-size:11.5px;color:var(--muted);display:inline-flex;align-items:center;gap:3px}
.trm-ph small svg{width:12px;height:12px;color:var(--warn)}
.trm-role{display:block;font-size:10.5px;font-weight:700;color:var(--primary)}
.trm-contact{display:flex;align-items:center;gap:6px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--text)}
.trm-contact .ltr{margin-inline-end:auto;direction:ltr}
.trm-person.empty-p{place-items:center;text-align:center;color:var(--faint)}
.trm-person.empty-p svg{width:26px;height:26px}
.trm-vehicle{display:flex;align-items:center;gap:11px;padding:10px 14px;background:var(--surface);border:1px solid var(--border-soft);border-radius:14px}
.trm-vehicle>svg{width:20px;height:20px;color:var(--primary)}
.trm-vehicle>div{flex:1}
.trm-vehicle b{display:block;font-size:13px;color:var(--text)}
.trm-vehicle small{font-size:11.5px;color:var(--muted)}
.trm-ab{display:grid;gap:8px;margin-bottom:11px}
.trm-ab>div{display:flex;gap:10px;font-size:12.5px;color:var(--text);line-height:1.6}
.trm-ab small{display:block;font-size:10.5px;font-weight:700;color:var(--muted)}
.trm-ab .d{width:11px;height:11px;border-radius:50%;margin-top:5px;flex:none}
.trm-ab .d.a{background:var(--good);box-shadow:0 0 0 3px var(--good-bg)}
.trm-ab .d.b{background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}
.trm-cmp{display:grid;gap:10px}
.trm-cmp-row{display:grid;grid-template-columns:70px 1fr auto 64px;align-items:center;gap:12px}
.trm-cmp-row .k{font-size:12.5px;font-weight:700;color:var(--text)}
.trm-cmp-row .bars{display:grid;gap:4px}
.trm-cmp-row .b{height:7px;border-radius:4px;width:0;transition:width .8s var(--cx-ease)}
.trm-cmp-row .b.in{width:var(--w)}
.trm-cmp-row .b.b-est{background:color-mix(in srgb,var(--warn) 55%,var(--surface-2))}
.trm-cmp-row .b.b-act{background:var(--primary);transition-delay:.12s}
.trm-cmp-row .v{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.trm-cmp-row .v b{color:var(--text)}.trm-cmp-row .v i{font-style:normal;color:var(--faint)}
.trm-cmp-row .d{font-size:11.5px;font-weight:800;text-align:center;padding:2px 6px;border-radius:999px;background:var(--surface-2);color:var(--muted)}
.trm-cmp-row .d:empty{visibility:hidden}
.trm-cmp-row .d.up{color:var(--crit);background:var(--crit-bg)}.trm-cmp-row .d.down{color:var(--good);background:var(--good-bg)}.trm-cmp-row .d.same{color:var(--good)}
.trm-cmp-lg{display:flex;gap:14px;margin-top:10px;font-size:11px;color:var(--muted)}
.trm-cmp-lg i{display:inline-block;width:12px;height:7px;border-radius:3px;margin-inline-end:5px;vertical-align:middle}
.trm-cmp-lg i.b-est{background:color-mix(in srgb,var(--warn) 55%,var(--surface-2))}.trm-cmp-lg i.b-act{background:var(--primary)}
.trm-money{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.trm-mcol{background:var(--surface-2);border-radius:13px;padding:11px 12px;display:grid;gap:6px;align-content:start}
.trm-mcol.wide{grid-column:1/-1}
.trm-mcol h5{margin:0 0 3px;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.trm-mcol h5 svg{width:14px;height:14px;color:var(--primary)}
.trm-line{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.trm-line b{color:var(--text);font-variant-numeric:tabular-nums}
.trm-line.good b{color:var(--good)}.trm-line.crit b{color:var(--crit)}
.trm-line.total{border-top:1px solid var(--border);padding-top:7px;margin-top:2px;font-weight:800;color:var(--text)}
.trm-line.total b{font:800 16px var(--fdisplay)}
.trm-paymeta{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}
.trm-comp{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--good);background:var(--good-bg);padding:6px 9px;border-radius:9px}
.trm-comp svg{width:14px;height:14px}
.trm-txh{font-size:11px;font-weight:700;color:var(--faint);margin-top:4px}
.trm-tx{display:grid;grid-template-columns:76px 1fr auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px dashed var(--border);font-size:12px}
.trm-tx:last-child{border-bottom:0}
.trm-tx .amt{font:800 13px var(--fdisplay);font-variant-numeric:tabular-nums;direction:ltr;text-align:end}
.trm-tx .amt.pos{color:var(--good)}.trm-tx .amt.neg{color:var(--crit)}
.trm-tx b{display:block;color:var(--text)}.trm-tx small{color:var(--muted)}
.trm-tx .dim{color:var(--faint)}
.trm-tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.trm-tbl th{text-align:start;font-size:11px;color:var(--muted);font-weight:700;padding:7px 8px;border-bottom:1px solid var(--border);white-space:nowrap}
.trm-tbl td{padding:8px;border-bottom:1px solid var(--border-soft);color:var(--text);white-space:nowrap}
.trm-tbl tr.won td{background:color-mix(in srgb,var(--good) 8%,transparent)}
.trm-rate{display:grid;gap:4px;padding:6px 0;font-size:12px;color:var(--muted)}
.trm-rate p{margin:0;color:var(--text);font-size:12.5px;line-height:1.8}
.trm-cmpl{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 0;font-size:12.5px;color:var(--text)}
.trm-log{display:grid}
.trm-ev{display:grid;grid-template-columns:62px 14px 1fr;gap:10px;align-items:start;padding:6px 0;font-size:12.5px;color:var(--text);opacity:0;animation:cuIn .35s var(--cx-ease) forwards;animation-delay:var(--d)}
.trm-ev-t{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:end}
.trm-ev-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent);position:relative}
.trm-ev:not(:last-child) .trm-ev-dot::after{content:'';position:absolute;top:13px;left:4px;width:2px;height:22px;background:var(--border)}
.trm-ev small{display:block;font-size:11.5px;color:var(--muted)}
.trm-loading{padding:60px 20px;text-align:center;color:var(--muted)}

@media(max-width:760px){
  .trm-bg{padding:0}
  .trm{max-height:100vh;height:100vh;border-radius:0}
  .trm-hero{grid-template-columns:repeat(2,1fr)}
  .trm-2,.trm-money{grid-template-columns:1fr}
  .trm-cmp-row{grid-template-columns:56px 1fr 58px}
  .trm-cmp-row .v{grid-column:1/-1;order:5}
  .trm-steps{overflow-x:auto}
}
@media(prefers-reduced-motion:reduce){
  .cu-brief li,.cu-tl-ev,.trm-chk,.trm-step,.trm-ev{animation:none;opacity:1}
  .trm,.trm-bg{transition:none}
}

/* شبكات الملف */
.cux .cu-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.cux .cu-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
@media(max-width:1250px){.cux .cu-3{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.cux .cu-2,.cux .cu-3{grid-template-columns:1fr}}
.cux .cu-2>div>.cx-card+.cx-card,.cux .cu-3>div>.cx-card+.cx-card{margin-top:14px}
.cux .cu-sub-lbl{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--faint);margin:2px 0 8px}
.cux .cu-sub-lbl svg{width:13px;height:13px}
.cux .cu-sec-gap{margin-top:14px}

/* أيقونات داخل نصوص وبطاقات لا يحدّد لها الطقم حجماً — بدونها ترسم SVG بعرض حاويتها */
.cux .cu-rootcause h4{display:flex;align-items:center;gap:7px}
.cux .cu-rootcause h4 svg,.cux .quote svg,.cux .cx-foot svg,.cux .tag svg,.cux .cu-review .hd svg{width:14px;height:14px;flex:none;vertical-align:-2px}
.cux .quote>svg{margin-inline-end:4px}
.trm .act{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.trm .tag svg,.trm-rate svg{width:13px;height:13px;vertical-align:-2px}
.cux .cx-hero .hstat small.cu-pct{margin-inline-start:4px;opacity:.8}