/* «لا تشترِ على المجهول» — لوحاتُ المشتركين الأربعُ على مرجع المالك البروتاليّ
   (‏2026-09-01). القشرةُ وحدَها أُعيدت — كلُّ رقمٍ يبقى من مصدره الحيّ نفسِه.
   ⛔ **رفوضُ الميثاق من المرجع**: ظلُّ shadow-editorial (§4أ) · صبغاتُ الخلايا
     الحمراء/الخضراء/الكهرمانيّة (§4ب — اللونُ على نصّ الأرقام ودرجاتُه العميقة) ·
     شارةُ LIVE الحمراءُ الكتليّة (نبضةٌ ونصٌّ ملوّنٌ بدلَها) · شارةُ «هدوء نسبي»
     على VIX (حكمٌ بلا عتبةٍ منشورة — أُسقطت لا تُخترع).
   ⚖ وكتلةُ <style> الموروثةُ (120 سطراً و!important×2) رُحّلت إلى هنا (القاعدة 1). */

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

/* ── شريطُ الحالة الأعلى ── */
.fnv-mb__ribbon {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
    gap: 14px; border-bottom: 4px solid var(--fnv-ink); padding-bottom: 12px; margin-bottom: 20px;
}
.fnv-mb__rb { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.fnv-mb__badge {
    display: inline-flex; align-items: center; gap: 8px; padding: 5px 13px;
    background: var(--fnv-dark-bg); color: var(--fnv-dark-text);
    border: 2px solid var(--fnv-ink); font-size: .8125rem; font-weight: 800;
}
.fnv-mb__badge i { color: var(--fnv-gamma-neg-on-dark); }
.fnv-mb__chip {
    display: inline-block; padding: 5px 12px;
    background: var(--fnv-surface); color: var(--fnv-ink-3);
    border: 2px solid var(--fnv-ink);
    font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
}
.fnv-mb__sync {
    display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px;
    background: var(--fnv-surface); border: 2px solid var(--fnv-ink);
    font-size: .8125rem; font-weight: 700; color: var(--fnv-ink);
}
.fnv-mb__dot {
    width: 9px; height: 9px; flex: 0 0 auto;
    background: var(--fnv-up); border: 1px solid var(--fnv-ink);
    animation: fnvMbBlink 1.6s steps(2, start) infinite;
}
@keyframes fnvMbBlink { to { visibility: hidden; } }
@media (prefers-reduced-motion: reduce) { .fnv-mb__dot, .fnv-mb__live-dot { animation: none; } }

/* ── الترويسة ── */
.fnv-mb__hd { max-width: 880px; margin: 0 auto 24px; text-align: center; }
/* ⚖ **الحجمُ من الرمز لا من `clamp` محلّيّ** (§1: تصريحٌ واحد): العنصرُ `<h2>`،
     و`h2` في `finviro-base` تعطيه `--fnv-size-h2` — فالتصريحُ المحلّيُّ نسخةٌ ثانيةٌ
     لقياسٍ يملكه الأساس، تنحرف عنه صامتةً عند أيّ ضبطٍ للسلّم.
   ⚠ ومقايضةٌ مقيسة: الحاسوبُ ‏−4 إلى −5 بكسل، والهاتفُ **+2 إلى +4** — وأرضيّةُ
     العربيّة ترتفع 30.4 ⇐ 32 بكسلاً، وهو في صالح القراءة لا ضدَّها. */
.fnv-mb__t {
    font-weight: 700; color: var(--fnv-ink); margin: 0 0 8px;
    line-height: 1.3;
}
.fnv-mb__t-chip {
    display: inline-block; background: var(--fnv-ink); color: var(--fnv-bg);
    padding: 0 .4em; transform: rotate(-1deg);
}
.fnv-mb__s { font-size: 1.08rem; line-height: 1.95; color: var(--fnv-ink-2); font-weight: 500; margin: 0 auto; max-width: 760px; }

/* ── الشبكة والبطاقة ── */
.fnv-mb__grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; row-gap: 14px; }
@media (max-width: 991.98px) { .fnv-mb__grid { grid-template-columns: 1fr; } }
.fnv-mb__c {
    border: 4px solid var(--fnv-ink); background: var(--fnv-surface);
    display: flex; flex-direction: column;
    transition: transform .15s ease;
}
.fnv-mb__c:hover { transform: translateY(-3px); }

