Update app.py

app.py

@@ -243,6 +243,36 @@ custom_css = """
     color: #120f0e !important;
 }
 
+.title-header {
+    background-color: rgb(240, 236, 230) !important;
+    padding: 10px 20px;
+    margin: 0 !important;
+    border-bottom: 1pt solid #59524f;
+    text-align: left;
+    flex-shrink: 0 !important;
+    height: 60px !important;
+    display: flex !important;
+    align-items: center !important;
+    width: 100% !important;
+}
+
+.title-header h1 {
+    font-size: 1.5rem;
+    font-weight: 600 !important;
+    color: #120f0e !important;
+    margin: 0;
+    padding: 0;
+}
+
+/* Input controls styling - acts as footer */
+.input-controls {
+    padding: 15px 20px !important;
+    background-color: rgb(240, 236, 230) !important;
+    border-top: 1pt solid #59524f;
+    flex-shrink: 0 !important;
+    width: 100% !important;
+}
+
 /* Main container styling - viewport height with no top margin */
 .gradio-container-5-42-0 {
     background-color: rgb(240, 236, 230) !important;
@@ -266,26 +296,6 @@ custom_css = """
     margin-top: 0 !important;
 }
 
-/* Title styling - compact and at very top */
-.title-header {
-    background-color: rgb(240, 236, 230) !important;
-    padding: 10px 20px;
-    margin: 0 !important;
-    border-bottom: 1pt solid #59524f;
-    text-align: left;
-    flex-shrink: 0 !important;
-    height: 60px !important;
-    display: flex !important;
-    align-items: center !important;
-}
-.title-header h1 {
-    font-size: 1.5rem;
-    font-weight: 600 !important;
-    color: #120f0e !important;
-    margin: 0;
-    padding: 0;
-}
-
 /* Chat styling - FLEX to fill space */
 .gradio-container-5-42-0 .gradio-chatbot {
     background-color: #d9d1ce !important;