Update app.py

app.py

@@ -141,33 +141,39 @@ st.markdown("""
         pointer-events: none;
     }
           
-    /* استایل اصلی برای لیست dropdown */
-    div[data-baseweb="select"] div[role="listbox"] {
+
+    /* ========== استایل قطعی برای لیست dropdown ========== */
+    /* حاوی اصلی dropdown */
+    div[data-baseweb="popover"] {
+        z-index: 1001 !important;
+        margin-top: 5px !important;
+    }
+    
+    /* لیست dropdown */
+    div[data-baseweb="popover"] > div {
         background-color: white !important;
         border: 1px solid var(--primary) !important;
         border-radius: 4px !important;
-        box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
-        margin-top: 5px !important;
-        padding: 8px 0 !important;
-        z-index: 1000 !important;
+        box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
+        padding: 6px 0 !important;
     }
     
     /* آیتم‌های لیست */
-    div[data-baseweb="select"] div[role="option"] {
-        padding: 8px 16px !important;
+    div[data-baseweb="popover"] [role="option"] {
+        padding: 10px 16px !important;
         color: var(--text) !important;
-        cursor: pointer !important;
-        transition: background-color 0.2s !important;
+        font-size: 14px !important;
+        transition: all 0.2s !important;
     }
     
-    /* حالت hover آیتم‌ها */
-    div[data-baseweb="select"] div[role="option"]:hover {
-        background-color: #f0e6ff !important;
+    /* حالت hover */
+    div[data-baseweb="popover"] [role="option"]:hover {
+        background-color: #f5f0ff !important;
         color: var(--primary) !important;
     }
     
     /* آیتم انتخاب شده */
-    div[data-baseweb="select"] div[role="option"][aria-selected="true"] {
+    div[data-baseweb="popover"] [role="option"][aria-selected="true"] {
         background-color: var(--primary) !important;
         color: white !important;
     }