/* Load this AFTER SimpleBar CSS so these rules win. */

/* --- SimpleBar: thin emerald scrollbar, subtle gray track --- */
#simplebar-scroll {
  --simplebar-scrollbar-thickness: 3px;
  --simplebar-track-thickness: 3px;
}

#simplebar-scroll .simplebar-track,
#simplebar-scroll .simplebar-track.simplebar-vertical {
  background: #c8c8c8 !important;
}

#simplebar-scroll .simplebar-scrollbar {
  background: transparent !important;
}

#simplebar-scroll .simplebar-track.simplebar-vertical {
  width: 3px !important;
  right: 4px !important;
  top: 0 !important;
  bottom: 0 !important;
}

#simplebar-scroll .simplebar-scrollbar.simplebar-vertical {
  width: 3px !important;
  right: 0 !important;
  min-height: 40px;
}

#simplebar-scroll .simplebar-scrollbar::before {
  background: #0d7377 !important;
  opacity: 1 !important;
  border-radius: 1.5px !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
}

#simplebar-scroll .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1 !important;
}

#simplebar-scroll .simplebar-content-wrapper {
  outline: none;
}

/* --- Fallback: native scrollbar (Chrome/Safari) when SimpleBar isn't active --- */
#simplebar-scroll::-webkit-scrollbar {
  width: 3px;
}

#simplebar-scroll::-webkit-scrollbar-track {
  background: #c8c8c8;
}

#simplebar-scroll::-webkit-scrollbar-thumb {
  background: #0d7377;
  border-radius: 1.5px;
}

#simplebar-scroll::-webkit-scrollbar-thumb:hover {
  background: #0a5c5f;
}