Upload app.py

app.py

@@ -20,18 +20,48 @@ def chatbot_response(message):
     response = query_engine.query(message)
     return str(response)
 
-# Custom CSS for purple Submit button
+# Custom CSS for purple Submit button - Multiple selectors for HF Spaces compatibility
 custom_css = """
-button.primary {
+/* Primary button selectors for different Gradio versions */
+button.primary,
+.primary,
+button[variant="primary"],
+.gradio-button.primary,
+button.lg.primary,
+button.svelte-cmf5ev.primary {
     background: linear-gradient(45deg, #8B5CF6, #A855F7) !important;
     border: none !important;
     color: white !important;
+    border-radius: 8px !important;
 }
 
-button.primary:hover {
+button.primary:hover,
+.primary:hover,
+button[variant="primary"]:hover,
+.gradio-button.primary:hover,
+button.lg.primary:hover,
+button.svelte-cmf5ev.primary:hover {
     background: linear-gradient(45deg, #7C3AED, #9333EA) !important;
-    transform: translateY(-2px);
-    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
+    transform: translateY(-2px) !important;
+    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3) !important;
+    transition: all 0.2s ease !important;
+}
+
+/* More specific selectors for HF Spaces */
+.gradio-container button[type="submit"],
+.gradio-container .primary-button,
+.gradio-container .submit-button {
+    background: linear-gradient(45deg, #8B5CF6, #A855F7) !important;
+    border: none !important;
+    color: white !important;
+}
+
+/* Force override any existing styles */
+[data-testid="primary-button"],
+[role="button"].primary {
+    background: linear-gradient(45deg, #8B5CF6, #A855F7) !important;
+    border: none !important;
+    color: white !important;
 }
 """