/*
 * ─────────────────────────────────────────────────────────
 *  BOJKATA'S TRADER — Custom Red Scrollbar
 *  Paste this into any page's CSS (dashboard, landing, etc.)
 *  Works in: Chrome, Edge, Safari (webkit), Firefox
 * ─────────────────────────────────────────────────────────
 *
 *  If the page has a different background color, change the
 *  two --scrollbar-track values to match.
 *  The red thumb color is hardcoded to match the admin theme.
 * ─────────────────────────────────────────────────────────
 */

/* Webkit browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 8px;
  height: 8px; /* also applies to horizontal scrollbars */
}

::-webkit-scrollbar-track {
  background: #0d0d10; /* ← change to match your page background */
  border-radius: 100px;
}

::-webkit-scrollbar-thumb {
  background: rgba(224, 32, 32, 0.35);
  border-radius: 100px;
  border: 2px solid #0d0d10; /* ← same as track — creates inset look */
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(224, 32, 32, 0.65);
}

::-webkit-scrollbar-corner {
  background: #0d0d10; /* ← same as track */
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(224, 32, 32, 0.35) #0d0d10; /* thumb  track */
}