Update app.py

app.py

@@ -88,10 +88,11 @@ st.markdown("""
     div[data-baseweb="select"] > div:first-child {
         color: var(--text) !important;
         background-color: var(--input-bg) !important;
-        border: 1px solid var(--primary) !important;  /* استفاده از رنگ primary برای حاشیه */
-        border-radius: 5px !important;
+        border: 1px solid var(--primary) !important;
+        border-radius: 6px !important;
         padding: 8px 12px !important;
         min-height: 40px !important;
+        transition: all 0.2s ease !important;
     }
     
     /* استایل برای حالت hover و focus */
@@ -100,9 +101,17 @@ st.markdown("""
     .stSelectbox select:hover,
     .stTextArea textarea:hover,
     .stDateInput input:hover,
-    .stTimeInput input:hover {
+    .stTimeInput input:hover,
+    .stMultiSelect div[role="combobox"]:hover,
+    .stTextInput input:focus,
+    .stNumberInput input:focus,
+    .stSelectbox select:focus,
+    .stTextArea textarea:focus,
+    .stDateInput input:focus,
+    .stTimeInput input:focus {
         border-color: var(--primary) !important;
-        box-shadow: 0 0 0 2px rgba(106, 13, 173, 0.2) !important;
+        box-shadow: 0 0 0 3px rgba(106, 13, 173, 0.15) !important;
+        outline: none !important;
     }  
     
     /* استایل لیبل‌ها */
@@ -113,20 +122,19 @@ st.markdown("""
     .stSlider > label {
         color: var(--text) !important;
         font-weight: bold !important;
-        margin-bottom: 4px !important;
+        margin-bottom: 8px !important;
+        font-size: 14px !important;
     }
     
     /* استایل placeholder */
     ::placeholder {
         color: var(--text) !important;
-        opacity: 0.7 !important;
+        opacity: 0.5 !important;
     }
     
     /* ========== استایل‌های خاص Selectbox ========== */
-    
-    /* ایجاد فلش سفارشی */
     div[data-baseweb="select"] {
-        position: relative;
+        position: relative !important;
     }
 
     div[data-baseweb="select"]::after {