Update app.py

app.py

@@ -234,16 +234,13 @@ def chat_fn(message, history, user_tz):
 
 
 # -------------------
-# THEME & STYLES
+# THEME & STYLES (compatible with broader Gradio versions)
 # -------------------
 theme = gr.themes.Soft(
     primary_hue="teal",
     neutral_hue="slate",
     radius_size=gr.themes.sizes.radius_lg,
 ).set(
-    # Typeface & sizes tuned for executive readability
-    body_text_size="16px",
-    heading_text_size="28px",
     shadow_drop="0 6px 24px rgba(0,0,0,.06)",
     shadow_spread="0 2px 8px rgba(0,0,0,.04)",
 )
@@ -259,9 +256,10 @@ custom_css = """
   --brand-border: #e2e8f0; /* slate-200 */
 }
 
-/* Page background and layout */
+/* Page background */
 .gradio-container {
   background: var(--brand-bg);
+  color: var(--brand-text);
 }
 
 /* Title */
@@ -270,6 +268,12 @@ h1, .prose h1 {
   font-weight: 700;
   letter-spacing: -0.01em;
   margin-bottom: 0.25rem !important;
+  font-size: 28px !important; /* set via CSS for version compatibility */
+}
+
+/* Chat body text */
+.message {
+  font-size: 16px !important;
 }
 
 /* Status badge wrapper */
@@ -300,19 +304,14 @@ h1, .prose h1 {
   margin: .25rem 0 1rem 0;
 }
 
-/* Card polishing */
+/* Card rounding */
 .block, .gr-box, .gr-panel, .gr-group, .gr-form, .gradio-container .form {
   border-radius: 16px !important;
 }
 
-/* Chat area spacing */
-#chat-root .wrap {
-  padding: 0 !important;
-}
-
-/* Chat bubbles (subtle) */
+/* Chat bubbles */
 .message.user {
-  background: #f8fafc !important; /* slate-50 */
+  background: #f8fafc !important;
 }
 .message.bot {
   background: #ffffff !important;
@@ -396,3 +395,4 @@ if __name__ == "__main__":
     demo.launch()
 
 
+