/* For Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 16px;
  height: 16px;
  background-color: #c0c0c0; /* Classic light gray background */
  border: 2px solid #fff;    /* White border for 3D effect */
  border-radius: 0;          /* NO rounded corners, boxy! */
}

::-webkit-scrollbar-thumb {
  background-color: #808080; /* Dark gray thumb */
  border: 2px solid #fff;    /* White border for 3D */
  border-radius: 0;          /* NO rounding */
  box-shadow:
    inset 1px 1px 0 #d9d9d9,
    inset -1px -1px 0 #404040;
}

::-webkit-scrollbar-track {
  background-color: #c0c0c0; /* Light gray track */
  border: 2px solid #fff;    /* White border for 3D */
  border-radius: 0;          /* NO rounding */
  box-shadow:
    inset 1px 1px 0 #d9d9d9,
    inset -1px -1px 0 #404040;
}

/* For Firefox */
* {
  scrollbar-width: auto; /* Use default size for classic feel */
  scrollbar-color: #808080 #c0c0c0; /* Thumb dark gray, track light gray */
}

/* Force no rounding everywhere just in case */
body, * {
  scrollbar-width: auto !important;
  scrollbar-color: #808080 #c0c0c0 !important;
}