/*
 * Scrollbars — do not paint them.
 *
 * Chromium's `scrollbar-color` + `scrollbar-width: thin` (and
 * ::-webkit-scrollbar-thumb with an accent color) draws a
 * full-height blue stripe. The chat lane is the worst case:
 * it reads as a divider, not a thumb. Leave OS overlay
 * scrollbars unstyled everywhere else; hide chrome on chat
 * (trackpad / wheel still scroll).
 */

.chat-messages-container,
.home-panel-body,
.panel-scrollable,
.conversations-panel,
.settings-content,
.principal-management-detail-body {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.chat-messages-container::-webkit-scrollbar,
.home-panel-body::-webkit-scrollbar,
.panel-scrollable::-webkit-scrollbar,
.conversations-panel::-webkit-scrollbar,
.settings-content::-webkit-scrollbar,
.principal-management-detail-body::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    background: transparent;
}

/* Entity detail owns its own scroller (the outer `.panel-scrollable`
   is filled and never moves). Anchor-none belongs HERE — putting it
   on the unused parent left fold/unfold jumps unfixed. */
.principal-management-detail-body,
.principal-management-scroll {
    overflow-anchor: none;
}