/* «أين نقف في السوق؟» — القشرةُ البروتاليّةُ للدفتر المقارن.
   ⚖ أُعيد تصميمُها 2026-09-01 بطلب المالك على مرجع Tailwind — مُترجَمةً لرموزنا:
     شريطُ «المحرّكُ الآن» طرفيّةً سوداءَ بخليّةٍ برتقاليّة · شارتا درسٍ · شريحةٌ
     معكوسةٌ على «السوق؟» · رأسُ Finviro برتقاليٌّ بحبرٍ (الأبيضُ الصغيرُ يسقط
     دون AA) · علاماتُ ✓ مربّعاتٍ محدودةً (لا دوائرَ — §4أ) · و«نادراً» مثلّثُ
     تحذيرٍ بدرجة النصّ البرتقاليّة.
   ⛔ **وصبغةُ خلايا عمودنا في المرجع أُسقطت عمداً**: سقفُ tint_bg مجمَّدٌ،
     والتمييزُ بالرأس البرتقاليّ وحدِّ العمود — لا بخلفيّةٍ تُحاسَب.
   ⛔ والجدولُ يبقى <table> حقيقيّاً (‏§4ج) مهما قال المرجعُ بشبكات div. */

.fnv-ws { background: var(--fnv-bg); padding: 80px 0; border-bottom: 4px solid var(--fnv-ink); }

/* ── الترويسة — الشارتان حُذفتا بأمر المالك 2026-09-01 ── */
.fnv-ws__hd { max-width: 860px; margin: 0 auto 26px; text-align: center; }
.fnv-ws__t {
    font-weight: 700; color: var(--fnv-ink); margin: 0 0 16px;
    font-size: clamp(1.9rem, 4vw, 3.2rem); line-height: 1.3;
}
.fnv-ws__t-chip { background: var(--fnv-ink); color: var(--fnv-bg); padding: 0 .35em; }
.fnv-ws__s { font-size: 1.08rem; line-height: 2; color: var(--fnv-ink-2); font-weight: 500; margin: 0; }
.fnv-ws__s b {
    color: var(--fnv-ink); font-weight: 700;
    border-bottom: 3px solid var(--fnv-gamma-neg); padding-bottom: 1px;
}

/* ── شريطُ المحرّك الحيّ — طرفيّة ── */
.fnv-ws__live {
    display: flex; align-items: stretch; flex-wrap: wrap; gap: 0;
    border: 4px solid var(--fnv-ink); background: var(--fnv-dark-bg);
    color: var(--fnv-on-dark-1); margin: 0 0 34px; padding: 0;
    font-size: .95rem; line-height: 1.7;
}
.fnv-ws__live-tag {
    display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto;
    background: var(--fnv-gamma-neg); color: var(--fnv-dark-bg);
    font-weight: 800; padding: 12px 18px;
    border-inline-end: 4px solid var(--fnv-ink);
}
.fnv-ws__live-body { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; padding: 12px 18px; }
.fnv-ws__dot {
    width: 9px; height: 9px; background: var(--fnv-surface);
    border: 1px solid var(--fnv-ink); flex: 0 0 auto;
    animation: fnvWsBlink 1.6s steps(2, start) infinite;
}
@media (prefers-reduced-motion: reduce) { .fnv-ws__dot { animation: none; } }
@keyframes fnvWsBlink { to { visibility: hidden; } }
.fnv-ws__live b { color: var(--fnv-dark-text); font-weight: 800; }
.fnv-ws__num {
    font-weight: 700; color: var(--fnv-dark-text);
    background: var(--fnv-dark-surface); border: 1px solid var(--fnv-dark-border);
    padding: 1px 8px;
}
.fnv-ws__ago { color: var(--fnv-on-dark-2); font-size: .85em; }

/* ── الدفتر ── */
.fnv-ws__wrap { overflow-x: auto; border: 4px solid var(--fnv-ink); background: var(--fnv-surface); }
.fnv-ws__t2 { width: 100%; min-width: 720px; border-collapse: collapse; }

/* التسميةُ البصريّة: شريطٌ فوق الغلاف لا <caption> — caption بـdisplay:flex
   يفقد صفةَ table-caption فيمزّق شبكةَ border-collapse (رصدُ المالك 2026-09-01).
   خارجَ الغلاف المُمرَّر كي لا ينزلق مع الجدول على الهاتف. */
.fnv-ws__cap {
    display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
    padding: 10px 14px; border: 4px solid var(--fnv-ink); border-bottom: 0;
    background: var(--fnv-surface); font-size: .8125rem; font-weight: 700; color: var(--fnv-ink-3);
}
.fnv-ws__cap-box {
    color: var(--fnv-ink); background: var(--fnv-surface-2);
    border: 1px solid var(--fnv-ink); padding: 3px 10px;
}

