Update demo_gui_dev.py

demo_gui_dev.py

@@ -156,6 +156,42 @@ st.markdown("""
         font-size: 14px;
     }
     
+    /* Tab Styling */
+    .stTabs [data-baseweb="tab-list"] {
+        gap: 8px;
+        background-color: transparent;
+    }
+    
+    .stTabs [data-baseweb="tab"] {
+        height: 40px;
+        white-space: pre-wrap;
+        background-color: #0f172a; /* Offset Color: Slate 900 */
+        border-radius: 4px 4px 0 0;
+        gap: 1px;
+        padding-top: 10px;
+        padding-bottom: 10px;
+        color: #94a3b8; /* Slate 400 */
+        border: 1px solid #1e293b;
+        border-bottom: none;
+        transition: all 0.2s ease;
+    }
+    
+    .stTabs [data-baseweb="tab"]:hover {
+        color: #f1f5f9;
+        background-color: #1e293b;
+    }
+    
+    .stTabs [data-baseweb="tab"][aria-selected="true"] {
+        background-color: #0ea5e9 !important; /* Select Color: Sky 500 */
+        color: #ffffff !important;
+        border: 1px solid #0ea5e9;
+    }
+    
+    /* Hide default highlight bar */
+    [data-baseweb="tab-highlight"] {
+        background-color: transparent !important;
+    }
+    
     /* Slider Styling */
     .stSlider [data-baseweb="slider"] {
         background-color: transparent;
@@ -296,7 +332,7 @@ st.sidebar.caption("""
 
 
 st.success("✨ **Live Demo** - Testing deterministic AI governance on real LLMs")
-st.info("💼 **Enterprise Deployment?** Contact [ryan@verhash.net](mailto:ryan@verhash.net) for production licensing")
+st.markdown("---")
 
 # Create tabs
 tab1, tab2, tab3, tab4 = st.tabs(["Mechanism Demo", "LLM Guardrail", "Live LLM Testing", "Explain & Tune"])