/* Shared console scrollbar standard: slim dark track, rounded grey handle, no arrows. */
:root{--mw-scroll-track:#e3eaea;--mw-scroll-thumb:#b1c0c4;--mw-scroll-thumb-hover:#91a6ad}
:root,:root *{scrollbar-width:thin;scrollbar-color:var(--mw-scroll-thumb) var(--mw-scroll-track)}
@supports selector(::-webkit-scrollbar){
 :root,:root *{scrollbar-width:auto;scrollbar-color:auto}
 :root::-webkit-scrollbar,:root *::-webkit-scrollbar{width:8px;height:8px}
 :root::-webkit-scrollbar-track,:root *::-webkit-scrollbar-track{background:var(--mw-scroll-track);border-radius:999px}
 :root::-webkit-scrollbar-thumb,:root *::-webkit-scrollbar-thumb{background:var(--mw-scroll-thumb);border:0;border-radius:999px;min-height:28px;min-width:28px}
 :root::-webkit-scrollbar-thumb:hover,:root *::-webkit-scrollbar-thumb:hover{background:var(--mw-scroll-thumb-hover)}
 :root::-webkit-scrollbar-button,:root *::-webkit-scrollbar-button{display:none;width:0;height:0}
 :root::-webkit-scrollbar-corner,:root *::-webkit-scrollbar-corner{background:transparent}
}
/* The pipeline's existing single horizontal control uses the same palette. */
#customer-crm-root .cb-board-slider input{appearance:none;-webkit-appearance:none;background:transparent;height:16px;accent-color:var(--mw-scroll-thumb)}
#customer-crm-root .cb-board-slider input::-webkit-slider-runnable-track{height:6px;background:var(--mw-scroll-track);border:0;border-radius:999px}
#customer-crm-root .cb-board-slider input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;margin-top:-4.5px;border:0;border-radius:50%;background:var(--mw-scroll-thumb)}
#customer-crm-root .cb-board-slider input::-moz-range-track{height:6px;background:var(--mw-scroll-track);border:0;border-radius:999px}
#customer-crm-root .cb-board-slider input::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:50%;background:var(--mw-scroll-thumb)}
@media(forced-colors:active){:root,:root *{scrollbar-color:auto}#customer-crm-root .cb-board-slider input{appearance:auto}}

/* Native scrolling remains available; the console adds fixed-size dot controls. */
:root .mw-dot-managed{scrollbar-width:none!important}
:root .mw-dot-managed::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.mw-dot-layer{position:fixed;inset:0;pointer-events:none;z-index:2790}
.mw-dot-bar{position:absolute;pointer-events:auto;touch-action:none;cursor:pointer;border-radius:999px;outline-offset:2px}
.mw-dot-bar[hidden]{display:none}
.mw-dot-bar:before{content:"";position:absolute;background:var(--mw-scroll-track);border-radius:999px;pointer-events:none}
.mw-dot-x:before{left:0;right:0;top:5px;height:5px}
.mw-dot-y:before{top:0;bottom:0;left:5px;width:5px}
.mw-dot-handle{display:block;position:absolute;left:0;top:0;width:15px;height:15px;border-radius:50%;background:var(--mw-scroll-thumb);pointer-events:auto}
.mw-dot-bar:hover .mw-dot-handle,.mw-dot-bar:focus .mw-dot-handle{background:var(--mw-scroll-thumb-hover)}
.mw-dot-bar:focus{outline:none}
.mw-dot-bar:focus-visible .mw-dot-handle{box-shadow:0 0 0 2px #dce6e8}
@media(forced-colors:active){.mw-dot-bar:before{background:CanvasText}.mw-dot-handle{background:Highlight}}

.mw-dot-hover-only{opacity:0;pointer-events:none;transition:opacity .15s ease}
.mw-dot-hover-only.is-active,.mw-dot-hover-only:focus-visible{opacity:1;pointer-events:auto}
@media(hover:none),(pointer:coarse){.mw-dot-hover-only{opacity:1;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.mw-dot-hover-only{transition:none}}

/* Orange pulse draws attention to the expand/collapse icon. */
#adminSidebar #mobileMenu{color:#ff851b!important}
#adminSidebar #mobileMenu svg{animation:mw-sidebar-toggle-pulse 1.8s ease-in-out infinite}
@keyframes mw-sidebar-toggle-pulse{0%,100%{opacity:1;color:#ff7a0d}50%{opacity:.4;color:#ffb45c}}
@media(prefers-reduced-motion:reduce){#adminSidebar #mobileMenu svg{animation:none;opacity:1}}

/* Main console sidebar scrolls without a visible scrollbar. */
#adminSidebar,#adminSidebar *,.sidebar,.sidebar *{scrollbar-width:none!important;scrollbar-gutter:auto!important}
#adminSidebar::-webkit-scrollbar,#adminSidebar *::-webkit-scrollbar,.sidebar::-webkit-scrollbar,.sidebar *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

/* Call tools never display a native or custom scrollbar. */
#bridge-crm-tools,#bridge-crm-tools *,#sd-panel,#sd-panel *,#mp-panel,#mp-panel *{scrollbar-width:none!important;scrollbar-gutter:auto!important}
#bridge-crm-tools::-webkit-scrollbar,#bridge-crm-tools *::-webkit-scrollbar,#sd-panel::-webkit-scrollbar,#sd-panel *::-webkit-scrollbar,#mp-panel::-webkit-scrollbar,#mp-panel *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.mw-dot-track-only{opacity:0;pointer-events:auto;transition:opacity .12s}
.mw-dot-track-only:hover,.mw-dot-track-only:focus-visible{opacity:1}

/* Match the pipeline's existing slider to the CRM's direct-track hover rule. */
#customer-crm-root .cb-board-slider input{opacity:0;transition:opacity .12s}
#customer-crm-root .cb-board-slider input:hover,#customer-crm-root .cb-board-slider input:focus-visible{opacity:1}
@media(hover:none),(pointer:coarse){#customer-crm-root .cb-board-slider input{opacity:1}}