Update app.py

app.py

@@ -22,13 +22,14 @@ st.markdown("""
     <style>
         @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
         
-        /* Global Text Visibility Fix */
+        /* Global Text Visibility Fix - Main Area */
         .stApp { 
             background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); 
             color: #0f172a !important; 
             font-family: 'Inter', sans-serif; 
         }
         
+        /* Default text color for Main Area (Dark) */
         p, span, div, label, h1, h2, h3, h4, h5, h6 {
             color: #0f172a;
         }
@@ -53,44 +54,38 @@ st.markdown("""
             color: #334155 !important; 
         }
         
-        /* SIDEBAR VISIBILITY FIXES - AGGRESSIVE OVERRIDES */
+        /* --- SIDEBAR VISIBILITY FIXES (DARK MODE COMPATIBLE) --- */
+        
+        /* 1. Force Sidebar Background to Dark Blue */
         [data-testid="stSidebar"] { 
             background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%); 
             border-right: 1px solid #334155; 
         }
         
-        /* Force Sidebar Header Text Colors */
-        [data-testid="stSidebar"] h1, [data-testid="stSidebar"] h2, [data-testid="stSidebar"] h3 {
+        /* 2. FORCE ALL TEXT IN SIDEBAR TO BE WHITE/LIGHT */
+        [data-testid="stSidebar"] h1, [data-testid="stSidebar"] h2, [data-testid="stSidebar"] h3, 
+        [data-testid="stSidebar"] p, [data-testid="stSidebar"] span, [data-testid="stSidebar"] label, 
+        [data-testid="stSidebar"] div {
             color: #f8fafc !important;
         }
         
-        /* Force Label Colors (Input titles like 'State', 'Date Range') */
-        [data-testid="stSidebar"] label {
-            color: #e2e8f0 !important; 
-            font-weight: 600;
+        /* 3. EXCEPTION: Text INSIDE Input Boxes (Selectbox, DateInput) must be DARK */
+        /* Because the input box background is usually white */
+        [data-testid="stSidebar"] input {
+            color: #0f172a !important;
         }
-        
-        /* Input Boxes (Selectbox, DateInput) Text Color Fix */
-        /* This targets the text INSIDE the white input box/dropdown */
         [data-testid="stSidebar"] div[data-baseweb="select"] div {
-            color: #0f172a !important; 
+             color: #0f172a !important;
         }
-        [data-testid="stSidebar"] div[data-baseweb="input"] input {
+        /* Fix for Dropdown Options List */
+        div[role="listbox"] li, div[role="listbox"] div {
             color: #0f172a !important;
         }
-        [data-testid="stSidebar"] div[role="listbox"] li {
-            color: #0f172a !important;
-        }
-        
-        /* Markdown Text in Sidebar */
-        [data-testid="stSidebar"] .stMarkdown p {
-             color: #cbd5e1 !important;
-        }
         
-        /* Link Button Fix - CRITICAL OVERRIDE FOR DARK TEXT */
+        /* Link Button Fix */
         [data-testid="stSidebar"] a {
-            background-color: #3b82f6 !important; /* Brighter blue background */
-            color: #ffffff !important; /* White text for contrast */
+            background-color: #3b82f6 !important; 
+            color: #ffffff !important; 
             font-weight: 700 !important;
             text-decoration: none;
             border: 1px solid #2563eb !important;
@@ -108,23 +103,6 @@ st.markdown("""
             transform: translateY(-1px);
         }
         
-        /* Link Button Container Background (for st.link_button wrapper) */
-        [data-testid="stSidebar"] button[kind="secondary"] {
-            background-color: #f8fafc !important; /* Light bg for button */
-            color: #0f172a !important; /* Dark text */
-            border: 1px solid #cbd5e1 !important;
-            font-weight: 600 !important;
-        }
-        [data-testid="stSidebar"] button[kind="secondary"]:hover {
-            background-color: #e2e8f0 !important;
-            border-color: #94a3b8 !important;
-            color: #0f172a !important;
-        }
-        /* Specific fix for link button text inside */
-        [data-testid="stSidebar"] button[kind="secondary"] p {
-            color: #0f172a !important;
-        }
-
         /* HOTSPOTS */
         .hotspot-card { background: white; padding: 16px; border-radius: 10px; border-left: 5px solid; margin-bottom: 12px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); transition: all 0.2s; }
         .hotspot-card:hover { transform: translateX(4px); box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
@@ -495,4 +473,4 @@ with tab_insights:
                 "2. Deploy biometric re-verification for 'Rural A' cluster")
 
 st.markdown("---")
-st.markdown("""<div style="text-align: center; font-size: 13px; color: #94a3b8;"><b>Project S.A.T.A.R.K AI</b> | UIDAI Hackathon 2026</div>""", unsafe_allow_html=True)
+st.markdown("""<div style="text-align: center; font-size: 13px; color: #94a3b8;"><b>Project S.A.T.A.R.K AI</b> | UIDAI Hackathon 2026</div>""", unsafe_allow_html=True)