Flatten records visuals and show stats summary in one row.

Use transparent chart/table surfaces on records page; merge 14 stat metrics into a single compact card row.

Co-authored-by: Cursor <cursoragent@cursor.com>

static/css/responsive.css

@@ -206,7 +206,9 @@ body {
     }
 
     .stat-grid-summary {
-        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
+        display: flex;
+        flex-wrap: nowrap;
+        overflow-x: auto;
     }
 }
 
@@ -357,15 +359,39 @@ body {
     }
 
     .stat-grid,
-    .stat-grid-summary {
+    .stat-grid:not(.stat-grid-summary) {
         grid-template-columns: repeat(2, 1fr);
         gap: .65rem;
     }
 
+    .stat-grid-summary {
+        display: flex;
+        flex-wrap: nowrap;
+        overflow-x: auto;
+    }
+
+    .stat-grid-summary .stat-item {
+        flex: 0 0 auto;
+        min-width: 4.25rem;
+        padding: .35rem .15rem;
+    }
+
+    .stat-grid-summary .stat-item .label {
+        font-size: .58rem;
+    }
+
+    .stat-grid-summary .stat-item .value {
+        font-size: .72rem;
+    }
+
     .stat-item {
         padding: .75rem .5rem;
     }
 
+    .stat-grid-summary .stat-item {
+        padding: .35rem .15rem;
+    }
+
     .stat-item .value {
         font-size: 1.1rem;
     }
@@ -426,11 +452,14 @@ body {
 }
 
 @media (max-width: 479px) {
-    .stat-grid,
-    .stat-grid-summary {
+    .stat-grid:not(.stat-grid-summary) {
         grid-template-columns: 1fr 1fr;
     }
 
+    .stat-grid-summary .stat-item {
+        min-width: 3.75rem;
+    }
+
     .theme-switch-btn {
         padding: .35rem .55rem;
         font-size: .7rem;

static/js/equity_curve.js

@@ -14,7 +14,7 @@
 
     function themeColors() {
         return {
-            bg: cssVar('--card-bg', '#0a0c16'),
+            bg: 'transparent',
             text: cssVar('--text-muted', '#7a82a0'),
             grid: cssVar('--table-border', 'rgba(76,194,255,.1)'),
             border: cssVar('--card-border', 'rgba(76,194,255,.22)'),