updates on the ui changes and table

src/globalPolish.css

@@ -6,19 +6,32 @@
    that reset doesn't: crisp font rendering and a thin, unobtrusive scrollbar. */
 
 body {
+  /* Astryx sets --font-family-body on :root (from themes/astryx.js's
+     typography config) but nothing was applying it to the document, and
+     MUI's <CssBaseline> — which used to do this — is no longer mounted.
+     The result was a body computing to "Times New Roman": Astryx components
+     rendered correctly because they set their own font, but every plain
+     element and any text outside a <Text> inherited the browser serif
+     default. Verified in the browser on /login before and after. */
+  font-family: var(--font-family-body);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;
 }
 
+/* Scrollbars are chrome, not content — they should recede until used.
+   The thumb was rgba(0,0,0,0.26) at 10px, which drew a solid dark bar down the
+   right edge of every scrollable table and read as a heavy border rather than
+   as a scrollbar. Lightened and narrowed; it still darkens on hover so it stays
+   findable. */
 * {
   scrollbar-width: thin; /* Firefox */
-  scrollbar-color: rgba(0, 0, 0, 0.28) transparent;
+  scrollbar-color: rgba(0, 0, 0, 0.16) transparent;
 }
 
 *::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
+  width: 8px;
+  height: 8px;
 }
 
 *::-webkit-scrollbar-track {
@@ -26,14 +39,14 @@ body {
 }
 
 *::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.26);
+  background-color: rgba(0, 0, 0, 0.16);
   border-radius: 8px;
   border: 2px solid transparent;
   background-clip: padding-box;
 }
 
 *::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(0, 0, 0, 0.45);
+  background-color: rgba(0, 0, 0, 0.34);
 }
 
 *::-webkit-scrollbar-corner {