/* ══ تبويباتُ الرموز في التقرير — طلبُ المالك 2026-09-19 ══════════════════
   «وحدةُ الأسهم القياديّة تأخذ مساحةً كبيرةً وتجعل الصفحةَ طويلة · من الأحسن
    جعلُ كلّ سهمٍ ومؤشّرٍ على شكل تبويباتٍ أفقيّة».

   ⚖ **تحسينٌ تدريجيّ**: بلا JS تبقى البطاقاتُ مكدّسةً ومقروءةً كما هي اليوم،
     فلا يُكسر أرشيفُ التقارير المنشورة ولا يُعاد توليدُها (ميثاق §7).
   ⛔ **ولا استدارةَ ولا ظلال** (ميثاق §4أ) · والحدُّ اللونيُّ وحدَه يفصل.
   ⛔ **ولا لونَ خامّ**: كلُّ لونٍ رمزٌ من `finviro-base.css`.
   ══════════════════════════════════════════════════════════════════════ */

.fnv-rtabs {
    margin: 18px 0;
    border: 1px solid var(--fnv-border);
    background: var(--fnv-surface);
}

/* ── الشريطُ: تمريرٌ أفقيٌّ لا التفافٌ يبتلع الصفحة ─────────────────────── */
.fnv-rtabs__bar {
    display: flex;
    gap: 6px;
    padding: 8px;
    overflow-x: auto;
    scrollbar-width: thin;
    border-block-end: 1px solid var(--fnv-border);
    background: var(--fnv-surface-2);
    /* ⛔ ولا يُكدَّس على الهاتف: التكديسُ يُفقد المقارنةَ بين الرموز (ميثاق §4و). */
    flex-wrap: nowrap;
}

.fnv-rtabs__t {
    flex: 0 0 auto;
    padding: 7px 14px;
    border: 1px solid var(--fnv-border);
    background: var(--fnv-surface);
    color: var(--fnv-ink-2);
    font: 800 0.8125rem/1 var(--fnv-font-mono), 'Readex Pro', sans-serif;
    letter-spacing: .5px;
    cursor: pointer;
    white-space: nowrap;
    unicode-bidi: isolate;
    direction: ltr;
}

.fnv-rtabs__t:hover { border-color: var(--fnv-ink-3); color: var(--fnv-ink); }

.fnv-rtabs__t[aria-selected="true"] {
    background: var(--fnv-ink);
    color: var(--fnv-surface);
    border-color: var(--fnv-ink);
}

/* ⚖ نقطةُ الحالة: الاتّجاهُ يُقرأ قبل الضغط — لونٌ على **النقطة** لا على السطح
     (ميثاق §4ب: لا خلفيّاتٍ مصبوغة). */
.fnv-rtabs__dot {
    display: inline-block;
    inline-size: 6px;
    block-size: 6px;
    margin-inline-end: 6px;
    vertical-align: middle;
    background: var(--fnv-ink-3);
}
.fnv-rtabs__dot--bull { background: var(--fnv-up); }
.fnv-rtabs__dot--bear { background: var(--fnv-down); }

.fnv-rtabs__panels { padding: 4px 10px 10px; }
.fnv-rtabs__p[hidden] { display: none; }

/* ⚖ البطاقةُ داخل التبويب تفقد هامشَها السفليَّ: لم تعُد في مكدّس. */
.fnv-rtabs__p > .fnv-symcard { margin-bottom: 0; }

/* ── تركيزٌ مرئيٌّ للوحة المفاتيح ───────────────────────────────────────── */
.fnv-rtabs__t:focus-visible {
    outline: 2px solid var(--fnv-ink);
    outline-offset: 2px;
}

@media (max-width: 575.98px) {
    .fnv-rtabs__bar { padding: 6px; gap: 4px; }
    .fnv-rtabs__t   { padding: 6px 10px; }
    .fnv-rtabs__panels { padding: 4px 6px 8px; }
}