Update frontend/src/index.css

frontend/src/index.css

@@ -100,50 +100,37 @@
   border: 1px solid rgba(255, 255, 255, 0.05);
 }
 
-/* Permanent Clean White Scrollbar */
+/* Global Clean UI: Scrollbars Hidden By Default Across App */
 * {
-  scrollbar-width: thin;
-  scrollbar-color: #ffffff rgba(15, 23, 42, 0.5);
-}
-
-::-webkit-scrollbar {
-  width: 7px;
-  height: 7px;
-}
-
-::-webkit-scrollbar-track {
-  background: rgba(15, 23, 42, 0.5);
-  border-radius: 8px;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
 }
 
-::-webkit-scrollbar-thumb {
-  background: #ffffff !important;
-  border-radius: 8px;
-  border: 1px solid rgba(0, 0, 0, 0.2);
+*::-webkit-scrollbar {
+  display: none;
+  width: 0;
+  height: 0;
 }
 
-::-webkit-scrollbar-thumb:hover {
-  background: #ffffff !important;
+/* Explicit custom scrollbar utility if needed */
+.custom-scrollbar {
+  scrollbar-width: thin;
+  scrollbar-color: rgba(255, 255, 255, 0.4) transparent;
 }
 
 .custom-scrollbar::-webkit-scrollbar {
-  width: 7px;
-  height: 7px;
+  display: block !important;
+  width: 6px;
+  height: 6px;
 }
 
 .custom-scrollbar::-webkit-scrollbar-track {
-  background: rgba(15, 23, 42, 0.5);
-  border-radius: 8px;
+  background: transparent;
 }
 
 .custom-scrollbar::-webkit-scrollbar-thumb {
-  background: #ffffff !important;
-  border-radius: 8px;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-}
-
-.custom-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: #ffffff !important;
+  background: rgba(150, 150, 150, 0.4) !important;
+  border-radius: 6px;
 }
 
 /* Hide scrollbar utility */
@@ -169,3 +156,4 @@
 }
 
 
+