ui(admin-panel): responsive users, offers, reports, finance, sms, config, notify and branch menus

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/admin-panel/src/views/sms/create.vue

@@ -7,7 +7,7 @@
     NOTE the "تک فروشی" audience has a rid (sms.create.tak) but NO option in the
     legacy markup, so it is unreachable. Preserved as absent.
   -->
-  <a-spin :spinning="loading">
+  <a-spin :spinning="loading" class="page-card">
     <a-card title="ارسال پیامک">
       <a-form layout="vertical" @submit.prevent="handleSubmit">
         <div class="grid-2">
@@ -51,12 +51,12 @@
           <a-textarea v-model:value="text" :auto-size="{ minRows: 4, maxRows: 8 }" />
         </a-form-item>
 
-        <a-button type="primary" @click="handleSubmit">ارسال</a-button>
+        <a-button type="primary" class="form-submit" @click="handleSubmit">ارسال</a-button>
       </a-form>
     </a-card>
 
     <a-card v-if="hasPermission('sms.list')" title="لیست پیامک ها" class="mt-4">
-      <XTable ref="tbl" :model="model" />
+      <XTable ref="tbl" :model="model" mobile-cards />
     </a-card>
   </a-spin>
 </template>
@@ -111,4 +111,8 @@ async function handleSubmit() {
 <style scoped>
 /* .grid-2 now comes from the global utilities.less (dedup) */
 .mt-4 { margin-top: 1rem; }
+
+@media (max-width: 575px) {
+  .mt-4 { margin-top: 12px; }
+}
 </style>