Add higher specificity CSS overrides to ensure SR110 colors override prose rules

app.py

@@ -469,7 +469,12 @@ with gr.Blocks(
     .card-header * {
         color: white !important;
     }
-    /* Override grey colors for SR110 Vela results section */
+    /* Override grey colors for SR110 Vela results section - MUST be after prose rules */
+    .prose .sr110-results,
+    .prose .sr110-results *,
+    .prose .sr110-results h3,
+    .prose .sr110-results div,
+    .prose .sr110-results span,
     .sr110-results,
     .sr110-results *,
     .sr110-results h3,
@@ -477,16 +482,20 @@ with gr.Blocks(
     .sr110-results span {
         color: inherit !important;
     }
-    /* Preserve original colors for dark theme cards */
+    /* Preserve original colors for dark theme cards with higher specificity */
+    .prose .sr110-results .sr110-card,
     .sr110-results .sr110-card {
         background: #23233a !important;
     }
+    .prose .sr110-results .sr110-title,
     .sr110-results .sr110-title {
         color: #00b0ff !important;
     }
+    .prose .sr110-results .sr110-label,
     .sr110-results .sr110-label {
         color: #ccc !important;
     }
+    .prose .sr110-results .sr110-value,
     .sr110-results .sr110-value {
         color: #fff !important;
     }