Simplify order and cart cards

app/pages/cart.vue

@@ -162,7 +162,7 @@ async function submitCart() {
         <label
           v-for="address in deliveryAddresses"
           :key="address.id"
-          class="flex cursor-pointer items-start gap-3 rounded-2xl bg-white p-3 transition hover:shadow-md"
+          class="surface-card surface-card-interactive flex items-start gap-3 rounded-2xl p-3"
         >
           <input
             type="radio"
@@ -191,6 +191,7 @@ async function submitCart() {
     <OrdersOrderItemsTable
       v-else
       mode="cart"
+      :framed="false"
       :items="cartItems.map((item) => ({
         id: item.productId,
         productName: item.productName,

app/pages/client-orders/[id].vue

@@ -243,7 +243,7 @@ watch(
               <p class="text-[11px] font-semibold uppercase tracking-[0.18em] text-[#6a8a76]">Адрес</p>
               <p class="text-base font-semibold">{{ currentOrder.deliveryAddress || 'Адрес пока не указан' }}</p>
             </div>
-            <div class="grid gap-4 border-t border-[#deebe4] pt-4 md:grid-cols-2">
+            <div class="grid gap-4 md:grid-cols-2">
               <div class="space-y-3">
                 <p class="text-[11px] font-semibold uppercase tracking-[0.18em] text-[#6a8a76]">Комментарий по доставке</p>
                 <p>{{ orderDeliveryStateText(draftDeliveryTerms) }}</p>
@@ -275,7 +275,7 @@ watch(
             </div>
           </div>
 
-          <div class="mt-4 flex flex-wrap items-center justify-between gap-3 border-t border-[#d6ebde] pt-4">
+          <div class="mt-4 flex flex-wrap items-center justify-between gap-3">
             <p class="text-sm text-[#5c7b69]">
               {{
                 offerTotal == null

app/pages/client-orders/index.vue

@@ -297,10 +297,8 @@ const calendarOptions = computed(() => ({
   gap: 0.45rem;
   min-height: 74px;
   border-radius: 18px;
-  border: 1px solid #dcebe3;
-  background: linear-gradient(180deg, #ffffff 0%, #f4faf6 100%);
+  background: #ffffff;
   padding: 0.62rem 0.72rem;
-  box-shadow: 0 10px 24px rgba(18, 56, 36, 0.08);
 }
 
 .manager-calendar-order-card__header {
@@ -319,7 +317,7 @@ const calendarOptions = computed(() => ({
   display: flex;
   align-items: center;
   justify-content: center;
-  background: linear-gradient(135deg, #e4f6eb 0%, #c6e7d5 100%);
+  background: #edf3ef;
 }
 
 .manager-calendar-order-card__avatar {

app/pages/orders/[id].vue

@@ -67,7 +67,7 @@ const currentOrderCode = computed(() => formatOrderCode(currentOrder.value?.code
               <p class="text-[11px] font-semibold uppercase tracking-[0.18em] text-[#6a8a76]">Адрес</p>
               <p class="text-base font-semibold">{{ currentOrder.deliveryAddress || 'Адрес пока не указан' }}</p>
             </div>
-            <div class="grid gap-4 border-t border-[#deebe4] pt-4 md:grid-cols-2">
+            <div class="grid gap-4 md:grid-cols-2">
               <div class="space-y-1">
                 <p class="text-[11px] font-semibold uppercase tracking-[0.18em] text-[#6a8a76]">Комментарий по доставке</p>
                 <p>{{ orderDeliveryStateText(currentOrder.deliveryTerms) }}</p>