/* ═══════════════════════════════════════════════════════════════════════════
   theme-pages.css — تصميم الأسطول الخامس للصفحات المستقلّة
   ───────────────────────────────────────────────────────────────────────────
   ستّ صفحات في النظام لا تحمّل app.js ولا theme-fleet.css، فلكلٍّ منها
   مجموعة متغيّرات خاصّة داخل <style> في رأسها:

     index.html         الموقع الخارجي
     login.html         بوّابة الدخول
     public-report.html التقرير العلني
     rider_guide.html   دليل المندوب
     rider.html         تطبيق المندوب (الويب)
     app/index.html     تطبيق المندوب (PWA)

   هذا الملفّ يعيد تعريف أسماء متغيّراتها جميعاً — بأسمائها كما هي، لا
   بأسماء جديدة — إلى لوحة الشركة نفسها المستعملة في بقيّة النظام، فتصير
   الصفحات الستّ والثمانية عشرة الأخرى تصميماً واحداً.

   كل قاعدة مُقيَّدة بـ html[data-ffpage] — وهي سمة لا تحملها إلا هذه
   الصفحات الستّ. فلا يتسرّب منه شيء إلى صفحات النظام.

   التحديد: قواعد الصفحات تستعمل ‎:root:not([data-theme="light"])‎ و
   ‎body[data-theme="light"]‎، وهما أقوى من ‎:root‎ و‎body‎ المجرّدين. لذلك
   تُذكر هنا المُحدِّدات نفسها صريحةً ليتساوى الوزن ويفوز الأحدث ترتيباً.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── ١) اللوحة الفاتحة — هي الأصل ─────────────────────────────────── */
