feat(app): rial wage total on cart lines, split cart totals, admin variant modal responsive

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

apps/admin-panel/src/views/apps/product/AddProduct.vue

@@ -1568,4 +1568,23 @@ onMounted(async () => {
     width: 100%;
   }
 }
+
+/* Variant modal on narrow screens: one column, full width, scrollable body. */
+@media (max-width: 767px) {
+  .pf-variant-modal .ant-modal {
+    max-width: calc(100vw - 16px);
+    width: calc(100vw - 16px) !important;
+    margin: 0 auto;
+  }
+  .vmodal-cols {
+    grid-template-columns: 1fr;
+  }
+  .vmodal-form {
+    max-height: calc(100vh - 190px);
+    overflow-y: auto;
+  }
+  .vmodal-grid--2 {
+    grid-template-columns: 1fr;
+  }
+}
 </style>

apps/user-app/src/components/product/CartItem.vue

@@ -27,6 +27,7 @@
         <span v-if="wage != null" class="ci__wage">اجرت {{ wageLabel }}٪</span>
       </div>
       <div v-if="rialPay > 0" class="ci__rial">اجرت ریالی {{ price(rialPay) }} ریال</div>
+      <div v-if="rialPay > 0 && value.qty > 1" class="ci__rial ci__rial--total">جمع اجرت {{ price(rialPay * value.qty) }} ریال</div>
 
       <div class="ci__row">
         <div class="ci__qty">

apps/user-app/src/views/CartView.vue

@@ -79,15 +79,21 @@
     <!-- Sticky summary + submit -->
     <div v-if="cart.items.length > 0 && cartData.step === 1" class="cart__bar">
       <div class="cart__barInner">
-        <div class="cart__total">
-          <span class="cart__totalLabel">جمع وزن</span>
-          <span class="cart__totalValue">
-            {{ cart.total() }}
-            <i>گرم</i>
-          </span>
-          <span v-if="cart.totalRial() > 0" class="cart__totalRial">
-            + اجرت ریالی {{ price(cart.totalRial()) }} <i>ریال</i>
-          </span>
+        <div class="cart__totals">
+          <div class="cart__total">
+            <span class="cart__totalLabel">جمع وزن</span>
+            <span class="cart__totalValue">
+              {{ cart.total() }}
+              <i>گرم</i>
+            </span>
+          </div>
+          <div v-if="cart.totalRial() > 0" class="cart__total">
+            <span class="cart__totalLabel">جمع اجرت ریالی</span>
+            <span class="cart__totalValue">
+              {{ price(cart.totalRial()) }}
+              <i>ریال</i>
+            </span>
+          </div>
         </div>
         <button type="button" class="cart__submit" @click="cartData.notify = true">ثبت نهایی سفارش</button>
       </div>
@@ -378,6 +384,12 @@ onMounted(async () => {
   gap: 14px;
 }
 
+.cart__totals {
+  display: flex;
+  align-items: flex-start;
+  gap: 22px;
+}
+
 .cart__total {
   display: flex;
   flex-direction: column;
@@ -394,16 +406,6 @@ onMounted(async () => {
   font-weight: 800;
   color: @ink;
 }
-.cart__totalRial {
-  font-size: 11.5px;
-  font-weight: 700;
-  color: @inkSoft;
-}
-.cart__totalRial i {
-  font-style: normal;
-  font-weight: 600;
-  color: @inkFaint;
-}
 .cart__totalValue i {
   font-style: normal;
   font-size: 11px;

apps/user-app/src/views/expert/ChildOrdersView.vue

@@ -544,7 +544,7 @@ onBeforeUnmount(() => observer?.disconnect())
 .cho__error {
   margin: 10px 0 0;
   font-size: 12.5px;
-  color: #c0392b;
+  color: @red;
 }
 
 .cho__actions {