Shell: !important link-reset on nav items so host link themes can't leak in

web/shell/sidebar.css

@@ -49,16 +49,18 @@ body:not(.tac-collapsed) .gradio-container { margin-left: var(--tac-w); }
   font-size: 10px; letter-spacing: .18em; text-transform: uppercase;
   color: var(--tac-muted); padding: 4px 8px;
 }
-/* `.tac-sidebar` ancestor raises specificity so host link styles (e.g. Gradio's
- * `.prose a`) don't re-colour/underline nav items — framework-neutral. */
+/* Nav items are <a>, so a host's link theme (e.g. Gradio's prefixed `.gradio-
+ * container .prose a`) out-specifies a plain class. As an embeddable shell we
+ * defend the link-reset with `!important` — framework-neutral, only the colour/
+ * underline props, so the sidebar looks identical wherever it's mounted. */
 .tac-sidebar .tac-nav-item {
   display: flex; align-items: center; gap: 8px; width: 100%;
   padding: 8px 10px; margin: 1px 0; border: 0; border-radius: 8px;
-  background: none; color: var(--tac-ink); font: inherit; text-align: left;
-  cursor: pointer; text-decoration: none;
+  background: none; color: var(--tac-ink) !important; font: inherit; text-align: left;
+  cursor: pointer; text-decoration: none !important;
 }
-.tac-sidebar .tac-nav-item:hover { background: var(--tac-bg-2); text-decoration: none; }
-.tac-sidebar .tac-nav-item.active { background: color-mix(in srgb, var(--tac-accent) 22%, transparent); color: var(--tac-ink); }
+.tac-sidebar .tac-nav-item:hover { background: var(--tac-bg-2); }
+.tac-sidebar .tac-nav-item.active { background: color-mix(in srgb, var(--tac-accent) 22%, transparent); }
 .tac-sidebar .tac-nav-item .tac-ico { width: 18px; text-align: center; opacity: .9; }
 
 /* Edge tab to reopen when collapsed. */