From ed5f729ff015a35ac3a0f982cffa61793b15f7d0 Mon Sep 17 00:00:00 2001
From: Max Gorog <mgorog@gmail.com>
Date: Fri, 8 May 2026 17:24:34 -0500
Subject: [PATCH] model bars: !important on gradients to defeat any override

mlp / cnn / knn_semi were rendering grey for at least one client even
though their .model-fill.<name> rules were identical specificity to
the working ones (lstm/gru/bert/knn/gbt). Probable cause: stale
browser cache or a theme-pass rule clobbering background:.
!important on every model gradient is heavy-handed but guarantees
the deck reads right during the live talk.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 training/dashboard/static/dashboard.css | 29 ++++++++++++-------------
 training/dashboard/static/index.html    |  2 +-
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/training/dashboard/static/dashboard.css b/training/dashboard/static/dashboard.css
index a3aa6a7..9350704 100644
--- a/training/dashboard/static/dashboard.css
+++ b/training/dashboard/static/dashboard.css
@@ -990,21 +990,20 @@ html, body { overflow-anchor: none; }
      gradients below override per canonical model name. */
   background: linear-gradient(90deg, var(--fg-mute), var(--fg-dim));
 }
-.model-fill.lstm            { background: linear-gradient(90deg, #58a6ff, #1f6feb); }
-.model-fill.gru             { background: linear-gradient(90deg, #db61a2, #a8327f); }
-.model-fill.rnn             { background: linear-gradient(90deg, #d29922, #8a6a17); }
-.model-fill.bert            { background: linear-gradient(90deg, #f85149, #b22e2a); }
-.model-fill.knn             { background: linear-gradient(90deg, #3fb950, #1a7f37); }
-/* Producer-side additions (see docs/dashboard-request-scenes-7-8-12.md):
-   gbt / mlp / cnn / knn_semi / transformer / transformer_ssl are also
-   published as ModelMetric so that scene 9 shows the full trained
-   zoo. Same gradient shape, different hues, distinct from above. */
-.model-fill.gbt             { background: linear-gradient(90deg, #ff8c42, #c2410c); }
-.model-fill.mlp             { background: linear-gradient(90deg, #a371f7, #6e40c9); }
-.model-fill.cnn             { background: linear-gradient(90deg, #34d399, #047857); }
-.model-fill.knn_semi        { background: linear-gradient(90deg, #2dd4bf, #115e59); }
-.model-fill.transformer     { background: linear-gradient(90deg, #fde047, #ca8a04); }
-.model-fill.transformer_ssl { background: linear-gradient(90deg, #c0a4ff, #8c6bff); }
+/* !important on every gradient because something — most likely a
+   stale browser cache — has been silently overriding mlp / cnn /
+   knn_semi mid-talk. Belt-and-suspenders before a presentation. */
+.model-fill.lstm            { background: linear-gradient(90deg, #58a6ff, #1f6feb) !important; }
+.model-fill.gru             { background: linear-gradient(90deg, #db61a2, #a8327f) !important; }
+.model-fill.rnn             { background: linear-gradient(90deg, #d29922, #8a6a17) !important; }
+.model-fill.bert            { background: linear-gradient(90deg, #f85149, #b22e2a) !important; }
+.model-fill.knn             { background: linear-gradient(90deg, #3fb950, #1a7f37) !important; }
+.model-fill.gbt             { background: linear-gradient(90deg, #ff8c42, #c2410c) !important; }
+.model-fill.mlp             { background: linear-gradient(90deg, #a371f7, #6e40c9) !important; }
+.model-fill.cnn             { background: linear-gradient(90deg, #34d399, #047857) !important; }
+.model-fill.knn_semi        { background: linear-gradient(90deg, #2dd4bf, #115e59) !important; }
+.model-fill.transformer     { background: linear-gradient(90deg, #fde047, #ca8a04) !important; }
+.model-fill.transformer_ssl { background: linear-gradient(90deg, #c0a4ff, #8c6bff) !important; }
 .model-acc { font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
              font-size: clamp(13px, 1vw, 15px); color: var(--fg-dim); text-align: right; }
 
diff --git a/training/dashboard/static/index.html b/training/dashboard/static/index.html
index ec35574..1130ffe 100644
--- a/training/dashboard/static/index.html
+++ b/training/dashboard/static/index.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>CIS490 — live</title>
-  <link rel="stylesheet" href="/static/dashboard.css?v=d4067342">
+  <link rel="stylesheet" href="/static/dashboard.css?v=ee34d60f">
 </head>
 <body>
   <!-- SVG filter defs for the lava-lamp goo effect. Width/height 0