/* رأسُ البطاقة */
.fnv-mb__ch {
    display: flex; justify-content: space-between; align-items: flex-start; gap: 10px;
    padding: 11px 18px; border-bottom: 4px solid var(--fnv-ink); background: var(--fnv-surface-2);
}
.fnv-mb__cn { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 1.1rem; color: var(--fnv-ink); margin: 0 0 2px; line-height: 1.35; }
.fnv-mb__cn i { font-size: 1.35rem; color: var(--fnv-ink); }
.fnv-mb__cn .en { font-size: .78rem; font-weight: 700; color: var(--fnv-ink-3); }
.fnv-mb__cs { font-size: .8125rem; line-height: 1.7; color: var(--fnv-ink-3); margin: 0; }
.fnv-mb__tags { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
/* شارةُ LIVE: نبضٌ ونصٌّ بدرجة الأكسنت النصّيّة — لا خلفيّةَ حمراء (§4ب) */
.fnv-mb__live {
    display: inline-flex; align-items: center; gap: 6px; padding: 3px 8px;
    background: var(--fnv-surface); border: 2px solid var(--fnv-ink);
    font-size: .6875rem; font-weight: 800; letter-spacing: .1em;
    color: var(--fnv-gamma-neg-text);
}
.fnv-mb__live-dot { width: 7px; height: 7px; background: var(--fnv-gamma-neg); border: 1px solid var(--fnv-ink); animation: fnvMbBlink 1.6s steps(2, start) infinite; }
.fnv-mb__sym {
    display: inline-block; padding: 3px 9px;
    background: var(--fnv-dark-bg); color: var(--fnv-dark-text);
    border: 2px solid var(--fnv-ink); font-size: .75rem; font-weight: 800; letter-spacing: .08em;
}

.fnv-mb__body { padding: 12px 18px; flex: 1 1 auto; display: flex; flex-direction: column; gap: 10px; }

/* ── لوحُ الغاما: صفُّ الفوريّ وصفوفُ المستويات ── */
.fnv-mb__spot {
    display: flex; justify-content: space-between; align-items: center; gap: 10px;
    background: var(--fnv-surface-2); border: 2px solid var(--fnv-ink); padding: 8px 14px;
}
.fnv-mb__spot .l { font-size: .8125rem; font-weight: 800; color: var(--fnv-ink-2); }
.fnv-mb__spot b { font-family: var(--fnv-font-mono); font-weight: 700; font-size: 1.4rem; color: var(--fnv-ink); font-variant-numeric: tabular-nums; }

.fnv-mb__lvls { display: flex; flex-direction: column; gap: 6px; }
.fnv-mb__lv {
    display: flex; justify-content: space-between; align-items: center; gap: 10px;
    border: 2px solid var(--fnv-ink); background: var(--fnv-surface); padding: 7px 12px;
}
.fnv-mb__lv .l { display: inline-flex; align-items: center; gap: 8px; font-size: .8125rem; font-weight: 700; color: var(--fnv-ink); }
.fnv-mb__lv .sq { width: 10px; height: 10px; flex: 0 0 auto; background: var(--fnv-ink); border: 1px solid var(--fnv-ink); }
.fnv-mb__lv.is-put { background: var(--fnv-surface-2); }
.fnv-mb__lv.is-put .sq { background: var(--fnv-ink-3); }
.fnv-mb__lv b { font-family: var(--fnv-font-mono); font-weight: 700; font-size: 1.15rem; color: var(--fnv-ink); font-variant-numeric: tabular-nums; }
/* نقطةُ الانقلاب — إبرازُ المرجع بحدّ الأكسنت ورقاقةِ قيمةٍ بحبرٍ لا أبيض */
.fnv-mb__lv.is-flip { border-color: var(--fnv-gamma-neg); border-width: 2px; }
.fnv-mb__lv.is-flip .l { color: var(--fnv-gamma-neg-text); font-weight: 800; }
.fnv-mb__lv.is-flip .l i { color: var(--fnv-gamma-neg-text); font-size: 1.1rem; }
.fnv-mb__lv.is-flip b {
    background: var(--fnv-gamma-neg); color: var(--fnv-dark-bg);
    border: 1px solid var(--fnv-ink); padding: 2px 10px;
}

/* ذيلُ النظام: حدٌّ جانبيٌّ أكسنتيٌّ لا صبغةَ كهرمان */
.fnv-mb__note {
    display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap;
    background: var(--fnv-surface-2); border-inline-start: 4px solid var(--fnv-gamma-neg);
    padding: 10px 14px; margin: 0;
    font-size: .8125rem; font-weight: 700; color: var(--fnv-ink); line-height: 1.8;
}
.fnv-mb__note i { color: var(--fnv-gamma-neg-text); margin-inline-end: 4px; }
.fnv-mb__note .pct { font-family: var(--fnv-font-mono); font-weight: 700; }
.fnv-mb__note .pct.is-up { color: var(--fnv-up-deep); }
.fnv-mb__note .pct.is-dn { color: var(--fnv-down-deep); }

/* ── لوحُ التدفّق الداكن ── */
.fnv-mb__c--dark { background: var(--fnv-dark-bg); }
.fnv-mb__c--dark .fnv-mb__ch { background: var(--fnv-dark-bg); }
.fnv-mb__c--dark .fnv-mb__cn { color: var(--fnv-dark-text); }
.fnv-mb__c--dark .fnv-mb__cn i { color: var(--fnv-gamma-neg-on-dark); }
.fnv-mb__c--dark .fnv-mb__cn .en, .fnv-mb__c--dark .fnv-mb__cs { color: var(--fnv-on-dark-2); }
.fnv-mb__flow-live { display: inline-flex; align-items: center; gap: 7px; font-size: .6875rem; font-weight: 800; letter-spacing: .1em; color: var(--fnv-up-on-dark); }
.fnv-mb__flow-live .fnv-mb__dot { background: var(--fnv-up-on-dark); border-color: var(--fnv-dark-border); }

.fnv-mb__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.fnv-mb__kpi { border: 2px solid var(--fnv-dark-border); background: var(--fnv-dark-surface); padding: 9px 12px; }
.fnv-mb__kpi .l { display: block; font-size: .8125rem; font-weight: 700; color: var(--fnv-on-dark-2); margin-bottom: 2px; }
.fnv-mb__kpi b { font-family: var(--fnv-font-mono); font-weight: 700; font-size: 1.55rem; color: var(--fnv-dark-text); font-variant-numeric: tabular-nums; line-height: 1.2; }
.fnv-mb__kpi.is-alert { border-color: var(--fnv-gamma-neg); }
.fnv-mb__kpi.is-alert .l, .fnv-mb__kpi.is-alert b { color: var(--fnv-gamma-neg-on-dark); }

.fnv-mb__prem { border: 2px solid var(--fnv-dark-border); background: var(--fnv-dark-surface); padding: 14px 16px; }
.fnv-mb__prem-hd { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 6px; }
.fnv-mb__prem-hd .l { font-size: .78rem; font-weight: 700; color: var(--fnv-on-dark-1); }
.fnv-mb__prem-tag { display: inline-block; padding: 2px 9px; border: 1px solid var(--fnv-dark-border); font-size: .8125rem; font-weight: 800; }
.fnv-mb__prem-tag.is-up { color: var(--fnv-up-on-dark); border-color: var(--fnv-up-on-dark); }
.fnv-mb__prem-tag.is-dn { color: var(--fnv-down-on-dark); border-color: var(--fnv-down-on-dark); }
.fnv-mb__prem b { font-family: var(--fnv-font-mono); font-weight: 700; font-size: 1.55rem; font-variant-numeric: tabular-nums; }
.fnv-mb__prem b.is-up { color: var(--fnv-up-on-dark); }
.fnv-mb__prem b.is-dn { color: var(--fnv-down-on-dark); }

/* ميزانُ الاتّجاه: شريطُ بياناتٍ (رسمٌ لا خلفيّةُ نصّ) — يُرسم فقط إن نشر المحرّكُ العدّين */
.fnv-mb__scale .hd { display: flex; justify-content: space-between; font-size: .72rem; font-weight: 800; letter-spacing: .08em; margin-bottom: 6px; }
.fnv-mb__scale .hd .c { color: var(--fnv-up-on-dark); }
.fnv-mb__scale .hd .p { color: var(--fnv-down-on-dark); }
.fnv-mb__scale .bar { display: flex; height: 10px; border: 1px solid var(--fnv-dark-border); background: var(--fnv-dark-surface); }
.fnv-mb__scale .bar .c { background: var(--fnv-up-on-dark); }
.fnv-mb__scale .bar .p { background: var(--fnv-down-on-dark); }

/* ── لوحُ الماكرو ── */
.fnv-mb__kpi--lt { border-color: var(--fnv-ink); background: var(--fnv-surface-2); }
.fnv-mb__kpi--lt .l { color: var(--fnv-ink-3); }
.fnv-mb__kpi--lt b { color: var(--fnv-ink); }
.fnv-mb__kpi--lt.is-accent { border-color: var(--fnv-gamma-neg); }
.fnv-mb__kpi--lt.is-accent .l { color: var(--fnv-gamma-neg-text); }
.fnv-mb__kpi--lt b.is-dn { color: var(--fnv-down-deep); }
.fnv-mb__kpi--lt b.is-up { color: var(--fnv-up-deep); }
.fnv-mb__vtag {
    display: inline-block; margin-top: 8px; padding: 2px 8px;
    border: 1px solid var(--fnv-ink); background: var(--fnv-surface);
    font-size: .8125rem; font-weight: 800;
}
.fnv-mb__vtag.is-dn { color: var(--fnv-down-deep); }
.fnv-mb__vtag.is-up { color: var(--fnv-up-deep); }

.fnv-mb__spark { border: 2px solid var(--fnv-ink); background: var(--fnv-surface); padding: 12px 14px; }
.fnv-mb__spark-hd { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 8px; }
.fnv-mb__spark-hd .l { font-size: .8125rem; font-weight: 800; color: var(--fnv-ink); }
.fnv-mb__rng { font-family: var(--fnv-font-mono); font-weight: 700; font-size: .78rem; color: var(--fnv-ink-2); unicode-bidi: isolate; }
.fnv-mb__spk {
    width: 100%; height: 52px; display: block;
    background: var(--fnv-surface-2); border: 1px solid var(--fnv-border); padding: 4px;
    fill: none; stroke: var(--fnv-ink); stroke-width: 1.1;
    stroke-linejoin: round; stroke-linecap: round;
}
.fnv-mb__spk polyline, .fnv-mb__spk line { vector-effect: non-scaling-stroke; }
.fnv-mb__spkd { stroke: var(--fnv-gamma-neg); stroke-width: 5; stroke-linecap: round; }
.fnv-mb__spark-ft { display: flex; justify-content: space-between; gap: 8px; margin-top: 6px; font-family: var(--fnv-font-mono); font-size: .8125rem; color: var(--fnv-ink-3); }

/* ── لوحُ الخزانة ── */
.fnv-mb__kpi--lt .sub { display: block; margin-top: 4px; font-size: .8125rem; font-weight: 700; color: var(--fnv-ink-3); line-height: 1.7; }
.fnv-mb__kpi--net { border-inline-start: 4px solid var(--fnv-ink); }
.fnv-mb__auction {
    display: flex; align-items: flex-start; gap: 10px;
    border: 2px solid var(--fnv-ink); border-inline-start: 4px solid var(--fnv-gamma-neg);
    background: var(--fnv-surface); padding: 12px 14px;
    font-size: .875rem; font-weight: 600; color: var(--fnv-ink-2); line-height: 1.9; margin: 0;
}
.fnv-mb__auction i { flex: 0 0 auto; color: var(--fnv-gamma-neg-text); font-size: 1.2rem; margin-top: 2px; }
.fnv-mb__auction b { color: var(--fnv-ink); }

/* ── شريطُ المجالات ── */
.fnv-mb__pillbox { border: 4px solid var(--fnv-ink); background: var(--fnv-surface); padding: 13px 20px; margin-top: 18px; }
.fnv-mb__pillbox .l { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; --fnv-size-p: .8125rem; font-size: .8125rem; font-weight: 800; color: var(--fnv-ink-3); }
.fnv-mb__pillbox .l i { color: var(--fnv-ink); }
.fnv-mb__pills { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; }
.fnv-mb__pills li {
    border: 2px solid var(--fnv-ink); background: var(--fnv-surface-2);
    font-size: .8125rem; font-weight: 800; color: var(--fnv-ink);
}
.fnv-mb__pills li.is-accent { background: var(--fnv-gamma-neg); color: var(--fnv-dark-bg); }
/* الرقاقاتُ روابطُ وجهتها (2026-09-02): الرابطُ يرث زيَّ رقاقته، والمرورُ
   والتركيزُ يعلنان القابليّةَ للنقر بلا كسر الهويّة */
/* الحشوةُ على الرابط لا الحاضن (فحص الهاتف 2026-09-02): كانت منطقةُ
   اللمس نصَّ الرابط 22px داخل رقاقةٍ 35px — الآن الرقاقةُ كلُّها لمس. */
.fnv-mb__pills li a { color: inherit; text-decoration: none; display: block; padding: 9px 14px; }
/* ⛔ عائلة bug-084 عادت (لقطة المالك 2026-09-02): الاعتمادُ على الوراثة
   جعل الرقاقةَ المقلوبةَ تبتلع نصَّها — اللونُ يُصرَّح على الرابط ذاتِه
   وبتخصيصٍ يغلب أيَّ a:hover عامّ. */
.fnv-mb__pills li:hover { background: var(--fnv-ink); }
.fnv-mb__pills li.is-accent:hover { background: var(--fnv-ink); }
.fnv-mb__pills li:hover a,
.fnv-mb__pills li.is-accent:hover a { color: var(--fnv-surface); }
.fnv-mb__pills li a:focus-visible { outline: 2px solid var(--fnv-gamma-neg); outline-offset: 2px; }

/* ── الدعوتان ── */
.fnv-mb__cta { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 22px; }
.fnv-mb__b {
    display: inline-flex; align-items: center; gap: 10px; min-height: 44px;
    background: var(--fnv-dark-bg); color: var(--fnv-dark-text);
    border: 4px solid var(--fnv-ink); padding: 9px 30px;
    font-weight: 800; font-size: 1.02rem; text-decoration: none;
    transition: background-color .2s ease, color .2s ease;
}
.fnv-mb__b:hover, .fnv-mb__b:focus-visible { background: var(--fnv-surface); color: var(--fnv-ink); }
.fnv-mb__b--ghost { background: var(--fnv-surface); color: var(--fnv-ink); }
.fnv-mb__b--ghost:hover, .fnv-mb__b--ghost:focus-visible { background: var(--fnv-ink); color: var(--fnv-bg); }
.fnv-mb__na { font-size: .8125rem; color: var(--fnv-ink-3); margin: 0; }
.fnv-mb__c--dark .fnv-mb__na { color: var(--fnv-on-dark-2); }

@media (max-width: 600px) {
    .fnv-mb { padding: 36px 0; }
    .fnv-mb__pair { grid-template-columns: 1fr; }
}