/* ============================================================
   Kit — scrollbar.css   (the overlay scrollbar)
   The ONE scrollbar for ANY scrollable surface: the native bar is
   hidden and replaced by a 3px, very-light-grey thumb that fades
   IN while scrolling and OUT when idle. Paired with kit/scrollbar.js
   (BPScroll.attach). Use it on every scroll container so they all
   read identically (the conversation, the sub-nav, future lists…).
   ============================================================ */
.bp-scroll-host { scrollbar-width: none; -ms-overflow-style: none; }
.bp-scroll-host::-webkit-scrollbar { width: 0; height: 0; }

.bp-scrollbar {
  position: absolute; width: 3px; z-index: 6;
  pointer-events: none; opacity: 0;
  transition: opacity .35s ease;
}
.bp-scrollbar.is-active { opacity: 1; }
.bp-scrollbar__thumb {
  position: absolute; left: 0; width: 3px;
  border-radius: 999px; corner-shape: round;
  background: var(--bp-bubble-border, #ececec);
}
@media (prefers-reduced-motion: reduce) { .bp-scrollbar { transition: none; } }