/* ═══════════════════════════════════════════════════════════════════════════
   🗂️ pc01 (2026-10-28) — **كاردُ الصبّةِ — شاسيهٌ واحدٌ للـCRM وعملياتِ المصنعِ واللوجستيك**
   ───────────────────────────────────────────────────────────────────────────
   طلبُ المستخدم: «وحِّد تصميمَ كاردِ الصبّةِ بصفحةِ الحجوزاتِ وطلباتِ الخرسانةِ وخطةِ التوزيع — نفسُ الشكلِ بالضبط، واعتمدْ تصميمَ
   كاردِ طلباتِ الخرسانة». القواعدُ **نُقلت حرفياً** من `crm/crm.css` (لا نسخةٌ ثانيةٌ تتباعد) — والرمزُ يقرأ لوحةَ كلِّ تطبيق:
   `--c-*` بالـCRM (قيمُه كما كانت حرفياً) · ثمّ `--d-*` باللوجستيك · ثمّ رموزُ عملياتِ المصنع.
   ⚠️ **ما يخصّ شبكةَ الـCRM يبقى هناك** (`.c-cards.hov` — اللوحةُ الطافيةُ بالتمرير) · وطبقةُ كلِّ تطبيقٍ تضعها شاشتُه.
   ═══════════════════════════════════════════════════════════════════════════ */
