/* ===== Scrollbar CSS ===== */
/* Firefox */

/* Chrome, Edge, and Safari */
::-webkit-scrollbar {
    width: 6px; /* Width for vertical scrollbar */
    height: 6px; /* Height for horizontal scrollbar */
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; /* Light gray track */
    border-radius: 10px; /* Rounded corners for the track */
  }
  
  /* Handle (the draggable part) */
  ::-webkit-scrollbar-thumb {
    background: #888; /* Darker gray handle */
    border-radius: 10px; /* Rounded corners for the handle */
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; /* Even darker gray on hover */
  }
  
  /* Optional: Scrollbar corners */
  ::-webkit-scrollbar-corner {
    background: #f1f1f1;
  }
  
  /* Optional: Buttons (not commonly used) */
  ::-webkit-scrollbar-button {
    display: none; /* Hide scrollbar buttons by default */
  }