/* V37.8 TARGETED — GLOBAL SCROLLBAR UNIFICATION
 * All actual scrollable surfaces use the same compact scrollbar language as
 * the message area: 4px, rounded, transparent until the scrollbar itself is
 * pressed/dragged. No layout/feature logic is changed.
 */

/* Keep every scrollable surface theme-aware. */
html body *,
html body *::before,
html body *::after{
  scrollbar-color:transparent transparent !important;
}

/* Chromium/WebKit: one exact 4px geometry everywhere. */
html body *::-webkit-scrollbar{
  width:4px !important;
  height:4px !important;
}
html body *::-webkit-scrollbar-track{
  background:transparent !important;
  border:0 !important;
}
html body *::-webkit-scrollbar-thumb{
  background:transparent !important;
  border:0 !important;
  border-radius:999px !important;
  min-height:28px !important;
  min-width:28px !important;
}
html body *.v37-scroll-active{
  scrollbar-color:color-mix(in srgb,var(--text-sub) 46%,transparent) transparent !important;
}
html body *.v37-scroll-active::-webkit-scrollbar-thumb{
  background:color-mix(in srgb,var(--text-sub) 46%,transparent) !important;
}
html body *.v37-scroll-active::-webkit-scrollbar-thumb:hover{
  background:color-mix(in srgb,var(--text-sub) 62%,transparent) !important;
}

/* Explicit legacy scroll surfaces whose older rules used stronger selectors. */
.chat-window,
.sidebar-scroll-content,
.right-info-panel .panel-body,
.member-list-wrapper,
#adminModal .msg-mgmt-sidebar,
#adminModal .admin-message-scroll,
#adminModal .admin-log-scroll,
#adminModal .table-responsive,
.search-suggestions-dropdown,
.v13-group-media-list,
.emoji-panel .emoji-grid,
.emoji-panel .sticker-grid,
.emoji-panel .emoji-content-tab,
.attachment-preview-list,
.admin-modal-body,
.login-card,
.v37-camera-result{
  scrollbar-width:thin !important;
  scrollbar-color:transparent transparent !important;
}

.chat-window::-webkit-scrollbar,
.sidebar-scroll-content::-webkit-scrollbar,
.right-info-panel .panel-body::-webkit-scrollbar,
.member-list-wrapper::-webkit-scrollbar,
#adminModal .msg-mgmt-sidebar::-webkit-scrollbar,
#adminModal .admin-message-scroll::-webkit-scrollbar,
#adminModal .admin-log-scroll::-webkit-scrollbar,
#adminModal .table-responsive::-webkit-scrollbar,
.search-suggestions-dropdown::-webkit-scrollbar,
.v13-group-media-list::-webkit-scrollbar,
.emoji-panel .emoji-grid::-webkit-scrollbar,
.emoji-panel .sticker-grid::-webkit-scrollbar,
.emoji-panel .emoji-content-tab::-webkit-scrollbar,
.attachment-preview-list::-webkit-scrollbar,
.admin-modal-body::-webkit-scrollbar,
.login-card::-webkit-scrollbar,
.v37-camera-result::-webkit-scrollbar{
  width:4px !important;
  height:4px !important;
}

.chat-window::-webkit-scrollbar-track,
.sidebar-scroll-content::-webkit-scrollbar-track,
.right-info-panel .panel-body::-webkit-scrollbar-track,
.member-list-wrapper::-webkit-scrollbar-track,
#adminModal .msg-mgmt-sidebar::-webkit-scrollbar-track,
#adminModal .admin-message-scroll::-webkit-scrollbar-track,
#adminModal .admin-log-scroll::-webkit-scrollbar-track,
#adminModal .table-responsive::-webkit-scrollbar-track,
.search-suggestions-dropdown::-webkit-scrollbar-track,
.v13-group-media-list::-webkit-scrollbar-track,
.emoji-panel .emoji-grid::-webkit-scrollbar-track,
.emoji-panel .sticker-grid::-webkit-scrollbar-track,
.emoji-panel .emoji-content-tab::-webkit-scrollbar-track,
.attachment-preview-list::-webkit-scrollbar-track,
.admin-modal-body::-webkit-scrollbar-track,
.login-card::-webkit-scrollbar-track,
.v37-camera-result::-webkit-scrollbar-track{background:transparent !important;border:0 !important}

.chat-window::-webkit-scrollbar-thumb,
.sidebar-scroll-content::-webkit-scrollbar-thumb,
.right-info-panel .panel-body::-webkit-scrollbar-thumb,
.member-list-wrapper::-webkit-scrollbar-thumb,
#adminModal .msg-mgmt-sidebar::-webkit-scrollbar-thumb,
#adminModal .admin-message-scroll::-webkit-scrollbar-thumb,
#adminModal .admin-log-scroll::-webkit-scrollbar-thumb,
#adminModal .table-responsive::-webkit-scrollbar-thumb,
.search-suggestions-dropdown::-webkit-scrollbar-thumb,
.v13-group-media-list::-webkit-scrollbar-thumb,
.emoji-panel .emoji-grid::-webkit-scrollbar-thumb,
.emoji-panel .sticker-grid::-webkit-scrollbar-thumb,
.emoji-panel .emoji-content-tab::-webkit-scrollbar-thumb,
.attachment-preview-list::-webkit-scrollbar-thumb,
.admin-modal-body::-webkit-scrollbar-thumb,
.login-card::-webkit-scrollbar-thumb,
.v37-camera-result::-webkit-scrollbar-thumb{
  background:transparent !important;
  border:0 !important;
  border-radius:999px !important;
  min-height:28px !important;
  min-width:28px !important;
}

