/* «آخرُ ثلاثِ صفقاتٍ أُغلقت» — تذاكرُ بروتاليّةٌ على مرجع المالك (2026-09-01).
   ⚖ مُترجَمٌ إلى رموزنا: حدودٌ سوداءُ ثخينة · رأسُ الخاسرة داكنٌ والرابحةُ فاتحةٌ
     بشارة زاوية · لوحةُ مقاييسَ أربع · شريطُ توقيتٍ · ذيلُ «ما حرّك النتيجة».
   ⛔ **صبغاتُ المرجع أُسقطت عمداً**: bg-red-500/green-400 على رقاقة النتيجة
     وbg-yellow-100 على الفقرة وbg-red-50 على خليّة التراجع — ميثاق §4ب يقصر
     الأخضرَ والأحمرَ على **نصّ الأرقام** ويمنع الخلفيّاتِ الكتليّة (رصدٌ متكرّرٌ
     من المالك نفسِه). البديل: حدٌّ حبريٌّ ورقمٌ ملوّنٌ بدرجات up/down-deep.
   ⛔ **وأقصى التراجع بلا لون** (قرارٌ قائمٌ من نسخة القسم السابقة): رقمُ احتمالٍ
     لا خسارةٍ وقعت — صبغُه أحمرَ يقلب قراءتَه.
   ⛔ وظلُّ المرجع (shadow-editorial) واستدارتُه (rounded-full) صفرٌ — §4أ. */

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

/* ── الترويسة: يمينُها العنوان ويسارُها صندوقُ المتتبّع ── */
.fnv-lt__hd {
    display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between;
    gap: 24px; border-bottom: 4px solid var(--fnv-ink); padding-bottom: 28px; margin-bottom: 36px;
}
.fnv-lt__hmain { max-width: 680px; }
.fnv-lt__badges { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }
.fnv-lt__badge {
    display: inline-block; padding: 5px 12px;
    background: var(--fnv-dark-bg); color: var(--fnv-dark-text);
    border: 2px solid var(--fnv-ink);
    font-size: .78rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
}
.fnv-lt__kick { font-size: .8125rem; font-weight: 700; color: var(--fnv-ink-3); }
.fnv-lt__t {
    font-weight: 700; color: var(--fnv-ink); margin: 0 0 14px;
    font-size: clamp(1.7rem, 3.8vw, 2.8rem); line-height: 1.35;
}
.fnv-lt__u { border-bottom: 4px solid var(--fnv-gamma-neg); padding-bottom: 2px; }
/* فقرةُ المقصود: كانت صفراءَ في المرجع — حدٌّ حبريٌّ وسطحٌ ثانٍ بدل الصبغة */
.fnv-lt__s {
    display: inline-block; margin: 0;
    background: var(--fnv-surface-2); border-inline-start: 4px solid var(--fnv-ink);
    padding: 10px 14px;
    font-size: 1rem; line-height: 1.95; color: var(--fnv-ink-2); font-weight: 500;
}
.fnv-lt__s b, .fnv-lt__s strong { color: var(--fnv-ink); }

.fnv-lt__scope { flex: 0 0 auto; max-width: 300px; }
.fnv-lt__scope-l { margin: 0 0 8px; font-size: .78rem; font-weight: 700; color: var(--fnv-ink-3); }
.fnv-lt__scope-b {
    margin: 0; background: var(--fnv-surface); border: 2px solid var(--fnv-ink);
    padding: 8px 12px; font-size: .9rem; font-weight: 600; color: var(--fnv-ink-2); line-height: 1.9;
}
.fnv-lt__scope-b b { color: var(--fnv-ink); }
.fnv-lt__lnk { display: inline-block; margin-top: 8px; font-size: .84rem; font-weight: 800;
    color: var(--fnv-ink); text-decoration: none; border-bottom: 2px solid var(--fnv-gamma-neg); }

/* ── لوحةُ المقاييس الأربع — نفسُ مصدر /performance (‏§1) ── */
.fnv-lt__dash {
    display: grid; grid-template-columns: repeat(4, 1fr);
    border: 4px solid var(--fnv-ink); background: var(--fnv-surface); margin-bottom: 36px;
}
.fnv-lt__cell {
    padding: 18px 20px; border-inline-end: 4px solid var(--fnv-ink);
    display: flex; flex-direction: column; gap: 4px;
    transition: background-color .15s ease, color .15s ease;
}
.fnv-lt__cell:last-child { border-inline-end: 0; }
.fnv-lt__cell:hover { background: var(--fnv-dark-bg); }
.fnv-lt__cell:hover .fnv-lt__cl { color: var(--fnv-on-dark-2); }
.fnv-lt__cell:hover .fnv-lt__cv { color: var(--fnv-dark-text); }
.fnv-lt__cl { font-size: .8125rem; font-weight: 700; color: var(--fnv-ink-3); }
.fnv-lt__cv { font-size: 1.9rem; font-weight: 700; color: var(--fnv-ink); line-height: 1.2; }

