fix: lineage panel text dark with !important overrides

app/app.py

@@ -67,16 +67,19 @@ def render_lineage(provenance: dict) -> str:
     model = html.escape(provenance.get("inference_model", provenance.get("base_model", "")))
     return f"""
     <style>
-      .vl-wrap {{ background:{CREAM}; border:1px solid #d9cfbd; border-radius:18px; padding:18px; color:#263322; }}
+      .vl-wrap {{ background:{CREAM}; border:1px solid #d9cfbd; border-radius:18px; padding:18px; color:#263322 !important; }}
       .stack {{ display:flex; height:38px; overflow:hidden; border-radius:999px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); margin:12px 0 18px; }}
-      .stack div {{ color:white; font-weight:700; display:flex; align-items:center; justify-content:center; min-width:48px; }}
-      .lineage-card {{ background:white; border:1px solid #ddd2c0; border-radius:14px; padding:12px; margin-top:10px; }}
-      .card-top {{ display:flex; justify-content:space-between; gap:12px; }}
-      .pill {{ background:{SAGE}; color:white; padding:3px 10px; border-radius:999px; font-size:12px; }}
-      .muted {{ color:#66705f; font-size:13px; margin-top:3px; }}
-      .warn {{ color:#9b341f; font-weight:700; margin-top:6px; }}
+      .stack div {{ color:white !important; font-weight:700; display:flex; align-items:center; justify-content:center; min-width:48px; }}
+      .lineage-card {{ background:white; border:1px solid #ddd2c0; border-radius:14px; padding:12px; margin-top:10px; color:#1a1a2e !important; }}
+      .card-top {{ display:flex; justify-content:space-between; gap:12px; color:#1a1a2e !important; }}
+      .card-top strong {{ color:#1a1a2e !important; }}
+      .pill {{ background:{SAGE}; color:white !important; padding:3px 10px; border-radius:999px; font-size:12px; }}
+      .muted {{ color:#4a5a3f !important; font-size:13px; margin-top:3px; }}
+      .vl-wrap h3 {{ color:#263322 !important; }}
+      .vl-wrap p {{ color:#263322 !important; }}
       details {{ margin-top:16px; }}
-      pre {{ white-space:pre-wrap; font-size:12px; background:#fff; padding:12px; border-radius:10px; }}
+      summary {{ color:#263322 !important; }}
+      pre {{ white-space:pre-wrap; font-size:12px; background:#fff; padding:12px; border-radius:10px; color:#1a1a2e !important; }}
     </style>
     <div class="vl-wrap">
       <h3>Visual lineage</h3>