Update app.py

app.py

@@ -29,7 +29,7 @@ st.markdown("""
             font-family: 'Inter', sans-serif; 
         }
         
-        p, span, div, label {
+        p, span, div, label, h1, h2, h3, h4, h5, h6 {
             color: #0f172a;
         }
 
@@ -53,51 +53,65 @@ st.markdown("""
             color: #334155 !important; 
         }
         
-        /* SIDEBAR VISIBILITY FIXES */
+        /* SIDEBAR VISIBILITY FIXES - AGGRESSIVE OVERRIDES */
         [data-testid="stSidebar"] { 
             background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%); 
             border-right: 1px solid #334155; 
         }
-        [data-testid="stSidebar"] * { 
-            color: #f8fafc !important; 
+        
+        /* Force Sidebar Text Colors */
+        [data-testid="stSidebar"] h1, [data-testid="stSidebar"] h2, [data-testid="stSidebar"] h3 {
+            color: #f8fafc !important;
         }
-        /* Specific Fix for Input Labels inside Sidebar */
-        [data-testid="stSidebar"] label, [data-testid="stSidebar"] .stMarkdown p {
+        [data-testid="stSidebar"] p, [data-testid="stSidebar"] label {
             color: #e2e8f0 !important; 
             font-weight: 600;
         }
-        /* Fix for Date Input Text inside the white box */
-        [data-testid="stSidebar"] input {
+        
+        /* Input Boxes (Selectbox, DateInput) Text Color Fix */
+        /* This targets the text INSIDE the white input box */
+        [data-testid="stSidebar"] div[data-baseweb="select"] span {
+            color: #0f172a !important; 
+        }
+        [data-testid="stSidebar"] div[data-baseweb="input"] input {
             color: #0f172a !important;
         }
-        /* Fix for Selectbox Text inside the white box */
-        [data-testid="stSidebar"] div[data-baseweb="select"] span {
+        [data-testid="stSidebar"] div[role="listbox"] li {
             color: #0f172a !important;
         }
-        /* Fix for Link Button */
+        
+        /* Link Button Fix */
         [data-testid="stSidebar"] a {
-            color: #3b82f6 !important;
+            color: #60a5fa !important; /* Lighter blue for better visibility on dark bg */
             font-weight: 600;
+            text-decoration: none;
+        }
+        [data-testid="stSidebar"] a:hover {
+            text-decoration: underline;
+            color: #93c5fd !important;
         }
         
-        /* UI ELEMENTS */
-        h1 { background: linear-gradient(135deg, #0f172a 0%, #334155 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800 !important; }
-        h2, h3, h4, h5 { color: #0f172a !important; font-weight: 700 !important; }
-        
-        .status-badge { display: inline-flex; align-items: center; padding: 6px 14px; border-radius: 9999px; font-size: 12px; font-weight: 700; text-transform: uppercase; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
-        .bg-red { background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%); color: #991b1b; }
-        .bg-green { background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%); color: #166534; }
-        .bg-amber { background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); color: #92400e; }
-        
-        /* TABS & BUTTONS */
-        .stTabs [data-baseweb="tab-list"] { gap: 8px; }
-        .stTabs [aria-selected="true"] { background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); color: white !important; }
-        .stButton button { border-radius: 8px; font-weight: 600; }
-        
+        /* Link Button Container Background */
+        [data-testid="stSidebar"] button[kind="secondary"] {
+            background-color: #334155 !important;
+            color: #ffffff !important;
+            border: 1px solid #475569 !important;
+        }
+        [data-testid="stSidebar"] button[kind="secondary"]:hover {
+            border-color: #60a5fa !important;
+            color: #60a5fa !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); }
         .js-plotly-plot .plotly .main-svg { background-color: rgba(0,0,0,0) !important; }
+        
+        /* STATUS BADGES */
+        .status-badge { display: inline-flex; align-items: center; padding: 6px 14px; border-radius: 9999px; font-size: 12px; font-weight: 700; text-transform: uppercase; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
+        .bg-red { background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%); color: #991b1b !important; }
+        .bg-green { background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%); color: #166534 !important; }
+        .bg-amber { background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); color: #92400e !important; }
     </style>
 """, unsafe_allow_html=True)