/*
 * V2.6.0 — Admin Layout & Scroll Experience
 * قائمة التحكم: شريط التمرير يمين. محتوى الصفحات: شريط التمرير يسار.
 */
:root {
  --v260-scroll-track: rgba(15, 49, 65, .055);
  --v260-scroll-thumb: #9db6c5;
  --v260-scroll-thumb-hover: #6f92a6;
  --v260-sidebar-thumb: rgba(226, 240, 248, .42);
  --v260-sidebar-thumb-hover: rgba(255, 255, 255, .72);
}

@media (min-width: 901px) {
  html, body { height: 100%; }
  body { overflow: hidden !important; }
  body .platform {
    height: 100vh !important;
    min-height: 100vh !important;
    overflow: hidden !important;
  }

  /* القائمة الجانبية لها تمرير مستقل وشريطه في اليمين */
  body .sidebar {
    direction: rtl !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: var(--v260-sidebar-thumb) transparent;
  }

  /* محتوى اللوحة له تمرير مستقل، وتُستخدم LTR فقط لوضع الشريط في اليسار */
  body .main-content {
    height: 100vh !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    direction: ltr !important;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: var(--v260-scroll-thumb) var(--v260-scroll-track);
    scroll-behavior: smooth;
  }

  /* إعادة RTL لكل محتوى الصفحة دون التأثير على موضع شريط التمرير */
  body .main-content > * { direction: rtl !important; }

  /* إبقاء الهيدر داخل منطقة التمرير ثابتًا وأهدأ بصريًا */
  body .topbar {
    top: 0 !important;
    z-index: 60 !important;
    margin-inline: -2px !important;
    padding-inline: 2px !important;
    backdrop-filter: blur(16px) saturate(1.1) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.1) !important;
  }

  /* Chromium / Safari */
  body .sidebar::-webkit-scrollbar,
  body .main-content::-webkit-scrollbar { width: 9px; height: 9px; }
  body .sidebar::-webkit-scrollbar-track { background: transparent; }
  body .sidebar::-webkit-scrollbar-thumb {
    background: var(--v260-sidebar-thumb);
    border: 2px solid transparent;
    border-radius: 999px;
    background-clip: padding-box;
  }
  body .sidebar::-webkit-scrollbar-thumb:hover { background-color: var(--v260-sidebar-thumb-hover); }
  body .main-content::-webkit-scrollbar-track { background: var(--v260-scroll-track); }
  body .main-content::-webkit-scrollbar-thumb {
    background: var(--v260-scroll-thumb);
    border: 2px solid transparent;
    border-radius: 999px;
    background-clip: padding-box;
  }
  body .main-content::-webkit-scrollbar-thumb:hover { background-color: var(--v260-scroll-thumb-hover); }
}

/* الجوال: تمرير طبيعي واحد لتفادي تضييق المساحة */
@media (max-width: 900px) {
  body { overflow-y: auto !important; overflow-x: hidden !important; }
  body .platform { min-height: 100vh !important; height: auto !important; overflow: visible !important; }
  body .main-content { height: auto !important; min-height: 100vh !important; overflow: visible !important; direction: rtl !important; }
  body .sidebar { direction: rtl !important; }
}

/* احترام تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  body .main-content { scroll-behavior: auto !important; }
}