.chat-window.v37-scroll-active,
.sidebar-scroll-content.v37-scroll-active,
.right-info-panel .panel-body.v37-scroll-active,
.member-list-wrapper.v37-scroll-active,
#adminModal .msg-mgmt-sidebar.v37-scroll-active,
#adminModal .admin-message-scroll.v37-scroll-active,
#adminModal .admin-log-scroll.v37-scroll-active,
#adminModal .table-responsive.v37-scroll-active,
.search-suggestions-dropdown.v37-scroll-active,
.v13-group-media-list.v37-scroll-active,
.emoji-panel .emoji-grid.v37-scroll-active,
.emoji-panel .sticker-grid.v37-scroll-active,
.emoji-panel .emoji-content-tab.v37-scroll-active,
.attachment-preview-list.v37-scroll-active,
.admin-modal-body.v37-scroll-active,
.login-card.v37-scroll-active,
.v37-camera-result.v37-scroll-active{
  scrollbar-color:color-mix(in srgb,var(--text-sub) 46%,transparent) transparent !important;
}

.chat-window.v37-scroll-active::-webkit-scrollbar-thumb,
.sidebar-scroll-content.v37-scroll-active::-webkit-scrollbar-thumb,
.right-info-panel .panel-body.v37-scroll-active::-webkit-scrollbar-thumb,
.member-list-wrapper.v37-scroll-active::-webkit-scrollbar-thumb,
#adminModal .msg-mgmt-sidebar.v37-scroll-active::-webkit-scrollbar-thumb,
#adminModal .admin-message-scroll.v37-scroll-active::-webkit-scrollbar-thumb,
#adminModal .admin-log-scroll.v37-scroll-active::-webkit-scrollbar-thumb,
#adminModal .table-responsive.v37-scroll-active::-webkit-scrollbar-thumb,
.search-suggestions-dropdown.v37-scroll-active::-webkit-scrollbar-thumb,
.v13-group-media-list.v37-scroll-active::-webkit-scrollbar-thumb,
.emoji-panel .emoji-grid.v37-scroll-active::-webkit-scrollbar-thumb,
.emoji-panel .sticker-grid.v37-scroll-active::-webkit-scrollbar-thumb,
.emoji-panel .emoji-content-tab.v37-scroll-active::-webkit-scrollbar-thumb,
.attachment-preview-list.v37-scroll-active::-webkit-scrollbar-thumb,
.admin-modal-body.v37-scroll-active::-webkit-scrollbar-thumb,
.login-card.v37-scroll-active::-webkit-scrollbar-thumb,
.v37-camera-result.v37-scroll-active::-webkit-scrollbar-thumb{
  background:color-mix(in srgb,var(--text-sub) 46%,transparent) !important;
}

.chat-window.v37-scroll-active::-webkit-scrollbar-thumb:hover,
.sidebar-scroll-content.v37-scroll-active::-webkit-scrollbar-thumb:hover,
.right-info-panel .panel-body.v37-scroll-active::-webkit-scrollbar-thumb:hover,
.member-list-wrapper.v37-scroll-active::-webkit-scrollbar-thumb:hover,
#adminModal .msg-mgmt-sidebar.v37-scroll-active::-webkit-scrollbar-thumb:hover,
#adminModal .admin-message-scroll.v37-scroll-active::-webkit-scrollbar-thumb:hover,
#adminModal .admin-log-scroll.v37-scroll-active::-webkit-scrollbar-thumb:hover,
#adminModal .table-responsive.v37-scroll-active::-webkit-scrollbar-thumb:hover,
.search-suggestions-dropdown.v37-scroll-active::-webkit-scrollbar-thumb:hover,
.v13-group-media-list.v37-scroll-active::-webkit-scrollbar-thumb:hover,
.emoji-panel .emoji-grid.v37-scroll-active::-webkit-scrollbar-thumb:hover,
.emoji-panel .sticker-grid.v37-scroll-active::-webkit-scrollbar-thumb:hover,
.emoji-panel .emoji-content-tab.v37-scroll-active::-webkit-scrollbar-thumb:hover,
.attachment-preview-list.v37-scroll-active::-webkit-scrollbar-thumb:hover,
.admin-modal-body.v37-scroll-active::-webkit-scrollbar-thumb:hover,
.login-card.v37-scroll-active::-webkit-scrollbar-thumb:hover,
.v37-camera-result.v37-scroll-active::-webkit-scrollbar-thumb:hover{
  background:color-mix(in srgb,var(--text-sub) 62%,transparent) !important;
}