Update app.py

app.py

@@ -33,25 +33,10 @@ st.markdown("""
         --secondary-bg: #f8f9fa;
         --green: #f0ff0;
         --dgreen: #006400;
-        --mobile-width: 414px;
+        --mobile-width: 100%;
     }
 
-    /* ======== تنظیمات اجباری موبایل ======== */
-    html, body {
-        width: 100% !important;
-        max-width: 100% !important;
-        overflow-x: hidden !important;
-        -webkit-text-size-adjust: 100%;
-    }
-
-    [data-testid="stAppViewContainer"] {
-        max-width: var(--mobile-width) !important;
-        margin: 0 auto !important;
-        padding: 10px !important;
-        box-shadow: 0 0 10px rgba(0,0,0,0.1);
-    }
-
-    /* ======== استایل‌های اصلی شما (بدون تغییر) ======== */
+    /* ======== تنظیمات پایه ======== */
     * {
         font-family: 'B Nazanin', 'B Nazanin Bold', sans-serif !important;
         text-align: right !important;
@@ -61,8 +46,23 @@ st.markdown("""
     body, .stApp, [data-testid="stAppViewContainer"] {
         background-color: var(--background) !important;
         color: var(--text) !important;
+        max-width: var(--mobile-width) !important;
+        margin: 0 auto !important;
     }
 
+    /* ======== تنظیمات عرض برای دسکتاپ ======== */
+    @media (min-width: 768px) {
+        :root {
+            --mobile-width: 414px;
+        }
+        
+        [data-testid="stAppViewContainer"] {
+            box-shadow: 0 0 20px rgba(0,0,0,0.1);
+            min-height: 100vh;
+        }
+    }
+
+    /* ======== استایل‌های اصلی شما ======== */
     .rahyar-title {
         color: var(--primary) !important;
         margin: 0 !important;
@@ -89,6 +89,51 @@ st.markdown("""
         border-right: 3px solid var(--primary) !important;
     }
 
+    /* ======== دکمه‌ها (تنظیم عرض مناسب) ======== */
+    .stButton>button, 
+    [data-testid="baseButton-primary"],
+    .accept-btn,
+    div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div > div > button {
+        background-color: var(--primary) !important;
+        color: white !important;
+        border: none !important;
+        border-radius: 8px !important;
+        padding: 10px 20px !important;
+        font-weight: bold !important;
+        transition: all 0.3s ease !important;
+        width: auto !important;
+        min-width: 120px !important;
+        margin: 5px !important;
+    }
+
+    /* ======== عناصر فرم ======== */
+    .stTextInput input, 
+    .stNumberInput input, 
+    .stSelectbox select {
+        width: 100% !important;
+        max-width: 100% !important;
+    }
+
+    /* ======== نقشه ======== */
+    .folium-map {
+        width: 100% !important;
+        height: 300px !important;
+    }
+
+    /* ======== جلوگیری از اسکرول افقی ======== */
+    html, body {
+        overflow-x: hidden !important;
+        width: 100% !important;
+    }
+
+    /* ======== تنظیمات موبایل ======== */
+    @media (max-width: 767px) {
+        .stButton>button {
+            width: 100% !important;
+            margin: 5px 0 !important;
+        }
+    }
+
     /* ========== استایل‌های ورودی ========== */
     .stTextInput input, 
     .stNumberInput input,