html[data-ffpage]:root,
html[data-ffpage]:root:not([data-theme="dark"]),
html[data-ffpage]:root[data-theme="light"],
html[data-ffpage] body.light,
html[data-ffpage] body[data-theme="light"]{

  /* الأسطح — أبيض دافئ لا رمادي بارد */
  --bg:#F5F3F0;  --bg2:#EDE9E3;
  --s1:#FFFFFF;  --s2:#FBF9F7;  --s3:#F2EFEB;  --s4:#E7E2DC;
  --card:#FFFFFF; --surface:#FFFFFF; --surface-2:#FBF9F7;
  --glass:rgba(255,255,255,.76); --glass2:#FFFFFF;
  --border:#E9E4DE; --b2:#DCD5CD; --line:#E9E4DE;
  --border2:rgba(217,143,60,.32);
  --navbg:rgba(255,255,255,.90); --menubg:rgba(255,255,255,.98);

  /* النصّ — شبه أسود بميل بنفسجي */
  --text:#1F1A2E; --t1:#1F1A2E; --ink:#1F1A2E;
  --t2:#4A4258;   --ink-2:#4A4258; --muted:#6F6880;
  --t3:#6F6880;   --ink-3:#6F6880;
  --t4:#857D94;   /* أغمق درجةً عن لوحة النظام: النصّ الصغير بالأفتح
                     لا يبلغ حدّ القراءة على الأبيض الدافئ */
  --ghostC:#2B1C56;

  /* الهوية — بنفسجي الشعار وبرتقاليه، مخفوضا التشبّع */
  --p:#5B3FA8;  --pl:#8470C4;  --pll:#6B57B5;
  --a1:#5B3FA8; --a1d:#46307F; --a1l:#8470C4;
  --brand:#5B3FA8; --brand-lt:#EFEBF8;
  --purple:#5B3FA8; --purple2:#8470C4;
  --o:#D98F3C;  --ol:#B06F26;
  --a2:#D98F3C; --accent:#D98F3C; --orange:#D98F3C;

  /* الحالات */
  --a3:#2F7D5E; --g:#2F7D5E; --green:#2F7D5E; --ok:#246249;
  --a4:#A3302A; --rd:#A3302A; --red:#A3302A;  --bad:#A3302A;
  --a5:#B5600F; --yl:#B5600F; --warn:#95500C; --gold:#B5600F;
  --cy:#4E7E86; --cyan:#4E7E86; --teal:#4E7E86;
  --info:#5B3FA8;
  --ok-bg:#E3F0EA; --warn-bg:#FBEEDA; --bad-bg:#F8E4E2; --info-bg:#EFEBF8;

  /* تلوين المنصّات — ألوان المنصّات نفسها مهدّأة */
  --hs:#B5600F; --kt:#4E7E86;
  --fleet:#B06F26; --fleet-bg:#FBEEDA;
  --hr:#246249;   --hr-bg:#E3F0EA;
  --ops:#46307F;  --ops-bg:#EFEBF8;
  --req-bg:#F8E4E2; --req-c:#8E231D;
  --opt-bg:#EFEBF8; --opt-c:#46307F;

  /* تدرّج الهوية — من داكن الشريط إلى اللمسة المعدنية */
  --grad:linear-gradient(135deg,#2B1C56 0%,#5B3FA8 55%,#D98F3C 100%);
  --grad-soft:linear-gradient(135deg,rgba(91,63,168,.09),rgba(217,143,60,.07));

  /* الظلال — دافئة واسعة، بلا توهّج */
  --shadow-md:0 2px 6px rgba(40,30,55,.05), 0 10px 26px rgba(40,30,55,.055);
  --shadow-lg:0 4px 10px rgba(40,30,55,.06), 0 18px 42px rgba(40,30,55,.09);
  --shadow:0 4px 10px rgba(40,30,55,.06), 0 18px 42px rgba(40,30,55,.09);
  --ring:rgba(91,63,168,.20);
  --heroShadow:0 1px 12px rgba(245,243,240,.65);
  --glow-purple:none; --glow-cyan:none; --glow-green:none;
  --glow-red:none;    --glow-gold:none;

  /* الهيئة */
  --r:18px; --rs:12px;
  --ovl:245,243,240; --mapBright:1; --orbOp:.12;

  /* الخطوط — من المرجع نفسه */
  --font:'Almarai','Tajawal',system-ui,sans-serif;
  --f-body:'Almarai','Tajawal',system-ui,sans-serif;
  --f-display:'Alexandria','Almarai',system-ui,sans-serif;
  --f-num:'Alexandria','Almarai',ui-monospace,monospace;

  color-scheme:light;
}

/* ── ٢) اللوحة الداكنة — الوضع نفسه بأسطح ليلية ─────────────────── */
html[data-ffpage]:root[data-theme="dark"],
html[data-ffpage="login"] body:not(.light),
html[data-ffpage] body[data-theme="dark"],
html[data-ffpage] body.dark{
  --bg:#141020;  --bg2:#1C1730;
  --s1:#1C1730;  --s2:#1C1730;  --s3:#241E3C;  --s4:#2F2850;
  --card:#1C1730; --surface:#1C1730; --surface-2:#241E3C;
  --glass:rgba(255,255,255,.045); --glass2:#241E3C;
  --border:#2A2444; --b2:#3B3460; --line:#2A2444;
  --border2:rgba(239,192,138,.30);
  --navbg:rgba(20,16,32,.90); --menubg:rgba(28,23,48,.98);

  --text:#F1EEF8; --t1:#F1EEF8; --ink:#F1EEF8;
  --t2:#A8A1BC;   --ink-2:#A8A1BC; --muted:#857E9A;
  --t3:#857E9A;   --ink-3:#857E9A;
  --t4:#665F7C;
  --ghostC:#C9BEEA;

  --p:#8470C4;  --pl:#A595D9;  --pll:#A595D9;
  --a1:#8470C4; --a1d:#5B3FA8; --a1l:#A595D9;
  --brand:#8470C4; --brand-lt:#241E3C;
  --purple:#8470C4; --purple2:#A595D9;
  --o:#EFC08A;  --ol:#D99A4E;
  --a2:#EFC08A; --accent:#EFC08A; --orange:#EFC08A;

  --a3:#4FA37C; --g:#4FA37C; --green:#4FA37C; --ok:#6FBF9A;
  --a4:#D4645C; --rd:#D4645C; --red:#D4645C;  --bad:#D4645C;
  --a5:#D99A4E; --yl:#D99A4E; --warn:#E0A868; --gold:#D99A4E;
  --cy:#7FB3BB; --cyan:#7FB3BB; --teal:#7FB3BB;
  --info:#8470C4;
  --ok-bg:rgba(47,125,94,.16);  --warn-bg:rgba(181,96,15,.16);
  --bad-bg:rgba(163,48,42,.16); --info-bg:rgba(91,63,168,.18);

  --hs:#D99A4E; --kt:#7FB3BB;
  --fleet:#D99A4E; --fleet-bg:rgba(181,96,15,.16);
  --hr:#6FBF9A;   --hr-bg:rgba(47,125,94,.16);
  --ops:#A595D9;  --ops-bg:rgba(91,63,168,.18);
  --req-bg:rgba(163,48,42,.16); --req-c:#E08A84;
  --opt-bg:rgba(91,63,168,.18); --opt-c:#A595D9;

  --grad:linear-gradient(135deg,#241E3C 0%,#5B3FA8 55%,#D99A4E 100%);
  --grad-soft:linear-gradient(135deg,rgba(132,112,196,.14),rgba(239,192,138,.08));

  --shadow-md:0 2px 6px rgba(0,0,0,.40);
  --shadow-lg:0 14px 36px rgba(0,0,0,.50);
  --shadow:0 14px 36px rgba(0,0,0,.50);
  --ring:rgba(132,112,196,.26);
  --heroShadow:0 1px 12px rgba(20,16,32,.65);

  --ovl:20,16,32; --mapBright:.85; --orbOp:.18;
  color-scheme:dark;
}

/* ── ٣) الطباعة ───────────────────────────────────────────────────── */
html[data-ffpage] body,
html[data-ffpage] input,
html[data-ffpage] select,
html[data-ffpage] textarea,
html[data-ffpage] table{
  font-family:'Almarai','Tajawal',system-ui,sans-serif;
}
html[data-ffpage] h1, html[data-ffpage] h2, html[data-ffpage] h3,
html[data-ffpage] h4, html[data-ffpage] button,
html[data-ffpage] .ls-h,  html[data-ffpage] .ls-bname,
html[data-ffpage] .ls-btag, html[data-ffpage] .h,
html[data-ffpage] .num,   html[data-ffpage] .big,
html[data-ffpage] .kpi-v, html[data-ffpage] .stat-val,
html[data-ffpage] thead th{
  font-family:'Alexandria','Almarai',system-ui,sans-serif;
}
/* الأرقام تُقرأ عموداً، فتُثبَّت أعرضتها */
html[data-ffpage] .num, html[data-ffpage] .big,
html[data-ffpage] .kpi-v, html[data-ffpage] .stat-val,
html[data-ffpage] td{
  font-variant-numeric:tabular-nums;
}
/* الهندية والبنغالية تبقى على Noto، فلا خطّ عربي يغطّيهما */
html[data-ffpage="rider"] [lang="hi"], html[data-ffpage="rider"] .lang-hi{
  font-family:'Noto Sans Devanagari','Almarai',sans-serif;
}
html[data-ffpage="rider"] [lang="bn"], html[data-ffpage="rider"] .lang-bn{
  font-family:'Noto Sans Bengali','Almarai',sans-serif;
}

/* ── ٤) الزوايا ───────────────────────────────────────────────────── */
html[data-ffpage] .card, html[data-ffpage] .acc,
html[data-ffpage] .opt,  html[data-ffpage] .rcard,
html[data-ffpage] .up,   html[data-ffpage] .ls-form,
html[data-ffpage] .ls-brand, html[data-ffpage] .kpi,
html[data-ffpage] .panel{ border-radius:18px; }

/* ═══════════════════════════════════════════════════════════════════
   ٥) معالجات لكل صفحة
   القيم المكتوبة يدوياً لا تمرّ بالمتغيّرات، فلا يكفي تغيير اللوحة.
   أدناه القيم التي كانت مبنيّة على أرضية داكنة وصارت على أرضية فاتحة.
   ═══════════════════════════════════════════════════════════════════ */

/* ─── تطبيق المندوب (rider.html) ─────────────────────────────────── */

/* أسطح كانت بياضاً شفّافاً فوق الأسود — تصير سطحاً حقيقياً */
html[data-ffpage="rider"] body:not([data-theme="dark"]) .cc-ic,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .ls-langbar button,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .ls-plat,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .ls-theme-btn,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .ch-opt,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .theme-btn{
  background:var(--s3); border-color:var(--border); color:var(--t2);
}
html[data-ffpage="rider"] body:not([data-theme="dark"]) .ls-iw input,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .ls-ob{
  background:#FFFFFF; border-color:var(--b2); color:var(--text);
}

/* ظلال سوداء ثقيلة — تصير دافئة واسعة */
html[data-ffpage="rider"] body:not([data-theme="dark"]) .card,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .phero,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .ls-plat,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .rcard{
  box-shadow:var(--shadow-md);
}
html[data-ffpage="rider"] body:not([data-theme="dark"]) .rcard:hover{
  box-shadow:var(--shadow-lg);
}

/* نصوص باستيل كانت على أرضية سوداء — تصير أزواج خلفية/نصّ قارئة */
html[data-ffpage="rider"] body:not([data-theme="dark"]) .alert.ok,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .ls-info.ok,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .b-conf,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .pst.on,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .pill.st-confirmed{
  background:var(--ok-bg); border-color:#BFDDD0; color:#246249;
}
html[data-ffpage="rider"] body:not([data-theme="dark"]) .alert.err,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .ls-info.err-info,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .b-need,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .pst.off,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .pill.st-needs_more,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .pill.st-rejected{
  background:var(--bad-bg); border-color:#EBC9C5; color:#8E231D;
}
html[data-ffpage="rider"] body:not([data-theme="dark"]) .alert.info,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .ls-info.warn,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .b-sub,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .pill.st-submitted{
  background:var(--warn-bg); border-color:#EEDCB8; color:#7A4A00;
}
html[data-ffpage="rider"] body:not([data-theme="dark"]) .ls-chip,
html[data-ffpage="rider"] body:not([data-theme="dark"]) .ch-tx small{
  color:var(--t3);
}
html[data-ffpage="rider"] body:not([data-theme="dark"]) .ls-pd{
  background:var(--b2);
}

/* زرّ خضرة التأكيد — تدرّج أهدأ من هوية النظام */
html[data-ffpage="rider"] .btn.g{
  background:linear-gradient(135deg,#2F7D5E,#246249);
  box-shadow:0 8px 22px rgba(47,125,94,.26);
}
html[data-ffpage="rider"] .btn:not(.g):not(.s){
  background:linear-gradient(135deg,var(--a1d),var(--a1));
}

/* ─── بوّابة الدخول (login.html) ──────────────────────────────────── */
html[data-ffpage="login"] body:not(.light){ /* قبل أن يعمل السكربت */
  background:var(--bg); color:var(--text);
}
html[data-ffpage="login"] .so-ig:hover,
html[data-ffpage="login"] .so-in:hover,
html[data-ffpage="login"] .so-fb:hover,
html[data-ffpage="login"] .so-sc:hover{ color:var(--a1); }

/* اللوحة التعريفية داكنة — هي الشريط الجانبي نفسه في بقيّة النظام.
   وعلامتها المائية مرسومة بالأبيض أصلاً، فكانت تختفي على أرضية بيضاء. */
html[data-ffpage="login"] .brand{
  background:#2B1C56;
  background-image:radial-gradient(ellipse 120% 90% at 72% 10%,#3D2878 0%,#2B1C56 62%);
  border-inline-start:none;
  color:#F1EEF8;
}
html[data-ffpage="login"] .brand .brand-name{ color:#FFFFFF; }
html[data-ffpage="login"] .brand .brand-tag,
html[data-ffpage="login"] .brand .bstat-l{ color:#B9B0D4; }
html[data-ffpage="login"] .brand .bstat-n{ color:#EFC08A; }
html[data-ffpage="login"] .brand .brand-div{ background:rgba(255,255,255,.14); }
html[data-ffpage="login"] .brand .plat-chip{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
}
/* صورة الشعار خلفيّتها بيضاء مصمتة، فتظهر على اللوحة الداكنة مستطيلاً
   حادّ الزوايا. تُجعل لوحاً مدوّراً بهامش فيبدو موضوعاً لا ملصوقاً. */
html[data-ffpage="login"] .brand .logo-disk{
  background:#FFFFFF;
  border-radius:20px;
  padding:14px 18px;
  box-shadow:0 10px 30px rgba(10,5,25,.30);
}
html[data-ffpage="login"] .brand .logo-disk img{
  display:block; border-radius:8px;
}
html[data-ffpage="login"] .brand .logo-glow{ opacity:.35; }
/* شعرة معدنية تفصل اللوحتين — اللمسة نفسها في شريط النظام */
html[data-ffpage="login"] .brand::after{
  content:''; position:absolute; inset-inline-start:0; top:0; bottom:0; width:2px;
  background:linear-gradient(180deg,transparent,#D98F3C 38%,#EFC08A 52%,#D98F3C 66%,transparent);
  opacity:.65;
}

/* ─── الموقع الخارجي (index.html) — تتمّة ─────────────────────────── */
/* الخريطة خلف البطل كانت خلفيّتها شبه سوداء بانتظار البلاطات */
html[data-ffpage="site"] #hero-map{ background:var(--bg2); }
html[data-ffpage="site"] .leaflet-control-attribution{
  background:rgba(255,255,255,.72)!important; color:var(--t3)!important;
}
html[data-ffpage="site"] .leaflet-control-attribution a{ color:var(--a1)!important; }
html[data-ffpage="site"] .hamb span{ background:var(--text); }
html[data-ffpage="site"] .lhub{ background:linear-gradient(135deg,#2B1C56,#D98F3C); }
/* تدرّج العناوين ينتهي ببرتقالي فاتح، وهو باهت على الأبيض الدافئ.
   للنصّ تدرّج أغمق يبقى مقروءاً، وللأسطح يبقى التدرّج الأصلي. */
html[data-ffpage="site"] .hero h1 .g,
html[data-ffpage="site"] h2.title .g,
html[data-ffpage="site"] .hbadge b,
html[data-ffpage="site"] .stat .n{
  background:linear-gradient(120deg,#2B1C56 0%,#5B3FA8 52%,#A2651F 100%);
  -webkit-background-clip:text; background-clip:text;
}

/* ─── التقرير العلني (public-report.html) ─────────────────────────── */
/* بُني على زجاج شفّاف فوق ليل داكن؛ الأسطح تصير حقيقية والتوهّج يُطفأ */
html[data-ffpage="report"] body{ background:var(--bg); }
html[data-ffpage="report"] body::before,
html[data-ffpage="report"] body::after{ display:none; }
html[data-ffpage="report"] .kpi,
html[data-ffpage="report"] .card,
html[data-ffpage="report"] .panel,
html[data-ffpage="report"] .box{
  background:var(--s1); border:1px solid var(--border);
  box-shadow:var(--shadow-md); backdrop-filter:none;
}
/* هالات ملوّنة كانت تُضيء خلف البطاقة على أرضية ليلية؛ على الأبيض
   الدافئ تصير لطخةً باهتة لا تدلّ على شيء */
html[data-ffpage="report"] .kpi-glow,
html[data-ffpage="report"] .stars{ display:none!important; }
/* الترويسة: نصّها أبيض لأنها كانت زجاجاً داكناً. تعود داكنة — وهي
   اللهجة نفسها في الشريط الجانبي ولوحة الدخول */
html[data-ffpage="report"] .co-header{
  background:#2B1C56;
  background-image:radial-gradient(ellipse 120% 140% at 78% 0%,#3D2878 0%,#2B1C56 60%);
  border:none; border-radius:var(--radius-lg,22px);
  box-shadow:var(--shadow-lg); backdrop-filter:none;
  position:relative; overflow:hidden;
}
html[data-ffpage="report"] .co-header::after{
  content:''; position:absolute; right:0; left:0; bottom:0; height:2px;
  background:linear-gradient(90deg,transparent,#D98F3C 22%,#EFC08A 50%,#D98F3C 78%,transparent);
  opacity:.75;
}
html[data-ffpage="report"] .co-name,
html[data-ffpage="report"] .co-title{ color:#FFFFFF; }
html[data-ffpage="report"] .co-sub{ color:#EFC08A; }
html[data-ffpage="report"] .co-en,
html[data-ffpage="report"] .co-title-sub,
html[data-ffpage="report"] .co-updated{ color:#B9B0D4; }
html[data-ffpage="report"] .co-date{ color:#FFFFFF; }
html[data-ffpage="report"] .co-date-box,
html[data-ffpage="report"] .live-badge{
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12);
  color:#EFEAF6;
}
/* نصوص كُتبت بالأبيض لأنها كانت على زجاج ليلي؛ خارج الترويسة صارت
   على بطاقات بيضاء فاختفت. تعود إلى لون النصّ الأساسي. */
html[data-ffpage="report"] .chart-title,
html[data-ffpage="report"] .table-hdr h3,
html[data-ffpage="report"] .rider-name,
html[data-ffpage="report"] .cum-cell b,
html[data-ffpage="report"] .valid-summary .vs-all .vs-num{ color:var(--text); }
html[data-ffpage="report"] .chart-card,
html[data-ffpage="report"] .chart-wrap,
html[data-ffpage="report"] .table-card,
html[data-ffpage="report"] .valid-summary{
  background:var(--s1); border:1px solid var(--border);
  box-shadow:var(--shadow-md); backdrop-filter:none;
}
html[data-ffpage="report"] .btn-refresh{
  background:var(--ink); box-shadow:var(--shadow-md);
}
html[data-ffpage="report"] .btn-print{
  background:linear-gradient(135deg,#2B1C56,#5B3FA8);
}
html[data-ffpage="report"] tbody tr.rank-1{ background:var(--wn-bg); }
html[data-ffpage="report"] thead th{
  background:var(--s3); color:var(--t2); border-bottom:1px solid var(--border);
}

html[data-ffpage="report"] .co-logo{
  background:#FFFFFF; border-radius:14px; padding:6px;
  box-shadow:0 8px 22px rgba(10,5,25,.28);
}

/* ─── الموقع الخارجي (index.html) ─────────────────────────────────── */
/* الكرات المتوهّجة خلف البطل كانت تحتاج ليلاً؛ تُهدّأ على الأبيض الدافئ */
html[data-ffpage="site"] .orb,
html[data-ffpage="site"] .glow{ opacity:var(--orbOp); filter:blur(70px); }

/* ─── دليل المندوب (rider_guide.html) ─────────────────────────────── */
html[data-ffpage="guide"] .st-p{ background:var(--warn-bg); color:#7A4A00; }
html[data-ffpage="guide"] .st-r{ background:var(--ops-bg);  color:#46307F; }
html[data-ffpage="guide"] .st-a{ background:var(--ok-bg);   color:#246249; }
html[data-ffpage="guide"] .st-x{ background:var(--bad-bg);  color:#8E231D; }

/* ── ٥ ب) درجة معدنية أغمق للنصّ ───────────────────────────────────
   ‎#D98F3C‎ و‎#B06F26‎ جميلان سطحاً وخطّاً، لكنّ النصّ الصغير بهما على
   الأبيض الدافئ لا يبلغ ٤٫٥:١ — وهذه صفحات تُقرأ من هاتف في الشمس.
   السطح يبقى كما هو، والنصّ وحده ينزل درجةً. */
html[data-ffpage] .eyebrow,
html[data-ffpage] .en,
html[data-ffpage] .plat-tab-label,
html[data-ffpage] .sec-ico,
html[data-ffpage="guide"] .sec-ico.fleet{ color:#7A4A12; }
html[data-ffpage="guide"] .stc-desc{ color:var(--t2); }
/* لسان المنصّة النشط يلوّن اسمه بلون المنصّة، وهو أفتح من حدّ القراءة */
html[data-ffpage="report"] .plat-tab.act.hs-tab .plat-tab-label{ color:#7A4A12; }
html[data-ffpage="report"] .plat-tab.act.kt-tab .plat-tab-label{ color:#2F5F66; }
html[data-ffpage] .form-footer,
html[data-ffpage] .foot,
html[data-ffpage] .ls-footer{ color:var(--t3); }

/* ── ٦) حركة أقل لمن طلبها ────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce){
  html[data-ffpage] *{
    animation-duration:.01ms !important; animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}