/* SYNC — شريط التمرير الواحد للسيستم كله (ta-539 — قرار إيهاب: زي واتساب، رفيع وطاير)
   الملف ده المصدر الوحيد: SYNC (sync.html) + SYNC Chat (/chat) + صفحات Next (الدخول …) — مفيش أي قاعدة شريط تمرير تانية
   الاستثناء الوحيد: الأماكن اللي الشريط فيها مخفي عن قصد (scrollbar-width:none) — شرايط الشيبس الأفقية والقايمة الجانبية
   - شريط رفيع (4px) فاتح من غير أرضية ولا أسهم، ويغمق لما تقف عليه بالماوس
     (مش «بيظهر مع الماوس بس»: كروم مابيعيدش رسم الشريط لما الماوس يدخل المكان — كان هيظهر متأخر أو مايظهرش)
   - الموبايل/اللمس: شريط النظام نفسه (رفيع وبيختفي لوحده) — القواعد دي مابتأثرش عليه
   - ممنوع scrollbar-width / scrollbar-color على أي عنصر تاني: كروم 121+ لو لقاهم بيتجاهل الشكل ده للعنصر
   - الإخفاء المقصود: scrollbar-width:none + ::-webkit-scrollbar{display:none} مع بعض (سفاري القديم بيقرا التانية بس)
   - /lib متكاش سنة كاملة ⇐ أي تعديل هنا لازم يغيّر ?v= في الـ 3 أماكن: source/ui/s.html · public/chat/index.html · src/app/layout.tsx */
:root{--sb-thumb:rgba(15,23,42,.22);--sb-thumb-h:rgba(15,23,42,.42)}
:root[data-theme="dark"]{--sb-thumb:rgba(255,255,255,.24);--sb-thumb-h:rgba(255,255,255,.45)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}
::-webkit-scrollbar-button{display:none;width:0;height:0}
::-webkit-scrollbar-thumb{background-color:var(--sb-thumb);border:3px solid transparent;border-radius:99px;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active{background-color:var(--sb-thumb-h)}
@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) transparent}}