/* EC Theme 0.2.4 — restrained, context-aware scrollbars. */
html{
  scrollbar-width:thin;
  scrollbar-color:#8399A7 #EEF3F6;
}
html::-webkit-scrollbar{width:10px;height:10px}
html::-webkit-scrollbar-track{background:#EEF3F6}
html::-webkit-scrollbar-thumb{
  background:#8399A7;
  border:2px solid #EEF3F6;
  border-radius:999px;
}
html::-webkit-scrollbar-thumb:hover{background:#5D7889}
html::-webkit-scrollbar-corner{background:#EEF3F6}

/* Dark authenticated sidebars keep their own visual language. */
.ec-standalone-sidebar,
.ec-student-sidebar-canonical,
body.ec-student-learning-shell .tutor-course-single-sidebar-wrapper,
body.ec-student-learning-shell .tutor-course-single-sidebar-title,
body.ec-student-learning-shell .tutor-course-topic-item-list{
  scrollbar-width:thin;
  scrollbar-color:rgba(226,204,141,.52) rgba(255,255,255,.045);
}
.ec-standalone-sidebar::-webkit-scrollbar,
.ec-student-sidebar-canonical::-webkit-scrollbar,
body.ec-student-learning-shell .tutor-course-single-sidebar-wrapper::-webkit-scrollbar,
body.ec-student-learning-shell .tutor-course-topic-item-list::-webkit-scrollbar{width:8px;height:8px}
.ec-standalone-sidebar::-webkit-scrollbar-track,
.ec-student-sidebar-canonical::-webkit-scrollbar-track,
body.ec-student-learning-shell .tutor-course-single-sidebar-wrapper::-webkit-scrollbar-track,
body.ec-student-learning-shell .tutor-course-topic-item-list::-webkit-scrollbar-track{background:rgba(255,255,255,.035)}
.ec-standalone-sidebar::-webkit-scrollbar-thumb,
.ec-student-sidebar-canonical::-webkit-scrollbar-thumb,
body.ec-student-learning-shell .tutor-course-single-sidebar-wrapper::-webkit-scrollbar-thumb,
body.ec-student-learning-shell .tutor-course-topic-item-list::-webkit-scrollbar-thumb{
  background:rgba(226,204,141,.46);
  border:2px solid transparent;
  background-clip:padding-box;
  border-radius:999px;
}
.ec-standalone-sidebar::-webkit-scrollbar-thumb:hover,
.ec-student-sidebar-canonical::-webkit-scrollbar-thumb:hover,
body.ec-student-learning-shell .tutor-course-single-sidebar-wrapper::-webkit-scrollbar-thumb:hover,
body.ec-student-learning-shell .tutor-course-topic-item-list::-webkit-scrollbar-thumb:hover{background:rgba(226,204,141,.72);background-clip:padding-box}

/* Horizontal overflow remains visible only inside components that really need it. */
body.ec-student-learning-shell .tutor-learning-area-container table{
  scrollbar-width:thin;
  scrollbar-color:#8AA0AE #F0F4F6;
}
body.ec-student-learning-shell .tutor-learning-area-container table::-webkit-scrollbar{height:8px}
body.ec-student-learning-shell .tutor-learning-area-container table::-webkit-scrollbar-track{background:#F0F4F6}
body.ec-student-learning-shell .tutor-learning-area-container table::-webkit-scrollbar-thumb{background:#8AA0AE;border-radius:999px}