Update app.py

app.py

@@ -28,6 +28,7 @@ st.markdown("""
         --text: #333333;
         --background: #ffffff;
         --border: #dddddd;
+        --input-bg: #f8f9fa;
     }
 
     * {
@@ -37,49 +38,78 @@ st.markdown("""
     }
 
     /* تنظیمات اصلی استریملیت */
-    body, .stApp {
+    body, .stApp, [data-testid="stAppViewContainer"] {
         background-color: var(--background) !important;
         color: var(--text) !important;
     }
 
-    [data-testid="stAppViewContainer"] {
-        background-color: var(--background) !important;
-    }
-
-    /* باکس‌های ورودی */
+    /* باکس‌های ورودی - اصلاح شده برای دموگرافیک */
+    div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div > div > div > div > input,
     .stTextInput input, 
     .stNumberInput input, 
     .stSelectbox select,
     .stTextArea textarea,
     .stDateInput input,
-    .stTimeInput input {
+    .stTimeInput input,
+    .stMultiSelect div[role="combobox"] {
         color: var(--text) !important;
-        background-color: var(--background) !important;
+        background-color: var(--input-bg) !important;
         border: 1px solid var(--border) !important;
         border-radius: 8px !important;
         padding: 8px 12px !important;
     }
 
+    /* دکمه ادامه در دموگرافیک - اصلاح شده */
+    div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div > div > button {
+        background-color: var(--primary) !important;
+        color: white !important;
+        border: none !important;
+        border-radius: 8px !important;
+        padding: 10px 24px !important;
+        font-weight: bold !important;
+        margin-top: 20px !important;
+    }
+
     /* دکمه‌های اصلی */
     .stButton>button, 
-    [data-testid="baseButton-primary"] {
+    [data-testid="baseButton-primary"],
+    .accept-btn {
         background-color: var(--primary) !important;
         color: white !important;
         border: none !important;
         border-radius: 8px !important;
         padding: 10px 20px !important;
         font-weight: bold !important;
+        transition: all 0.3s ease;
     }
 
     /* دکمه‌های ثانویه */
     .stFormSubmitButton>button,
-    [data-testid="baseButton-secondary"] {
+    [data-testid="baseButton-secondary"],
+    .reject-btn {
         background-color: white !important;
         color: var(--primary) !important;
         border: 1px solid var(--primary) !important;
         border-radius: 8px !important;
         padding: 10px 20px !important;
         font-weight: bold !important;
+        transition: all 0.3s ease;
+    }
+
+    /* استایل explanation در مپ ویو - اصلاح شده */
+    .explanation-title {
+        color: var(--primary) !important;
+        font-weight: bold !important;
+        margin: 20px 0 10px 0 !important;
+        font-size: 18px !important;
+    }
+
+    .explanation-item {
+        background-color: var(--input-bg) !important;
+        border-radius: 8px !important;
+        padding: 12px 15px !important;
+        margin: 8px 0 !important;
+        border-right: 3px solid var(--primary) !important;
     }
 
     /* کامپوننت‌های سفارشی شما */
@@ -93,7 +123,7 @@ st.markdown("""
     }
 
     .price-container {
-        background-color: #f8f9fa !important;
+        background-color: var(--input-bg) !important;
         border-radius: 10px !important;
         padding: 15px !important;
         margin: 15px 0 !important;
@@ -106,18 +136,12 @@ st.markdown("""
         font-weight: bold !important;
     }
 
-    /* دکمه‌های پذیرش/رد */
-    .accept-btn {
-        background-color: var(--primary) !important;
-        color: white !important;
-        padding: 14px 28px !important;
-    }
-
-    .reject-btn {
-        background-color: white !important;
-        color: var(--primary) !important;
-        border: 2px solid var(--primary) !important;
-        padding: 14px 28px !important;
+    /* غیرفعال کردن کامل تم تاریک */
+    .st-emotion-cache-1v0mbdj, 
+    .st-emotion-cache-1pbsqtx,
+    .st-emotion-cache-1y4p8pa {
+        color: var(--text) !important;
+        background-color: var(--background) !important;
     }
 
     /* تنظیمات مخصوص دسکتاپ */
@@ -128,8 +152,7 @@ st.markdown("""
         
         .stTextInput input, 
         .stNumberInput input {
-            color: black !important;
-            background-color: white !important;
+            color: var(--text) !important;
         }
     }
 
@@ -138,22 +161,6 @@ st.markdown("""
         .folium-map {
             height: 300px !important;
         }
-        
-        .price-container {
-            width: 95% !important;
-        }
-    }
-
-    /* غیرفعال کردن کامل تم تاریک */
-    [data-testid="stAppViewContainer"] > .main > div {
-        background-color: white !important;
-        color: #333333 !important;
-    }
-
-    /* تضمین خوانایی متن در همه حا�� */
-    .st-bb, .st-at, .st-ae, .st-af, .st-ag, .st-ah, .st-ai, .st-aj, 
-    .st-ak, .st-al, .st-cm, .st-cn, .st-co, .st-cp, .st-cq, .st-cr {
-        color: var(--text) !important;
     }
 </style>
 """, unsafe_allow_html=True)