/* Rolling Sweets Houston — one compact scrollbar treatment across every page.
   Native scrolling, keyboard input, touch gestures and overflow remain unchanged. */
:root {
  --rsh-scrollbar-thumb: #c9a8b5;
  --rsh-scrollbar-hover: #af7189;
  --rsh-scrollbar-track: transparent;
}

/* The owner workspace uses its existing cool gray palette. */
html:has(body.admin-body) {
  --rsh-scrollbar-thumb: #b4becc;
  --rsh-scrollbar-hover: #8593a6;
}

/* Firefox and current Chromium/Edge support the standard properties. */
html,
body,
body * {
  scrollbar-width: thin;
  scrollbar-color: var(--rsh-scrollbar-thumb) var(--rsh-scrollbar-track);
}

/* Match the existing, more-specific admin-v5 rules rather than letting them
   override the unified treatment on admin dialogs, sidebar, and page scroll. */
html:has(body.admin-body),
body.admin-body,
body.admin-body * {
  scrollbar-width: thin;
  scrollbar-color: var(--rsh-scrollbar-thumb) var(--rsh-scrollbar-track);
}

/* Chrome/Edge/Safari fallback: narrow, rounded thumb with no arrow buttons. */
html::-webkit-scrollbar,
body::-webkit-scrollbar,
body *::-webkit-scrollbar,
html:has(body.admin-body)::-webkit-scrollbar,
body.admin-body::-webkit-scrollbar,
body.admin-body *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
body *::-webkit-scrollbar-track,
html:has(body.admin-body)::-webkit-scrollbar-track,
body.admin-body::-webkit-scrollbar-track,
body.admin-body *::-webkit-scrollbar-track {
  background: transparent;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
body *::-webkit-scrollbar-thumb,
html:has(body.admin-body)::-webkit-scrollbar-thumb,
body.admin-body::-webkit-scrollbar-thumb,
body.admin-body *::-webkit-scrollbar-thumb {
  min-height: 32px;
  border-radius: 999px;
  border: 2px solid transparent;
  background: var(--rsh-scrollbar-thumb);
  background-clip: padding-box;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
body *::-webkit-scrollbar-thumb:hover,
html:has(body.admin-body)::-webkit-scrollbar-thumb:hover,
body.admin-body::-webkit-scrollbar-thumb:hover,
body.admin-body *::-webkit-scrollbar-thumb:hover {
  background-color: var(--rsh-scrollbar-hover);
}

html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button,
body *::-webkit-scrollbar-button,
html:has(body.admin-body)::-webkit-scrollbar-button,
body.admin-body::-webkit-scrollbar-button,
body.admin-body *::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
body *::-webkit-scrollbar-corner,
html:has(body.admin-body)::-webkit-scrollbar-corner,
body.admin-body::-webkit-scrollbar-corner,
body.admin-body *::-webkit-scrollbar-corner {
  background: transparent;
}