/* الرأس — النصُّ الرئيس بدرجة النصّ الكاملة (كان on-dark-2 فبدا باهتاً)،
   و`--fnv-tbl-stick-bg` تُعاد كتابتُها وإلّا طلت قاعدةُ التثبيت العامّةُ خليّةَ
   «الميزة» بخلفيّةٍ فاتحةٍ فوق الرأس الداكن (رصدُ المالك 2026-09-01). */
.fnv-ws__t2 thead th {
    /* ⛔ قاعدةُ التثبيت العامّةُ تطلي كلَّ th بـ--fnv-tbl-stick-bg (افتراضُها
       فاتح) — فكانت ترويستا «منصّات/تليجرام» بيضاءَ على بيضاء (رصدُ حارس
       التباين الحيّ 2026-09-02)؛ التصحيحُ السابقُ ضبط المتغيّرَ لخليّة
       «الميزة» وحدَها. يُضبط هنا للجميع. */
    /* ⚖ **الرؤوسُ فاتحةٌ وواحدٌ أسود** (طلبُ المالك 2026-09-04): حين تسودُّ
         الرؤوسُ كلُّها يضيع التمييز، فيُطلب لونٌ صارخٌ ليقوم مقامَه. والسويسريّةُ
         تُميّز **بالنقيض لا بالصبغة**: رأسٌ أسودُ واحدٌ بين فاتحةٍ يُقرأ فوراً. */
    --fnv-tbl-stick-bg: var(--fnv-surface);
    background: var(--fnv-surface); color: var(--fnv-ink);
    font-size: .95rem; font-weight: 700; text-align: center;
    padding: 16px 18px; border-bottom: 3px solid var(--fnv-ink);
    vertical-align: middle;
}
/* خليّةُ «الميزة» — اللاصقةُ الوحيدةُ في الرأس، فتخصيصُ خلفيّة التثبيت لها
   وحدَها (وكانت الفئةُ بلا قاعدةٍ فرصدها حارسُ الطباعة). */
/* (تعريفُ المتغيّر انتقل إلى قاعدة thead th أعلاه — لكلّ الخلايا) */
/* فئةٌ صريحةٌ لا span عارية — العاريةُ أصابت عازلَي dir="ltr" فصغّرت
   «Finviro» وكسرت «SpotGamma» سطراً */
.fnv-ws__t2 thead th .fnv-ws__hsub { display: block; font-size: .82rem; font-weight: 600; color: var(--fnv-ink-3); margin-top: 4px; }
/* عمودُنا: برتقاليٌّ بحبرٍ — 6.6:1، والأبيضُ الصغيرُ يسقط (3.15).
   ⚖ الغلبةُ بالتخصيص (صنفٌ فوق الأساس) لا بـ!important (القاعدة 3). */
/* ⛔ **كان برتقاليّاً كتليّاً** `rgb(234,88,12)` (قِيس على المُصيَّر 2026-09-04):
     عمودٌ كاملٌ مصبوغٌ بلونٍ صارخٍ يزاحم القراءةَ ويخالف انضباطَ اللون — والبرتقاليُّ
     رمزُ **غاما سالبة** (§4ب)، فاستعمالُه وسمَ تفاخرٍ يُعلّم القارئَ معنىً ثمّ يناقضه.
   ⚖ **والبديلُ نقيضٌ لا صبغة**: أسودُ بنصٍّ أبيضَ بين رؤوسٍ فاتحة. */
.fnv-ws__t2 thead th.fnv-ws__hu {
    --fnv-tbl-stick-bg: var(--fnv-dark-bg);
    background: var(--fnv-dark-bg); color: var(--fnv-dark-text);
    font-size: 1.35rem; font-weight: 800;
    border-inline: 3px solid var(--fnv-ink);   /* يُكمل حدَّي العمود أسفلَه */
}
.fnv-ws__t2 thead th.fnv-ws__hu span[aria-hidden] { display: inline; font-size: 1.1rem; margin-top: 0; color: var(--fnv-dark-text); }

/* الخلايا */
.fnv-ws__t2 tbody th[scope="row"] {
    background: var(--fnv-surface-2); color: var(--fnv-ink);
    font-weight: 700; text-align: center; padding: 18px;
    border-bottom: 1px solid var(--fnv-border);
    --fnv-tbl-stick-bg: var(--fnv-surface-2);
}
.fnv-ws__t2 tbody td {
    /* ⛔ **كانت حدودٌ رأسيّةٌ 4 بكسل في 18 خليّة** (قِيس): شبكةُ سجنٍ تُجزّئ
         الصفَّ الذي يُقرأ أفقيّاً. ⚖ والسويسريُّ **خطوطٌ أفقيّةٌ وحدَها**. */
    padding: 18px; color: var(--fnv-ink-2); font-weight: 600; text-align: center;
    border-bottom: 1px solid var(--fnv-border);
    vertical-align: middle;
}
/* ⚖ حدٌّ سميكٌ يغلق الجدولَ — القاعدةُ السويسريّة: ثِخَنٌ عند الطرفين لا بينهما */
.fnv-ws__t2 tbody tr:last-child th, .fnv-ws__t2 tbody tr:last-child td { border-bottom: 3px solid var(--fnv-ink); }
.fnv-ws__t2 tbody tr:hover td, .fnv-ws__t2 tbody tr:hover th[scope="row"] { background: var(--fnv-surface-2); }
.fnv-ws__t2 tbody tr:hover td.is-us { background: var(--fnv-surface); }