/* ── شبكةُ التذاكر ── */
.fnv-lt__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 22px; }
.fnv-lt__card {
    border: 4px solid var(--fnv-ink); background: var(--fnv-surface);
    display: flex; flex-direction: column; position: relative;
    transition: transform .15s ease;
}
.fnv-lt__card:hover { transform: translateY(-3px); }
.fnv-lt__win-tag {
    position: absolute; top: -13px; inset-inline-start: 14px; z-index: var(--z-card);
    background: var(--fnv-surface); color: var(--fnv-up-deep);
    border: 2px solid var(--fnv-ink); padding: 2px 10px;
    font-size: .74rem; font-weight: 800;
}

/* رأسُ التذكرة: الخاسرةُ داكنةٌ والرابحةُ فاتحة — تمييزُ المرجع بلا صبغة */
.fnv-lt__top {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 14px 18px; border-bottom: 4px solid var(--fnv-ink);
    background: var(--fnv-dark-bg);
}
.fnv-lt__card.is-win .fnv-lt__top { background: var(--fnv-surface); }
.fnv-lt__sym { font-size: 1.7rem; font-weight: 700; color: var(--fnv-dark-text); letter-spacing: -.02em; }
.fnv-lt__card.is-win .fnv-lt__sym { color: var(--fnv-ink); }
/* رقاقةُ النتيجة: كانت bg-red-500/green-400 — الحدُّ حبريٌّ والرقمُ وحدَه ملوّن */
.fnv-lt__pnl {
    display: inline-flex; align-items: center; gap: 6px;
    background: var(--fnv-surface); border: 2px solid var(--fnv-ink);
    padding: 3px 10px; font-size: 1.05rem; font-weight: 800;
}
.fnv-lt__pnl.is-up { color: var(--fnv-up-deep); }
.fnv-lt__pnl.is-dn { color: var(--fnv-down-deep); }

.fnv-lt__meta {
    border-bottom: 2px solid var(--fnv-ink); background: var(--fnv-surface-2);
    padding: 6px 10px; text-align: center;
    font-size: .8rem; font-weight: 700; color: var(--fnv-ink-3);
}

.fnv-lt__body { padding: 20px 18px; flex: 1 1 auto; display: flex; align-items: flex-start; gap: 12px; }
/* علامةُ الحكم: مربّعٌ محدودٌ لا دائرة، واللونُ على الحرف لا الخلفيّة */
.fnv-lt__vd {
    flex: 0 0 auto; width: 26px; height: 26px; margin-top: 2px;
    display: inline-flex; align-items: center; justify-content: center;
    border: 2px solid var(--fnv-ink); background: var(--fnv-surface);
    font-style: normal; font-weight: 800; font-size: .9rem;
}
.fnv-lt__vd.is-up { color: var(--fnv-up-deep); }
.fnv-lt__vd.is-dn { color: var(--fnv-down-deep); }
.fnv-lt__an { margin: 0; font-size: .9rem; line-height: 1.95; color: var(--fnv-ink-2); }

.fnv-lt__drv {
    border-top: 4px solid var(--fnv-ink); background: var(--fnv-surface-2);
    padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px;
}
.fnv-lt__drv span { font-size: .74rem; font-weight: 700; color: var(--fnv-ink-3); }
.fnv-lt__drv b {
    font-size: .8125rem; font-weight: 700; color: var(--fnv-ink);
    border: 1px solid var(--fnv-ink); background: var(--fnv-surface); padding: 2px 8px;
}

/* ── الدعوة ── */
.fnv-lt__cta { display: flex; justify-content: center; margin-top: 40px; }
.fnv-lt__b {
    display: inline-flex; align-items: center; gap: 12px;
    background: var(--fnv-dark-bg); color: var(--fnv-dark-text);
    border: 4px solid var(--fnv-ink); padding: 14px 32px;
    font-weight: 800; font-size: 1.05rem; text-decoration: none;
    transition: background-color .2s ease, color .2s ease;
}
.fnv-lt__b:hover, .fnv-lt__b:focus-visible { background: var(--fnv-surface); color: var(--fnv-ink); }

