Update app.py

app.py

@@ -89,17 +89,49 @@ st.markdown("""
         color: black !important;
         opacity: 0.7 !important;
     }
-
-    /* استایل برای فلش dropdown در selectbox */
+    
+        /* حذف فلش پیش‌فرض و جایگزینی با استایل مشابه number input */
     .stSelectbox select {
         -webkit-appearance: none !important;
         -moz-appearance: none !important;
         appearance: none !important;
-        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236a0dad'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e") !important;
-        background-repeat: no-repeat !important;
-        background-position: left 12px center !important;
-        background-size: 16px !important;
-        padding-left: 36px !important; /* فضای کافی برای آیکون */
+        background-image: none !important;
+        padding-right: 40px !important; /* فضای کافی برای فلش */
+        position: relative;
+    }
+
+    /* ایجاد فلش سفارشی با استایل مشابه number input */
+    .stSelectbox div[data-baseweb="select"]::after {
+        content: "▼";
+        position: absolute;
+        right: 12px;
+        top: 50%;
+        transform: translateY(-50%);
+        color: var(--primary) !important;
+        font-size: 12px;
+        pointer-events: none;
+    }
+    
+    /* استایل hover برای فلش */
+    .stSelectbox div[data-baseweb="select"]:hover::after {
+        color: var(--primary) !important;
+    }
+    
+    /* استایل دکمه‌های number input */
+    .stNumberInput button {
+        color: var(--primary) !important;
+        background-color: transparent !important;
+        border: none !important;
+        width: 30px !important;
+        font-weight: bold !important;
+        font-size: 16px !important;
+    }
+    
+    /* یکسان سازی حاشیه‌ها */
+    .stSelectbox select,
+    .stNumberInput input {
+        border: 1px solid var(--border) !important;
+        border-radius: 4px !important;
     }
 
     /* استایل برای لیست dropdown */