:root{
  --scrollbar-track:color-mix(in srgb,var(--surface-input,var(--panel2)) 90%,transparent);
  --scrollbar-border:color-mix(in srgb,var(--edge-strong,var(--line)) 72%,transparent);
  --scrollbar-thumb:color-mix(in srgb,var(--accent) 68%,var(--edge-strong,var(--line)));
  scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);
  scrollbar-width:thin;
}
*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}
*::-webkit-scrollbar{width:11px;height:11px}
*::-webkit-scrollbar-track{border:1px solid var(--scrollbar-border);border-radius:999px;background:var(--scrollbar-track)}
*::-webkit-scrollbar-thumb{min-height:42px;border:2px solid var(--scrollbar-track);border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent2) 88%,var(--accent)),var(--scrollbar-thumb));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent2) 38%,transparent)}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent2),color-mix(in srgb,var(--accent) 84%,var(--edge-strong,var(--line))));box-shadow:0 0 8px color-mix(in srgb,var(--accent) 38%,transparent)}
*::-webkit-scrollbar-thumb:active{background:var(--accent)}
*::-webkit-scrollbar-corner{background:var(--scrollbar-track)}

/* Dialogs and pop-out surfaces need explicit rules in Chromium/WebKit. */
:is([role="dialog"],[role="dialog"] *,.notificationCenterBody,.notificationDigestCard,.inventoryItemDialog,.completePrintModal,.accountProfileDialog){scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)!important;scrollbar-width:thin}
:is([role="dialog"],[role="dialog"] *,.notificationCenterBody,.notificationDigestCard,.inventoryItemDialog,.completePrintModal,.accountProfileDialog)::-webkit-scrollbar{width:10px!important;height:10px!important}
:is([role="dialog"],[role="dialog"] *,.notificationCenterBody,.notificationDigestCard,.inventoryItemDialog,.completePrintModal,.accountProfileDialog)::-webkit-scrollbar-track{border:1px solid var(--scrollbar-border)!important;border-radius:999px!important;background:var(--scrollbar-track)!important}
:is([role="dialog"],[role="dialog"] *,.notificationCenterBody,.notificationDigestCard,.inventoryItemDialog,.completePrintModal,.accountProfileDialog)::-webkit-scrollbar-thumb{min-height:42px;border:2px solid var(--scrollbar-track)!important;border-radius:999px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--accent2) 88%,var(--accent)),var(--scrollbar-thumb))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent2) 38%,transparent)!important}

/* Keep every scrollbar inside rounded surfaces and use the live theme accent. */
*{scrollbar-color:var(--accent) color-mix(in srgb,var(--surface-input,var(--panel2)) 92%,transparent)!important}
*::-webkit-scrollbar{width:8px!important;height:8px!important}
*::-webkit-scrollbar-track{margin:10px!important;border:0!important;border-radius:999px!important;background:color-mix(in srgb,var(--surface-input,var(--panel2)) 92%,transparent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,var(--line))!important}
*::-webkit-scrollbar-thumb{min-height:38px!important;border:1px solid color-mix(in srgb,var(--surface-input,var(--panel2)) 70%,transparent)!important;border-radius:999px!important;background:var(--accent)!important;box-shadow:0 0 7px color-mix(in srgb,var(--accent) 38%,transparent)!important}
*::-webkit-scrollbar-thumb:hover{background:var(--accent2)!important}
:is([role="dialog"],[role="dialog"] *,.notificationCenterBody,.notificationDigestCard,.inventoryItemDialog,.completePrintModal,.accountProfileDialog)::-webkit-scrollbar-track{margin:14px 2px!important;border:0!important;background:color-mix(in srgb,var(--surface-input,var(--panel2)) 92%,transparent)!important}
:is([role="dialog"],[role="dialog"] *,.notificationCenterBody,.notificationDigestCard,.inventoryItemDialog,.completePrintModal,.accountProfileDialog)::-webkit-scrollbar-thumb{border:1px solid color-mix(in srgb,var(--surface-input,var(--panel2)) 70%,transparent)!important;background:var(--accent)!important;box-shadow:0 0 7px color-mix(in srgb,var(--accent) 38%,transparent)!important}
*::-webkit-scrollbar-button,*::-webkit-scrollbar-button:single-button,*::-webkit-scrollbar-button:start,*::-webkit-scrollbar-button:end{-webkit-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;border:0!important;background:transparent!important;background-image:none!important}
:is([role="dialog"],[role="dialog"] *,.notificationCenterBody,.notificationDigestCard,.inventoryItemDialog,.completePrintModal,.accountProfileDialog){scrollbar-color:var(--accent) color-mix(in srgb,var(--surface-input,var(--panel2)) 92%,transparent)!important}