/* ── نوارِ اسکرول در کلِ دبی‌راهنما دیده نمی‌شود ─────────────────────────────
   خودِ اسکرول دست‌نخورده است: چرخِ ماوس، کشیدنِ انگشت، کلیدهای جهت، Page Up/Down
   و اسکرولِ برنامه‌ای همه مثلِ قبل کار می‌کنند — فقط میله‌اش نقاشی نمی‌شود.

   هر سه موتور جدا اعلام می‌خواهند:
     • WebKit/Blink (سافاری، کروم، وب‌ویوِ اندروید) → ::-webkit-scrollbar
     • Firefox                                      → scrollbar-width
     • اِج قدیمی                                     → -ms-overflow-style

   ⚠️ روی * اعمال می‌شود نه فقط body، چون قاب‌های داخلیِ اسکرول‌دار (فهرستِ اعضا،
   مودال‌ها، جدول‌های پهن) میلهٔ خودشان را دارند.

   نکته: بدونِ میله، تنها نشانهٔ «این‌جا ادامه دارد» خودِ محتواست؛ هر جا محتوا دقیقاً
   لبِ قاب بریده شود کاربر ممکن است نفهمد پایین‌تر چیزی هست. */
/* فقط روی لمسی (گوشی/تبلت) پنهان. روی دستگاهِ با ماوس (دسکتاپ) نوار برگشت (۲۰۲۶-۱۰-۰۲):
   کاربر از گوشی با ریموت روی مک کار می‌کند — آن‌جا چرخِ ماوس ندارد و بی‌میله اصلاً
   نمی‌شد پایین رفت. */
/* ⚠️ شرط عمداً فقط «لمسی» است نه «بی‌ماوس»: مکی که از ریموت کنترل می‌شود ماوس ندارد و
   (hover:none) می‌گیرد — شرطِ قبلی همان‌جا هم میله را پنهان می‌کرد. */
@media (pointer: coarse) {
    * {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    *::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
    }
}

/* دسکتاپ: میلهٔ باریکِ همیشه‌پیدا. استایلِ ::-webkit-scrollbar کروم/سافاریِ مک را از حالتِ
   «فقط حینِ اسکرول» (overlay) بیرون می‌آورد تا با کشیدنِ دستگیره (ریموت) هم بشود اسکرول کرد. */
@media not all and (pointer: coarse) {
    *::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }
    *::-webkit-scrollbar-track {
        background: transparent;
    }
    *::-webkit-scrollbar-thumb {
        background: rgba(128, 128, 128, .45);
        border-radius: 6px;
        border: 2px solid transparent;
        background-clip: padding-box;
    }
    *::-webkit-scrollbar-thumb:hover {
        background: rgba(128, 128, 128, .7);
        background-clip: padding-box;
    }
}