/* ═══════════════════════════════════════════════════════════════
   STUDENT SCROLLBAR — شريط تمرير أنيق يطابق منصة العلوم والأحياء
   ═══════════════════════════════════════════════════════════════ */

:root {
  --scroll-size: 10px;
  --scroll-size-h: 10px;
  --scroll-track: rgba(147, 52, 71, 0.08);
  --scroll-thumb: #933447;
  --scroll-thumb-soft: #a63d52;
  --scroll-thumb-hover: #b85066;
  --scroll-thumb-active: #7a2a3a;
  --scroll-edge: rgba(147, 52, 71, 0.18);
}

html[data-theme="dark"] {
  --scroll-track: rgba(196, 90, 110, 0.14);
  --scroll-thumb: #c45a6e;
  --scroll-thumb-soft: #d48a97;
  --scroll-thumb-hover: #a63d52;
  --scroll-thumb-active: #b85066;
  --scroll-edge: rgba(196, 90, 110, 0.22);
}

/* جذر التمرير الواحد — يمنع اهتزاز الإطار المزدوج */
html {
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb) var(--scroll-track);
  scroll-behavior: smooth;
  overflow-x: hidden;
  overflow-y: auto;
}

body,
body.physics-platform,
body.student-perf-lite,
body.atlas-platform,
body.math-platform {
  overflow-x: hidden;
  overflow-y: visible;
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb) var(--scroll-track);
}

/* مناطق التمرير الداخلية */
textarea,
select,
.pre-scrollable,
.acc-sidebar__nav,
.acc-pdfViewer__canvasWrap,
.acc-chat__messages,
.acc-chatMsgs,
.phy-drawer__inner,
.auth-form,
.modal__body,
.ui-select,
.as-nav,
.acc-sidebar,
.acc-main {
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb) var(--scroll-track);
}

/* WebKit — Chrome · Edge · Safari */
html::-webkit-scrollbar,
body::-webkit-scrollbar,
textarea::-webkit-scrollbar,
select::-webkit-scrollbar,
.pre-scrollable::-webkit-scrollbar,
.acc-sidebar__nav::-webkit-scrollbar,
.acc-pdfViewer__canvasWrap::-webkit-scrollbar,
.acc-chat__messages::-webkit-scrollbar,
.acc-chatMsgs::-webkit-scrollbar,
.phy-drawer__inner::-webkit-scrollbar,
.auth-form::-webkit-scrollbar,
.modal__body::-webkit-scrollbar,
.ui-select::-webkit-scrollbar,
.as-nav::-webkit-scrollbar,
.acc-sidebar::-webkit-scrollbar,
.acc-main::-webkit-scrollbar {
  width: var(--scroll-size);
  height: var(--scroll-size-h);
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
select::-webkit-scrollbar-track,
.pre-scrollable::-webkit-scrollbar-track,
.acc-sidebar__nav::-webkit-scrollbar-track,
.acc-pdfViewer__canvasWrap::-webkit-scrollbar-track,
.acc-chat__messages::-webkit-scrollbar-track,
.acc-chatMsgs::-webkit-scrollbar-track,
.phy-drawer__inner::-webkit-scrollbar-track,
.auth-form::-webkit-scrollbar-track,
.modal__body::-webkit-scrollbar-track,
.ui-select::-webkit-scrollbar-track,
.as-nav::-webkit-scrollbar-track,
.acc-sidebar::-webkit-scrollbar-track,
.acc-main::-webkit-scrollbar-track {
  background: var(--scroll-track);
  border-radius: 999px;
  margin: 4px 2px;
  border: 0;
  box-shadow: none;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
select::-webkit-scrollbar-thumb,
.pre-scrollable::-webkit-scrollbar-thumb,
.acc-sidebar__nav::-webkit-scrollbar-thumb,
.acc-pdfViewer__canvasWrap::-webkit-scrollbar-thumb,
.acc-chat__messages::-webkit-scrollbar-thumb,
.acc-chatMsgs::-webkit-scrollbar-thumb,
.phy-drawer__inner::-webkit-scrollbar-thumb,
.auth-form::-webkit-scrollbar-thumb,
.modal__body::-webkit-scrollbar-thumb,
.ui-select::-webkit-scrollbar-thumb,
.as-nav::-webkit-scrollbar-thumb,
.acc-sidebar::-webkit-scrollbar-thumb,
.acc-main::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--scroll-thumb-soft), var(--scroll-thumb));
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
  min-height: 40px;
  box-shadow: 0 1px 3px rgba(29, 78, 216, 0.22);
  transition: background 0.2s ease;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
textarea::-webkit-scrollbar-thumb:hover,
select::-webkit-scrollbar-thumb:hover,
.pre-scrollable::-webkit-scrollbar-thumb:hover,
.acc-sidebar__nav::-webkit-scrollbar-thumb:hover,
.acc-pdfViewer__canvasWrap::-webkit-scrollbar-thumb:hover,
.acc-chat__messages::-webkit-scrollbar-thumb:hover,
.acc-chatMsgs::-webkit-scrollbar-thumb:hover,
.phy-drawer__inner::-webkit-scrollbar-thumb:hover,
.auth-form::-webkit-scrollbar-thumb:hover,
.modal__body::-webkit-scrollbar-thumb:hover,
.ui-select::-webkit-scrollbar-thumb:hover,
.as-nav::-webkit-scrollbar-thumb:hover,
.acc-sidebar::-webkit-scrollbar-thumb:hover,
.acc-main::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #fb923c, var(--scroll-thumb-hover));
  box-shadow: 0 2px 8px rgba(249, 115, 22, 0.35);
}

html::-webkit-scrollbar-thumb:active,
body::-webkit-scrollbar-thumb:active,
textarea::-webkit-scrollbar-thumb:active,
.pre-scrollable::-webkit-scrollbar-thumb:active,
.acc-sidebar__nav::-webkit-scrollbar-thumb:active,
.acc-pdfViewer__canvasWrap::-webkit-scrollbar-thumb:active,
.acc-chat__messages::-webkit-scrollbar-thumb:active,
.phy-drawer__inner::-webkit-scrollbar-thumb:active,
.modal__body::-webkit-scrollbar-thumb:active,
.acc-main::-webkit-scrollbar-thumb:active {
  background: var(--scroll-thumb-active);
}

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
.acc-main::-webkit-scrollbar-corner,
.modal__body::-webkit-scrollbar-corner {
  background: transparent;
}

/* عناصر تخفي الشريط عمداً */
.math-formula-strip,
.math-formula-strip * {
  scrollbar-width: none;
}
.math-formula-strip::-webkit-scrollbar {
  display: none;
}

/* موبايل: أنحف وأبسط — بدون إطار سميك */
@media (max-width: 768px) {
  :root {
    --scroll-size: 6px;
    --scroll-size-h: 6px;
  }

  html {
    scrollbar-gutter: auto;
    scrollbar-width: thin;
  }

  html::-webkit-scrollbar-thumb,
  body::-webkit-scrollbar-thumb,
  .acc-sidebar__nav::-webkit-scrollbar-thumb,
  .acc-main::-webkit-scrollbar-thumb,
  .modal__body::-webkit-scrollbar-thumb,
  .phy-drawer__inner::-webkit-scrollbar-thumb {
    border-width: 1px;
    min-height: 32px;
    box-shadow: none;
  }
}

/* تطبيق أندرويد: شريط نظام الجهاز أوضح */
@media (pointer: coarse) {
  html {
    scrollbar-gutter: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}