/*  حبرُ «الكمية الزائدة» لعملياتِ المصنع (الـCRM واللوجستيك يُعلنانه) — فاتحاً وداكناً كما بالـCRM */
body.dark{--pc-xq:#e8871a;}
/*  🎨 خلفيةُ الكاردِ **أفتحُ من لونِ حالتِه** — `--rqc-c` يضبطه الراسمُ بنفسِ
    لونِ الشريطِ، والغيابُ يُبقيها لونَ البطاقةِ حرفياً (‏مزجٌ محايد).        */
.c-rqc{position:relative;background:color-mix(in srgb,var(--rqc-c,var(--c-card, var(--d-card, var(--card)))) 9%,var(--c-card, var(--d-card, var(--card))));border:1px solid var(--c-line, var(--d-line, var(--border)));border-radius:8px;
  box-shadow:0 0 2px rgba(0,0,0,.10),0 1px 3px rgba(0,0,0,.10);overflow:hidden;cursor:pointer;
  display:flex;flex-direction:column;transition:box-shadow .2s,transform .15s,border-color .2s;}
.c-rqc:hover{box-shadow:0 8px 22px rgba(15,108,189,.18);transform:translateY(-2px);border-color:var(--c-accent, var(--d-accent, var(--primary-light)));}
.c-rqc-bar{height:4px;flex-shrink:0;}
.c-rqc-body{padding:11px 13px;flex:1;display:flex;flex-direction:column;gap:7px;}
.c-rqc-time{font-size:17px;font-weight:800;color:var(--c-accent-h, var(--d-accent-h, var(--primary-light)));line-height:1;unicode-bidi:isolate;}
.c-rqc-sub{font-size:10px;color:var(--c-ink2, var(--d-ink2, var(--text-muted)));margin-top:1px;}
.c-rqc-client{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.c-rqc-loc{font-size:11px;color:var(--c-ink2, var(--d-ink2, var(--text-muted)));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.c-rqc-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;}
.c-rqc-d{background:var(--c-field, var(--d-field, var(--bg)));border-radius:6px;padding:4px 6px;text-align:center;min-width:0;}
.c-rqc-d .dv{font-size:11px;font-weight:800;color:var(--c-accent-h, var(--d-accent-h, var(--primary-light)));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*  🧱 صفٌّ لكلِّ نوعِ خرسانةٍ داخلَ المربّعِ — نفسُ كاردِ عملياتِ المصنعِ
    (قيمةٌ فوقَ قيمةٍ تحتَ تسميةٍ واحدة). والقطعُ ينتقل للصفِّ وإلا قُصَّ العمودُ كلُّه.  */
.c-rqc-d .dv .rw{line-height:1.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* 🧪 cadd01 — سطرُ الإضافاتِ تحت النوع («+ GGBS + ICE») ونظيرُه الفارغُ بمربّعِ الكمية (الارتفاعُ نفسُه فتتحاذى الصفوف) */
.c-rqc-d .dv .rw .c-rqc-adds{font-size:9.5px;line-height:1.35;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*  🔵 ops11 — **الخرسانةُ الإضافيةُ بلونِ الأساسيةِ نفسِه** (طلبُ المستخدم
    2026-09-23: «لا تُظهر الإضافيةَ بلونٍ مختلفٍ — اجعلهم بنفسِ الأزرق»): نوعٌ
    آخرُ **بنفسِ الصبّة** لا قرارٌ منفصل، فلونٌ ثانٍ يوحي بفرقٍ لا وجودَ له.
    ⚠️ **والكميةُ الزائدةُ تبقى بحبرِها** (`.rw.xq`): تلك طلبٌ ابنٌ أُقرَّ لاحقاً —
       قرارٌ مختلفٌ فعلاً، والتمييزُ بها معنىً لا زينة.                          */
.c-rqc-d .dv .rw.ex{color:inherit;}
/*  🚚 ops11 — الفعليُّ بلونِه (نفسُ `var(--success)` بكاردِ عملياتِ المصنع) —
    حبرٌ مقيسٌ بنظيرِه الداكن (`--c-ok`) لا لونٌ مثبَّت.                        */
.c-rqc-d .dv.ok,.c-rqc-d .dv.ok .rw{color:var(--c-ok, var(--d-ok, var(--success)));}
.c-rqc-time.ok,.c-rqc-ft .t.ok{color:var(--c-ok, var(--d-ok, var(--success)));}
/*  ⚠️ **بعدَ قاعدةِ الفعليِّ بقصد**: صفُّ الزيادةِ يبقى «+كمية» محجوزةً ولو احتُسبت
    الحالة — والأخيرُ يقهر الأولَ بنفسِ التخصيص (درسُ ops10).                  */
.c-rqc-d .dv .rw.xq{color:var(--c-xq-ink, var(--d-xq-ink, var(--pc-xq, #ac6413)));}
/*  ➕ **الكميةُ الزائدةُ** — صفٌّ ثانويٌّ بلونِ الإضافيِّ نفسِه ويميّزُه خطٌّ
    منقّطٌ أسفلَه: الخرسانةُ الإضافيةُ **نوعٌ آخرُ بنفسِ الصبّة**، والكميةُ
    الزائدةُ **كميةٌ أُقرّت لاحقاً بطلبٍ ابن** — قراران مختلفانِ فلا يُقرآنِ
    شيئاً واحداً. (وبالمكبَّرِ الصنفُ على `.dv` لأن كلَّ صفٍّ مربّعُه.)        */
.c-rqc-d .dv .rw.xq{border-bottom:1px dotted var(--c-xq-ink, var(--d-xq-ink, var(--pc-xq, #ac6413)));}
.c-rqc-d .dv.xq{color:var(--c-xq-ink, var(--d-xq-ink, var(--pc-xq, #ac6413)));}
.c-rqc-d .dl{font-size:9px;color:var(--c-ink2, var(--d-ink2, var(--text-muted)));margin-top:1px;}
.c-rqc-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;
  padding-top:6px;border-top:1px solid var(--c-line-soft, var(--d-line-soft, var(--border)));}
/*  بطاقةُ التمرير — تظهر **فقط** إن كان الجذرُ يحمل `hov` (مفتاحُ الإطفاء) */
/*  ── 🗂️ الشكلُ الجديدُ للكارد (2026-09-08): مربعاتٌ لا صفوف ─────────────
    أيقوناتُ السطورِ بألوانِ عملياتِ المصنعِ نفسِها — والألوانُ **رموزُ لوحةٍ**
    حيث توجد (`--c-accent`) وثابتةٌ حيث لا رمزَ لها بالـCRM (الأخضرُ للهاتف)،
    فتتبع السماتَ الثمانيَ حيث أمكن.                                          */
.c-rqc-i{font-size:10px;}
.c-rqc-i.acc{color:var(--c-accent, var(--d-accent, var(--primary-light)));}
.c-rqc-i.pri{color:var(--c-accent-h, var(--d-accent-h, var(--primary-light)));}
.c-rqc-i.con{color:#8e44ad;}
.c-rqc-i.ph{color:#1aab5c;}
.c-rqc-con{font-size:11px;color:var(--c-ink2, var(--d-ink2, var(--text-muted)));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*  🗂️ pc02 — سطرُ المراقبِ وعددِ الخلاطات (للحجزِ بمراقبٍ وحمولاتٍ موزَّعة) · والمرفوضُ والمطروحُ بحبرَيهما — راسمُها `POURCARD` */
.c-rqc-crew{font-size:11px;color:var(--c-ink2, var(--d-ink2, var(--text-muted)));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.c-rqc-i.sup{color:#9b59b6;}   /* ≥ 3:1 على الأرضيتَين (الفاتحة 4.3 · الداكنة 3.1) */
.c-rqc-i.mx{color:var(--c-accent, var(--d-accent, #2a5298));}
.c-rqc-d .dv.bad{color:var(--c-danger-ink, var(--d-bad-ink, var(--danger, #d13438)));}
.c-rqc-d .dv.chg{color:var(--c-xq-ink, var(--d-xq-ink, var(--pc-xq, #ac6413)));}
.c-rqc-grid.wide{grid-template-columns:repeat(3,1fr);}
.c-rqc-fprj{font-size:12px;font-weight:700;color:var(--c-ink, var(--d-ink, var(--text)));line-height:1.5;}
.c-rqc-ex,.c-rqc-notes{font-size:11px;color:var(--c-ink2, var(--d-ink2, var(--text-muted)));line-height:1.7;white-space:normal;text-align:start;}
.c-rqc-reason{font-size:11px;color:#e84040;font-weight:600;}
/*  🏷️ علامةُ «من أين وقع الإلغاء» — رقاقةٌ هادئةٌ بجانبِ السببِ لا شارةٌ
    ثانيةٌ تزاحم شارةَ الحالة (الواقعةُ تُكمِّل السببَ ولا تنافسه).            */
.c-rqc-src{display:inline-block;padding:0 6px;border-radius:9px;font-size:10px;font-weight:700;
  background:var(--c-field, var(--d-field, var(--bg)));color:var(--c-ink2, var(--d-ink2, var(--text-muted)));border:1px solid var(--c-line, var(--d-line, var(--border)));}
/*  ⚠️ أزرارُ الكارد: `stopPropagation` بالجافاسكربتِ (الكاردُ يفتح المودال)،
    والمعطَّلُ يبقى **ظاهراً بسببِه** لا يُخفى — فالتخفيتُ بـopacity لا بحجب.  */
.c-rqc-acts{display:flex;gap:4px;align-items:center;}
.c-rqc-a{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--c-line, var(--d-line, var(--border)));background:var(--c-field, var(--d-field, var(--bg)));color:var(--c-accent-h, var(--d-accent-h, var(--primary-light)));
  border-radius:6px;cursor:pointer;font-size:11px;padding:0;transition:.15s;}
.c-rqc-a:hover{background:var(--c-accent, var(--d-accent, var(--primary-light)));color:var(--c-on-accent, #fff);border-color:var(--c-accent, var(--d-accent, var(--primary-light)));}
.c-rqc-a.bad{color:#e84040;}
.c-rqc-a.bad:hover{background:#e84040;border-color:#e84040;color:#fff;}
.c-rqc-a.off,.c-rqc-a:disabled{opacity:.45;cursor:not-allowed;}
.c-rqc-a.off:hover,.c-rqc-a:disabled:hover{background:var(--c-field, var(--d-field, var(--bg)));color:var(--c-accent-h, var(--d-accent-h, var(--primary-light)));border-color:var(--c-line, var(--d-line, var(--border)));}
.c-rqc-full{display:none;}
@keyframes cRqcIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.c-rqc.c-rqc-solo{background:none;border:none;box-shadow:none;overflow:visible;cursor:default;transition:none;}
.c-rqc.c-rqc-solo:hover{box-shadow:none;transform:none;border-color:transparent;}
.c-rqc-solo > .c-rqc-full{display:flex;flex-direction:column;position:static;width:min(var(--c-cardhov-w, var(--sc-hover-width, 400px)),calc(100vw - 16px));
  max-height:calc(100vh - 32px);background:color-mix(in srgb,var(--rqc-c,var(--c-card, var(--d-card, var(--card)))) 9%,var(--c-card, var(--d-card, var(--card))));
  border:1.5px solid var(--c-accent, var(--d-accent, var(--primary-light)));border-radius:8px;box-shadow:0 18px 46px rgba(15,108,189,.30);overflow:auto;cursor:default;
  animation:cRqcIn .13s ease;}
.c-rqc-fb{padding:13px 15px 12px;flex:1;display:flex;flex-direction:column;gap:9px;text-align:center;}
.c-rqc-ft{display:flex;justify-content:center;gap:26px;align-items:flex-start;min-height:34px;}
.c-rqc-ft .t{font-size:18px;font-weight:800;color:var(--c-accent-h, var(--d-accent-h, var(--primary-light)));line-height:1.1;unicode-bidi:isolate;}
.c-rqc-ft .l{font-size:10px;font-weight:700;color:var(--c-ink2, var(--d-ink2, var(--text-muted)));margin-top:3px;}
.c-rqc-fc{font-size:14px;font-weight:800;line-height:1.55;}
.c-rqc-fl{font-size:11.5px;color:var(--c-ink2, var(--d-ink2, var(--text-muted)));line-height:2;}
.c-rqc-fg{display:grid;gap:5px;}
.c-rqc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11.5px;
  padding:3px 0;border-bottom:1px solid var(--c-line-soft, var(--d-line-soft, var(--border)));}
.c-rqc-row:last-child{border-bottom:none;}
.c-rqc-row > span{color:var(--c-ink2, var(--d-ink2, var(--text-muted)));font-weight:600;}
.c-rqc-row > b{font-weight:700;color:var(--c-ink, var(--d-ink, var(--text)));text-align:end;}
/* أيقونةُ «سحبِ طلبِ الإلغاء» بالكارد */
.c-rqc-a.warn{color:#e8871a;}
.c-rqc-a.warn:hover{background:#e8871a;border-color:#e8871a;color:#fff;}
.c-rqc-xqb{display:inline-flex;align-items:center;gap:3px;margin-inline-start:5px;
  font-size:10.5px;font-weight:800;color:var(--c-xq-ink, var(--d-xq-ink, var(--pc-xq, #ac6413)));white-space:nowrap;}
.c-rqc-xqb.big{font-size:12px;}
.c-rqc-xqb i{font-size:9px;}
.c-rqc-ex.xq{color:var(--c-xq-ink, var(--d-xq-ink, var(--pc-xq, #ac6413)));}
.c-rqc-ex.xq b{font-weight:700;}
/*  كاردُ الطلبِ بوضعِ التمرير فوقَ التاب — طبقةٌ معتمةٌ والكاردُ بمنتصفها (‏`.c-rqc-solo` من مالكِ الكارد) */
.c-rqc-ov{position:fixed;inset:0;z-index:186;background:rgba(10,22,40,.5);display:flex;align-items:center;justify-content:center;padding:16px;}
/*  🏭 ops18 — صبّةٌ بالمصنعَين (عيّنهما اعتمادُ اللوجستيك): شارةٌ خضراءُ خفيفةٌ تحت مربّعاتِ الكارد */
.c-rqc-plants{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:11px;font-weight:800;
  padding:2px 9px;border-radius:12px;background:rgba(14,122,95,.12);color:#0b6a52;border:1px solid rgba(14,122,95,.28);}
html.c-dark .c-rqc-plants, html.d-dark .c-rqc-plants, body.dark .c-rqc-plants{color:#5fd3ac;background:rgba(95,211,172,.12);border-color:rgba(95,211,172,.3);}
/*  🪙 ops40 — شارةُ حالةِ التحصيلِ أعلى كاردِ الطلبِ بالطرفِ الآخرِ من الموعد (نظامُ `.sc-top`/`.sc-top-l` بعملياتِ المصنعِ حرفياً —
    ✓ «لا مانع» · ✗ «موقوف» · كمياتُ «كمية محددة»). الألوانُ ألوانُ عملياتِ المصنعِ وصفحةِ التحصيلِ (`.ccol`) فلا لونانِ لحالةٍ واحدة. */
.c-rqc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;}
.c-rqc-top-l{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:1;min-width:0;max-width:58%;}
.c-rqc-ftop{display:flex;justify-content:flex-end;}
.c-rqc .sc-col-badge{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:3px;font-size:17px;font-weight:700;flex-shrink:0;}
.c-rqc .sc-col-ok{color:#1aab5c;}
.c-rqc .sc-col-stop{color:#e84040;}
.c-rqc .sc-col-num{font-weight:800;background:rgba(232,135,26,.12);color:#b88a00;font-size:15px;padding:2px 6px;border-radius:20px;}
html.c-dark .c-rqc .sc-col-num, html.d-dark .c-rqc .sc-col-num, body.dark .c-rqc .sc-col-num{color:#f4c430;}