/* ══════════════════════════════════════════════════════════════════════════════════════════════════
   ألوان المنصة وأحجامها — **المصدر الواحد لكل وجه**.
   ٤ سبتمبر ٢٠٢٦ — أمر المالك: «وخذ الصناديق حقت الام وابناءها 1:1». والقمرة تعيش في إطار مستقل
   لا يقرأ `main.css`، فكانت أسماء الألوان عنده فارغة فيخرج الصندوق بلا لون. ولو نسخت القيم
   الى الإطار لصار للمنصة لونان باسم واحد يفترقان بعد أول تعديل.
   فنقلت هذه القيم من `main.css` الى هنا **نقلا لا نسخا** — حرفا بحرف بلا تغيير قيمة واحدة —
   وصار كل وجه يقرأ الملف نفسه: يتغير اللون مرة فيتغير في كل مكان معا.
   ⚠ ويحمل هذا الملف **قبل** أي ملف يستعمل أسماءه.
   ══════════════════════════════════════════════════════════════════════════════════════════════════ */
:root {
  --c-wa-read: #34B7F1;   /* the owner 25 Oct 20:55: WhatsApp's blue read ticks */
  /* ══ SOVEREIGN EMERALD DNA (الزمرد السيادي) — daylight ══ */
  --p-bg:        #EAF3EE;
  --p-surface:   #FFFFFF;
  --p-band-1:    #FBF5EB;
  --p-band-2:    #FDF6E3;
  --p-band-3:    #EEF7EF;
  /* "navy" tokens now carry the deep-emerald identity (kept name to avoid breaking refs) */
  --p-navy:      #14342C;
  --p-navy-d:    #0C2238;
  --p-navy-l:    #1A7F64;
  --p-navy-bg:   #E6F4F1;

  /* Signature gold accent — distinction / emphasis (not primary actions) */
  --p-gold:      #C5970A;
  --p-gold-d:    #9C7A08;
  --p-gold-bg:   #FDF6E3;
  /* Emerald primary */
  --p-emerald:   #1A7F64;
  --p-emerald-d: #145F4C;
  --p-emerald-bg:#E6F4F1;
  /* Signature header gradient (the fingerprint) — lighter daylight variant + deep variant */
  --p-hd-grad:   linear-gradient(135deg, #2F5D53 0%, #3A7D68 45%, #1A9E78 100%);
  --p-hd-grad-deep: linear-gradient(135deg, #1A202C 0%, #2D3748 50%, #1A7F64 100%);

  /* DECISIVE SYSTEM COLORS — for alerts, warnings, status */
  --p-red:       #DC2626;
  --p-red-d:     #B91C1C;
  --p-red-bg:    #FEE2E2;
  --p-amber:     #D97706;
  --p-amber-d:   #B45309;
  --p-amber-bg:  #FEF3C7;
  --p-green:     #16A34A;
  --p-green-d:   #15803D;
  --p-loc-link:  #1565C0;   /* ق‑252 (المالك ٢٥ سبتمبر): لون كل رابط موقع في المنصة — عادي لا عريض، أزرق يقول «رابط» */
  /* ق‑256 (٢٥ سبتمبر): عرض تذكرة الوزارة — صندوق الحجاج الأزرق الخفيف · بطاقة المبلغ الذهبية · حدود البطاقة */
  --p-pilgrims-bg:  #F3F7FC;
  --p-pilgrims-bd:  #D6E2F0;
  --p-pcard-bd:     rgba(15,110,86,.25);
  --p-reporter-bg:  #FFF8E8;
  --p-reporter-bd:  #E3C27A;
  --p-ink-strong:   #111111;   /* نص المتابعة المكتوب باليد — عريض أسود (أمر المالك) */
  /* ق‑252 (٢٥ سبتمبر): أدوات الخريطة — زر التكبير · اقتراحات البحث · خانة البحث */
  --p-mp-panel:     rgba(255,252,245,.95);
  --p-mp-bd:        rgba(15,110,86,.30);
  --p-mp-ink:       #0F6E56;
  --p-mp-shadow:    rgba(0,0,0,.15);
  --p-mp-hover:     rgba(31,160,107,.14);
  --p-mp-sug-bd:    rgba(15,110,86,.14);
  --p-mp-sug-hv:    rgba(31,160,107,.10);
  --p-mp-sug-on:    rgba(31,160,107,.18);
  --p-mp-sug-onbd:  rgba(31,160,107,.55);
  --p-mp-q-bd:      rgba(15,110,86,.22);
  /* ٢٥ سبتمبر: نافذة التسجيل الصوتي الصغيرة · معاينة الصورة عند الوقوف */
  --p-rc-vpop-bg:   #FFFCF5;
  --p-rc-vpop-bd:   rgba(15,110,86,.3);
  --p-rc-vpop-sh:   rgba(0,0,0,.25);
  --p-rc-ipop-bd:   rgba(0,0,0,.15);
  --p-rc-ipop-sh:   rgba(0,0,0,.3);
  --p-green-bg:  #DCFCE7;
  /* owner 15 Oct 18:43 — the live-monitoring buttons: all working = white with the green in the words · warning = beige · fault = red */
  /* owner 18:45 — every colour from the platform's own scale (no new hex): the warning beige leans to orange = the platform amber over white */
  --fb-ok-bg:    var(--p-surface);
  --fb-ok-ink:   var(--p-green-d);
  --fb-warn-bg:  color-mix(in srgb, var(--p-amber) 18%, var(--p-surface));
  --fb-warn-ink: var(--p-amber-d);
  --p-teal:      #1A7F64;
  --p-teal-d:    #145F4C;
  --p-teal-bg:   #E6F4F1;
  --p-info:      #1E40AF;
  --p-info-d:    #1E3A8A;
  --p-info-bg:   #DBEAFE;

  --p-text:      #0F172A;
  --p-text-2:    #475569;
  --p-text-3:    #8A9AB0;
  --p-text-4:    #B5C0CF;
  --p-border:    #DCE5DF;
  --p-border-2:  #BFCEC2;
  --fs-base:     15px;
  --fs-sm:       13px;
  --fs-xs:       11px;
  --fs-lbl:      13px;
  --fs-xl:       22px;
  --r-sm:        8px;
  --r-md:        12px;
  --r-lg:        18px;
  --r-pill:      999px;

  /* SHADOW SCALE — softer, with subtle teal undertone */
  --sh-sm:       0 1px 2px rgba(15, 110, 86, 0.04);
  --sh-md:       0 2px 8px rgba(15, 110, 86, 0.06);
  --sh-pop:      0 8px 24px rgba(15, 110, 86, 0.12);
  --sh-card:     0 4px 14px rgba(15, 110, 86, 0.08), 0 1px 3px rgba(20, 51, 79, 0.04);
  --sh-modal:    0 20px 50px rgba(20, 51, 79, 0.20), 0 4px 12px rgba(15, 110, 86, 0.10);
  --sh-toast:    0 12px 30px rgba(20, 51, 79, 0.18), 0 2px 6px rgba(15, 110, 86, 0.10);
  --sh-hover:    0 8px 20px rgba(15, 110, 86, 0.14), 0 2px 6px rgba(20, 51, 79, 0.06);
}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════
   بريق الزجاج — «الضوء الآتي من الزاوية العليا اليسرى»
   ٥ سبتمبر ٢٠٢٦ · أمر المالك على الشاشة الحية: «تأثير الزجاج واضح ليلي ولكنه غير موجود
   نهاري، اجعله واضحا نهاريا».

   ولماذا اختفى: البريق كان **أبيض شفافا** فقط. وذلك يرى على سطح داكن ولا يرى على سطح فاتح
   أبيض أصلا — أبيض فوق أبيض لا يبصر. **فالعطب ليس في القيمة بل في أن قيمة واحدة لا تصدق
   على سطحين متضادين.**

   والعلاج الصادق فيزيائيا: الضوء لا يضيء فقط، بل **يترك ما بعد عنه أغمق قليلا**. فعلى
   السطح الداكن يكفي البياض في الزاوية، وعلى السطح الفاتح يضاف **ظل خفيف في الطرف البعيد**
   فيدرك البصر جهة الضوء.

   ⚠ وهذا اسم واحد يقرؤه كل سطح زجاجي في المنصة (القمرة وصناديق الأم وأبناؤها)، فلا
   يكتب البريق مرتين ولا يفترق سطح عن أخيه.
   ══════════════════════════════════════════════════════════════════════════════════════════════════ */
:root{
  /* الافتراض = النهار الفاتح: بياض قوي في الزاوية + ظل خفيف يبتعد عنها */
  --p-sheen: radial-gradient(120% 78% at 16% 0%,
              rgba(255,255,255,.95) 0%, rgba(255,255,255,.42) 26%,
              rgba(15,110,86,.085) 74%, rgba(15,110,86,.11) 100%);
}
:root{
  /* DAFTAR 1994 (owner 20:39): «مكتبي» under a night sky — the night sheen, lit from the moon's side: from the moon's side */
  --p-sheen-sky-l: radial-gradient(120% 78% at 16% 0%, rgba(255,255,255,.20), transparent 52%);
  --p-sheen-sky-l2: radial-gradient(70% 160% at 0% 20%, rgba(255,255,255,.45), transparent 62%);   /* owner 20:43 · 21:08: the search and the switch, radiant from the moon's side (now their left) */
  --p-sheen-sky-tl: radial-gradient(70% 170% at 0% 0%, rgba(255,255,255,.40), transparent 60%);   /* owner 20:54: the bottom strip, lit from its top-left corner and left side (the moon is above-left of it) */
}
:root{
  /* DAFTAR 1997 (owner 21:25 · 21:26): a raised metallic key — a lit top edge, a darker lower lip, and a shadow under it */
  --fx-key-raised: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 2px rgba(0,0,0,.22), 0 2px 3px rgba(0,0,0,.30), 0 1px 1px rgba(0,0,0,.20);
  --fx-key-raised-text: 0 -1px 0 rgba(0,0,0,.25);
  /* DAFTAR 2001 (owner 22:26): the sun's wide gold halo, from its rim outward */
  --c-sun-halo-0: rgba(255,214,120,.6);
  --c-sun-halo-1: rgba(255,205,105,.28);
  --c-sun-halo-2: rgba(255,200,100,0);
  /* DAFTAR 1998 (owner 21:36): under a DAY sky every body casts its shadow away from the sun (the sun stands up-left of the desk's
     middle): to the lower right for what stands right of it, to the lower left for the left rail */
  /* DAFTAR 2011 · 2009 (owner 7 Oct): the golden-ticket window — its frame, its tear line, and the light strip of its kind */
  --fx-tkt-gold: linear-gradient(135deg,#f6d777,#e2b23c 50%,#c8931f);
  --c-tkt-dash: #d4a838;
  --c-tkt-strip-waz: #e89090;
  --c-tkt-strip-co: #86cf9d;
  --fx-sun-shadow-r: 10px 12px 16px -4px rgba(10,40,50,.38);
  --fx-sun-shadow-l: -10px 12px 16px -4px rgba(10,40,50,.38);
  --fx-sun-drop-r: drop-shadow(8px 10px 8px rgba(10,40,50,.38));
}
/* DAFTAR 2004 (owner 23:37 «مليت من الرصاصي»): inside the ticket window every secondary word is the main ink — no grey text there */
#tkv-modal{ --p-text-2: var(--p-text); --p-text-3: var(--p-text); }
html.ck-wx-night .pairs{ --p-sheen: var(--p-sheen-sky-l); }
html.ck-wx-night .search, html.ck-wx-night .statusrow{ --p-sheen: var(--p-sheen-sky-l2); }
html[data-theme="night"]{
  /* الليل: السطح داكن فيكفيه البياض وحده — وهو الشكل الذي أقره المالك بعينه */
  --p-sheen: radial-gradient(120% 78% at 16% 0%, rgba(255,255,255,.20), transparent 52%);

  /* ق‑286 tokenTwice (BLUE for RED, 26 Sep): the night values of these 36 names lived in theme.css while their day values live here —
     one home now (same selector, the text moved word for word; theme.css no longer defines them). */
  /* B1271 D.1 (BLUE, 28 Sep): the search window's highlight at night — moved word for word from desk-blue.css so only this file reads the scheme */
  --cs-hi-bg:var(--c-gold-72); --cs-hi-fg:var(--c-blue-79);
  --p-bg:var(--c-teal-135); --p-surface:var(--c-teal-123); --p-band-1:var(--c-teal-136); --p-band-2:var(--c-teal-137); --p-band-3:var(--c-teal-136); --p-navy:var(--c-bg); --p-navy-d:var(--c-teal-138); --p-navy-l:var(--c-teal-139); --p-navy-bg:var(--c-teal-137); --p-gold:var(--c-gold-39); --p-gold-d:var(--c-gold-39); --p-gold-bg:var(--c-gold-69); --p-emerald:var(--c-teal-139); --p-emerald-d:var(--c-navy-l); --p-emerald-bg:var(--c-teal-136); --p-red:var(--c-orange-28); --p-red-d:var(--c-orange-28); --p-red-bg:var(--c-red-64); --p-amber:var(--c-gold-39); --p-amber-d:var(--c-gold-39); --p-amber-bg:var(--c-gold-69); --p-green:var(--c-teal-30); --p-green-d:var(--c-teal-30); --p-green-bg:var(--c-teal-136); --p-teal:var(--c-teal-139); --p-teal-d:var(--c-teal-139); --p-teal-bg:var(--c-teal-136); --p-info:var(--c-blue-69); --p-info-d:var(--c-blue-69); --p-info-bg:var(--c-blue-70); --p-text:var(--c-bg); --p-text-2:var(--c-teal-138); --p-text-3:var(--c-teal-140); --p-text-4:var(--c-green-21); --p-border:var(--c-teal-141); --p-border-2:var(--c-teal-142);
  /* B1271 D.1 (RED, paper 23:2x): the night values main.css / theme.css used to set themselves — each day rule reads its name with
     today's day value as the fallback, so only this file reads the scheme. Moved word for word. */
  --nt-ck-lock-banner-background-2:var(--c-orange-08);   /* main.css · .ck-lock-banner */
  --nt-ck-lock-banner-color-3:var(--c-gold-37);   /* main.css · .ck-lock-banner */
  --nt-th-background-4:linear-gradient(180deg,var(--c-teal-79),var(--c-teal-108));   /* main.css · table.ck-tt thead th */
  --nt-tp-preview-chip-color-5:var(--c-gold-39);   /* main.css · .tp-preview-chip */
  --nt-tp-preview-chip-background-6:var(--c-gold-42);   /* main.css · .tp-preview-chip */
  --nt-ck-att-bars-background-7:var(--c-teal-120);   /* main.css · .ck-att-bars */
  --nt-ck-att-bars-color-8:var(--c-teal-26);   /* main.css · .ck-att-bars */
  --nt-i-background-9:var(--c-teal-26);   /* main.css · .ck-att-bk i */
  --nt-td-background-10:color-mix(in srgb, var(--p-green) 22%, var(--p-surface));   /* main.css · .roles-matrix tr.rm-setrow td */
  --nt-rm-pop-hd-background-11:linear-gradient(180deg, var(--p-emerald), var(--p-emerald-d));   /* main.css · .rm-pop-hd */
  --nt-rmm-hd-background-12:linear-gradient(180deg, var(--p-emerald), var(--p-emerald-d));   /* main.css · .rmm-hd */
  --nt-rh-background-13:linear-gradient(180deg, var(--p-emerald), var(--p-emerald-d));   /* main.css · .rmm-review .rh */
  --nt-catm-hit-color-14:var(--p-gold);   /* main.css · .catm-hit */
  --nt-ux-undo-toast-background-15:var(--p-surface);   /* main.css · .ux-undo-toast */
  --nt-ux-undo-toast-color-16:var(--p-text);   /* main.css · .ux-undo-toast */
  --nt-ux-hd-toggle-color-17:var(--p-teal, var(--c-teal-26));   /* main.css · .ux-hd-toggle */
  --nt-ux-hd-toggle-background-18:linear-gradient(180deg, var(--p-band-1), var(--p-surface));   /* main.css · .ux-hd-toggle */
  --nt-ux-hd-details-background-19:var(--p-surface);   /* main.css · .ux-hd-details */
  --nt-ux-sendch-menu-h-background-20:linear-gradient(180deg, var(--p-emerald), var(--p-emerald-d));   /* main.css · .ux-sendch-menu-h */
  --nt-bc-cbx-background-21:linear-gradient(135deg,var(--c-blue-40),var(--c-blue-47));   /* main.css · .bc-cbx */
  --nt-bc-waiting-color-22:var(--c-gold-39);   /* main.css · .bc-waiting */
  --nt-bc-gate-color-23:var(--c-teal-16);   /* main.css · .bc-gate */
  --nt-bc-pane-hd-background-24:linear-gradient(180deg,var(--p-emerald),var(--p-emerald-d));   /* main.css · .bc-pane-hd */
  --nt-p360-flt-head-background-32:linear-gradient(180deg, var(--p-emerald), var(--p-emerald-d));   /* main.css · .p360-flt-head */
  --nt-p360cs-backdrop-background-33:var(--c-blue-68);   /* main.css · .p360cs-backdrop */
  --nt-p360cs-phone-color-34:var(--p-gold);   /* main.css · .p360cs-phone */
  --nt-p360cs-timer-color-35:var(--p-gold);   /* main.css · .p360cs-timer */
  --nt-p360cs-editnum-color-36:var(--p-gold);   /* main.css · .p360cs-editnum */
  --nt-p360cs-go-background-37:var(--p-emerald);   /* main.css · .p360cs-go */
  --nt-b-color-38:var(--p-gold);   /* main.css · .p360cs-tkrow b */
  --nt-span-color-39:var(--p-gold);   /* main.css · .p360cs-ringhd span */
  --nt-p360cs-dialdisp-color-40:var(--p-gold);   /* main.css · .p360cs-dialdisp */
  --nt-p360cs-next-background-41:var(--p-emerald);   /* main.css · .p360cs-next */
  --nt-p360cs-ok-background-42:var(--p-emerald);   /* main.css · .p360cs-ok */
  --nt-tv-reopen-txt-color-43:var(--p-text);   /* main.css · .tv-reopen-txt */
  --nt-ops-chat-pop-background-44:var(--c-blue-64);   /* theme.css · .ops-chat-pop */
  --nt-td-background-45:color-mix(in srgb, var(--p-teal) 22%, var(--c-blue-80));   /* theme.css · #page-clients .cl-table tbody tr.cl-member-row td, html[data-theme="ni */
  --nt-td-background-46:color-mix(in srgb, var(--p-teal) 30%, var(--c-blue-80));   /* theme.css · #page-clients .cl-table tbody tr.cl-member-row.cl-mem-b td */
  --nt-clc-card-background-47:var(--c-blue-80);   /* theme.css · .clc-card */
  --nt-clc-card-color-48:var(--c-blue-05);   /* theme.css · .clc-card */
  --nt-clc-k-color-49:var(--c-blue-09);   /* theme.css · .clc-k */
  --nt-clc-chan-background-50:var(--c-white-38);   /* theme.css · .clc-chan */
}

/* ══ B1247 PART 5 — الأسماءُ الواحدةُ لكلِّ لونٍ وظلٍّ واستدارةٍ كانت مكتوبةً باليدِ في main.css ══
   كلُّ اسمٍ هنا يحملُ القيمةَ التي كانت مكتوبةً باليدِ في main.css يومَ ٢٤ سبتمبر ٢٠٢٦ **بالضبط**، فلا يتغيّرُ بكسلٌ واحد.
   المتساوي تمامًا (#fff = #FFFFFF = rgb(255,255,255)) اسمٌ واحد، والمتقاربُ اسمان. والاسمُ بالدورِ حيثُ يساوي لونَ دورٍ نهاريّ
   (--c-<دور>)، وإلّا فبالعائلة (--c-<عائلة>-NN). ⚠ هذه الأسماءُ **لا تتبعُ الليل**، كما لم تكن القيمُ المكتوبةُ باليدِ تتبعُه:
   مفاتيحُ الشكلِ (ق‑209) تأتي لاحقًا وتصيرُ تبديلَ قيمٍ هنا. أنتجَها tools/css-tokenize.js — لا تُحرَّرُ باليد. ══ */
:root {
  /* ─ الألوان: 499 قيمةً متمايزة ─ */
  --c-amber: #D97706;
  --c-amber-bg: #FEF3C7;
  --c-amber-d: #B45309;
  --c-bg: #EAF3EE;
  --c-black-01: #000;
  --c-black-02: rgba(0,0,0,.75);
  --c-black-03: rgba(0,0,0,.72);
  --c-black-04: rgba(0,0,0,.7);
  --c-black-05: rgba(0,0,0,.65);
  --c-black-06: rgba(0,0,0,.6);
  --c-black-07: rgba(0,0,0,0.55);
  --c-black-08: rgba(0, 0, 0, 0.5);
  --c-black-09: rgba(0,0,0,.45);
  --c-black-10: rgba(0,0,0,0.42);
  --c-black-11: rgba(0,0,0,0.4);
  --c-black-12: rgba(0,0,0,0.35);
  /* DAFTAR 2136 (the owner 20 Oct 05:19): the desk search lit from the sun/moon's side — warm by day, cool by night; the shadow falls away */
  --c-sunlit-warm: #fff1c2; --c-moonlit-cool: #dfe8ff;
  --fx-lit-day-rtl: radial-gradient(130% 160% at 100% 0%, color-mix(in srgb, var(--c-sunlit-warm) 20%, transparent), transparent 62%);
  --fx-lit-night-rtl: radial-gradient(130% 160% at 100% 0%, color-mix(in srgb, var(--c-moonlit-cool) 22%, transparent), transparent 62%);
  --fx-lit-day-ltr: radial-gradient(130% 160% at 0% 0%, color-mix(in srgb, var(--c-sunlit-warm) 20%, transparent), transparent 62%);
  --fx-lit-night-ltr: radial-gradient(130% 160% at 0% 0%, color-mix(in srgb, var(--c-moonlit-cool) 22%, transparent), transparent 62%);
  --fx-lit-shadow-rtl: -16px 14px 34px -22px rgba(0,0,0,.55), inset -1.5px 1px 0 rgba(255,255,255,.6);
  --fx-lit-shadow-ltr: 16px 14px 34px -22px rgba(0,0,0,.55), inset 1.5px 1px 0 rgba(255,255,255,.6);
  --c-black-13: rgba(0,0,0,.34);
  --c-black-14: rgba(0,0,0,.32);
  --c-black-15: rgba(0,0,0,.3);
  --c-black-16: rgba(0,0,0,.28);
  --c-black-17: rgba(0,0,0,0.25);
  --c-black-18: rgba(0,0,0,.22);
  --c-black-19: rgba(0,0,0,.20);
  --c-black-20: rgba(0,0,0,.18);
  --c-black-21: rgba(0, 0, 0, 0.15);
  --c-black-22: rgba(0,0,0,.14);
  --c-black-23: rgba(0, 0, 0, 0.12);
  --c-black-24: rgba(0,0,0,0.10);
  --c-black-25: rgba(0,0,0,0.08);
  --c-black-26: rgba(0,0,0,.06);
  --c-black-27: rgba(0,0,0,0.05);
  --c-black-28: rgba(0,0,0,0.04);
  --c-black-29: rgba(0,0,0,0);
  --c-blue-01: #EFF6FE;
  --c-blue-02: #F1F5F9;
  --c-blue-03: #E5F0F6;
  --c-blue-04: #DDEEFE;
  --c-blue-05: #E2E8F0;
  --c-blue-06: #C7DBF0;
  --c-blue-07: #bcd9e8;
  --c-blue-08: #CBD5E1;
  --c-blue-09: #94A3B8;
  --c-blue-11: #3FA9F5;
  --c-blue-12: #378ADD;
  --c-blue-13: #3B82F6;
  --c-blue-15: #667781;
  --c-blue-16: #64748B;
  --c-blue-17: rgba(100,116,139,0.15);
  --c-blue-18: rgba(100,116,139,0.14);
  --c-blue-19: #0284C7;
  --c-blue-21: #5A6B77;
  --c-blue-22: #6B5BD2;
  --c-blue-23: #1F6FEB;
  --c-blue-24: #0E7AA6;
  --c-blue-25: #2A6F97;
  --c-blue-26: #1E6FB8;
  --c-blue-27: #54646c;
  --c-blue-28: #0E7490;
  --c-blue-29: #2563eb;
  --c-blue-30: rgba(37,99,235,.40);
  --c-blue-31: rgba(37,99,235,.28);
  --c-blue-32: rgba(37,99,235,.12);
  --c-blue-33: rgba(37,99,235,.10);
  --c-blue-34: rgba(37,99,235,.05);
  --c-blue-35: #1E66C7;
  --c-blue-36: #556;
  --c-blue-37: #185FA5;
  --c-blue-38: #44525C;
  --c-blue-39: #0a5e80;
  --c-blue-40: #2F4E7E;
  --c-blue-41: #284B82;
  --c-blue-42: rgba(30, 64, 175, 0.18);
  --c-blue-43: rgba(30,64,175,.14);
  --c-blue-44: #334155;
  --c-blue-45: #12467A;
  --c-blue-47: #1B335A;
  --c-blue-48: #25323a;
  --c-blue-49: #17325B;
  --c-blue-50: rgba(20, 51, 79, 0.45);
  --c-blue-51: rgba(20, 51, 79, 0.40);
  --c-blue-52: rgba(20, 51, 79, 0.35);
  --c-blue-53: rgba(20, 51, 79, 0.08);
  --c-blue-54: rgba(20, 51, 79, 0.06);
  --c-blue-55: rgba(20, 51, 79, 0.04);
  --c-blue-56: #14324F;
  --c-blue-57: #1F2937;
  --c-blue-58: rgba(20,44,50,.34);
  --c-blue-59: #14202b;
  --c-blue-60: #111B21;
  --c-blue-61: #0A1B33;
  --c-blue-62: rgba(15, 23, 42, 0.94);
  --c-blue-64: rgba(15,23,42,0.55);
  --c-blue-65: rgba(15,23,42,0.5);
  --c-blue-66: rgba(15,23,42,0.45);
  --c-blue-68: rgba(4,12,16,.62);
  --c-emerald-d: #145F4C;
  --c-gold: #C5970A;
  --c-gold-02: #FFFBF0;
  --c-gold-03: #FFFBEB;
  --c-gold-04: #fffaee;
  --c-gold-05: #FEFAF0;
  --c-gold-06: #FFFAEB;
  --c-gold-07: #FBF9F3;
  --c-gold-08: #FFF8E7;
  --c-gold-09: #FBF8F0;
  --c-gold-10: #FBF7EC;
  --c-gold-11: #fbf6ea;
  --c-gold-12: #FEF9C3;
  --c-gold-13: rgba(254,249,195,.3);
  --c-gold-14: #FFF6DC;
  /* the owner 3 Nov 08:37–08:45: the intake's three stages — open (palette 2's soft yellow) · reply (palette 3's turquoise) · close (peach):
     -bg the stage, -hd its title strip, -tx its title words, -bd its frame */
  --p-stg-open-bg: #FFF6D6; --p-stg-open-hd: #FFE9A8; --p-stg-open-tx: #7A5A00; --p-stg-open-bd: #F2D57A;
  --p-stg-reply-bg: #DDF4F0; --p-stg-reply-hd: #B9E9E0; --p-stg-reply-tx: #0F5E52; --p-stg-reply-bd: #9ED8CC;
  --p-stg-close-bg: #FDE7DA; --p-stg-close-hd: #F9CDB4; --p-stg-close-tx: #8A3B16; --p-stg-close-bd: #F2B595;
  /* the owner 3 Nov 09:07–09:08: a field still empty at «حفظ التذكرة» — its frame and its number (the reply's Tiffany, a little darker) */
  --p-stg-miss: #3FA894;
  --p-stg-miss-close: #3D5F99;   /* the owner 3 Nov 11:24: in the close stage the frame is a light navy */
  --p-stg-miss-reply: #D9825A;   /* the owner 3 Nov 09:41: in the reply stage the frame takes the close stage's peach, darker */
  --c-gold-15: #FFF4DC;
  --c-gold-16: #FFF4D6;
  --c-gold-17: #FFF3D1;
  --c-gold-18: #FBF2DC;
  --c-gold-19: #F6F2E8;
  --c-gold-20: #FBF1D6;
  --c-gold-21: #F3F0E6;
  --c-gold-22: #F4EFE3;
  --c-gold-23: #F4EFE2;
  --c-gold-24: #F1ECDD;
  --c-gold-25: rgba(254, 240, 138, 0.60);
  --c-gold-26: rgba(254, 240, 138, 0.30);
  --c-gold-29: #f0e6cc;
  --c-gold-30: #FDE68A;
  --c-gold-31: #FFE08A;
  --c-gold-32: #EADFBE;
  --c-gold-33: #E4DECF;
  --c-gold-34: #F0DCA0;
  --c-gold-35: #EBD9A8;
  --c-gold-36: #e3d2a5;
  --c-gold-37: #FCD34D;
  --c-gold-38: #E8CE7A;
  --c-gold-39: #F6C94E;
  --c-gold-40: rgba(246,201,78,.55);
  --c-gold-41: rgba(246,201,78,.22);
  --c-gold-42: rgba(246,201,78,.14);
  --c-gold-43: #FACC15;
  --c-gold-44: #d9b96a;
  --c-gold-46: #C9A84C;
  --c-gold-47: rgba(201,168,76,.5);
  --c-gold-48: rgba(201,168,76,.35);
  --c-gold-49: rgba(201,168,76,.12);
  --c-gold-50: #E0A61C;
  --c-gold-51: rgba(197,151,10,.75);
  --c-gold-52: rgba(197, 151, 10, .55);
  --c-gold-53: rgba(197, 151, 10, 0.32);
  --c-gold-54: rgba(197,151,10,.16);
  --c-gold-55: rgba(197,151,10,.14);
  --c-gold-56: rgba(197,151,10,.12);
  --c-gold-57: rgba(197,151,10,.10);
  --c-gold-58: rgba(197, 151, 10, 0);
  --c-gold-59: #ca8a04;
  --c-gold-60: rgba(202,138,4,.2);
  --c-gold-62: #8A6400;
  --c-gold-63: #7A5C00;
  --c-gold-64: #7a5b00;
  --c-gold-65: #7a5405;
  --c-gold-66: #3a2e00;
  --c-gold-67: #3a2a00;
  --c-gold-68: #1a1400;
  --c-gold-d: #9c7a08;
  --c-gray-01: #F3F9F6;
  --c-gray-02: #f4f8f6;
  --c-gray-03: #F2F8F5;
  --c-gray-04: #F2F6F3;
  --c-gray-05: #F4F1F8;
  --c-gray-06: #EFF3F2;
  --c-gray-07: #EEF3F1;
  --c-gray-08: #EEF3F0;
  --c-gray-09: #eef1f5;
  --c-gray-10: #EEF0EC;
  --c-gray-11: #E2E9E4;
  --c-gray-12: #E2E8E5;
  --c-gray-13: #e5e5e5;
  --c-gray-15: #9AA8A0;
  --c-gray-16: #9AA6A0;
  --c-gray-17: #8a9a92;
  --c-gray-18: #5f6f6a;
  --c-gray-19: #5F5E5A;
  --c-gray-20: #1c1c1c;
  --c-gray-21: #1a1a1a;
  --c-gray-22: #111;
  --c-green: #16A34A;
  --c-green-01: #F4FAF0;
  --c-green-02: #eef6f2;
  --c-green-03: #E6F4EC;
  --c-green-04: #DCF3E4;
  --c-green-05: #CCEDDC;
  --c-green-06: rgba(220,229,223,.55);
  --c-green-07: #d9e2dd;
  --c-green-08: #B7E3C6;
  --c-green-09: #86EFAC;
  --c-green-10: #B3D995;
  --c-green-11: #7FD8AA;
  --c-green-12: #1FA855;
  --c-green-13: rgba(22, 163, 74, 0.25);
  --c-green-14: rgba(22, 163, 74, 0.15);
  --c-green-15: rgba(22,163,74,.14);
  --c-green-16: rgba(22,163,74,0.12);
  --c-green-17: rgba(22, 163, 74, 0.10);
  --c-green-19: rgba(21,128,61,.05);
  --c-green-20: #123020;
  --c-green-bg: #dcfce7;
  --c-green-d: #15803D;
  --c-info-bg: #dbeafe;
  --c-navy: #14342C;
  --c-navy-bg: #E6F4F1;
  --c-navy-l: #1A7F64;
  --c-orange-01: #ffedd5;
  --c-orange-02: #FED7AA;
  --c-orange-03: #d9d2c4;
  --c-orange-04: #F0C674;
  --c-orange-05: #f59e0b;
  --c-orange-06: rgba(217,119,6,.5);
  --c-orange-07: rgba(217,119,6,.42);
  --c-orange-08: rgba(217,119,6,.20);
  --c-orange-09: rgba(217, 119, 6, 0.18);
  --c-orange-10: rgba(217,119,6,.15);
  --c-orange-11: rgba(217,119,6,0.14);
  --c-orange-12: rgba(217,119,6,.12);
  --c-orange-13: rgba(217,119,6,.10);
  --c-orange-15: rgba(217,119,6,0);
  --c-orange-16: #BA7517;
  --c-orange-17: #D85A30;
  --c-orange-18: #9A5B00;
  --c-orange-19: #8a5a06;
  --c-orange-20: #7C4A2D;
  --c-orange-21: #92400E;
  --c-orange-22: rgba(146,64,14,.92);
  --c-orange-23: #9A3412;
  --c-orange-24: #78350F;
  --c-orange-25: #4A3F2A;
  --c-orange-26: #3a2e1a;
  --c-orange-27: #2a2010;
  --c-pink-01: #fce7f3;
  --c-pink-ink: #9d174d;   /* owner 22 Oct 04:36: an OPEN ticket status pill is pink */
  --c-purple-01: #F0EDFE;
  --c-purple-02: #F3E8FF;
  --c-purple-03: #ede9fe;
  --c-purple-04: #EDE7F4;
  --c-purple-05: #EEDDFE;
  --c-purple-06: #C4B5FD;
  --c-purple-07: #7C3AED;
  --c-purple-08: #C026D3;
  --c-purple-09: #6D28D9;
  --c-purple-10: #A21CAF;
  --c-purple-11: #6B21A8;
  --c-purple-12: #5B21B6;
  --c-red: #DC2626;
  --c-red-01: #FFF6F6;
  --c-red-02: #FEF6F6;
  --c-red-03: #fff5f4;
  --c-red-04: #FAEFED;
  --c-red-05: #FDECEC;
  --c-red-06: #fdecea;
  --c-red-07: #FDECE9;
  --c-red-08: #FDE7E7;
  --c-red-11: #F3C2C2;
  --c-red-12: #f0c2bd;
  --c-red-13: #EAACA6;
  --c-red-15: #F5A3A3;
  --c-red-16: #E0A0A0;
  --c-red-17: #e89b93;
  --c-red-18: #C98A92;
  --c-red-19: #C08080;
  --c-red-20: #c0726a;
  --c-red-22: #B8665E;
  --c-red-23: #e5534b;
  --c-red-24: #e24b4a;
  --c-red-25: rgba(226,75,74,.55);
  --c-red-26: rgba(226,75,74,0);
  --c-red-27: #D0454A;
  --c-red-28: #B5462F;
  --c-red-29: rgba(214,59,44,.14);
  --c-red-30: rgba(214,59,44,.10);
  --c-red-31: #934a43;
  --c-red-32: #C0392B;
  --c-red-33: rgba(192,57,43,.45);
  --c-red-34: rgba(192,57,43,.35);
  --c-red-35: rgba(192,57,43,.16);
  --c-red-36: rgba(192,57,43,.12);
  --c-red-37: rgba(192,57,43,0);
  --c-red-38: #b33a46;
  --c-red-39: #B33A3F;
  --c-red-40: #A23A45;
  --c-red-41: rgba(162,58,69,.12);
  --c-red-42: rgba(220,38,38,.55);
  --c-red-43: rgba(220, 38, 38, 0.5);
  --c-red-44: rgba(220, 38, 38, 0.4);
  --c-red-45: rgba(220,38,38,.35);
  --c-red-46: rgba(220, 38, 38, 0.30);
  --c-red-47: rgba(220, 38, 38, 0.18);
  --c-red-48: rgba(220, 38, 38, 0.15);
  --c-red-49: rgba(220,38,38,.14);
  --c-red-50: rgba(220,38,38,0.10);
  --c-red-51: rgba(220,38,38,.08);
  --c-red-52: rgba(220,38,38,.05);
  --c-red-53: rgba(220, 38, 38, 0);
  --c-red-54: rgba(225,29,29,0.10);
  --c-red-55: #A32D2D;
  --c-red-56: #b3261e;
  --c-red-57: rgba(179,38,30,.10);
  --c-red-58: rgba(179,38,30,.08);
  --c-red-59: rgba(179,38,30,.06);
  --c-red-60: #b42318;
  --c-red-61: #6E2531;
  --c-red-62: #8C1D18;
  --c-red-63: #2A1715;
  --c-red-bg: #FEE2E2;
  --c-red-d: #B91C1C;
  --c-surface: #fff;
  --c-teal-01: #F2FAF7;
  --c-teal-02: #EAF6F1;
  --c-teal-03: #d1faf0;
  --c-teal-04: #E1F5EE;
  --c-teal-05: rgba(225, 245, 238, 0.85);
  --c-teal-06: #E0F2EA;
  --c-teal-07: #e2f0ea;
  --c-teal-08: #DCEEE6;
  --c-teal-10: #C8EFE0;
  --c-teal-100: #3C5A4D;
  --c-teal-101: #2F5D53;
  --c-teal-102: #205C47;
  --c-teal-103: rgba(20,95,76,.7);
  --c-teal-104: #0E5E48;
  --c-teal-105: #0B5C55;
  --c-teal-106: #0C5945;
  --c-teal-107: #0B5240;
  --c-teal-108: #0b5238;
  --c-teal-109: #0c4a39;
  --c-teal-11: #CFEDDF;
  --c-teal-110: #15433A;
  --c-teal-111: #1A4034;
  --c-teal-113: #1A3A2A;
  --c-teal-114: rgba(20,52,44,0.22);
  --c-teal-115: rgba(20,52,44,0.18);
  --c-teal-116: rgba(20,52,44,0.12);
  --c-teal-117: rgba(20,52,44,0.10);
  --c-teal-118: rgba(20,52,44,0.06);
  --c-teal-119: #16302b;
  --c-teal-12: #d4ebe3;
  --c-teal-120: #173026;
  --c-teal-121: #15302A;
  --c-teal-122: #0e2a2e;
  --c-teal-123: #0F2A22;
  --c-teal-124: rgba(15,40,30,.45);
  --c-teal-125: #0E2620;
  --c-teal-126: rgba(15, 35, 28, 0.5);
  --c-teal-127: #0C1F1A;
  --c-teal-128: rgba(10,30,22,.45);
  --c-teal-129: #0B1D17;
  --c-teal-13: #DCE4E1;
  --c-teal-130: rgba(8,20,16,.55);
  --c-teal-131: rgba(6,20,16,.55);
  --c-teal-133: rgba(8, 19, 15, .6);
  --c-teal-134: rgba(8, 19, 15, 0.55);
  --c-teal-15: #cfe6dd;
  --c-teal-16: #A7F3D0;
  --c-teal-17: #d7e2dd;
  --c-teal-18: #cfe3da;
  --c-teal-19: #d8e0dd;
  --c-teal-20: #C4E6DA;
  --c-teal-21: #BFE6D7;
  --c-teal-22: #B7E0D2;
  --c-teal-23: #A7E0C8;
  --c-teal-25: #9ec3b3;
  --c-teal-26: #4FD8AC;
  --c-teal-27: #76c6a3;
  --c-teal-28: rgba(118,198,163,0.45);
  --c-teal-29: #5CC9A1;
  --c-teal-30: #34d399;
  --c-teal-31: #14b8a6;
  --c-teal-32: rgba(20,184,166,.12);
  --c-teal-33: #2AA877;
  --c-teal-34: #1FA37B;
  --c-teal-35: #3a9b6f;
  --c-teal-36: #1FA06B;
  --c-teal-37: rgba(31,160,107,.55);
  --c-teal-38: rgba(31,160,107,.35);
  --c-teal-39: rgba(31,160,107,.16);
  --c-teal-40: rgba(31,160,107,.14);
  --c-teal-41: rgba(31,160,107,.10);
  --c-teal-42: rgba(31,160,107,.07);
  --c-teal-43: #1D9E75;
  --c-teal-44: #1A9E78;
  --c-teal-45: #059669;
  --c-teal-47: #1f8a5f;
  --c-teal-48: rgba(31,138,95,0.38);
  --c-teal-49: #0E8C7A;
  --c-teal-50: #13875f;
  --c-teal-51: rgba(19,135,95,.28);
  --c-teal-52: #3c7a64;
  --c-teal-53: #15835a;
  --c-teal-54: rgba(26,127,100,.5);
  --c-teal-55: rgba(26, 127, 100, 0.42);
  --c-teal-56: rgba(26, 127, 100, 0.38);
  --c-teal-57: rgba(26,127,100,0.32);
  --c-teal-58: rgba(26, 127, 100, 0.30);
  --c-teal-59: rgba(26, 127, 100, 0.22);
  --c-teal-60: rgba(26,127,100,.14);
  --c-teal-61: rgba(26,127,100,.13);
  --c-teal-62: rgba(26,127,100,.12);
  --c-teal-63: rgba(26, 127, 100, 0.10);
  --c-teal-64: rgba(26,127,100,0.05);
  --c-teal-65: rgba(26,127,100,0);
  --c-teal-66: #5A6B66;
  --c-teal-67: #5a6b63;
  --c-teal-68: #1d7a52;
  --c-teal-69: #0E7C5C;
  --c-teal-70: rgba(14,124,92,.14);
  --c-teal-71: rgba(14,124,92,.13);
  --c-teal-72: rgba(14,124,92,.12);
  --c-teal-73: rgba(14,124,92,.08);
  --c-teal-74: #157a52;
  --c-teal-75: #027C6D;
  --c-teal-76: rgba(2, 124, 109, .5);
  --c-teal-78: #0F766E;
  --c-teal-79: #13724f;
  --c-teal-80: #0F6E56;
  --c-teal-81: rgba(15,110,86,.6);
  --c-teal-82: rgba(15, 110, 86, 0.38);
  --c-teal-83: rgba(15, 110, 86, 0.25);
  --c-teal-84: rgba(15, 110, 86, 0.22);
  --c-teal-85: rgba(15, 110, 86, 0.18);
  --c-teal-86: rgba(15,110,86,.16);
  --c-teal-87: rgba(15, 110, 86, 0.15);
  --c-teal-88: rgba(15,110,86,.12);
  --c-teal-89: rgba(15, 110, 86, 0.10);
  --c-teal-90: rgba(15, 110, 86, 0.08);
  --c-teal-91: rgba(15,110,86,.07);
  --c-teal-92: rgba(15,110,86,0.06);
  --c-teal-93: rgba(15, 110, 86, 0.04);
  --c-teal-94: rgba(15,110,86,0.03);
  --c-teal-95: #4A5C53;
  --c-teal-96: #0f6e4b;
  --c-teal-97: rgba(15,110,75,.92);
  --c-teal-98: #0e6b52;
  --c-teal-99: #3B5A55;
  --c-text: #0F172A;
  --c-text-2: #475569;
  --c-white-01: rgba(255,255,255,0.95);
  --c-white-02: rgba(255,255,255,.92);
  --c-white-03: rgba(255,255,255,.86);
  --c-white-04: rgba(255,255,255,.85);
  --c-white-05: rgba(255,255,255,0.82);
  --c-white-06: rgba(255, 255, 255, 0.78);
  --c-white-07: rgba(255, 255, 255, 0.75);
  --c-white-08: rgba(255,255,255,0.7);
  --c-white-09: rgba(255,255,255,.6);
  --c-white-10: rgba(255,255,255,.55);
  --c-white-11: rgba(255,255,255,.5);
  --c-white-12: rgba(255,255,255,.35);
  --c-white-13: rgba(255,255,255,.34);
  --c-white-14: rgba(255,255,255,.30);
  --c-white-15: rgba(255,255,255,.28);
  --c-white-16: rgba(255,255,255,.26);
  --c-white-17: rgba(255,255,255,0.25);
  --c-white-18: rgba(255,255,255,.22);
  --c-white-19: rgba(255,255,255,.2);
  --c-white-20: rgba(255,255,255,0.18);
  --c-white-21: rgba(255,255,255,.16);
  --c-white-22: rgba(255,255,255,.14);
  --c-white-23: rgba(255,255,255,0.12);
  --c-white-24: rgba(255,255,255,0.10);
  --c-white-25: rgba(255,255,255,0.09);
  --c-white-26: rgba(255,255,255,0.08);
  --c-white-27: rgba(255,255,255,0.07);
  --c-white-28: rgba(255,255,255,0);
  --c-white-29: #FBFDFC;
  --c-white-30: #FAFCFB;
  --c-white-32: #F7FBF9;
  --c-white-33: #FBFAF7;
  --c-white-35: #F8FAFB;
  /* ─ العمق: الظلال (132) ─ */
  --d-shadow-73: 0 20px 48px -18px var(--c-black-08);
  --d-shadow-87: 0 2px 6px var(--c-red-44);
  --d-shadow-80: 0 24px 70px var(--c-black-11);
  --d-shadow-11: 0 0 0 0 var(--c-red-25);
  --d-shadow-15: 0 0 0 10px var(--c-red-26);
  --d-shadow-12: 0 0 0 0 var(--c-red-26);
  --d-shadow-32: 0 0 0 3px var(--c-teal-63);
  --d-shadow-30: 0 0 0 3px var(--c-blue-53);
  --d-shadow-88: 0 2px 6px var(--c-teal-59);
  --d-shadow-112: 0 6px 14px var(--c-teal-58);
  --d-shadow-104: 0 4px 12px var(--c-teal-58);
  --d-shadow-116: 0 6px 16px var(--c-teal-56);
  --d-shadow-110: 0 6px 14px var(--c-gold-53);
  --d-shadow-131: inset 0 0 0 1px var(--c-gold-43);
  --d-shadow-48: 0 12px 26px -12px var(--c-teal-81);
  --d-shadow-47: 0 12px 26px -12px var(--c-black-09);
  --d-shadow-68: 0 1px 3px var(--c-black-09);
  --d-shadow-29: 0 0 0 3px var(--c-red-35);
  --d-shadow-66: 0 1px 3px var(--c-black-15);
  --d-shadow-05: 0 0 0 0 var(--c-red-33);
  --d-shadow-36: 0 0 0 6px var(--c-red-37);
  --d-shadow-43: 0 10px 22px -10px var(--c-teal-81);
  --d-shadow-81: 0 24px 70px var(--c-black-09);
  --d-shadow-54: 0 14px 44px var(--c-black-14);
  --d-shadow-61: 0 1px 2px var(--c-black-16);
  --d-shadow-63: 0 1px 2px var(--c-black-08);
  --d-shadow-21: 0 0 0 2px var(--c-blue-53);
  --d-shadow-85: 0 2px 6px var(--c-teal-84);
  --d-shadow-86: 0 2px 6px var(--c-teal-83);
  --d-shadow-102: 0 4px 12px var(--c-teal-82);
  --d-shadow-42: 0 0 8px var(--c-blue-51);
  --d-shadow-103: 0 4px 12px var(--c-blue-52);
  --d-shadow-51: 0 14px 30px var(--c-blue-50);
  --d-shadow-71: 0 1px 3px var(--c-green-14);
  --d-shadow-72: 0 1px 3px var(--c-red-48);
  --d-shadow-111: 0 6px 14px var(--c-red-46);
  --d-shadow-58: 0 1px 1px var(--c-black-17);
  --d-shadow-18: 0 0 0 1px var(--c-white-10), 0 0 9px 2px var(--c-gold-51);
  --d-shadow-124: 0 8px 24px var(--c-black-24);
  --d-shadow-09: 0 0 0 0 var(--c-red-43);
  --d-shadow-34: 0 0 0 4px var(--c-red-53);
  --d-shadow-06: 0 0 0 0 var(--c-gold-52);
  --d-shadow-35: 0 0 0 5px var(--c-gold-58);
  --d-shadow-83: 0 26px 70px var(--c-black-09);
  --d-shadow-93: 0 3px 10px var(--c-red-34);
  --d-shadow-122: 0 8px 20px var(--c-teal-51);
  --d-shadow-78: 0 22px 54px var(--c-black-13);
  --d-shadow-132: inset 3px 0 0 var(--c-red-40);
  --d-shadow-13: 0 0 0 0 var(--c-teal-54);
  --d-shadow-41: 0 0 0 9px var(--c-teal-65);
  --d-shadow-33: 0 0 0 3px var(--c-teal-61);
  --d-shadow-125: 0 8px 24px var(--c-teal-87);
  --d-shadow-120: 0 6px 20px var(--c-teal-90);
  --d-shadow-92: 0 30px 80px var(--c-black-17);
  --d-shadow-46: 0 10px 40px var(--c-black-23);
  --d-shadow-101: 0 4px 12px var(--c-black-20);
  --d-shadow-64: 0 1px 2px var(--c-teal-93), 0 12px 40px var(--c-teal-90);
  --d-shadow-100: 0 4px 12px var(--c-black-28);
  --d-shadow-115: 0 6px 16px var(--c-teal-83);
  --d-shadow-121: 0 6px 24px var(--c-teal-90);
  --d-shadow-27: 0 0 0 3px var(--c-teal-88);
  --d-shadow-96: 0 3px 6px var(--c-teal-116), inset 0 1px 0 var(--c-white-01), inset 0 -2px 5px var(--c-teal-118);
  --d-shadow-106: 0 5px 12px var(--c-teal-115), inset 0 1px 0 var(--c-white-01), inset 0 -2px 5px var(--c-teal-118);
  --d-shadow-22: 0 0 0 2px var(--c-teal-48), 0 4px 10px var(--c-teal-114), inset 0 1px 0 var(--c-white-20);
  --d-shadow-97: 0 3px 7px var(--c-black-09), inset 0 1px 0 var(--c-white-27), inset 0 -2px 6px var(--c-black-12);
  --d-shadow-107: 0 5px 13px var(--c-black-07), inset 0 1px 0 var(--c-white-25), inset 0 -2px 6px var(--c-black-12);
  --d-shadow-20: 0 0 0 2px var(--c-teal-28), 0 4px 11px var(--c-black-09), inset 0 1px 0 var(--c-white-17);
  --d-shadow-95: 0 3px 10px var(--c-teal-57);
  --d-shadow-126: 0 8px 28px var(--c-black-15);
  --d-shadow-76: 0 20px 60px var(--c-black-15);
  --d-shadow-77: 0 22px 46px -14px var(--c-black-10);
  --d-shadow-117: 0 6px 18px var(--c-black-20);
  --d-shadow-59: 0 1px 1px var(--c-black-25);
  --d-shadow-10: 0 0 0 0 var(--c-red-43);
  --d-shadow-37: 0 0 0 6px var(--c-red-53);
  --d-shadow-90: 0 2px 8px var(--c-black-05);
  --d-shadow-94: 0 3px 10px var(--c-teal-58);
  --d-shadow-108: 0 5px 14px var(--c-teal-55);
  --d-shadow-44: 0 10px 26px var(--c-black-20);
  --d-shadow-14: 0 0 0 0 var(--c-blue-31);
  --d-shadow-40: 0 0 0 7px var(--c-blue-34), 0 0 16px 2px var(--c-blue-30);
  --d-shadow-75: 0 20px 60px var(--c-black-15);
  --d-shadow-99: 0 4px 12px var(--c-black-21);
  --d-shadow-31: 0 0 0 3px var(--c-gold-60);
  --d-shadow-28: 0 0 0 3px var(--c-teal-88);
  --d-shadow-105: 0 4px 16px var(--c-black-23);
  --d-shadow-67: 0 1px 3px var(--c-black-14);
  --d-shadow-03: 0 0 0 0 currentColor;
  --d-shadow-38: 0 0 0 7px var(--c-black-29);
  --d-shadow-04: 0 0 0 0 var(--c-black-29);
  --d-shadow-25: 0 0 0 3px currentColor;
  --d-shadow-128: 3px 3px 12px var(--c-black-12), 0 1px 3px var(--c-black-21);
  --d-shadow-130: 12px 12px 32px var(--c-black-08);
  --d-shadow-113: 0 6px 16px -10px var(--c-teal-103);
  --d-shadow-07: 0 0 0 0 var(--c-orange-06);
  --d-shadow-39: 0 0 0 7px var(--c-orange-15);
  --d-shadow-08: 0 0 0 0 var(--c-orange-15);
  --d-shadow-55: 0 16px 36px -22px var(--c-black-08);
  --d-shadow-60: 0 1px 2px var(--c-black-27);
  --d-shadow-109: 0 5px 16px var(--c-black-24);
  --d-shadow-74: 0 20px 60px var(--c-black-12);
  --d-shadow-65: 0 1px 3px var(--c-black-23);
  --d-shadow-91: 0 30px 80px -20px var(--c-black-06);
  --d-shadow-119: 0 6px 20px -8px var(--c-black-08);
  --d-shadow-123: 0 8px 24px -10px var(--c-black-07);
  --d-shadow-52: 0 14px 36px -14px var(--c-black-11);
  --d-shadow-79: 0 24px 60px -20px var(--c-black-08);
  --d-shadow-45: 0 10px 30px var(--c-black-18);
  --d-shadow-57: 0 18px 50px var(--c-black-11);
  --d-shadow-98: 0 40px 90px -28px var(--c-black-08);
  --d-shadow-53: 0 14px 40px -14px var(--c-black-07);
  --d-shadow-114: 0 6px 16px var(--c-black-19);
  --d-shadow-56: 0 18px 40px -18px var(--c-black-08);
  --d-shadow-26: 0 0 0 3px var(--c-teal-72);
  --d-shadow-127: 0 9px 20px -12px var(--c-black-11);
  --d-shadow-16: 0 0 0 10px var(--c-teal-65);
  --d-shadow-17: 0 0 0 1px var(--c-black-24);
  --d-shadow-89: 0 2px 8px var(--c-black-22);
  /* ─ العمق: الاستدارات (29) ─ */
  --d-radius-13: 8px;
  --d-radius-12: 7px;
  --d-radius-11: 6px;
  --d-radius-28: 50%;
  --d-radius-01: 0 0 16px 16px;
  --d-radius-29: 999px;
  --d-radius-04: 2px;
  --d-radius-16: 10px;
  --d-radius-18: 12px;
  --d-radius-15: 9px;
  --d-radius-24: 20px;
  --d-radius-23: 18px;
  --d-radius-19: 13px;
  --d-radius-05: 3px;
  --d-radius-17: 11px;
  --d-radius-10: 5px;
  --d-radius-20: 14px;
  --d-radius-22: 16px;
  --d-radius-03: 1px;
  --d-radius-06: 4px;
  --d-radius-14: 8px 8px 0 0;
  --d-radius-09: 4px 4px 4px 0;
  --d-radius-07: 4px 0 0 0;
  --d-radius-26: 24px;
  --d-radius-08: 4px 4px 0 0;
  --d-radius-25: 22px;
  --d-radius-21: 15px;
  --d-radius-27: 34px;
}
:root {
  /* B1253 — a colour the architect's live «مكتبي» edit (ق‑217) wrote by hand in focus-cockpit.html, named here at its exact value */
  --c-teal-focus-tray: rgba(55,217,168,.10);
}
/* ══ نهايةُ كتلةِ B1247 PART 5 ══ */
/* ══ B1253 PART 4 — frontend/css/theme.css — أسماءٌ جديدةٌ لقيمٍ لم يكن لها اسم (المتساوي لقيمةٍ مسمّاةٍ أخذَ اسمَها) ══ */
:root {
  --c-teal-135: #0B1F1A;
  --c-teal-136: #143A2F;
  --c-teal-137: #16463A;
  --c-teal-138: #A6C6B8;
  --c-teal-139: #2BD4B0;
  --c-gold-69: #3A3318;
  --c-orange-28: #F0997B;
  --c-red-64: #3A2018;
  --c-blue-69: #93B4F7;
  --c-blue-70: #1B2B4A;
  --c-teal-140: #739385;
  --c-green-21: #5A7567;
  --c-teal-141: #26604D;
  --c-teal-142: #2F6F59;
  --c-green-22: #1d2520;
  --c-green-23: #16291F;
  --c-green-24: #7C9387;
  --c-teal-143: #16211C;
  --c-green-25: #101813;
  --c-green-26: #E8F0EA;
  --c-green-27: #A9C0B4;
  --c-teal-144: #6F877B;
  --c-green-28: #27332C;
  --c-teal-145: #3DCBA0;
  --c-teal-146: #12281F;
  --c-green-29: #25D366;
  --c-red-65: rgba(220,38,38,0.12);
  --c-teal-147: rgba(15,110,86,.28);
  --c-teal-148: rgba(16,36,31,.04);
  --c-blue-73: #9A8DEA;
  --c-teal-149: #5DCAA5;
  --c-blue-74: #85B7EB;
  --c-orange-30: #EF9F27;
  --c-teal-150: rgba(16,36,31,.45);
  --c-teal-151: rgba(16,36,31,.18);
  --c-teal-152: rgba(31,160,107,.42);
  --c-teal-153: rgba(16,36,31,.10);
  --c-orange-31: #E8852E;
  --c-orange-32: #C56A1A;
  --c-teal-154: rgba(15,30,25,.55);
  --c-orange-33: #F6E0CC;
  --c-teal-155: #0B4A3C;
  --c-teal-156: #DCEFE6;
  --c-gold-71: #ECE6D6;
  --c-orange-34: #B4502E;
  --c-orange-35: #F6E6DD;
  --c-blue-75: #2B5A6E;
  --c-blue-76: #E3EEF1;
  --c-teal-157: rgba(15,110,86,.40);
  --c-teal-158: rgba(16,41,31,.06);
  --c-white-36: #FFFEFA;
  --c-teal-159: rgba(29,158,117,.18);
  --c-green-30: #cdd6d1;
  --c-teal-160: rgba(31,160,107,.12);
  --c-teal-161: rgba(31,160,107,.04);
  --c-teal-162: #15805F;
  --c-teal-163: rgba(29,158,117,.13);
  --c-teal-164: rgba(29,158,117,.04);
  --c-teal-165: #bfe7d8;
  --c-teal-166: rgba(11,74,60,.7);
  --c-blue-77: #534AB7;
  --c-blue-78: #9B92F0;
  --c-gold-72: #C9930A;
  --c-blue-79: #1A2236;
  --c-blue-80: #0B1120;
  --c-white-37: rgba(255,255,255,.06);
  --c-blue-81: rgba(15,23,42,.22);
  --c-white-38: rgba(255,255,255,.05);
  --c-teal-167: #14302A;
  --c-gray-23: #F4FAF7;
  --d-shadow-135: 0 8px 22px var(--c-black-23);
  --d-shadow-136: 0 5px 14px -5px var(--c-black-09);
  --d-shadow-138: 0 8px 24px var(--c-black-20);
  --d-shadow-139: 0 24px 70px var(--c-black-09);
  --d-shadow-140: 0 24px 60px -20px var(--c-teal-150), 0 6px 20px -8px var(--c-teal-151);
  --d-shadow-141: 0 30px 80px -30px var(--c-teal-152), 0 6px 22px -8px var(--c-teal-153);
  --d-shadow-142: inset 0 1px 1px var(--c-white-11);
  --d-shadow-143: inset 0 1px 0 var(--c-white-08);
  --d-shadow-144: 0 0 0 3px var(--c-teal-159);
  --d-shadow-145: 0 9px 20px -12px var(--c-teal-166);
  --d-shadow-147: 0 12px 34px var(--c-black-16);
  --d-radius-30: 0 0 13px 13px;
  --d-radius-31: 17px;
  --d-radius-32: 1.5px;
}
/* ══ نهايةُ كتلةِ frontend/css/theme.css ══ */
/* ══ B1253 PART 4 — names first made for the retired old intake sheet, still read elsewhere ══ */
:root {
  --c-white-39: #F4FBF8;
  --c-orange-39: rgba(245,158,11,.15);
  --c-white-40: #F8FAFC;
  --c-gold-75: rgba(201,147,10,.15);
  --c-green-31: rgba(34,197,94,.12);
  --c-green-32: #22C55E;
  --c-red-69: rgba(239,68,68,.12);
  --c-red-70: #EF4444;
  --c-red-71: rgba(239,68,68,.10);
  --c-orange-41: #B26A00;
  --c-green-33: rgba(34,197,94,.13);
  --c-blue-84: rgba(59,130,246,.12);
  --c-blue-85: rgba(71,85,105,.14);
  --c-purple-13: rgba(124,58,237,.14);
  --c-purple-14: rgba(192,38,211,.13);
  --c-orange-42: rgba(146,88,42,.15);
  --c-orange-43: #7C3E12;
  --c-teal-172: rgba(13,148,136,.15);
  --c-gold-78: #D3D1C7;
}
/* ══ end of the B1253 PART 4 block ══ */
/* ══ B1253 PART 4 — frontend/css/stat-boxes.css — أسماءٌ جديدةٌ لقيمٍ لم يكن لها اسم (المتساوي لقيمةٍ مسمّاةٍ أخذَ اسمَها) ══ */
:root {
}
/* ══ نهايةُ كتلةِ frontend/css/stat-boxes.css ══ */
/* ══ B1253 PART 4 — frontend/css/fam-boxes.css — أسماءٌ جديدةٌ لقيمٍ لم يكن لها اسم (المتساوي لقيمةٍ مسمّاةٍ أخذَ اسمَها) ══ */
:root {
  --d-shadow-161: 0 2px 10px color-mix(in srgb, currentColor 45%, transparent);
  --d-radius-33: 6px 6px 6px 6px;
}
/* ══ نهايةُ كتلةِ frontend/css/fam-boxes.css ══ */
/* ══ B1253 PART 4 — frontend/css/phone-call.css — أسماءٌ جديدةٌ لقيمٍ لم يكن لها اسم (المتساوي لقيمةٍ مسمّاةٍ أخذَ اسمَها) ══ */
:root {
  --c-teal-173: rgba(9,20,16,.72);
  --c-teal-174: #12211C;
  --c-blue-86: rgba(31,111,235,.45);
  --c-blue-87: rgba(31,111,235,0);
  --c-gray-24: #EDF3F0;
  --c-red-72: #E2452F;
  --c-red-73: #A8261A;
  --d-shadow-162: 0 26px 60px -22px var(--c-black-07);
  --d-shadow-163: 0 0 0 0 var(--c-blue-86);
  --d-shadow-164: 0 0 0 14px var(--c-blue-87);
}
/* ══ نهايةُ كتلةِ frontend/css/phone-call.css ══ */
/* ══ B1253 PART 4 — frontend/css/arch.css — أسماءٌ جديدةٌ لقيمٍ لم يكن لها اسم (المتساوي لقيمةٍ مسمّاةٍ أخذَ اسمَها) ══ */
:root {
  --c-teal-175: #12241C;
  --c-teal-176: #3B564A;
  --c-green-34: #7E9488;
  --c-teal-177: #17916B;
  --c-teal-178: #E3F4EC;
  --c-teal-179: #BFE3D2;
  --c-orange-44: #B0761A;
  --c-gold-79: #F9EED6;
  --c-gold-80: #EAD6A8;
  --c-blue-88: #2B5FA8;
  --c-blue-89: #E6EEFA;
  --c-blue-90: #CDDCF3;
  --c-gold-81: #F8F4EA;
  --c-gold-82: #E7E1D2;
  --c-gold-83: #EEE9DC;
  --c-teal-180: rgba(14,107,82,.5);
  --c-teal-181: rgba(14,107,82,.8);
  --c-gold-84: #EDE7DB;
  --c-teal-182: #17A074;
  --c-orange-45: #D79A2B;
  --c-white-41: #FCFBF6;
  --c-gray-25: #CFD6CF;
  --c-white-42: #FBFAF4;
  --c-green-35: #E7F2EC;
  --c-gray-26: #EFF0ED;
  --d-shadow-165: 0 24px 60px -40px var(--c-teal-180);
  --d-shadow-166: 0 8px 18px -9px var(--c-teal-181);
  --d-shadow-167: 0 0 0 9999px color-mix(in srgb,var(--p-navy) 45%,transparent);   /* DAFTAR 2035 · the new intake: the crop dim around the selection */
  --d-shadow-168: 0 0 0 3px var(--c-gold-59);   /* DAFTAR 2035 · the new intake: the pulse ring on a confirmed line */
  --d-shadow-169: 0 0 0 0 transparent;   /* DAFTAR 2035 · the pulse ring at rest */
  --d-radius-34: 0 10px 10px 0;
  --d-radius-35: 10px 0 0 10px;
}
/* ══ نهايةُ كتلةِ frontend/css/arch.css ══ */
/* ══ B1253 PART 4 — frontend/css/desk-red.css — أسماءٌ جديدةٌ لقيمٍ لم يكن لها اسم (المتساوي لقيمةٍ مسمّاةٍ أخذَ اسمَها) ══ */
:root {
  --c-green-36: #5b6b62;
  --c-orange-46: #3e2412;
  --c-orange-47: #d6a878;
}
/* ══ نهايةُ كتلةِ frontend/css/desk-red.css ══ */
/* ══ B1253 — the architect's ق‑217 · ق‑223 lines (focus page «مؤشرات الأداء»): values with no name yet ══ */
:root {
  --c-teal-183: rgba(55,217,168,.16);
  --c-teal-184: rgba(55,217,168,.14);
  --c-orange-58: #8B5A2B;
  --c-red-103: #C8553D;
  --c-teal-209: #0E9488;
}
/* ══ end of the ق‑217 · ق‑223 block ══ */
/* ══ B1253 PART 4 — RED js/markup — أسماءٌ جديدةٌ لقيمٍ لم يكن لها اسم (المتساوي لقيمةٍ مسمّاةٍ أخذَ اسمَها) ══ */
:root {
  --c-teal-268: #0e7c66;
  --c-green-42: #166534;
  --c-blue-128: #8A9AB0;
  --c-blue-129: #6b7280;
  --c-orange-82: #8A5A00;
  --c-orange-83: #6E4700;
  --c-red-131: #8C2B2B;
  --c-red-132: #FBEAEA;
  --c-red-133: #E0B4B4;
  --c-gold-125: #DCD8CC;
  --c-gray-93: #2c2c2c;
  --c-teal-269: #0B7A5F;
  --c-gold-126: #f7f5ef;
  --c-orange-84: #d7cbb6;
  --c-gold-127: #efe7d3;
  --c-gold-128: #8a6d1e;
  --c-blue-130: #e1eefb;
  --c-blue-131: #25609e;
  --c-gold-129: #d8b24a;
  --c-red-134: #f3e3e3;
  --c-red-135: #a5433c;
  --c-teal-270: rgba(15,110,86,.55);
  --c-orange-85: #FAEEDA;
  --c-gold-130: #EBD8AE;
  --c-teal-271: rgba(20,30,25,.45);
  --c-blue-132: #E6EDF8;
  --c-red-136: #B4322B;
  --c-red-137: #FBE9E7;
  --c-teal-272: #7FB3A1;
  --c-red-138: #FFB3B3;
  --c-gray-94: rgba(17,17,17,.92);
  --c-orange-86: #B7770B;
  --c-gray-95: #F5F9F7;
  --c-blue-133: rgba(16,24,40,.05);
  --c-blue-134: rgba(16,24,40,.10);
  --c-red-139: #FFF5F5;
  --c-red-140: #FDEBEB;
  --c-red-141: rgba(214,64,64,.55);
  --c-red-142: rgba(214,64,64,.10);
  --c-gold-131: #F3EFE3;
  --c-blue-135: rgba(20,24,28,0.92);
  --c-black-37: rgba(0,0,0,0.38);
  --c-blue-136: #dfe7ea;
  --c-gray-96: #0d1114;
  --c-teal-273: rgba(31,160,107,.6);
  --c-gold-132: #FFFCF5;
  --c-black-38: rgba(0,0,0,.66);
  --c-gold-133: rgba(201,168,76,.18);
  --c-gold-134: rgba(201,168,76,.6);
  --c-gold-135: #5a4300;
  --c-gold-136: #7a6200;
  --c-gold-137: rgba(201,147,10,.3);
  --c-teal-274: rgba(15,110,86,.14);
  --c-gold-139: #1c1403;
  --c-green-43: #4ca52f;
  --c-green-44: #43941f;
  --c-gray-97: #667;
  --c-gray-98: #889;
  --c-orange-87: rgba(232,169,58,.16);
  --c-orange-88: rgba(232,169,58,.5);
  --c-blue-137: #0B3B63;
  --c-gold-140: #6B4A00;
  --c-orange-89: #7A3A00;
  --c-orange-90: rgba(232,169,58,.12);
  --c-orange-91: rgba(232,169,58,.45);
  --c-blue-138: rgba(10,14,18,.55);
  --c-gray-99: #222;
  --c-gray-100: #ccc;
  --c-gray-101: #f7f7f7;
  --c-green-45: #2E7D32;
  --c-red-144: #c2382b;
  --c-blue-139: #06121a;
  --c-teal-277: rgba(20,50,50,.28);
  --c-white-63: rgba(255,255,255,.9);
  --c-teal-279: rgba(55,217,168,.35);
  --c-gold-141: rgba(251,239,201,0);
  --c-gold-142: rgba(251,239,201,0.55);
  --c-gold-143: rgba(251,239,201,0.98);
  --c-teal-280: rgba(8,19,15,.5);
  --c-teal-281: rgba(127,179,161,.22);
  --c-gold-144: rgba(246,201,78,.6);
  --c-teal-282: rgba(234,246,241,.5);
  --c-teal-283: rgba(234,246,241,.85);
  --c-gold-145: rgba(246,201,78,.35);
  --c-teal-284: rgba(2,124,109,.35);
  --c-black-39: rgba(4,10,8,.42);
  --c-black-40: rgba(4,10,8,0);
  --c-gold-146: #FEF3D0;
  --c-teal-285: rgba(6,15,12,.78);
  --c-teal-286: rgba(6,15,12,0);
  --c-gold-147: rgba(251,239,201,0.12);
  --c-gold-148: rgba(251,239,201,0.94);
  --c-gold-149: rgba(246,201,78,0.3);
  --c-blue-140: #334;
  --c-gray-102: #eef2f0;
  --c-green-46: #ccd6d1;
  --c-teal-287: #025a4f;
  --c-gold-150: #8a6410;
  --c-gold-151: rgba(246,201,78,.45);
  --c-blue-141: #223;
  --c-black-41: rgba(8,3,3,.72);
  --c-red-145: #2a0f0e;
  --c-red-146: #190807;
  --c-red-147: rgba(255,90,82,.5);
  --c-red-148: #ffe9e7;
  --c-red-149: #ff8079;
  --c-red-150: #c0271f;
  --c-red-151: rgba(255,90,82,.55);
  --c-red-152: #ffb3ae;
  --c-red-153: rgba(255,90,82,.16);
  --c-red-154: rgba(255,90,82,.4);
  --c-red-155: #ffe0dd;
  --c-red-156: #ffd9d6;
  --c-red-157: rgba(255,90,82,.3);
  --c-teal-288: #bff0e3;
  --c-teal-289: rgba(43,212,176,.09);
  --c-teal-290: rgba(43,212,176,.3);
  --c-teal-291: #7ee8cd;
  --c-red-158: #ffc9c5;
  --c-red-159: #c39a97;
  /* B1271 PART C (BLUE for RED, HELP RULE) — pending-send.css: the send-in-progress chip and its cancel button */
  --c-red-160: #E23B3B;
  --c-red-161: rgba(226,59,59,.45);
  --c-red-162: rgba(226,59,59,.75);
  --c-red-163: #C62828;
  --c-red-164: #A81E1E;
  /* B1271 PART C — frontend/js/components/linkify.js (tools/blue-colour-names.js) */
  --c-black-42: rgba(0,0,0,.55);
  --c-gray-113: #cfcfcf;
  /* B1271 PART C — frontend/js/components/audioPlayer.js (tools/blue-colour-names.js) */
  --c-gray-114: #6b7c75;
  --c-teal-296: rgba(20,50,50,.35);
  --c-white-64: #e8f1ee;
  /* B1271 PART C — frontend/js/components/mapPicker.js (tools/blue-colour-names.js) */
  --c-white-65: rgba(255,252,245,.92);
  --c-black-43: rgba(0,0,0,.4);
  /* B1271 PART C — frontend/js/components/mediumViewer.js (tools/blue-colour-names.js) */
  --c-white-66: rgba(255,255,255,.08);
  --c-white-67: rgba(255,255,255,.1);
  --c-gray-115: #cdd6d0;
  --c-gray-116: #8fa39a;
  /* B1271 PART C — frontend/js/components/docViewer.js (tools/blue-colour-names.js) */
  --c-black-44: rgba(0,0,0,.92);
  --c-white-68: rgba(255,255,255,.25);
  --c-black-45: rgba(0,0,0,.5);
  --c-teal-297: #0d1b17;
  --c-white-69: #d9f2e6;
  --c-teal-298: #2f6b57;
  /* B1271 PART C — frontend/js/components/lightbox.js (tools/blue-colour-names.js) */
  --c-white-70: rgba(255,255,255,.12);
  --c-white-71: rgba(255,255,255,.32);
  --c-gold-152: rgba(197,151,10,.28);
  /* B1271 PART C (BLUE for RED) — connection.js: the coin's gradient light (white/black only, by design) */
  --c-white-72: rgba(255,255,255,.38);
  --c-white-73: rgba(255,255,255,1);
  --c-black-46: rgba(0,0,0,.52);
  /* B1271 PART C — frontend/js/components/wmOverlay.js (tools/blue-colour-names.js) */
  --c-black-47: rgba(0,0,0,.42);
  /* B1271 PART C — frontend/js/components/attachmentPresenter.js (tools/blue-colour-names.js) */
  --c-gray-117: #d7ded9;
  /* B1271 PART C — frontend/js/components/attachmentPresenter.js (tools/blue-colour-names.js) */
  --c-blue-145: #2B7CD3;
  --c-green-48: #1E9E5A;
  --c-green-49: #2E8B57;
  --c-orange-97: #E07A1B;
  --c-white-74: #f4f7f5;
  --c-white-75: #e6f2ee;
  --c-orange-98: #F5A623;
  --c-green-50: #4b5b52;
  --c-gray-118: #e9eef0;
  --c-teal-299: #3b4a44;
  --c-orange-99: #8a6d3b;
  /* B1271 PART C — frontend/js/components/connection.js (tools/blue-colour-names.js) */
  --c-black-48: rgba(0,0,0,.30);
  --c-black-49: rgba(0,0,0,.35);
  --c-black-50: #101010;   /* connection.js — the soft black ink inkOn picks over a light strip */
  --c-orange-100: #C98A16;   /* connection.js — the «try» ball (by hand: a value its contrast maths reads through P360.token) */
}
/* B1271 PART D.2 — shadows and gradients of RED's files, by name, so data-look reaches them; the value is today's text (flat) */
:root {
  --fx-red-grad-3: linear-gradient(135deg, var(--p-teal), var(--p-teal-d));
  --fx-red-shadow-3: 0 8px 20px color-mix(in srgb, var(--p-teal) 22%, transparent);
  --fx-red-shadow-4: 0 8px 20px color-mix(in srgb, var(--p-teal)  22%, transparent);
  --fx-red-grad-4: linear-gradient(135deg, var(--p-teal),  var(--p-teal-d));
  --fx-red-shadow-5: 0 10px 26px -10px var(--c-teal-296);
  --fx-red-grad-5: radial-gradient(circle at 50% 118%, var(--c-white-72) 0%, var(--c-white-28) 42%);
  --fx-red-grad-6: radial-gradient(circle at 34% 24%, var(--c-white-73) 0%, var(--c-white-10) 16%, var(--c-white-28) 42%);
  --fx-red-grad-7: radial-gradient(circle at 46% 40%, var(--c-white-18) 0%, var(--c-white-28) 40%, var(--c-black-20) 72%, var(--c-black-46) 100%);
  --fx-red-shadow-6: inset -1px -2px 6px var(--c-black-48), 0 2px 4px var(--c-black-49);
  --fx-red-shadow-7: 0 2px 12px var(--c-black-16);
  --fx-red-shadow-8: 0 8px 28px var(--c-black-45);
  --fx-red-shadow-9: 0 10px 30px var(--c-black-45);
  --fx-red-shadow-10: 0 6px 22px var(--c-black-37);
  --fx-red-shadow-11: 0 12px 36px var(--c-black-06);
  --fx-red-shadow-15: 0 18px 50px var(--c-black-06);
  --fx-red-shadow-16: 0 1px 2px var(--c-black-30);
}
/* B1271 PART D.2 — shadows and gradients of RED's files, by name, so data-look reaches them; the value is today's text (flat) */
:root {
  --fx-red-shadow-64: 0 24px 60px var(--c-black-09);
  --fx-red-shadow-65: 0 24px 60px var(--c-black-07);
  --fx-red-shadow-66: 0 10px 26px var(--c-gold-149);
  --fx-red-grad-56: linear-gradient(135deg,var(--c-gold-39),var(--c-gold));
  --fx-red-shadow-67: 0 22px 50px -18px var(--c-teal-270);
  --fx-red-shadow-68: 0 30px 60px -22px var(--c-black-08);
  --fx-red-shadow-69: 0 24px 70px var(--c-black-09);
  --fx-red-shadow-70: 0 0 14px var(--c-teal-282),0 0 5px var(--c-gold-145);
  --fx-red-shadow-71: 0 12px 30px var(--c-black-09);
  --fx-red-shadow-72: 0 2px 8px var(--c-black-08);
  --fx-red-shadow-73: 0 1px 4px var(--c-black-06);
  --fx-red-shadow-74: 0 1px 5px var(--c-black-04);
  --fx-red-shadow-75: 0 1px 5px var(--c-black-06);
  --fx-red-shadow-76: 0 1px 4px var(--c-black-04);
  --fx-red-shadow-77: 0 0 0 3px var(--c-gold-40);
  --fx-red-shadow-78: 0 1px 3px var(--c-black-23);
  --fx-red-shadow-79: 0 1px 3px var(--c-black-15);
  --fx-red-shadow-80: 0 8px 22px var(--c-black-18);
}
/* ══ نهايةُ كتلةِ RED js/markup ══ */
/* ── BLUE (B1254) — أسماءٌ لقيمٍ كانت مكتوبةً باليدِ في ملفّاتِ الأزرقِ ومناطقِه، بقيمتِها بالضبط (المتساوي لقيمةٍ مسمّاةٍ أخذَ اسمَها) ── */
:root {
  --c-teal-265: #0a1f1b;
  --c-teal-266: #0e2c26;
  --c-teal-185: #eaf4f1;
  --c-orange-79: #F2762E;
  --c-gold-85: #FFD23F;
  --c-green-41: #8CC63E;
  --c-teal-186: #9fc2b9;
  --c-gray-27: #7c8b86;
  --c-gold-86: #e2ded2;
  --c-gray-28: #a9b4b0;
  --c-red-74: #a11d2b;
  --c-red-75: #e6bcc2;
  --c-blue-91: #1D6FE0;
  --c-gray-29: #222;
  --c-gold-87: #D8CFBB;
  --c-gray-30: #777;
  --c-orange-80: #F6B07A;
  --c-orange-48: #E8825A;
  --c-orange-49: #C9683E;
  --c-blue-92: #3E6FB0;
  --c-blue-93: #355986;
  --c-blue-94: #26406B;
  --c-blue-95: #1E2A4E;
  --c-purple-15: #4A3F6B;
  --c-blue-96: #161E36;
  --c-blue-97: #2A3556;
  --c-gray-31: #eef5f2;
  --c-red-76: #FEF3F2;
  --c-red-77: #FDA29B;
  --c-red-78: #96281B;
  --c-red-80: #FBE9EC;
  --c-red-81: #F0CBD1;
  --c-teal-188: rgba(14,107,82,.6);
  --c-red-83: rgba(210,96,106,.18);
  --c-teal-189: rgba(23,145,107,.18);
  --c-teal-190: rgba(14,107,82,.55);
  --c-teal-191: rgba(18,36,28,.05);
  --c-teal-192: rgba(23,145,107,.16);
  --c-red-84: rgba(210,96,106,.55);
  --c-red-85: rgba(210,96,106,0);
  --c-red-86: rgba(210,96,106,.75);
  --c-teal-195: rgba(14,107,82,.7);
  --c-teal-196: rgba(23,145,107,.20);
  --c-blue-103: rgba(59,130,246,.20);
  --c-red-90: rgba(210,96,106,.20);
  --c-red-91: rgba(210,96,106,.6);
  --c-blue-104: rgba(15,23,42,.16);
  --c-blue-105: rgba(15,23,42,.14);
  --c-blue-106: rgba(15,23,42,.18);
  --c-teal-197: #EAF2EE;
  --c-blue-107: rgba(15,23,42,.10);
  --c-gray-32: #F6F8F7;
  --c-blue-108: rgba(15,23,42,.06);
  --c-red-92: #B4211C;
  --c-blue-109: #1D4ED8;
  --c-teal-198: rgba(15,118,110,.12);
  --c-blue-110: rgba(15,23,42,.20);
  --c-gray-33: #F1F5F3;
  --c-blue-111: #E6EEFB;
  --c-orange-50: #C2410C;
  --c-orange-51: #FDF1E7;
  --c-orange-52: rgba(194,65,12,.13);
  --c-gray-34: #ddd;
  --c-gray-35: #8A978F;
  --c-gold-91: #FAF6EC;
  --c-black-30: rgba(0,0,0,.8);
  --c-teal-205: #C6D6CF;
  --c-teal-208: rgba(14,107,82,.1);
  --c-orange-56: #8a5a00;
  --c-gold-93: #B8860B;
  --c-gold-95: #f7f5ef;
  --c-gold-96: #eae6dd;
  --c-gray-38: #454e49;
  --c-gray-39: #333a36;
  --c-gray-40: #252b28;
  --c-gray-41: #1e2321;
  --c-gray-42: #2b312e;
  --c-white-52: #FDFEFE;
  --c-gray-43: #E7EDEA;
  --c-teal-212: #D3DCD8;
  --c-gray-44: #EAF0EE;
  --c-teal-213: rgba(20,30,26,.16);
  --c-black-31: rgba(0,0,0,.85);
  --c-black-32: rgba(0,0,0,.62);
  --c-teal-214: rgba(20,30,26,.12);
  --c-black-33: rgba(0,0,0,.26);
  --c-blue-118: #E9F0FC;
  --c-teal-218: #8ff5df;
  --c-teal-219: #0d7a63;
  --c-teal-220: rgba(43,212,176,.75);
  --c-red-102: #ffb3ae;
  --c-red-130: #FF5A52;
  --c-red-104: #8e211c;
  --c-red-105: rgba(255,90,82,.8);
  --c-gold-99: #EBC96A;
  --c-teal-227: rgba(20,30,26,.14);
  --c-teal-230: #0B6B5C;
  --c-red-109: #C81E1E;
  --c-gray-56: #AEB8B3;
  --c-teal-232: rgba(20,30,26,.20);
  --c-white-57: rgba(255,255,255,.9);
  --c-white-58: rgba(255,255,255,.98);
  --c-orange-64: rgba(120,105,75,.20);
  --c-teal-238: rgba(43,212,176,.42);
  --c-teal-239: rgba(43,212,176,.15);
  --c-red-114: rgba(255,90,82,.45);
  --c-red-115: rgba(255,90,82,.18);
  --c-teal-240: rgba(20,30,26,.10);
  --c-white-60: rgba(255,255,255,.045);
  --c-black-35: rgba(0,0,0,.95);
  --c-teal-241: rgba(20,30,26,.35);
  --c-teal-242: rgba(20,30,26,.08);
  --c-teal-245: rgba(43,212,176,.5);
  --c-red-116: rgba(255,90,82,.55);
  --c-gold-103: rgba(246,201,78,.5);
  --c-gray-72: #3a423d;
  --c-teal-248: rgba(20,30,26,.28);
  --c-teal-251: rgba(15,118,110,.35);
  --c-teal-253: rgba(14,92,70,.45);
  --c-teal-254: rgba(20,30,26,.30);
  --c-gray-78: #151917;
  --c-teal-255: #E2EAE7;
  --c-gold-104: #F6F1E6;
  --c-gold-105: #EFE8D9;
  --c-gold-106: #E9E1D0;
  --c-gold-107: #F4EFE4;
  --c-orange-67: rgba(120,105,75,.18);
  --c-orange-68: rgba(120,105,75,.14);
  --c-orange-69: rgba(120,105,75,.28);
  --c-orange-70: rgba(120,105,75,.22);
  --c-orange-71: rgba(120,105,75,.30);
  --c-gray-86: #f4f4f4;
  --c-blue-122: #6B7280;
  --c-gold-121: #FEF08A;
  --c-teal-258: #cbd5d1;
  --c-gray-88: #F3F7F5;
  --c-teal-261: rgba(15,118,110,.10);
  --c-blue-127: rgba(15,23,42,.12);
  --c-teal-263: rgba(15,118,110,.20);
  --c-red-121: rgba(185,28,28,.5);
  --c-red-122: rgba(185,28,28,.08);
  --c-red-123: #991B1B;
  --c-red-124: rgba(185,28,28,.16);
  --c-red-125: #fca5a5;
  --c-gray-92: #5B6A62;
  --c-orange-92: #ffe0a0;
  --c-orange-93: #efb23f;
  --c-orange-94: #9a6412;
  --c-orange-95: #cc8c14;
  --c-teal-292: #6ff0b0;
  --c-teal-293: #1fae82;
  --c-teal-294: #12a06f;
  --c-green-47: #bbf7d0;
  --c-blue-142: #bae6fd;
  --c-pink-02: #fecdd3;
  --c-purple-21: #e9d5ff;
  --c-teal-295: #1d6b49;
  --c-orange-96: #a06a00;
  --c-blue-144: #14334F;
  --c-gray-104: #555;
  --c-gray-105: #888;
  --c-gray-106: #eee;
}
/* B1271 PART D.2 — shadows and gradients of BLUE's files, by name, so data-look reaches them; the value is today's text (flat) */
:root {
  --fx-shadow-1: 0 14px 30px var(--c-black-09), inset 0 -8px 14px var(--c-black-24), inset 0 6px 10px var(--c-white-20);
  --fx-shadow-2: 0 16px 40px var(--c-black-15);
  --fx-shadow-3: 0 18px 46px var(--c-black-14);
  --fx-shadow-5: 0 14px 34px -12px var(--c-black-12);
  --fx-grad-1: linear-gradient(135deg,var(--c-orange-80) 0%,var(--c-orange-48) 60%,var(--c-orange-49) 100%);
  --fx-grad-2: linear-gradient(135deg,var(--c-blue-92) 0%,var(--c-blue-93) 60%,var(--c-blue-94) 100%);
  --fx-grad-3: linear-gradient(135deg,var(--c-blue-95) 0%,var(--c-purple-15) 52%,var(--c-gold-46) 100%);
  --fx-grad-4: linear-gradient(135deg,var(--c-blue-96) 0%,var(--c-blue-95) 70%,var(--c-blue-97) 100%);
  --fx-shadow-6: 0 6px 20px var(--c-black-20);
  --fx-trk-pill: 0 6px 18px var(--c-black-17);   /* BLUE 27 Oct: the translator's winking pill (main.css .trk-pill) — the same value it was written with */
  --fx-bc2-newname: 0 10px 28px var(--c-black-20);   /* the «new message» name popup (main.css .bc2-newname) */
  --fx-bc2-wink: 0 0 0 4px color-mix(in srgb, var(--p-info) 25%, transparent);   /* the chip's wink ring (main.css @keyframes bc2Wink) */
  --fx-bc2-bubble: 0 1px 1px var(--c-black-23);   /* the message bubble (bc-message.css .bc2-pv-bub) */
  --fx-shadow-7: 0 14px 30px -26px var(--c-teal-188);
  --fx-shadow-8: 0 0 0 3px var(--c-red-83);
  --fx-shadow-9: 0 0 0 3px var(--c-teal-189);
  --fx-shadow-10: 0 30px 70px -46px var(--c-teal-190);
  --fx-shadow-11: inset 0 1px 0 var(--c-white-01),0 1px 2px var(--c-teal-191),0 24px 46px -22px var(--c-teal-180);
  --fx-shadow-12: 0 0 0 3px var(--c-teal-192);
  --fx-shadow-13: 0 0 0 0 var(--c-red-84);
  --fx-shadow-14: 0 0 0 5px var(--c-red-85);
  --fx-shadow-15: 0 0 0 0 var(--c-red-85);
  --fx-shadow-16: 0 0 0 0 var(--c-red-86);
  --fx-shadow-17: 0 0 0 8px var(--c-red-85);
  --fx-shadow-18: 0 16px 34px -22px var(--c-teal-195);
  --fx-shadow-19: 0 0 0 3px var(--c-teal-196);
  --fx-shadow-20: 0 0 0 3px var(--c-blue-103);
  --fx-shadow-21: 0 0 0 3px var(--c-red-90);
  --fx-shadow-22: 0 0 0 0 var(--c-red-91);
  --fx-shadow-23: 0 0 0 6px var(--c-red-85);
  --fx-shadow-24: 0 12px 32px var(--c-blue-106);
  --fx-shadow-25: 0 14px 40px var(--c-blue-110);
  --fx-shadow-26: inset 3px 0 0 var(--c-orange-50);
  --fx-shadow-27: 0 8px 24px var(--c-black-20);
  --fx-shadow-28: 0 2px 4px var(--c-black-17);
  --fx-shadow-29: 0 0 0 3px var(--c-teal-208);
  --fx-shadow-30: inset 0 1px 0 var(--c-white-37),0 12px 30px var(--c-black-12);
  --fx-grad-5: linear-gradient(168deg,var(--c-gold-95),var(--c-gold-96));
  --fx-grad-6: linear-gradient(180deg,var(--c-gray-38) 0%,var(--c-gray-39) 4%,var(--c-gray-40) 38%,var(--c-gray-41) 88%,var(--c-gray-42) 100%);
  --fx-shadow-31: inset 0 1px 0 var(--c-white-18),inset 0 -2px 3px var(--c-black-06),;
  --fx-grad-7: linear-gradient(180deg,var(--c-white-52) 0%,var(--c-gray-43) 5%,var(--c-teal-13) 40%,var(--c-teal-212) 88%,var(--c-gray-44) 100%);
  --fx-shadow-32: inset 0 3px 7px var(--c-black-31),inset 0 0 0 1px var(--c-black-32),;
  --fx-shadow-33: inset 0 3px 7px var(--c-teal-213),inset 0 0 0 1px var(--c-teal-214),;
  --fx-shadow-34: inset 0 3px 7px var(--c-black-31),;
  --fx-shadow-35: inset 0 3px 7px var(--c-teal-213),;
  --fx-shadow-36: inset 0 1px 0 var(--c-white-27),0 5px 14px var(--c-black-33);
  --fx-shadow-37: 0 0 0 0 var(--c-red-44),inset 0 1px 0 var(--c-white-27),0 5px 14px var(--c-black-33);
  --fx-shadow-38: 0 0 0 8px var(--c-red-53),inset 0 1px 0 var(--c-white-27),0 5px 14px var(--c-black-33);
  --fx-shadow-39: 0 0 7px currentColor;
  --fx-shadow-40: 0 0 9px var(--c-teal-220);
  --fx-grad-8: radial-gradient(circle at 30% 30%,var(--c-teal-218),var(--c-teal-139) 60%,var(--c-teal-219));
  --fx-shadow-41: 0 0 9px var(--c-red-105);
  --fx-grad-9: radial-gradient(circle at 30% 30%,var(--c-red-102),var(--c-red-130) 60%,var(--c-red-104));
  --fx-shadow-42: inset 0 1px 3px var(--c-black-09);
  --fx-shadow-43: inset 0 1px 3px var(--c-blue-81);
  --fx-shadow-44: inset 0 1px 3px var(--c-black-12);
  --fx-shadow-45: inset 0 1px 3px var(--c-black-24);
  --fx-shadow-46: 0 1px 3px var(--c-black-16);
  --fx-shadow-47: 0 1px 3px var(--c-black-12);
  --fx-shadow-48: inset 0 -2px 3px var(--c-black-06),inset 0 0 0 1px var(--c-black-08),;
  --fx-shadow-49: inset 0 -2px 3px var(--c-teal-213),inset 0 0 0 1px var(--c-teal-227),;
  --fx-shadow-50: inset 0 1px 0 var(--c-white-18),;
  --fx-shadow-51: inset 0 1px 0 var(--c-white-15),0 7px 16px var(--c-black-02);
  --fx-shadow-52: inset 0 3px 8px var(--c-teal-232),inset 0 -1px 0 var(--c-white-57);
  --fx-grad-10: radial-gradient(120% 70% at 30% -12%,var(--c-white-58) 0 34%,var(--c-white-28) 62%);
  --fx-grad-11: linear-gradient(200deg,var(--c-white-10) 0 22%,var(--c-white-28) 48%);
  --fx-shadow-53: 0 1px 0 var(--c-white-57);
  --fx-shadow-54: 0 0 22px 5px var(--c-teal-238),0 0 55px 14px var(--c-teal-239),;
  --fx-shadow-55: 0 0 22px 5px var(--c-red-114),0 0 55px 14px var(--c-red-115),inset 0 -3px 6px var(--c-black-07);
  --fx-shadow-56: inset 0 3px 6px var(--c-black-31),inset 0 0 0 1px var(--c-black-05),;
  --fx-shadow-57: inset 0 3px 6px var(--c-teal-232),inset 0 0 0 1px var(--c-teal-240),;
  --fx-shadow-58: inset 0 3px 6px var(--c-black-07),inset 0 0 0 1px var(--c-red-42);
  --fx-shadow-59: 0 1px 0 var(--c-white-60);
  --fx-shadow-60: inset 0 1px 2px var(--c-black-35),inset 0 0 0 1px var(--c-white-38);
  --fx-shadow-61: inset 0 1px 2px var(--c-teal-241),inset 0 0 0 1px var(--c-teal-242);
  --fx-shadow-62: 0 0 8px 0 currentColor;
  --fx-shadow-63: 0 0 9px 1px var(--c-teal-245),inset 0 -1px 2px var(--c-black-07);
  --fx-shadow-64: 0 0 9px 1px var(--c-red-116),inset 0 -1px 2px var(--c-black-07);
  --fx-shadow-65: 0 0 9px 1px var(--c-gold-103),inset 0 -1px 2px var(--c-black-07);
  --fx-shadow-66: inset 0 1px 0 var(--c-white-18),inset 0 -2px 3px var(--c-black-07),0 2px 4px var(--c-black-07);
  --fx-shadow-67: inset 0 3px 6px var(--c-black-31);
  --fx-shadow-68: inset 0 3px 6px var(--c-teal-248);
  --fx-shadow-69: inset 0 1px 0 var(--c-white-12),0 2px 5px var(--c-teal-251);
  --fx-shadow-70: inset 0 1px 0 var(--c-white-21),0 2px 5px var(--c-black-08);
  --fx-shadow-71: inset 0 1px 0 var(--c-white-14),0 2px 6px var(--c-teal-253);
  --fx-shadow-72: inset 0 6px 10px -4px var(--c-teal-254),inset 0 1px 0 var(--c-teal-227),;
  --fx-grad-12: linear-gradient(180deg,var(--c-gray-38) 0%,var(--c-gray-39) 5%,var(--c-gray-40) 40%,var(--c-gray-41) 88%,var(--c-gray-42) 100%);
  --fx-shadow-73: inset 0 3px 7px var(--c-black-31),inset 0 -1px 0 var(--c-white-25),;
  --fx-shadow-74: inset 0 2px 4px var(--c-black-31),inset 0 -1px 0 var(--c-white-27);
  --fx-shadow-75: inset 0 1px 0 var(--c-white-14),0 6px 14px var(--c-black-04);
  --fx-grad-13: linear-gradient(180deg,var(--c-gray-38) 0%,var(--c-gray-39) 22%,var(--c-gray-42) 100%);
  --fx-grad-14: linear-gradient(180deg,var(--c-white-52) 0%,var(--c-gray-44) 26%,var(--c-teal-255) 100%);
  --fx-shadow-76: 0 1px 0 var(--c-black-30);
  --fx-shadow-77: inset 0 1px 0 var(--c-white-24);
  --fx-shadow-78: inset 0 1px 0 var(--c-white-23),0 1px 2px var(--c-black-06);
  --fx-shadow-79: inset 0 2px 5px var(--c-black-30);
  --fx-shadow-80: inset 0 1px 0 var(--c-white-57),inset 0 -2px 3px var(--c-orange-67),;
  --fx-shadow-81: inset 0 2px 5px var(--c-orange-68),inset 0 -1px 0 var(--c-white-57),;
  --fx-shadow-82: inset 0 2px 5px var(--c-orange-68),;
  --fx-shadow-83: inset 0 2px 4px var(--c-orange-64),inset 0 -1px 0 var(--c-white-57);
  --fx-shadow-84: inset 0 1px 0 var(--c-white-57),0 4px 10px var(--c-orange-69);
  --fx-shadow-85: inset 0 1px 0 var(--c-white-01),inset 0 -2px 4px var(--c-orange-67),;
  --fx-shadow-86: inset 0 1px 0 var(--c-white-01),0 1px 2px var(--c-orange-70);
  --fx-shadow-87: inset 0 2px 5px var(--c-orange-71);
  --fx-shadow-88: 0 10px 40px var(--c-black-15);
}
/* B1271 PART D.2 — shadows and gradients of BLUE's files, by name, so data-look reaches them; the value is today's text (flat) */
:root {
  --fx-shadow-89: inset 0 1px 0 var(--c-surface),0 8px 22px var(--c-black-24);
  --fx-shadow-90: inset 0 1px 0 var(--c-surface),inset 0 -2px 3px var(--c-teal-213),inset 0 0 0 1px var(--c-teal-227),0 2px 0 var(--c-teal-240),0 22px 46px -16px var(--c-teal-241);
  --fx-shadow-91: inset 0 1px 0 var(--c-surface),inset 0 0 0 1px var(--c-teal-227),0 1px 0 var(--c-teal-227);
  --fx-shadow-92: inset 0 1px 0 var(--c-surface),inset 0 0 0 1px var(--c-black-24),0 8px 18px var(--c-teal-254),0 1px 0 var(--c-white-57);
  --fx-shadow-93: inset 0 1px 0 var(--c-surface),inset 0 -2px 3px var(--c-teal-214),0 2px 4px var(--c-teal-213);
  --fx-shadow-94: inset 0 1px 0 var(--c-surface),0 2px 5px var(--c-teal-227);
  --fx-grad-15: linear-gradient(180deg,var(--c-surface) 0%,var(--c-gold-104) 6%,var(--c-gold-105) 45%,var(--c-gold-106) 90%,var(--c-gold-107) 100%);
  --fx-grad-16: linear-gradient(180deg, var(--p-emerald) 0%, var(--p-emerald-d) 100%);   /* the shift bar (departments-interactions.js) */
}
/* ق‑285 (BLUE) — corners of BLUE's files that no --d-radius token carries exactly: named by ROLE, the value is today's text */
:root{
  --b-r-square:0;               /* a square corner inside a row: the first matrix cell · a selected range day */
  --b-r-bar:99px;               /* a bar's fully rounded ends (the board's progress bars) */
  --b-r-card-foot:0 0 12px 12px; /* a card's lower sheet under its header (channels) */
  --b-r-board-foot:0 0 20px 20px;/* the live board under its house bar */
  --b-r-board-head:20px 20px 0 0;/* the live board's top edge */
}
/* ق‑286 (A) (BLUE) — face stacks of BLUE's files that no shared --font-* token carries: named by ROLE, the value is today's text */
:root{
  --b-font-board: var(--font-tajawal);      /* the audit log · the live board's report */
  --b-font-code-short:var(--font-tajawal);   /* DAFTAR 1825: the one font — was the device's monospace */                   /* the ops matrix's code cells */
  --b-font-preview: var(--font-tajawal);               /* the CSAT faces preview page */
  --b-font-report: var(--font-tajawal);          /* the signed monitoring report */
}
/* ── نهايةُ كتلةِ BLUE (B1254) ── */
/* ── GREEN (B1252) ── */
/* B1252 PART 4.1 — values GREEN's files wrote by hand with no name yet. One name per exact value; named by family. */
:root {
  --g-green-01: #1D6F42;
  --g-blue-01: rgba(4,12,16,.5);
  --g-grey-01: #d8e0dc;
  --g-teal-01: #0b5645;
  --g-teal-02: #1F8A70;
  --g-orange-01: rgba(232,169,58,.14);
  --g-grey-02: #444441;
  --g-amber-01: #D8D3C4;
  --g-blue-02: #5A6472;
  --g-amber-02: rgba(201,147,10,.12);
  --g-white-01: #F5F3EC;
  --g-blue-03: #1C2431;
  --g-amber-03: #E5E1D6;
  --g-teal-03: #0F4744;
  --g-red-01: #991B1B;
  --g-teal-04: #0A4D3C;
  --g-amber-04: #634C00;
  --g-red-02: #C0262C;
  --g-amber-05: #8a6a06;
  --g-amber-06: rgba(197,151,10,.07);
  --g-grey-03: #222;
  --g-orange-02: rgba(217,119,6,.06);
  --g-grey-04: #666;
  --g-grey-05: #eee;
  --g-grey-06: #ddd;
  --g-red-03: #FEECEC;
  /* B1252 — JS values read through P360.token (canvas · drawing · values passed on) */
  --g-orange-03: #C2410C;
  --g-orange-04: rgba(234,88,12,.14);
  --g-teal-05: #0E9488;
  --g-orange-05: #8B5A2B;
  --g-red-04: #C8553D;
  --g-grey-07: #F0F0F0;
  --g-amber-07: rgba(212,175,55,0.10);
  --g-orange-06: rgba(245,222,179,0.45);
  --g-amber-08: rgba(212,175,55,0.40);
  --g-amber-09: rgba(180,140,60,0.45);
  --g-amber-10: #E8D9A8;
  --g-orange-07: #5A3F11;
  --g-orange-08: #FFD78A;
  --g-orange-09: #7A4A07;
  --g-white-02: #F1F7F2;
  --g-red-05: #EE8868;
  --g-red-06: #B23B22;
  --g-blue-04: #38BDF8;
  --g-blue-05: #0369A1;
  --g-teal-06: #2DD4A7;
  --g-amber-11: #F1C40F;
  --g-blue-06: #5B8DEF;
}
/* B1271 PART D.2 — shadows and gradients of GREEN's files, by name, so data-look reaches them; the value is today's text (flat) */
:root {
  --fx-green-shadow-1: 0 26px 64px var(--c-black-09);
  --fx-green-shadow-2: 0 2px 16px var(--c-black-08);
  --fx-green-shadow-3: 0 3px 18px var(--c-black-08);
  --fx-green-shadow-4: 0 0 18px var(--y-red-32);
  --fx-green-shadow-5: 0 12px 26px var(--y-teal-95);
  --fx-green-grad-1: linear-gradient(180deg,var(--y-teal-92),var(--y-teal-93));
  --fx-green-shadow-6: 0 8px 18px -8px var(--c-black-06), inset 0 1px 0 var(--c-white-15);
  --fx-green-shadow-7: 0 8px 18px -8px var(--c-black-06), 0 0 0 1.7px var(--y-red-35), 0 0 16px var(--y-red-36);
  --fx-green-shadow-8: 0 12px 28px var(--c-black-07), inset 0 1px 0 var(--y-white-29);
  --fx-green-shadow-9: 0 3px 8px var(--c-black-09);
  --fx-green-grad-2: linear-gradient(180deg,var(--y-amber-85),var(--y-orange-29));
  --fx-green-shadow-10: 0 0 0 2px var(--c-black-20);
  --fx-green-shadow-11: 0 6px 16px var(--y-teal-97);
  --fx-green-shadow-12: 0 8px 18px -8px var(--c-black-06), 0 0 0 1.8px var(--y-green-55), 0 0 16px var(--y-green-56);
  --fx-green-shadow-13: inset 3px 0 0 var(--g-red-02);
  --fx-green-shadow-14: inset 3px 0 0 var(--c-gold);
  --fx-green-shadow-15: 0 6px 14px -10px var(--c-black-07);
  --fx-green-shadow-16: 0 0 0 2px var(--p-green-bg) inset;
}
/* ── end GREEN (B1252) ── */
/* ── YELLOW (B1255) ── */
/* B1255 PART 4.1 — values YELLOW's files wrote by hand with no name yet. One name per exact value (the exact text,
   so code that reads a property back gets the same spelling); named by family. Append-only. */
:root {
  --y-white-01: #FDFAF3;
  --y-amber-01: #FAF3E0;
  --y-amber-02: #FDF7E4;
  --y-amber-03: #F5EFE0;
  --y-white-02: #FFFFFF;
  --y-amber-04: #FAF6EC;
  --y-amber-05: #C5970A;
  --y-amber-06: #8A6906;
  --y-orange-01: #2D2418;
  --y-orange-02: #5A4A30;
  --y-orange-03: #8B7A5C;
  --y-amber-07: #E8DDC0;
  --y-amber-08: #D4C497;
  --y-white-03: #EAF3EE;
  --y-green-01: #C5E3D5;
  --y-amber-09: #FBEFC9;
  --y-amber-10: #FBF7E8;
  --y-amber-11: #FCF3D6;
  --y-orange-04: rgba(60, 45, 20, 0.06);
  --y-orange-05: rgba(60, 45, 20, 0.10);
  --y-orange-06: rgba(60, 45, 20, 0.18);
  --y-teal-01: #10201b;
  --y-teal-02: #132620;
  --y-green-02: #15241d;
  --y-green-03: #1b2e26;
  --y-white-04: #eaf3ee;
  --y-green-04: #cfe0d7;
  --y-green-05: #a9bfb4;
  --y-green-06: #4fd6a6;
  --y-red-01: #ff9a90;
  --y-teal-03: #167a5e;
  --y-teal-04: #11543f;
  --y-white-05: #fff;
  --y-amber-12: #9d7808;
  --y-amber-13: #6f5405;
  --y-green-07: #6fd8a8;
  --y-amber-14: #e8bf52;
  --y-teal-05: rgba(30, 95, 92, 0.25);
  --y-red-02: #991B1B;
  --y-amber-15: rgba(201, 169, 97, 0.6);
  --y-amber-16: rgba(201, 169, 97, 0.06);
  --y-amber-17: rgba(201, 169, 97, 0.35);
  --y-teal-06: #1C5547;
  --y-amber-18: rgba(197, 151, 10, 0.4);
  --y-black-01: rgba(0,0,0,0.5);
  --y-amber-19: rgba(246, 201, 78, 0.16);
  --y-amber-20: rgba(197, 151, 10, 0.28);
  --y-white-06: rgba(255,255,255,.62);
  --y-amber-21: rgba(201, 169, 97, 0.18);
  --y-amber-22: rgba(201, 169, 97, 0.2);
  --y-teal-07: rgba(30, 95, 92, 0.35);
  --y-teal-08: rgba(30, 95, 92, 0.45);
  --y-amber-23: rgba(201, 169, 97, 0.4);
  --y-amber-24: rgba(201, 169, 97, 0.5);
  --y-red-03: rgba(185, 28, 28, 0.08);
  --y-red-04: rgba(185, 28, 28, 0.2);
  --y-green-08: rgba(21, 128, 61, 0.08);
  --y-green-09: rgba(21, 128, 61, 0.2);
  --y-teal-09: rgba(30, 95, 92, 0.08);
  --y-teal-10: rgba(30, 95, 92, 0.2);
  --y-amber-25: rgba(246,201,78,0.45);
  --y-amber-26: rgba(246,201,78,0.32);
  --y-teal-11: rgba(12,31,26,0.42);
  --y-amber-27: rgba(246,201,78,0.82);
  --y-amber-28: rgba(246,201,78,0.58);
  --y-green-10: #DCEBE4;
  --y-teal-12: #B8D6CC;
  --y-amber-29: rgba(246, 201, 78, 0.18);
  --y-amber-30: rgba(246, 201, 78, 0.35);
  --y-amber-31: rgba(197,151,10,0.05);
  --y-teal-13: rgba(20,95,76,.07);
  --y-green-11: #A9D9C7;
  --y-amber-32: rgba(197, 151, 10, 0.18);
  --y-teal-14: #F0FDFA;
  --y-black-02: rgba(0,0,0,0.02);
  --y-white-07: rgba(255,255,255,0.65);
  --y-white-08: #F2FBF6;
  --y-green-12: #DBEFE3;
  --y-teal-15: rgba(20,95,76,.10);
  --y-white-09: #f3f7f5;
  --y-red-05: #C0262C;
  --y-green-13: rgba(16,163,74,.35);
  --y-amber-33: rgba(197,151,10,.07);
  --y-green-14: rgba(16,163,74,.12);
  --y-green-15: #10794a;
  --y-amber-34: #8a6a06;
  --y-green-16: rgba(21, 128, 61, 0.12);
  --y-teal-16: rgba(30, 95, 92, 0.14);
  --y-red-06: rgba(185, 28, 28, 0.3);
  --y-red-07: rgba(185, 28, 28, 0.06);
  --y-amber-35: #FFF3CC;
  --y-blue-01: #229ED9;
  --y-blue-02: #1c8ec2;
  --y-orange-07: rgba(45, 36, 24, 0.55);
  --y-teal-17: rgba(9, 26, 22, .46);
  --y-teal-18: rgba(9, 26, 22, .34);
  --y-teal-19: rgba(20, 95, 76, .28);
  --y-green-17: #33463F;
  --y-teal-20: #4a5a55;
  --y-teal-21: #1f9d8f;
  --y-green-18: #8a9893;
  --y-amber-36: #BBB59C;
  --y-amber-37: #e3ded2;
  --y-green-19: #0d7a4f;
  --y-amber-38: #FDF6E0;
  --y-amber-39: #E6D9AD;
  --y-amber-40: #FBF6E7;
  --y-teal-22: rgba(26,127,100,0.35);
  --y-green-20: #EAF6F0;
  --y-blue-03: #0F172A;
  --y-amber-41: #E3DCC6;
  --y-amber-42: #EFE9D8;
  --y-teal-23: rgba(20,127,100,.05);
  --y-teal-24: rgba(12,31,26,.07);
  --y-amber-43: rgba(201,169,97,0.10);
  --y-amber-44: rgba(246,201,78,0.75);
  --y-amber-45: rgba(246,201,78,0.28);
  --y-red-08: #fca5a5;
  --y-amber-46: rgba(246,201,78,0.6);
  --y-amber-47: rgba(246,201,78,0.85);
  --y-amber-48: rgba(246,201,78,0.0);
  --y-blue-04: #1B3B6F;
  --y-teal-25: #124F3F;
  --y-teal-26: #2DD4A7;
  --y-teal-27: #10362C;
  --y-teal-28: rgba(12,31,26,0.40);
  --y-teal-29: rgba(12,31,26,0.66);
  --y-teal-30: rgba(12,31,26,0.55);
  --y-teal-31: rgba(16,54,44,0.48);
  --y-teal-32: rgba(26,127,100,0.45);
  --y-amber-49: rgba(246,201,78,0.4);
  --y-teal-33: rgba(45,212,167,0.3);
  --y-black-03: rgba(0,0,0,0.38);
  --y-white-10: rgba(255,255,255,0.62);
  --y-black-04: rgba(0,0,0,0.13);
  --y-black-05: rgba(0,0,0,0.16);
  --y-black-06: rgba(0,0,0,0.26);
  --y-amber-50: #FBF3DD;
  --y-amber-51: #6E5A2A;
  --y-teal-34: #18725a;
  --y-teal-35: #287560;
  --y-amber-52: #9C7A08;
  --y-amber-53: #EFE8D7;
  --y-white-11: #FFFCF5;
  --y-grey-01: #475247;
  --y-green-21: #7d8a7f;
  --y-amber-54: #9a6a06;
  --y-green-22: #27c285;
  --y-green-23: #16261f;
  --y-green-24: #1c2e26;
  --y-green-25: #bcd0c6;
  --y-green-26: #8aa094;
  --y-amber-55: #f0d083;
  --y-white-12: rgba(255,255,255,.10);
  --y-white-13: rgba(255,255,255,.18);
  --y-grey-02: rgba(128,128,128,.16);
  --y-black-07: rgba(4,10,8,.46);
  --y-black-08: rgba(4,10,8,.06);
  --y-black-09: rgba(4,10,8,.30);
  --y-amber-56: #FEF3D0;
  --y-green-27: rgba(31,160,107,.4);
  --y-green-28: #0c6b46;
  --y-green-29: #9fe9c6;
  --y-red-09: #8a1f18;
  --y-red-10: rgba(179,38,30,.3);
  --y-white-14: rgba(255,255,255,.15);
  --y-black-10: rgba(0,0,0,.85);
  --y-orange-08: #FFC46B;
  --y-green-30: rgba(125,138,127,.16);
  --y-teal-36: #0A4E3C;
  --y-black-11: rgba(8,19,15,.5);
  --y-green-31: rgba(127,179,161,.22);
  --y-green-32: rgba(234,246,241,.5);
  --y-green-33: rgba(234,246,241,.85);
  --y-green-34: #7FB3A1;
  --y-teal-37: rgba(2,124,109,.35);
  --y-black-12: rgba(4,10,8,.42);
  --y-black-13: rgba(4,10,8,0);
  --y-black-14: rgba(6,15,12,.78);
  --y-black-15: rgba(6,15,12,0);
  --y-amber-57: rgba(246,201,78,.5);
  --y-amber-58: #8a6d1a;
  --y-amber-59: #FFFBEA;
  --y-amber-60: #FCEFC3;
  --y-teal-38: #2E8E85;
  --y-teal-39: #155E4E;
  --y-amber-61: rgba(246,201,78,.30);
  --y-blue-05: #0C1E30;
  --y-black-16: #060D0B;
  --y-teal-40: #cfe6df;
  --y-teal-41: rgba(26,127,100,.92);
  --y-teal-42: rgba(15,90,69,.92);
  --y-amber-62: #e6cf7a;
  --y-teal-43: rgba(45,212,167,0.18);
  --y-amber-63: rgba(246,201,78,0.9);
  --y-teal-44: rgba(45,212,167,0.9);
  --y-blue-06: #6b7280;
  --y-amber-64: #7A5B12;
  --y-amber-65: #FDF6E3;
  --y-grey-03: #e2e2e2;
  --y-grey-04: #ddd;
  --y-green-35: #22302b;
  --y-amber-66: #fff8e6;
  --y-teal-45: #0e7c66;
  --y-red-11: #a33;
  --y-amber-67: #fbf7ee;
  --y-amber-68: #e4dcc8;
  --y-amber-69: #e9e2cf;
  --y-teal-46: #5c6b66;
  --y-black-17: rgba(3,10,8,.55);
  --y-teal-47: #14241f;
  --y-grey-05: #d9d9d9;
  --y-white-15: #fafafa;
  --y-teal-48: #e8f5f1;
  --y-grey-06: #eee;
  --y-grey-07: #f0f0f0;
  --y-grey-08: #888;
  --y-white-16: #f0f7f4;
  --y-teal-49: rgba(14,124,102,.07);
  --y-teal-50: rgba(14,124,102,.18);
  --y-white-17: rgba(255,255,255,.94);
  --y-red-12: #E11D2E;
  --y-red-13: rgba(225,29,46,.55);
  --y-red-14: rgba(225,29,46,0);
  --y-grey-09: #666;
  --y-teal-51: rgba(12,31,26,.34);
  --y-green-36: #6B7A74;
  --y-teal-52: rgba(20,95,76,.35);
  --y-teal-53: rgba(12,31,26,.30);
  --y-teal-54: rgba(12,31,26,.22);
  --y-teal-55: #0f4a41;
  --y-teal-56: #0a332d;
  --y-amber-70: #e0a92e;
  --y-orange-09: rgba(140,90,10,.22);
  --y-teal-57: #9fc9bf;
  --y-teal-58: #0a201d;
  --y-green-37: #dff3ec;
  --y-green-38: #4fe0a0;
  --y-green-39: rgba(31,168,85,.7);
  --y-black-18: rgba(4,12,10,.72);
  --y-white-18: #fffefb;
  --y-amber-71: #ece7db;
  --y-teal-59: rgba(12,31,26,.20);
  --y-teal-60: rgba(12,31,26,.10);
  --y-white-19: rgba(255,255,255,.9);
  --y-teal-61: rgba(12,31,26,.28);
  --y-teal-62: rgba(12,31,26,.16);
  --y-orange-10: #3a3226;
  --y-teal-63: rgba(26,127,100,.06);
  --y-red-15: #96281b;
  --y-teal-64: rgba(26,127,100,.55);
  --y-amber-72: #e6e0d2;
  --y-orange-11: #6F5F42;
  --y-white-20: #fbfaf6;
  --y-white-21: #f4f1e9;
  --y-amber-73: #e7e2d6;
  --y-amber-74: #f3efe6;
  --y-amber-75: #eee7d6;
  --y-amber-76: #dcd3bd;
  --y-white-22: #fdfcf8;
  --y-amber-77: #f0ece0;
  --y-amber-78: #e9e3d4;
  --y-amber-79: rgba(120,110,80,.07);
  --y-amber-80: #9a8f74;
  --y-teal-65: rgba(12,31,26,.72);
  --y-grey-10: #222;
  --y-amber-81: #D8CFBB;
  --y-grey-11: #777;
  --y-orange-12: rgba(232,169,58,.16);
  --y-orange-13: rgba(232,169,58,.5);
  --y-blue-07: rgba(148,163,184,.15);
  --y-amber-82: rgba(197,151,10,.5);
  --y-orange-14: #F5B942;
  --y-orange-15: #F59E0B;
  --y-teal-66: #06B6D4;
  --y-purple-01: #8B5CF6;
  --y-black-19: rgba(0,0,0,.1);
  --y-blue-08: #1E293B;
  --y-blue-09: #263447;
  --y-blue-10: rgba(15,23,42,.025);
  --y-green-40: #4ADE80;
  --y-orange-16: rgba(245,158,11,.12);
  --y-teal-67: #CFFAFE;
  --y-teal-68: rgba(6,182,212,.12);
  --y-teal-69: #67E8F9;
  --y-blue-11: #475569;
  --y-blue-12: rgba(148,163,184,.1);
  --y-teal-70: #0B7A5F;
  --y-black-20: rgba(17,24,21,.94);
  --y-red-16: #9b1c1c;
  --y-red-17: #f5c6c2;
  --y-teal-71: rgba(8,20,16,0.6);
  --y-orange-17: #FF9060;
  --y-blue-13: #74B9F0;
  --y-orange-18: #F3D9BF;
  --y-blue-14: #9AD5FF;
  --y-blue-15: #2E7BD6;
  --y-blue-16: #1A5AA8;
  --y-orange-19: #FBB03B;
  --y-orange-20: #F0803C;
  --y-blue-17: rgba(38,165,228,0.25);
  --y-blue-18: #26A5E4;
  --y-green-41: rgba(37,211,102,0.25);
  --y-green-42: #14261f;
  --y-grey-12: #e3e9e6;
  --y-green-43: #5b6b63;
  --y-black-21: rgba(10,14,18,.55);
  --y-blue-19: #1c232a;
  --y-grey-13: rgba(128,128,128,.25);
  --y-grey-14: rgba(128,128,128,.3);
  --y-red-18: #c2382b;
  --y-grey-15: rgba(128,128,128,.15);
  --y-black-22: rgba(9,20,16,.45);
  --y-blue-20: rgba(16,24,40,.22);
  --y-black-23: rgba(0,0,0,.07);
  --y-green-44: #5b6b62;
  --y-red-19: #FDF1F2;
  --y-red-20: rgba(180,35,24,.18);
  --y-white-23: #F2F8F4;
  --y-grey-16: #d9e0db;
  --y-green-45: #14301f;
  --y-orange-21: #B7791F;
  --y-blue-21: rgba(16,24,40,.04);
  --y-blue-22: #4a5560;
  --y-black-24: rgba(0,0,0,.09);
  --y-blue-23: #6b7480;
  --y-white-24: #F5F9F7;
  --y-blue-24: rgba(16,24,40,.05);
  --y-green-46: #7a8a82;
  --y-red-21: #FCD6D6;
  --y-red-22: #791F1F;
  --y-amber-83: #FCEBC1;
  --y-orange-22: #633806;
  --y-orange-23: #F0C98B;
  --y-green-47: #D8ECC1;
  --y-green-48: #27500A;
  --y-grey-17: #e5e7eb;
  --y-teal-72: #1F8A70;
  --y-red-23: #C8553D;
  --y-teal-73: rgba(45,212,167,0.35);
  --y-teal-74: rgba(26,127,100,0.6);
  --y-green-49: rgba(37,211,102,.14);
  --y-blue-25: rgba(42,171,238,.14);
  --y-white-25: #EAF4F2;
  --y-teal-75: #A9C4C0;
  --y-teal-76: #7B968F;
  --y-amber-84: #F6C86B;
  --y-teal-77: #37D9A8;
  --y-teal-78: #20B98A;
  --y-red-24: #FF6B5A;
  --y-orange-24: #FFC24B;
  --y-purple-02: #B79BFF;
  --y-green-50: #5FE3B0;
  --y-red-25: #E79BB0;
  --y-red-26: #C56C86;
  --y-blue-26: rgba(58,86,92,.42);
  --y-blue-27: rgba(14,30,34,.34);
  --y-teal-79: rgba(180,225,225,.20);
  --y-black-25: rgba(0,0,0,.78);
  --y-blue-28: rgba(28,46,50,.96);
  --y-blue-29: rgba(10,24,28,.96);
  --y-blue-30: rgba(4,12,16,.55);
  --y-teal-80: #0E2A2E;
  --y-teal-81: #516E67;
  --y-orange-25: #B07D18;
  --y-teal-82: #0E9C74;
  --y-teal-83: #0B8060;
  --y-red-27: #D63B2C;
  --y-orange-26: #B7770B;
  --y-purple-03: #6D4FC7;
  --y-green-51: #0F9F6E;
  --y-red-28: #B9506D;
  --y-red-29: #8F3A54;
  --y-white-26: rgba(255,255,255,.82);
  --y-teal-84: rgba(228,242,240,.66);
  --y-teal-85: rgba(20,70,66,.16);
  --y-teal-86: rgba(20,50,50,.28);
  --y-teal-87: rgba(20,50,50,.34);
  --y-white-27: rgba(255,255,255,.97);
  --y-white-28: rgba(232,243,240,.97);
  --y-teal-88: rgba(20,70,66,.085);
  --y-teal-89: rgba(14,42,46,.34);
  --y-teal-90: #12343a;
  --y-teal-91: rgba(55,217,168,.6);
  --y-red-30: rgba(255,90,77,.28);
  --y-red-31: #b3382e;
  --y-red-32: rgba(255,90,77,.6);
  --y-teal-92: #43e6b0;
  --y-teal-93: #20b98a;
  --y-teal-94: #04231b;
  --y-teal-95: rgba(32,185,138,.35);
  --y-teal-96: rgba(55,217,168,.14);
  --y-teal-97: rgba(55,217,168,.35);
  --y-orange-27: rgba(255,194,75,.10);
  --y-orange-28: rgba(255,194,75,.32);
  --y-amber-85: #ffd98a;
  --y-teal-98: #37d9a8;
  --y-teal-99: #159e78;
  --y-teal-100: #042019;
  --y-blue-31: rgba(6,18,26,.92);
  --y-blue-32: rgba(6,18,26,0);
  --y-red-33: #3a0d14;
  --y-orange-29: #e6b24d;
  --y-red-34: #893141;
  --y-green-52: #217434;
  --y-red-35: rgba(255,90,77,.65);
  --y-red-36: rgba(255,90,77,.4);
  --y-white-29: rgba(255,255,255,.4);
  --y-black-26: rgba(4,12,10,.38);
  --y-amber-86: #fff3c8;
  --y-orange-30: #ffb03a;
  --y-orange-31: #ff6a2a;
  --y-red-37: #9a3849;
  --y-red-38: #5f1e2c;
  --y-teal-101: #1f9079;
  --y-teal-102: #0b5645;
  --y-green-53: #2f8d3f;
  --y-green-54: #155e2a;
  --y-red-39: #ff5a4d;
  --y-amber-87: #f0b743;
  --y-blue-33: #6fa8ff;
  --y-blue-34: #3f79e0;
  --y-blue-35: #04122b;
  --y-teal-103: rgba(20,70,66,.09);
  --y-green-55: rgba(95,227,176,.75);
  --y-green-56: rgba(95,227,176,.45);
  --y-green-57: #8ff0c8;
  --y-teal-104: rgba(55,217,168,.12);
  --y-orange-32: rgba(255,194,75,.3);
  --y-white-30: rgba(255,255,255,.04);
  --y-purple-04: rgba(183,155,255,.16);
  --y-green-58: rgba(95,227,176,.16);
  --y-blue-36: rgba(20,36,40,.9);
  --y-red-40: rgba(255,107,90,.16);
  --y-orange-33: rgba(255,194,75,.16);
  --y-orange-34: rgba(255,150,90,.16);
  --y-orange-35: #ff9a5a;
  --y-amber-88: rgba(246,200,107,.2);
  --y-amber-89: rgba(246,200,107,.5);
  --y-orange-36: rgba(255,150,90,.4);
  --y-amber-90: rgba(246,200,107,.9);
  --y-teal-105: #54ecbb;
  --y-teal-106: #1fae82;
  --y-red-41: #ff5a47;
  --y-orange-37: #ffd0c0;
  --y-red-42: #ff6b5a;
  --y-red-43: #c22;
  --y-red-44: rgba(255,90,77,.25);
  --y-red-45: #7a2018;
  --y-amber-91: #ffe1a3;
  --y-orange-38: #f0a83a;
  --y-amber-92: #caa24a;
  --y-amber-93: #d9b968;
  --y-purple-05: #d9c9ff;
  --y-purple-06: #9a7de6;
  --y-purple-07: rgba(183,155,255,.14);
  --y-purple-08: #b79bff;
  --y-teal-107: #28b98a;
  --y-amber-94: #ffe6a8;
  --y-orange-39: #c98a3a;
  --y-orange-40: #a06d28;
  --y-orange-41: #3a2708;
  --y-teal-108: #8fb7b0;
  --y-blue-37: #8ab4ff;
  --y-blue-38: rgba(138,180,255,.14);
  --y-green-59: #5fe3b0;
  --y-grey-18: #cfd6d2;
  --y-green-60: #93a19b;
  --y-green-61: #8fa39c;
  --y-amber-95: rgba(246,201,78,.95);
  --y-purple-09: #c9a6ff;
  --y-blue-39: rgba(10,24,30,.92);
  --y-teal-109: rgba(180,225,225,.25);
  --y-teal-110: rgba(180,225,225,.3);
  --y-blue-40: #9fc0c9;
  --y-teal-111: rgba(55,217,168,.16);
  --y-grey-19: #F0F0F0;
  --y-amber-96: rgba(212,175,55,0.10);
  --y-orange-42: rgba(245,222,179,0.45);
  --y-amber-97: rgba(212,175,55,0.40);
  --y-amber-98: rgba(180,140,60,0.45);
  --y-red-46: #E24B4A;
  --y-amber-99: #E8D9A8;
  --y-orange-43: #5A3F11;
  --y-orange-44: #FFD78A;
  --y-orange-45: #7A4A07;
  --y-white-31: #F1F7F2;
}
/* B1271 PART D.2 — shadows and gradients of YELLOW's files, by name, so data-look reaches them; the value is today's text (flat) */
:root {
  --fx-yellow-shadow-1: 0 0 14px var(--y-amber-63);
  --fx-yellow-shadow-2: 0 0 12px var(--y-teal-44);
  --fx-yellow-grad-1: radial-gradient(circle, var(--y-teal-05), transparent 70%);
  --fx-yellow-grad-2: linear-gradient(135deg, var(--c-red), var(--y-red-02));
  --fx-yellow-shadow-3: 0 4px 14px var(--c-red-45);
  --fx-yellow-shadow-4: 0 2px 8px var(--y-amber-17);
  --fx-yellow-shadow-5: 0 0 0 3px var(--y-amber-21);
  --fx-yellow-shadow-6: 0 0 0 4px var(--y-amber-22);
  --fx-yellow-shadow-7: 0 4px 14px var(--y-teal-07);
  --fx-yellow-shadow-8: 0 6px 20px var(--y-teal-08);
  --fx-yellow-shadow-9: 0 4px 14px var(--y-amber-23);
  --fx-yellow-shadow-10: 0 6px 20px var(--y-amber-24);
  --fx-yellow-shadow-11: 0 6px 20px var(--y-amber-17);
  --fx-yellow-shadow-12: 0 0 0 1px var(--y-amber-25), 0 0 18px var(--y-amber-26), 0 14px 40px var(--y-teal-11);
  --fx-yellow-shadow-13: 0 0 0 1px var(--y-amber-27), 0 0 38px var(--y-amber-28), 0 14px 40px var(--y-teal-11);
  --fx-yellow-shadow-14: 0 18px 44px var(--c-black-14);
  --fx-yellow-grad-3: radial-gradient(circle, var(--y-amber-31) 1px, transparent 1px);
  --fx-yellow-shadow-15: 0 1px 1px var(--c-black-25);
  --fx-yellow-shadow-16: 0 0 0 3px var(--y-amber-32);
  --fx-yellow-shadow-17: 0 3px 10px var(--y-amber-18);
  --fx-yellow-shadow-18: 0 0 0 0 var(--c-red-43);
  --fx-yellow-shadow-19: 0 0 0 6px var(--c-red-53);
  --fx-yellow-shadow-20: 0 12px 36px var(--c-black-20);
  --fx-yellow-shadow-21: 0 12px 40px var(--c-black-17);
  --fx-yellow-grad-4: linear-gradient(to top, var(--c-surface) 72%, transparent);
  --fx-yellow-shadow-22: inset 3px 0 0 var(--y-amber-05);
  --fx-yellow-shadow-23: 0 12px 34px var(--c-black-16);
  --fx-yellow-shadow-24: 0 20px 60px var(--c-black-12);
  --fx-yellow-shadow-25: inset 3px 0 0 var(--y-red-05);
  --fx-yellow-shadow-26: 0 18px 48px var(--y-teal-18);
  --fx-yellow-shadow-27: 0 -18px 48px var(--y-teal-18);
  --fx-yellow-shadow-28: 0 1px 8px var(--c-black-07);
  --fx-yellow-shadow-29: 0 0 0 2px var(--c-red-48);
  --fx-yellow-shadow-30: 0 1px 3px var(--c-black-15);
  --fx-yellow-shadow-31: 0 20px 60px var(--c-black-09);
  --fx-yellow-shadow-32: 0 8px 22px var(--y-teal-22);
  --fx-yellow-shadow-33: 0 5px 16px var(--y-teal-24);
  --fx-yellow-grad-5: linear-gradient(var(--y-amber-29), var(--y-amber-29));
  --fx-yellow-grad-6: linear-gradient(135deg, var(--c-navy) 0%, var(--c-teal-137) 70%);
  --fx-yellow-shadow-34: 0 0 12px 2px var(--y-amber-46);
  --fx-yellow-shadow-35: 0 0 4px 0 var(--y-amber-30), 0 0 0 0 var(--c-gold-40);
  --fx-yellow-shadow-36: 0 0 16px 4px var(--y-amber-47), 0 0 0 7px var(--y-amber-48);
  --fx-yellow-shadow-37: 0 0 4px 0 var(--y-amber-30), 0 0 0 0 var(--y-amber-48);
  --fx-yellow-grad-7: linear-gradient(165deg, var(--y-teal-30) 0%, var(--y-teal-31) 45%, var(--y-teal-32) 130%);
  --fx-yellow-shadow-38: 0 8px 24px var(--c-black-15);
  --fx-yellow-shadow-39: 0 2px 14px var(--c-black-09);
  --fx-yellow-shadow-40: 0 6px 18px var(--c-black-15);
  --fx-yellow-shadow-41: 0 16px 44px var(--c-black-09);
  --fx-yellow-shadow-42: 0 14px 34px var(--y-black-03), inset 0 -14px 26px var(--c-black-18), inset 0 12px 22px var(--c-white-10);
  --fx-yellow-grad-8: radial-gradient(circle at 30% 24%, var(--y-white-10) 0%, var(--c-white-19) 26%, var(--c-white-28) 52%);
  --fx-yellow-grad-9: radial-gradient(circle at 74% 82%, var(--c-black-15) 0%, var(--y-black-04) 34%, var(--c-black-29) 62%);
  --fx-yellow-grad-10: radial-gradient(circle at 50% 50%, var(--c-black-29) 62%, var(--y-black-05) 88%, var(--y-black-06) 100%);
  --fx-yellow-shadow-43: inset 0 0 0 1px var(--c-white-14), inset 0 -8px 16px var(--c-black-24);
  --fx-yellow-shadow-44: 0 6px 30px var(--y-black-01);
  --fx-yellow-shadow-45: 0 10px 30px var(--c-teal-54);
  --fx-yellow-shadow-46: 0 10px 24px var(--c-teal-58);
  --fx-yellow-shadow-47: 0 2px 12px var(--c-black-09);
  --fx-yellow-shadow-48: 0 2px 10px var(--c-black-11);
  --fx-yellow-shadow-49: 0 8px 22px var(--c-black-20);
  --fx-yellow-shadow-50: 0 1px 6px var(--c-black-02);
  --fx-yellow-shadow-51: 0 8px 22px var(--c-black-15);
  --fx-yellow-shadow-52: 0 2px 8px var(--c-black-04);
  --fx-yellow-shadow-53: 0 2px 9px var(--c-black-05);
  --fx-yellow-shadow-54: 0 1px 5px var(--c-black-02);
  --fx-yellow-shadow-55: 0 6px 18px var(--y-red-10);
  --fx-yellow-shadow-56: 0 1px 4px var(--c-black-20);
  --fx-yellow-shadow-57: 0 1px 6px var(--y-black-10);
  --fx-yellow-shadow-58: 0 0 0 1px var(--c-black-24);
  --fx-yellow-shadow-59: 0 0 14px var(--y-green-32),0 0 5px var(--y-amber-30);
  --fx-yellow-shadow-60: 0 12px 30px var(--c-black-09);
  --fx-yellow-shadow-61: 0 2px 8px var(--c-black-08);
  --fx-yellow-shadow-62: 0 1px 4px var(--c-black-06);
  --fx-yellow-shadow-63: 0 1px 5px var(--c-black-04);
  --fx-yellow-shadow-64: 0 1px 5px var(--c-black-06);
  --fx-yellow-shadow-65: 0 1px 4px var(--c-black-04);
  --fx-yellow-shadow-66: 0 0 12px 2px var(--y-amber-57);
  --fx-yellow-shadow-67: 0 0 0 1px var(--c-gold,var(--c-gold-39)),0 4px 14px var(--y-amber-25);
  --fx-yellow-grad-11: linear-gradient(160deg,var(--y-amber-59),var(--y-amber-60));
  --fx-yellow-shadow-68: 0 1px 4px var(--c-black-02);
  --fx-yellow-shadow-69: 0 3px 8px var(--c-black-20);
  --fx-yellow-shadow-70: 2px 3px 10px var(--c-black-18),0 1px 2px var(--c-black-23);
  --fx-yellow-shadow-71: 0 24px 60px var(--c-black-11);
  --fx-yellow-shadow-72: 0 24px 70px var(--c-black-09);
  --fx-yellow-shadow-73: 0 8px 20px var(--c-black-15);
  --fx-yellow-shadow-74: 0 -12px 34px var(--c-black-17);
  --fx-yellow-shadow-75: 0 12px 30px var(--c-black-18);
  --fx-yellow-shadow-76: 0 4px 10px var(--c-black-20);
  --fx-yellow-shadow-77: 0 10px 30px var(--c-black-19);
  --fx-yellow-shadow-78: 3px 3px 12px var(--c-black-12), 0 1px 3px var(--c-black-21);
  --fx-yellow-shadow-79: 12px 12px 32px var(--c-black-08);
  --fx-yellow-grad-12: linear-gradient(225deg, var(--c-black-18) 45%, transparent 45%);
  --fx-yellow-grad-13: linear-gradient(225deg, var(--c-white-23) 45%, var(--c-black-25) 45%);
  --fx-yellow-shadow-80: 0 12px 30px var(--c-black-16);
  --fx-yellow-shadow-81: 0 8px 24px var(--y-black-05);
  --fx-yellow-shadow-82: 0 4px 12px var(--c-black-23);
  --fx-yellow-shadow-83: 0 0 0 2px var(--y-white-05);
  --fx-yellow-shadow-84: 0 0 0 2px var(--y-white-05),0 0 0 0 var(--y-red-13);
  --fx-yellow-shadow-85: 0 0 0 2px var(--y-white-05),0 0 0 13px var(--y-red-14);
  --fx-yellow-shadow-86: 0 0 0 2px var(--y-white-05),0 0 0 0 var(--y-red-14);
  --fx-yellow-shadow-87: 0 10px 30px var(--y-teal-51), inset 0 1px 0 var(--c-white-08);
  --fx-yellow-shadow-88: 0 2px 8px var(--c-black-25);
  --fx-yellow-shadow-89: 0 4px 12px var(--y-teal-52);
  --fx-yellow-shadow-90: 0 10px 26px var(--y-teal-51), inset 0 1px 0 var(--c-white-08);
  --fx-yellow-shadow-91: 0 14px 32px var(--y-teal-11);
  --fx-yellow-shadow-92: 0 3px 8px var(--y-teal-53), inset 0 2px 5px var(--y-teal-54);
  --fx-yellow-shadow-93: 0 30px 70px -24px var(--c-black-04),inset 0 1px 0 var(--c-white-22);
  --fx-yellow-shadow-94: 0 3px 10px var(--c-black-15);
  --fx-yellow-shadow-95: 0 8px 20px var(--c-black-11);
  --fx-yellow-shadow-96: 0 3px 16px var(--c-black-11);
  --fx-yellow-shadow-97: 0 12px 26px -10px var(--y-green-39);
  --fx-yellow-shadow-98: 2px 3px 10px var(--y-teal-59), 0 10px 22px var(--y-teal-60), inset 0 1px 0 var(--y-white-19);
  --fx-yellow-shadow-99: 3px 6px 16px var(--y-teal-61), 0 18px 34px var(--y-teal-62);
  --fx-yellow-shadow-100: inset 0 2px 8px var(--c-black-20);
  --fx-yellow-grad-14: linear-gradient(135deg, transparent 0 48%, var(--y-teal-64) 48% 60%, transparent 60% 72%, var(--y-teal-64) 72% 84%, transparent 84%);
  --fx-yellow-shadow-101: 0 1px 4px var(--c-black-19);
  --fx-yellow-shadow-102: 0 22px 60px var(--y-teal-53);
  --fx-yellow-shadow-103: 2px 3px 9px var(--y-teal-59), 0 10px 22px var(--y-teal-60), inset 0 1px 0 var(--y-white-19);
  --fx-yellow-shadow-104: 6px 7px 3px var(--c-black-27);
  --fx-yellow-shadow-105: 1px 1px 2px var(--c-black-23);
  --fx-yellow-shadow-106: inset 0 1px 3px var(--c-black-27);
  --fx-yellow-shadow-107: 0 4px 14px var(--c-black-12), inset 0 1px 0 var(--c-white-17);
}
/* B1271 PART D.2 — shadows and gradients of YELLOW's files, by name, so data-look reaches them; the value is today's text (flat) */
:root {
  --fx-yellow-shadow-108: 0 3px 10px var(--c-black-22);
  --fx-yellow-shadow-109: 0 6px 18px var(--y-black-05);
  --fx-yellow-shadow-110: inset 0 2px 6px var(--c-black-20);
  --fx-yellow-shadow-111: 0 18px 50px var(--c-black-09);
  --fx-yellow-shadow-112: 0 4px 12px var(--c-black-15);
  --fx-yellow-shadow-113: 0 10px 40px var(--c-black-12);
  --fx-yellow-shadow-114: 0 10px 40px var(--c-black-12),0 0 0 4px var(--c-red-43),0 0 26px var(--c-red-42);
  --fx-red-inset-mr-0: 0 10px 40px var(--c-black-12),inset 0 0 0 1px var(--c-red);   /* DAFTAR 1988 · 1993 (owner 20:23): the ministry-reply card's pulse, red, glowing INSIDE the card */
  --fx-red-inset-mr: 0 10px 40px var(--c-black-12),inset 0 0 0 3px var(--c-red),inset 0 0 28px color-mix(in srgb,var(--c-red) 50%,transparent);
  --fx-amber-inset-fld: 0 10px 40px var(--c-black-12),inset 0 0 0 3px var(--c-amber),inset 0 0 28px color-mix(in srgb,var(--c-amber) 55%,transparent);   /* DAFTAR 1993: the unrouted field-report card's pulse, amber, glowing INSIDE the card (an outer glow is lost on a dark background) */
  --fx-yellow-shadow-115: 0 24px 60px var(--c-black-09);
  --fx-yellow-shadow-116: 0 12px 34px var(--y-blue-20);
  --fx-yellow-shadow-117: 0 -2px 12px var(--c-teal-89);
  --fx-yellow-shadow-118: 0 -6px 24px var(--c-black-20);
  --fx-yellow-shadow-119: 0 1px 2px var(--y-blue-21);
  --fx-yellow-grad-15: linear-gradient(180deg, var(--y-white-02) 0%, var(--y-white-24) 100%);
  --fx-yellow-shadow-120: 0 1px 2px var(--y-blue-24);
  --fx-yellow-shadow-121: inset 0 1px 2px var(--y-blue-21);
  --fx-yellow-shadow-122: 0 12px 26px -12px var(--c-black-09);
  --fx-yellow-grad-16: linear-gradient(160deg,var(--c-blue-11),var(--c-blue-26));
  --fx-yellow-grad-17: linear-gradient(160deg,var(--c-blue-49),var(--c-blue-61));
  --fx-yellow-shadow-123: 0 1px 3px var(--c-black-09);
  /* the portal's own gradients (B1271 PART D.2, BLUE on HANADI, 27 Sep): every name inside is set on the portal's root — contact-us.html :root / html.night, or brand.js on documentElement — so it resolves there, day and night */
  --fx-yellow-grad-18: linear-gradient(135deg, var(--c-night-ground, var(--c-navy)) 0%, var(--c-night-ground-2, var(--c-teal-137)) 55%, var(--c-accent-surface, var(--y-teal-03)) 130%);
  --fx-yellow-grad-19: linear-gradient(135deg, var(--c-bg-grad-1) 0%, var(--c-bg-grad-2) 50%, var(--c-bg-grad-3) 100%);
  --fx-yellow-grad-20: radial-gradient(circle, var(--c-gold-glow), transparent 70%);
  --fx-yellow-grad-21: linear-gradient(135deg, var(--c-gold), var(--c-gold-dark));
  --fx-yellow-grad-22: linear-gradient(135deg, var(--c-gold-glow), var(--c-gold));
  --fx-yellow-grad-23: linear-gradient(100deg, var(--c-teal-127) 0%, var(--c-teal-127) 42%, var(--y-amber-05) 46%, var(--c-gold-39) 49%, var(--y-amber-35) 50%, var(--c-gold-39) 51%, var(--y-amber-05) 54%, var(--c-teal-127) 58%, var(--c-teal-127) 100%);
  --fx-yellow-grad-24: linear-gradient(135deg, var(--y-teal-34), var(--emerald-d));
}
/* ── end YELLOW (B1255) ── */
/* ══ ق‑262 (26 Sep 2026, the owner: «اعتمدها تماااااااااما») — the close-reward confetti: eight metal colours, each a lit face and a dark face ══ */
:root {
  --p-confetti-1-hi: #f6d365; --p-confetti-1-lo: #b8860b;
  --p-confetti-2-hi: #e8e8e8; --p-confetti-2-lo: #9a9a9a;
  --p-confetti-3-hi: #2ecc71; --p-confetti-3-lo: #16813f;
  --p-confetti-4-hi: #3b82f6; --p-confetti-4-lo: #1e40af;
  --p-confetti-5-hi: #a855f7; --p-confetti-5-lo: #6b21a8;
  --p-confetti-6-hi: #ef4444; --p-confetti-6-lo: #991b1b;
  --p-confetti-7-hi: #ec4899; --p-confetti-7-lo: #9d174d;
  --p-confetti-8-hi: #f59e0b; --p-confetti-8-lo: #b45309;
}
/* ══ B1271 PART D.2 · Q-20260926-B1271-D2-EFFECTS (RED, the frame) — THE DIRECTION SIGN for a motion along the line.
   --dir-x is the sign of «toward the END of the line»: −1 under rtl (the end is on the left), +1 under ltr. It inherits, so a
   subtree marked dir="ltr" (an English content object, 02 §Login-gate refinement) gets +1 inside an rtl page.
   A motion that must follow the reading direction is written `translateX(calc(var(--dir-x) * <length>))`; to keep today's rtl
   pixels, today's `translateX(8px)` becomes `translateX(calc(var(--dir-x) * -8px))` (rtl: −1 × −8px = 8px — identical).
   ⚠ a pointing GLYPH is not a motion: it goes through dirArrow(meaning) (index.html), never a mirrored class. ══ */
:root { --dir-x: -1; }
[dir="ltr"] { --dir-x: 1; }
[dir="rtl"] { --dir-x: -1; }
/* ══ end of the direction sign ══ */
/* ══ B1271 PART C · ق‑269 — RED js/markup, YELLOW's hands — أسماءٌ جديدةٌ بنصِّ القيمةِ نفسِه ══ */
:root {
  --c-white-76: #fff;
  --c-black-53: #000000;
  --c-green-51: #132019;
  --c-white-77: #ffffff;
  --c-black-54: rgba(0,0,0,.08);
  --c-black-55: rgba(0,0,0,.16);
  --c-gold-153: #C9A961;
  --c-gold-154: #7A5F20;
  --c-gold-155: #FFFDF7;
  --c-teal-308: #3d9a77;
  --c-gold-156: #E2D8C0;
  --c-teal-300: #14543f;
  --c-gold-157: #A2967A;
  --c-teal-301: #051d15;
  --c-orange-101: #FF9060;
  --c-blue-154: #74B9F0;
  --c-orange-102: #F3D9BF;
  --c-blue-146: #9AD5FF;
  --c-blue-147: #2E7BD6;
  --c-blue-148: #1A5AA8;
  --c-orange-103: #FBB03B;
  --c-orange-104: #F0803C;
  --c-teal-302: #0FA88F;
  --c-gold-158: #FFFCF3;
  --c-gold-159: rgb(251,239,201);
  --c-teal-303: rgba(43,212,176,0);
  --c-blue-149: #ECF3FF;
  --c-blue-150: #0A1622;
  --c-blue-151: #57ABD6;
  --c-teal-304: #2E8E85;
  --c-blue-152: #0C1E30;
  --c-blue-153: #0A1520;
  --c-black-51: #060D0B;
  --c-gold-160: #FFF3CC;
  --c-yellow-01: rgba(255,255,225,0.95);
  --c-black-52: rgba(0,0,0,0.36);
  --c-teal-307: #1A7F64;
}
/* ══ نهايةُ الكتلة ══ */

/* ══ الخطوط — ق‑286 (the owner, 26 Sep): every font FACE from ONE place (sizes are not in this wave). ══
   One token per stack the platform writes again and again, named by ROLE, each the IDENTICAL value of the literals it replaces
   (a colour moves a literal only onto the token of its exact stack; a stack used once gets a role token in its colour's block the
   day it moves). Nothing reads these yet — the colours move their own literals onto them (RED's counter family fontFamily). */
:root {
  --font-tajawal: "Tajawal", sans-serif;                     /* DAFTAR 1872 — THE one font of the platform (Arabic + Latin, served by us); every token below points here */
  --font-ui:     var(--font-tajawal);              /* the platform's body face (main.css body) */
  --font-arabic: var(--font-tajawal);                       /* Arabic words set on their own */
  --font-latin: var(--font-tajawal);                         /* Latin words set on their own */
  --font-digits: var(--font-tajawal);                          /* numbers that must line up (counters · codes · times) */
  --font-code: var(--font-tajawal);    /* raw text shown as written (logs · ids · payloads) */
  --font-mono: var(--font-tajawal);                                   /* the plain fixed-width face */
  --font-code-console: var(--font-tajawal);          /* RED: raw text in the intake and the desk (Menlo-less stack, as written) */
  --font-arabic-segoe-sans: var(--font-tajawal);       /* RED: the focus cockpit's own chrome */
  --r-scene-wash:           rgba(217,45,130,.18);                  /* RED: the owner's inspection tool (فتش) — the pink wash over the element under review */
}
/* ══ end of the font faces ══ */

/* ══ RED 27 Sep — a name the desk read but no one defined (since 10 Jun) ══
   --r-field: the corner of the searchable-select field, its drop list and its search box (main.css .ss-inp · .ss-drop · .ss-search input).
   It was never defined, so those corners have always drawn SQUARE (an undefined value falls back to none). It is written here as it
   draws — 0 — so nothing changes; a rounder field corner is the owner's choice, one value here. */
:root { --r-field: 0; }
/* ══ ق‑285 — YELLOW's corners by ROLE (values no shared --d-radius-* holds; each defined once, here) ══ */
:root {
  --r-flat:             0;                  /* an edge drawn square on purpose: full-bleed bars, sheets, a logo on its own ground */
  --r-landing-mark-core: 30px;              /* the portal landing mark's inner tile */
  --r-doc-glyph:        5px 14px 5px 5px;   /* the documents desk glyph: a sheet with a folded corner */
  --r-doc-glyph-fold:   0 14px 0 0;         /* that glyph's fold */
  --r-sheet-top:        18px 18px 0 0;      /* a bottom sheet: round on top, square on the floor */
  --r-resize-grip:      0 0 12px 0;         /* a window's resize grip in its end-bottom corner */
}
/* ══ end of YELLOW's corners ══ */
/* ══ ق‑286 — YELLOW's faces by ROLE (stacks no shared --font-* holds; each defined once, here) ══ */
:root {
  --font-arabic-mono: var(--font-tajawal);                        /* codes and digits set in the Arabic face (ticket ids, the clock) */
  --font-devanagari: var(--font-tajawal); /* the portal read in a Devanagari language */
  --font-bengali: var(--font-tajawal);    /* the portal read in Bengali */
  --font-arabic-system: var(--font-tajawal);            /* the location sheet */
  --font-arabic-segoe: var(--font-tajawal); /* the app-shell ground */
  --font-arabic-bare: var(--font-tajawal);                                   /* the landing brand mark (no fallback, as written) */
}
/* ══ end of YELLOW's faces ══ */

/* ══ GREEN d9ebf19 — the effect names GREEN minted for RED's files (ق‑209 D.2), merged by RED; the 12 whose numbers main had
   already taken for other values were renumbered (grad-3…7 → 51…55 · shadow-3…8,15 → 57…63) with every GREEN reference ══ */
:root {
  --fx-red-grad-1: linear-gradient(160deg, var(--c-bg) 0%, var(--c-gold-21) 100%);
  --fx-red-grad-51: linear-gradient(95deg,var(--c-red-20),var(--c-red-31));
  --fx-red-grad-52: linear-gradient(180deg, var(--c-white-29), var(--c-gray-01));
  --fx-red-grad-53: linear-gradient(135deg, var(--c-navy-l), var(--c-emerald-d));
  --fx-red-grad-54: linear-gradient(135deg, var(--c-gold), var(--c-gold-d));
  --fx-red-grad-55: linear-gradient(135deg,var(--c-teal-78),var(--c-teal-105));
  --fx-red-grad-8: linear-gradient(135deg,var(--c-amber-d),var(--c-orange-21));
  --fx-red-grad-9: linear-gradient(to bottom, transparent 8px, var(--c-blue-54) 10px, var(--c-blue-54) 12px, transparent 14px);
  --fx-red-grad-12: linear-gradient(180deg, var(--c-gold-25), var(--c-gold-26));
  --fx-red-shadow-57: inset 2px 0 0 var(--p-teal);
  --fx-red-grad-14: linear-gradient(135deg, var(--c-gold-39), var(--c-gold));
  --fx-red-shadow-58: 0 0 0 3px var(--p-green-bg);
  --fx-red-shadow-59: 0 0 0 3px var(--p-red-bg);
  --fx-red-grad-15: linear-gradient(180deg, var(--c-red-40), var(--c-red-61));
  --fx-red-grad-16: linear-gradient(135deg, var(--c-amber-bg), var(--c-gold-30));
  --fx-red-grad-17: linear-gradient(135deg, var(--p-emerald-bg), var(--c-green-05));
  --fx-red-grad-18: linear-gradient(135deg, var(--p-teal),  var(--p-teal-d));
  --fx-red-grad-21: linear-gradient(135deg, var(--p-emerald-bg) 0%, var(--c-gray-03) 100%);
  --fx-red-grad-22: linear-gradient(165deg, var(--c-white-32) 0%, var(--c-gold-07) 100%);
  --fx-red-grad-23: linear-gradient(90deg, var(--p-emerald-bg) 0%, var(--c-gray-03) 100%);
  --fx-red-grad-24: linear-gradient(135deg, var(--c-amber-bg) 0%, var(--c-gold-05) 100%);
  --fx-red-grad-25: linear-gradient(135deg, var(--c-red-bg) 0%, var(--c-red-02) 100%);
  --fx-red-grad-26: linear-gradient(135deg, var(--c-blue-04) 0%, var(--c-blue-01) 100%);
  --fx-red-grad-27: linear-gradient(180deg, var(--c-surface) 0%, var(--c-gray-06) 100%);
  --fx-red-grad-28: linear-gradient(180deg, var(--c-white-08), var(--c-white-28));
  --fx-red-grad-29: linear-gradient(180deg, var(--c-white-22), var(--c-white-28));
  --fx-red-grad-30: linear-gradient(180deg, var(--c-teal-111) 0%, var(--c-teal-123) 100%);
  --fx-red-grad-31: linear-gradient(180deg, var(--c-white-24), var(--c-white-28));
  --fx-red-grad-32: linear-gradient(180deg, var(--c-white-20), var(--c-white-28));
  --fx-red-grad-33: linear-gradient(180deg, var(--c-gray-01), var(--c-white-29));
  --fx-red-grad-34: linear-gradient(180deg, white, var(--c-white-30));
  --fx-red-grad-35: radial-gradient(var(--c-teal-64) 1px, transparent 1px);
  --fx-red-grad-36: linear-gradient(135deg, var(--c-teal-101), var(--c-teal-44));
  --fx-red-grad-37: linear-gradient(90deg, var(--c-gray-03), white);
  --fx-red-shadow-60: 0 0 0 3px var(--p-teal-bg);
  --fx-red-grad-38: linear-gradient(225deg, var(--c-black-18) 45%, transparent 45%);
  --fx-red-grad-39: linear-gradient(225deg, var(--c-white-23) 45%, var(--c-black-25) 45%);
  --fx-red-grad-40: linear-gradient(180deg, var(--p-teal), var(--p-teal-d));
  --fx-red-grad-41: linear-gradient(180deg, var(--c-teal-79), var(--c-teal-108));
  --fx-red-grad-43: linear-gradient(150deg, var(--c-blue-23), var(--c-blue-45));
  --fx-red-grad-44: linear-gradient(150deg, var(--c-red-72), var(--c-red-73));
  --fx-red-grad-45: linear-gradient(135deg, var(--p-teal), var(--p-teal-d));
  --fx-red-shadow-61: 0 8px 20px color-mix(in srgb, var(--p-teal) 22%, transparent);
  --fx-red-shadow-62: 0 8px 20px color-mix(in srgb, var(--p-teal)  22%, transparent);
  --fx-red-shadow-13: 0 0 0 3px var(--p-amber-bg);
  --fx-red-shadow-14: 0 0 18px 2px color-mix(in srgb, var(--p-info) 45%, transparent);
  --fx-red-shadow-63: 0 0 0 3px var(--p-info-bg);
  --fx-red-shadow-19: inset -3px 0 0 color-mix(in srgb, var(--p-teal) 45%, transparent);
  --fx-red-shadow-20: 0 6px 18px var(--c-black-09);
  --fx-red-shadow-24: 0 1px 2px var(--c-blue-133),inset 0 1px 0 var(--c-white-01);
  --fx-red-shadow-25: 0 5px 12px var(--c-blue-134);
  --fx-red-shadow-26: 0 0 0 3px var(--c-red-142);
  --fx-red-shadow-33: 0 10px 30px var(--c-black-20);
  --fx-red-shadow-34: 0 10px 30px var(--p-rc-vpop-sh);
  --fx-red-shadow-35: 0 12px 36px var(--p-rc-ipop-sh);
  --fx-red-shadow-36: 0 8px 48px var(--c-black-12);
  --fx-red-shadow-37: 0 4px 16px var(--c-gold-137);
  --fx-red-shadow-38: 0 8px 28px var(--c-black-18);
  --fx-red-shadow-39: inset 0 0 0 1px var(--p-reporter-bd);
  --fx-red-shadow-40: 0 24px 60px var(--c-black-09);
  --fx-red-shadow-41: 0 2px 10px var(--c-black-12);
  --fx-red-shadow-42: 0 20px 44px -24px var(--c-teal-277),inset 0 1px 0 var(--c-white-63);
  --fx-red-shadow-43: 0 6px 16px var(--c-teal-279);
  --fx-red-shadow-44: inset 0 1px 0 var(--c-white-25),0 26px 70px var(--c-black-06);
  --fx-red-shadow-45: 0 0 20px var(--c-red-151),inset 0 1px 0 var(--c-white-12);
  --fx-red-shadow-46: inset 0 2px 6px var(--c-black-08);
  --fx-red-shadow-47: 0 3px 10px var(--c-black-11),inset 0 1px 0 var(--c-white-09);
  --fx-red-grad-46: radial-gradient(circle 5px at 5px 50%, var(--y-white-05) 0 3.5px, var(--y-amber-05) 3.5px 5px, transparent 5px);
  --fx-red-grad-47: radial-gradient(circle 5px at calc(100% - 5px) 50%, var(--y-white-05) 0 3.5px, var(--y-amber-05) 3.5px 5px, transparent 5px);
  --fx-red-shadow-48: 0 2px 8px var(--c-red-161);
  --fx-red-shadow-49: 0 3px 14px var(--c-red-162);
  --fx-red-grad-48: radial-gradient(circle at 50% 118%, var(--c-white-72) 0%, var(--c-white-28) 42%);
  --fx-red-grad-49: radial-gradient(circle at 34% 24%, var(--c-white-73) 0%, var(--c-white-10) 16%, var(--c-white-28) 42%);
  --fx-red-grad-50: radial-gradient(circle at 46% 40%, var(--c-white-18) 0%, var(--c-white-28) 40%, var(--c-black-20) 72%, var(--c-black-46) 100%);
  --fx-red-shadow-50: inset -1px -2px 6px var(--c-black-48), 0 2px 4px var(--c-black-49);
  --fx-red-shadow-51: 0 2px 12px var(--c-black-16);
  --fx-red-shadow-52: 0 2px 6px var(--p-mp-shadow);
  --fx-red-shadow-53: 0 20px 60px var(--c-black-43);
  --fx-red-shadow-54: 0 0 0 3px rgba(217,45,130,.85),0 0 30px 6px rgba(246,201,78,.9);
  --fx-red-shadow-55: 0 6px 20px rgba(0,0,0,.6);
  --fx-red-shadow-56: 0 8px 26px rgba(0,0,0,.6);
  --fx-red-shadow-81: 0 1px 3px var(--c-black-52);   /* DAFTAR 1920: the top-bar words over the weather sky */
  --fx-clock-halo: 0 0 2px var(--c-black-11), 0 0 2px var(--c-black-11);   /* DAFTAR 1923 (owner 6 Oct 03:54): the night clock's words over the sky */
  --fx-red-shadow-82: 0 0 0 2px var(--c-surface), var(--fx-green-shadow-1);   /* DAFTAR 1920: the weather button while on */
  --fx-green-shadow-17: 0 0 8px var(--good);
  --fx-green-shadow-18: 0 0 8px var(--crit);
  --r-g-square: 0;
  --r-g-tab-top: 16px 16px 0 0;
  --r-g-sheet-top: 26px 26px 0 0;
  --r-g-bar: 99px;
  --r-g-flame: 50% 50% 50% 50%/62% 62% 40% 40%;
}

/* ═══ the pilgrim portal's face — its values of the shared names, ONE definition per selector (the architect 27 Sep 01:45:
   Q-20260926-B1271-YELLOW-PORTAL-THEME-TOKENS → (c)). Moved from contact-us.html (:root · html.night · .ash · html.night .ash) and
   css/portal.css (:root — the desk role names reset at the portal root). The portal's <html> carries data-face="portal", so these apply
   there only; each block keeps winning over the desk's blocks by its selector, as it won before by loading after them. ═══ */
/* from contact-us.html :root */
html[data-face="portal"] {
  --c-bg: var(--y-white-01);
  --c-surface: var(--y-white-02);
  --c-gold: var(--y-amber-05);
  --c-text: var(--c-day-ink,   var(--y-orange-01));
  --c-text-2: var(--c-day-ink-2, var(--y-orange-02));
  --sh-sm: 0 1px 3px var(--y-orange-04);
  --sh-md: 0 6px 24px var(--y-orange-05);
}
/* from contact-us.html html.night */
html.night[data-face="portal"] {
  --c-bg: var(--c-night-ground,   var(--y-teal-01));
  --c-surface: var(--c-night-surface,  var(--y-green-02));
  --c-text: var(--c-night-ink,      var(--y-white-04));
  --c-text-2: var(--c-night-ink-2,    var(--y-green-04));
}
/* from contact-us.html .ash */
html[data-face="portal"] .ash {
  --p-green: var(--c-teal-80);
  --p-green-d: var(--c-teal-107);
  --p-emerald: var(--c-teal-36);
  --p-gold: var(--y-amber-05);
  --p-gold-d: var(--y-amber-52);
  --p-navy: var(--c-blue-41);
  --p-beige: var(--c-gold-09);
  --p-band-1: var(--c-gold-23);
  --p-band-2: var(--y-amber-53);
  --p-surface: var(--y-white-11);
  --p-text: var(--c-day-p-ink,var(--c-green-22));
  --p-text-2: var(--c-day-p-ink-2,var(--y-grey-01));
  --p-text-3: var(--c-day-p-ink-3,var(--y-green-21));
  --p-border: var(--c-teal-86);
  --p-border-2: var(--c-teal-147);
  --p-red: var(--c-day-p-red,var(--c-red-56));
  --p-amber: var(--c-day-p-amber,var(--y-amber-54));
}
/* from contact-us.html html.night .ash */
html.night[data-face="portal"] .ash {
  --p-green: var(--c-teal-36);
  --p-green-d: var(--c-teal-137);
  --p-emerald: var(--c-night-accent,var(--y-green-22));
  --p-beige: var(--c-night-ground,var(--y-teal-01));
  --p-band-1: var(--c-night-ground-2,var(--y-green-23));
  --p-band-2: var(--c-night-surface-2,var(--y-green-24));
  --p-surface: var(--c-night-surface,var(--y-green-02));
  --p-text: var(--c-night-ink,var(--y-white-04));
  --p-text-2: var(--c-night-ink-2,var(--y-green-25));
  --p-text-3: var(--c-night-ink-3,var(--y-green-26));
  --p-gold: var(--c-night-gold,var(--y-amber-14));
  --p-gold-d: var(--c-night-gold-2,var(--y-amber-55));
  --p-border: var(--c-night-border,var(--y-white-12));
  --p-border-2: var(--c-night-border-2,var(--y-white-13));
}
/* from portal.css :root */
html[data-face="portal"] {
  --p-text: initial;
  --p-text-2: initial;
  --p-text-3: initial;
  --p-green: initial;
  --p-green-d: initial;
  --p-emerald: initial;
  --p-teal: initial;
  --p-gold: initial;
  --p-gold-d: initial;
  --p-surface: initial;
  --p-border: initial;
  --p-band-1: initial;
  --p-band-2: initial;
  --p-band-3: initial;
  --p-red: initial;
  --p-navy: initial;
  --p-amber: initial;
}

/* ق‑367 (BLUE, 30 Sep) — the MANAGER PHONE page (frontend/command.html): the search sections, one colour each (the owner's mock v4:
   header dark · rows tinted · side stripe), and the page's few own tones — each one POINTS at the palette (ق‑368: no colour of its own). Night values under html[data-theme="night"] below. */
:root {
  --mg-mut: var(--c-gray-15); --mg-ro-bg: var(--c-gold-18); --mg-ro-ink: var(--c-gold-64); --mg-on-bar: var(--c-white-73); --mg-on-bar-line: var(--c-white-10);
  --sec-pilgrims: var(--c-blue-92); --sec-pilgrims-t: var(--c-blue-118); --sec-tickets_ministry: var(--c-gold-93); --sec-tickets_ministry-t: var(--c-gold-18);
  --sec-tickets_regular: var(--c-teal-80); --sec-tickets_regular-t: var(--c-navy-bg); --sec-conversations: var(--c-blue-22); --sec-conversations-t: var(--c-purple-01);
  --sec-calls: var(--c-orange-34); --sec-calls-t: var(--c-red-07); --sec-contacts: var(--c-blue-27); --sec-contacts-t: var(--c-gray-09);
}
html[data-theme="night"] {
  --mg-ro-bg: var(--c-gold-69); --mg-ro-ink: var(--c-gold-38);
  --sec-pilgrims-t: var(--c-blue-57); --sec-tickets_ministry-t: var(--c-orange-27); --sec-tickets_regular-t: var(--c-teal-146); --sec-conversations-t: var(--c-blue-141);
  --sec-calls-t: var(--c-red-64); --sec-contacts-t: var(--c-blue-141);
  /* the row title at night: the section colour lifted so it reads on its dark tint */
  --sec-pilgrims-ink: var(--c-blue-74); --sec-tickets_ministry-ink: var(--c-gold-99); --sec-tickets_regular-ink: var(--c-teal-27); --sec-conversations-ink: var(--c-purple-06);
  --sec-calls-ink: var(--c-red-17); --sec-contacts-ink: var(--c-gray-56);
}

/* The architect's front-end design of 4 Oct (frontend/css/arch-design.css: the sticky composer 1860ب · the top bar 1883 · the
   top-bar panels) — its shadows, gradients and the icon face, moved here VALUE FOR VALUE (the owner's «اصلحها» 13:30, ق‑209 · ق‑286):
   the same pixels; data-look can now reach them. */
:root {
  --fx-arch-paper-shadow: 0 1px 1px var(--c-black-54),0 12px 28px -6px var(--c-black-49);    /* the sticky paper */
  --fx-arch-dogear: linear-gradient(45deg,var(--c-black-23) 50%,transparent 50%);             /* the paper's folded corner */
  --fx-arch-tape-shadow: 0 1px 2px var(--c-black-23);                                         /* the tape on the paper */
  --fx-arch-swatch-shadow: 0 1px 2px var(--c-black-20),0 6px 12px -3px var(--c-black-43);     /* a colour sheet */
  --fx-arch-swatch-dogear: linear-gradient(45deg,var(--c-black-22) 50%,transparent 50%);      /* a colour sheet's folded corner */
  --fx-arch-seg-inset: inset 0 1px 2px var(--c-black-26);                                     /* the audience switch */
  --fx-arch-btn-shadow: 0 1px 1px var(--c-black-26),0 4px 10px -4px var(--c-black-49);       /* a top-bar button · the name chip */
  --fx-arch-btn-hover: 0 2px 2px var(--c-black-54),0 8px 16px -6px var(--c-black-09);        /* a top-bar button, hovered */
  --fx-arch-panel-shadow: 0 1px 2px var(--c-black-54),0 14px 32px -8px var(--c-black-49);    /* a top-bar panel */
  --fx-arch-waz-band: linear-gradient(135deg,var(--c-blue-47),var(--c-blue-79));            /* «مكتبي»: the ministry + quality mothers' navy band (DAFTAR 2120) */
  --fx-arch-waz-glow: inset 0 2px 0 var(--c-gold-46),0 8px 20px color-mix(in srgb,var(--c-blue-47) 35%,transparent); /* its gold thread + soft drop */
  --font-icons: "tabler-icons";                                                               /* the icon face (ق‑286) */
}

/* the owner 2 Nov 18:59–19:02 («جرررد»): every field a person types in runs right to left — staff in Arabic AND in English,
   the search boxes and their guiding text included; only the pilgrim portal in a left-to-right language keeps its own direction. One rule here, on every page; the empty :not()s only lift it above the English-face rules. */
html:not([data-face="portal"][dir="ltr"]) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
html:not([data-face="portal"][dir="ltr"]) textarea:not([data-rtl-x]):not([data-rtl-y]),
html:not([data-face="portal"][dir="ltr"]) select:not([data-rtl-x]):not([data-rtl-y]),
html:not([data-face="portal"][dir="ltr"]) [contenteditable="true"]:not([data-rtl-x]),
html:not([data-face="portal"][dir="ltr"]) [contenteditable=""]:not([data-rtl-x]) { direction: rtl; unicode-bidi: plaintext; }
/* 19:19 (the owner: «موافق طبعا»): the writing starts at the field's right edge, Arabic reads right to left, and a number keeps its
   own reading order «+966 59 297 2795» — his sealed order of 4 Sep (OO-0125: Arabic right, a number read from the left, the plus at its
   left). «match-parent» = the start of the page around it, which is its right edge. Zero weight (:where) so a field its own screen centres (a code box) keeps its centring. */
:where(html:not([data-face="portal"][dir="ltr"])) :where(input, textarea, [contenteditable="true"], [contenteditable=""]) { text-align: match-parent; text-align: -webkit-match-parent; }
/* 19:07: the guiding text inside a field (its example) runs right to left too */
html:not([data-face="portal"][dir="ltr"]) input::placeholder,
html:not([data-face="portal"][dir="ltr"]) textarea::placeholder { direction: rtl; unicode-bidi: plaintext; }