Update app.py

app.py

@@ -58,21 +58,74 @@ st.markdown("""
         font-size: 14px !important;
     }
 
-    /* باکس‌های ورودی - عمومی */
+    /* استایل عمومی برای تمام inputها */
     .stTextInput input, 
     .stNumberInput input, 
     .stSelectbox select,
     .stTextArea textarea,
     .stDateInput input,
-    .stTimeInput input,
-    .stMultiSelect div[role="combobox"],
-    div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div > div > div > div > input,
-    .st-bq, .st-br, .st-bs, .st-bt, .st-bu, .st-bv, .st-bw, .st-bx, .st-by, .st-bz {
+    .stTimeInput input {
         color: #000000 !important;
         background-color: var(--input-bg) !important;
-        border: 1px var(--text) !important;
+        border: 1px solid var(--text) !important;
+        padding-right: 12px !important; /* فاصله از راست */
     }
 
+    /* استایل برای فلش dropdown در selectbox */
+    .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; /* فضای کافی برای آیکون */
+    }
+
+    /* استایل برای لیست dropdown */
+    .stSelectbox [role="listbox"] {
+        color: #000000 !important;
+        background-color: #ffffff !important;
+        border: 1px solid var(--primary) !important;
+        border-radius: 4px !important;
+        box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
+    }
+
+    /* استایل برای آیتم‌های لیست dropdown */
+    .stSelectbox [role="option"] {
+        padding: 8px 12px !important;
+        color: #333333 !important;
+    }
+
+    /* استایل برای آیتم hover در لیست */
+    .stSelectbox [role="option"]:hover {
+        background-color: #f0e6ff !important;
+        color: #000000 !important;
+    }
+
+    /* استایل برای دکمه‌های + و - در number input */
+    .stNumberInput button {
+        color: var(--primary) !important;
+        background-color: transparent !important;
+        border: none !important;
+        width: 30px !important;
+    }
+
+    /* استایل برای hover دکمه‌های + و - */
+    .stNumberInput button:hover {
+        background-color: #f0e6ff !important;
+    }
+
+    /* استایل برای حالت focus */
+    .stSelectbox select:focus,
+    .stTextInput input:focus,
+    .stNumberInput input:focus {
+        border-color: var(--primary) !important;
+        box-shadow: 0 0 0 2px rgba(106, 13, 173, 0.2) !important;
+        outline: none !important;
+    }  
+
     /* حالت فوکوس */
     .stTextInput input:focus, 
     .stNumberInput input:focus,