Update app.py

app.py

@@ -31,26 +31,34 @@ blue_ui_css = """
     background-color: #667eea !important;
 }
 
-/* Only style active tabs with blue underline, leave other buttons alone */
+/* Comprehensive tab underline styling - blue instead of orange */
 .gradio-container .tab-nav button[aria-selected="true"],
 .gradio-container .tab-nav button.selected,
 .gradio-container button[role="tab"][aria-selected="true"],
-.gradio-container button[role="tab"].selected {
+.gradio-container button[role="tab"].selected,
+.gradio-container .tabs button[aria-selected="true"],
+.gradio-container .tabs button.selected,
+.gradio-container [data-testid="tab"] button[aria-selected="true"],
+.gradio-container .tab button[aria-selected="true"],
+.gradio-container [role="tablist"] button[aria-selected="true"] {
     color: #667eea !important;
     border-bottom: 2px solid #667eea !important;
+    border-bottom-color: #667eea !important;
 }
 
-.gradio-container .tabs button[aria-selected="true"],
-.gradio-container .tabs button.selected {
-    color: #667eea !important;
+/* Override any orange underlines specifically */
+.gradio-container button[role="tab"][aria-selected="true"],
+.gradio-container .tabs .tab-nav button[aria-selected="true"],
+.gradio-container .tab-nav .tab-item[aria-selected="true"],
+.gradio-container .gradio-tabs button[aria-selected="true"] {
     border-bottom: 2px solid #667eea !important;
+    border-bottom-color: #667eea !important;
 }
 
-.gradio-container [data-testid="tab"] button[aria-selected="true"],
-.gradio-container .tab button[aria-selected="true"],
-.gradio-container [role="tablist"] button[aria-selected="true"] {
-    color: #667eea !important;
-    border-bottom: 2px solid #667eea !important;
+/* Force override orange tab indicators */
+.gradio-container *[style*="border-bottom"][style*="orange"],
+.gradio-container *[style*="border-color"][style*="orange"] {
+    border-bottom-color: #667eea !important;
 }
 """