@media (max-width: 991.98px) {
    .fnv-lt { padding: 54px 0; }
    .fnv-lt__dash { grid-template-columns: repeat(2, 1fr); }
    .fnv-lt__cell:nth-child(2n) { border-inline-end: 0; }
    .fnv-lt__cell:nth-child(-n+2) { border-bottom: 4px solid var(--fnv-ink); }
    .fnv-lt__scope { max-width: none; }
}

/* قالبُ «فرضيّة → نتيجة» (طلب المالك 2026-09-02) — صفّان موسومان ومدّة */
.fnv-lt__dur{font-size:.8125rem;font-weight:700;color:var(--fnv-ink-3);margin:0 0 8px;}
.fnv-lt__dur b{color:var(--fnv-ink);}
.fnv-lt__row{display:flex;align-items:baseline;gap:10px;margin:0 0 8px;}
.fnv-lt__rk{flex:0 0 auto;font-size:.8125rem;font-weight:800;color:var(--fnv-ink-2);
  border-inline-start:3px solid var(--fnv-ink-3);padding-inline-start:8px;white-space:nowrap;}
.fnv-lt__rk.is-up{color:var(--fnv-up);border-inline-start-color:var(--fnv-up);}
.fnv-lt__rk.is-dn{color:var(--fnv-down);border-inline-start-color:var(--fnv-down);}
.fnv-lt__rv{flex:1 1 auto;margin:0;font-size:.8125rem;line-height:1.9;color:var(--fnv-ink-2);}

/* تلميحُ السحب — مخفيٌّ افتراضاً ويظهر في مقاس الهاتف.
   ⛔ **كان معرَّفاً بعد الاستعلام فغلبه** (قِيس على المُصيَّر: `display:none` دائماً):
     التخصيصُ متساوٍ والاستعلامُ لا يضيفه، فالمتأخّرُ يفوز. القاعدةُ الأساسُ تسبق. */
.fnv-lt__swipe {
    display: none; margin: 0 0 10px;
    font-family: 'Readex Pro', sans-serif; font-size: .8125rem;
    font-weight: 700; color: var(--fnv-ink-3);
}

/* ══ الهاتف: ثلاثُ تذاكرَ تُسحَب لا تُكدَّس (طلبُ المالك 2026-09-04) ══
   ⛔ **المقيسُ عند 390 بكسل**: `.fnv-lt__grid` عمودٌ واحدٌ بثلاث بطاقاتٍ =
     **1,430 بكسلاً**، أي **60٪ من القسم** و6.5٪ من صفحةٍ طولُها 25.9 شاشة.
   ⚖ **والثلاثُ صفقاتٌ متناظرةٌ تُقارَن**: السحبُ الأفقيُّ يضعها في حركةِ إبهامٍ
     واحدةٍ بدل خمسِ شاشاتِ تمرير — وهو النمطُ الصحيحُ لعناصرَ متكافئةٍ متجاورة.
   ⛔ **والإطلالةُ شرطٌ لا زينة**: 86٪ عرضاً تُبقي **14٪ من التالية ظاهرةً**،
     فيعلم القارئُ أنّ ثمّة مزيداً. بلا إطلالةٍ يصير الاختصارُ حجباً — والصفحةُ
     تسويقيّةٌ يقرؤها زائرٌ أوّلَ مرّة، وبطاقةٌ لا تُرى قد لا توجد.
   ⚖ **وشريطُ التمرير هو مؤشّرُ الموضع**: رفيعٌ برمزين، فلا جافاسكربتَ لنقطٍ
     تُصان. ويُشدّ `overscroll-behavior` فلا يجرّ السحبُ الصفحةَ كلَّها.
   ⛔ **وحشوةٌ علويّةٌ لازمة**: `overflow-x` يُنشئ حاويةَ قصّ، ووسمُ «رابحة»
     مطلقُ الموضع عند `top:-13px` — فبلا حشوةٍ **يُقصّ**. (‏قِيس ثمّ عُولج.) */
@media (max-width: 700px) {
    .fnv-lt__grid {
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: 86%;
        overflow-x: auto;
        scroll-snap-type: inline mandatory;
        overscroll-behavior-inline: contain;
        padding: 16px 0 12px;
        scrollbar-width: thin;
        scrollbar-color: var(--fnv-ink) var(--fnv-border);
    }
    .fnv-lt__card { scroll-snap-align: start; }
    /* ⚖ ولا رفعَ بالتحويم داخل حاوية سحبٍ — اللمسُ لا يُحوّم، والحركةُ تُربك الالتقاط. */
    .fnv-lt__card:hover { transform: none; }
    .fnv-lt__swipe { display: block; }
}