/* ⚖ **عمودُنا: حدّان حبريّان سميكان — وهما الرأسيُّ الوحيدُ الباقي.**
     طلبُ المالك نصّاً: «يُميَّز بحدٍّ أسودَ سميكٍ لا بخلفيّةٍ صارخة». */
.fnv-ws__t2 td.is-us {
    color: var(--fnv-ink); font-weight: 700; font-size: 1.02em;
    border-inline: 3px solid var(--fnv-ink);
}
.fnv-ws__t2 td.is-us > span { display: block; font-size: .8rem; font-weight: 600; color: var(--fnv-ink-3); margin-top: 3px; }
/* ⛔ قاعدةُ السليل أعلاه كانت تخطف لونَ الرقاقتين إلى الرماديّ الخجول (رصدُ
   المالك 2026-09-01) — تخصيصٌ أعلى يعيد لكلٍّ وجهَها: بيضاءُ عريضةٌ على الحبر،
   وبرتقاليّةُ الدرجة النصّيّة للشبح. */
.fnv-ws__t2 td.is-us > span.fnv-ws__pill {
    display: inline-block; color: var(--fnv-bg); font-size: .95rem; font-weight: 800;
    margin-top: 0; padding: 6px 16px;
}
.fnv-ws__t2 td.is-us > span.fnv-ws__pill--ghost {
    color: var(--fnv-gamma-neg-text); border-width: 2px; font-weight: 800;
    background: var(--fnv-surface); margin-top: 6px;
}

/* العلامات: مربّعاتٌ محدودةٌ لعمودنا · حروفٌ ملوّنةٌ بدرجات النصّ للبقيّة */
.fnv-ws__t2 .ok, .fnv-ws__t2 .no, .fnv-ws__t2 .wr {
    font-style: normal; font-weight: 800; margin-inline-end: 6px;
}
.fnv-ws__t2 .ok { color: var(--fnv-up-deep); }
.fnv-ws__t2 .no { color: var(--fnv-down-deep); }
.fnv-ws__t2 .wr { color: var(--fnv-gamma-neg-text); }
.fnv-ws__t2 td.is-us .ok {
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; border: 2px solid var(--fnv-ink);
    background: var(--fnv-surface); vertical-align: middle;
}
.fnv-ws__strike { text-decoration: line-through; text-decoration-thickness: 2px; color: var(--fnv-down-deep); }

/* الشارتان */
.fnv-ws__pill {
    display: inline-block; background: var(--fnv-ink); color: var(--fnv-bg);
    border: 2px solid var(--fnv-ink); padding: 4px 12px; font-weight: 800;
}
.fnv-ws__pill--ghost {
    background: var(--fnv-surface); color: var(--fnv-gamma-neg-text);
    border-color: var(--fnv-gamma-neg-text);
    display: inline-block; margin-top: 6px; font-size: .8125rem;
}
.fnv-ws__t2 a[data-fnv-rej] {
    color: var(--fnv-ink); font-weight: 700;
    border-bottom: 2px solid var(--fnv-gamma-neg); text-decoration: none;
}

/* ── الدعوتان ── */
.fnv-ws__cta { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; margin-top: 34px; }
.fnv-ws__b {
    display: inline-flex; align-items: center; gap: 10px;
    background: var(--fnv-ink); color: var(--fnv-bg);
    border: 4px solid var(--fnv-ink); padding: 13px 30px;
    font-weight: 800; font-size: 1.02rem; text-decoration: none;
    transition: background-color .2s ease, color .2s ease;
}
.fnv-ws__b:hover, .fnv-ws__b:focus-visible { background: var(--fnv-surface); color: var(--fnv-ink); }
.fnv-ws__b--ghost { background: var(--fnv-surface); color: var(--fnv-ink); }
.fnv-ws__b--ghost:hover, .fnv-ws__b--ghost:focus-visible { background: var(--fnv-ink); color: var(--fnv-bg); }

@media (max-width: 767.98px) {
    .fnv-ws { padding: 54px 0; }
    .fnv-ws__live-tag { border-inline-end: 0; border-bottom: 4px solid var(--fnv-ink); width: 100%; justify-content: center; }
}