Update app.py

app.py

@@ -142,17 +142,22 @@ st.markdown("""
     }
           
 
-    /* ========== استایل قطعی برای لیست dropdown ========== */
-    /* حاوی اصلی dropdown */
+    /* ===== راه حل تضمینی برای استایل dropdown ===== */
+    /* حاوی اصلی */
     div[data-baseweb="popover"] {
-        z-index: 1001 !important;
+        z-index: 9999 !important;
         margin-top: 5px !important;
+        animation: fadeIn 0.3s !important;
     }
     
     /* لیست dropdown */
-    div[data-baseweb="popover"] > div {
-        background-color: white !important;
-        border: 1px var(--primary) !important;
+    div[data-baseweb="popover"] > div:first-child {
+        background: white !important;
+        border: 1px solid var(--primary) !important;
+        border-radius: 6px !important;
+        box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
+        padding: 6px 0 !important;
+        min-width: 200px !important;
     }
     
     /* آیتم‌های لیست */
@@ -160,12 +165,13 @@ st.markdown("""
         padding: 10px 16px !important;
         color: var(--text) !important;
         font-size: 14px !important;
-        transition: all 0.2s !important;
+        transition: all 0.2s ease !important;
+        margin: 2px 0 !important;
     }
     
     /* حالت hover */
     div[data-baseweb="popover"] [role="option"]:hover {
-        background-color: #f5f0ff !important;
+        background: rgba(106, 13, 173, 0.08) !important;
         color: var(--primary) !important;
     }
     
@@ -175,6 +181,14 @@ st.markdown("""
         color: black !important;
     }
     
+    /* انیمیشن برای ظاهر شدن */
+    @keyframes fadeIn {
+        from { opacity: 0; transform: translateY(-5px); }
+        to { opacity: 1; transform: translateY(0); }
+    }
+    
+
+    
     /* ========== استایل‌های Number Input ========== */
     .stNumberInput button {
         color: var(--primary) !important;