UI update

app.py

@@ -309,8 +309,8 @@ Answer:"""
         :root {
             --primary-color: #FF8C00; /* Darker Orange for buttons/accents */
             --primary-hover: #E07B00; /* Slightly darker orange for hover */
-            --background-primary: hsl(30, 100%, 99%); /* Very bright, almost white, distinctly warm cream */
-            --background-secondary: hsl(30, 100%, 96%); /* Slightly deeper, clear, warm peach/cream */
+            --background-primary: hsl(30, 100%, 99.5%); /* Very bright, almost white, distinctly warm cream */
+            --background-secondary: hsl(30, 100%, 96%); /* Slightly deeper, yet still very light, warm peach/cream */
             --text-primary: #4A3C32; /* Dark warm brown/charcoal for main text */
             --text-secondary: #8C7B6F; /* Muted warm gray/brown for secondary text */
             --border-color: hsl(30, 70%, 85%); /* Light, warm orange-brown for borders */
@@ -385,7 +385,7 @@ Answer:"""
         }
 
         .app-header-logo {
-            font-size: 7.5rem !important; /* Significantly larger icon */
+            font-size: 8rem !important; /* Significantly larger icon */
             margin-bottom: 0.75rem !important;
             display: block !important; 
             color: var(--primary-color) !important; /* Theme color */
@@ -483,12 +483,15 @@ Answer:"""
         }
 
         /* Improved input styling with clear boundaries and focus */
+        /* Target the main textbox container to remove any default background */
         .gradio-textbox {
+            background-color: transparent !important; /* Ensure parent container is transparent */
             margin-bottom: 0.75rem !important;
         }
+        /* Target the actual input elements for background color */
         .gradio-textbox textarea,
         .gradio-textbox input {
-            background-color: var(--background-primary) !important; /* Explicitly set background to primary white */
+            background-color: var(--background-primary) !important; /* Pure white for content area */
             border: 2px solid var(--border-color) !important; /* Clear border */
             border-radius: 8px !important;
             padding: 0.85rem 1rem !important; /* Slightly more padding */
@@ -498,6 +501,10 @@ Answer:"""
             transition: border-color 0.2s ease, box-shadow 0.2s ease !important; /* Smooth transitions */
             box-shadow: var(--shadow-sm) !important;
         }
+        /* Target the internal scrollable div within gradio-textbox */
+        .gradio-textbox .scroll-hide {
+            background-color: var(--background-primary) !important; /* Ensure scrollable area is white */
+        }
         /* Focus styles for textboxes */
         .gradio-textbox textarea:focus,
         .gradio-textbox input:focus {
@@ -507,9 +514,11 @@ Answer:"""
         }
 
         /* Styling for the radio button group (state selection) */
+        /* Target the main radio container to remove any default background */
         .gradio-radio {
+            background-color: transparent !important; /* Ensure parent container is transparent */
             padding: 0 !important; /* Remove any default padding */
-            margin-top: 1rem !important; /* More space above radio buttons when below query */
+            margin-top: 1rem !important; /* Add a little space above */
         }
         /* Hide default radio circle/dot */
         .gradio-radio input[type="radio"] {
@@ -887,7 +896,7 @@ Answer:"""
                     
                     # Changed from gr.Row to gr.Column for vertical stacking
                     with gr.Column(elem_classes="input-column"): # New column to stack inputs
-                        with gr.Column(elem_classes="input-field", scale=None): # Query box takes full width
+                        with gr.Column(elem_classes="input-field", scale=1): # Query box takes full width, scale=1 for numerical value
                             query_input = gr.Textbox(
                                 label="Your Question",
                                 placeholder="E.g., What are the rules for security deposit returns in my state?",
@@ -895,7 +904,7 @@ Answer:"""
                                 max_lines=15, # Increased max height
                                 elem_classes=["input-field-group"]
                             )
-                        with gr.Column(elem_classes="input-field", scale=None): # State radio buttons take full width below
+                        with gr.Column(elem_classes="input-field", scale=1): # State radio buttons take full width below, scale=1 for numerical value
                             state_input = gr.Radio(
                                 label="Select State",
                                 choices=radio_choices,