Update app.py

app.py

@@ -13,7 +13,7 @@ DATA_FILE = "synthetic_analyst_notes_10k.csv"
 EMBED_FILE = "embeddings.npy"
 
 # =========================
-# 2. WALL STREET STYLING (CSS) - UPDATED FOR WHITE NAV
+# 2. WALL STREET STYLING (CSS) - FINAL POLISH
 # =========================
 CSS = r"""
 :root{
@@ -33,17 +33,28 @@ html,body{background:var(--bg); color:var(--text);}
 .gradio-container{max-width:1200px !important; background:var(--bg) !important; color:var(--text) !important;}
 h1,h2,h3,h4, label, .label, .wrap, .prose, .markdown, .md{color:var(--text) !important;}
 
-/* --- NAV BAR FIXES (WHITE TEXT) --- */
-.nav{position:sticky; top:0; z-index:50; display:flex; align-items:center; gap:16px; padding:14px 18px; background:rgba(11,18,32,.95); backdrop-filter: blur(10px); border-bottom:1px solid rgba(255,255,255,.15);}
-.brand{display:flex; align-items:center; gap:10px; font-weight:900; letter-spacing:.4px; color: #ffffff !important;}
-.links{display:flex; gap:14px; color:#ffffff !important; font-size:13px; font-weight: 500;}
+/* --- FINAL NAV BAR FIX (ALL WHITE) --- */
+.nav{
+    position:sticky; top:0; z-index:50; 
+    display:flex; align-items:center; gap:16px; 
+    padding:14px 18px; 
+    background:rgba(11,18,32,.95); 
+    backdrop-filter: blur(10px); 
+    border-bottom:1px solid rgba(255,255,255,.15);
+}
+/* Force all text inside nav to be white */
+.nav * { color: #ffffff !important; }
+
+.brand{display:flex; align-items:center; gap:10px; font-weight:900; letter-spacing:.4px;}
+.brand .logo{width:22px; height:22px; border-radius:7px; background:linear-gradient(135deg, var(--accent), var(--accent2)); box-shadow:0 16px 55px rgba(43,118,255,.28);}
+
+.links{display:flex; gap:14px; font-size:13px; font-weight: 500;}
 .links div { opacity: 0.9; cursor: pointer; }
 .links div:hover { opacity: 1; text-decoration: underline; }
 
-.brand .logo{width:22px; height:22px; border-radius:7px; background:linear-gradient(135deg, var(--accent), var(--accent2)); box-shadow:0 16px 55px rgba(43,118,255,.28);}
 .spacer{flex:1;}
-.pill{border:1px solid rgba(255,255,255,.20); border-radius:999px; padding:7px 10px; color:#ffffff; font-size:12px; background:rgba(255,255,255,.10);}
-.kpi{display:flex; align-items:center; gap:10px; font-size:12px; color:#ffffff;}
+.pill{border:1px solid rgba(255,255,255,.30); border-radius:999px; padding:7px 10px; font-size:12px; background:rgba(255,255,255,.15);}
+.kpi{display:flex; align-items:center; gap:10px; font-size:12px;}
 .dot{width:7px; height:7px; border-radius:999px; background:rgba(24,211,138,.95); box-shadow:0 0 18px rgba(24,211,138,.30);}
 
 /* HERO & SECTIONS */
@@ -60,8 +71,12 @@ h1,h2,h3,h4, label, .label, .wrap, .prose, .markdown, .md{color:var(--text) !imp
 .whitepanel{background:#ffffff !important; color:#111111 !important; border-radius:16px !important; border:1px solid rgba(0,0,0,.08) !important;}
 .whitepanel *{color:#111111 !important;}
 .gr-textbox textarea{background:#ffffff !important; color:#111111 !important; border:1px solid rgba(0,0,0,.10) !important; border-radius:16px !important;}
-.runbtn{border:1px solid rgba(43,118,255,.55) !important; background:linear-gradient(135deg, rgba(43,118,255,.95), rgba(0,194,255,.70)) !important; color:#ffffff !important; box-shadow:0 18px 45px rgba(43,118,255,.22) !important;}
-.quick{border:1px solid rgba(0,0,0,.12) !important; background:#ffffff !important; color:#111111 !important;}
+
+/* BUTTONS UNIFORMITY */
+button { height: 100% !important; min-height: 50px !important; }
+.runbtn{border:1px solid rgba(43,118,255,.55) !important; background:linear-gradient(135deg, rgba(43,118,255,.95), rgba(0,194,255,.70)) !important; color:#ffffff !important; box-shadow:0 18px 45px rgba(43,118,255,.22) !important; font-weight: bold !important;}
+.quick{border:1px solid rgba(0,0,0,.12) !important; background:#f0f2f5 !important; color:#111111 !important;}
+.quick:hover{border-color:rgba(43,118,255,.35) !important; background:#ffffff !important;}
 
 /* CARDS */
 .cards{display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:12px;}
@@ -204,7 +219,7 @@ def search(query):
     return table_data, cards_html, pick_html
 
 # =========================
-# 4. QUICK STARTERS (UPDATED TO STRATEGY TYPES)
+# 4. QUICK STARTERS (STRATEGY TYPES)
 # =========================
 def q1(): return "Companies with aggressive revenue growth >20% despite high burn rate and volatility"
 def q2(): return "Distressed assets with high debt-to-equity ratios and liquidity concerns"
@@ -223,24 +238,25 @@ with gr.Blocks(css=CSS, theme=gr.themes.Base()) as demo:
         with gr.Row(elem_classes=["pad"]):
             query_in = gr.Textbox(label="Your Thesis", placeholder="e.g. 'Aggressive growth but burning cash...'", lines=2)
             
+        # BUTTONS ROW - All equal size now
         with gr.Row(elem_classes=["pad"]):
             run_btn = gr.Button("🔍 SCAN MARKET", elem_classes=["runbtn"])
-            # Updated Buttons: Strategy Based
             b1 = gr.Button("🔥 High Growth", elem_classes=["quick"])
             b2 = gr.Button("⚠️ High Risk", elem_classes=["quick"])
             b3 = gr.Button("📉 Low Margins", elem_classes=["quick"])
 
-        gr.HTML("<div class='section-head'><h2>Market Intelligence</h2><div class='hint'>AI Pick & Similar Historical Cases</div></div>")
-        
-        # Output Area
-        out_pick = gr.HTML()
+        gr.HTML("<div class='section-head'><h2>Market Intelligence</h2><div class='hint'>Similar Historical Cases & AI Pick</div></div>")
         
+        # ORDER FIXED: TABS (Visual Cards) FIRST, THEN AI PICK
         with gr.Tabs(elem_classes=["tabs"]):
             with gr.TabItem("Visual Cards"):
                 out_cards = gr.HTML("<div class='smallmuted'>Results will appear here...</div>")
             with gr.TabItem("Data Table"):
                 out_table = gr.Dataframe()
 
+        # AI Pick is now below the tabs
+        out_pick = gr.HTML()
+
     # Interactions
     run_btn.click(fn=search, inputs=query_in, outputs=[out_table, out_cards, out_pick])
     b1.click(fn=q1, outputs=query_in).then(fn=search, inputs=query_in, outputs=[out_table, out_cards, out_pick])