Refine order detail status layout

app/pages/orders/[id].vue

@@ -32,19 +32,23 @@ const currentOrderCode = computed(() => formatOrderCode(currentOrder.value?.code
     </div>
 
     <template v-else>
-      <div class="surface-card rounded-3xl px-5 py-4">
-        <div class="flex flex-wrap items-center gap-3">
-          <NuxtLink to="/orders" class="text-sm font-semibold text-[#0d854a]">
-            ← Назад к моим заказам
-          </NuxtLink>
-          <span class="hidden h-4 w-px bg-[#d8e4dd] md:block" />
-          <span class="text-[11px] font-semibold uppercase tracking-[0.18em] text-[#6a8a76]">
+      <div class="flex flex-wrap items-center gap-4 px-1">
+        <NuxtLink
+          to="/orders"
+          aria-label="Назад к моим заказам"
+          class="flex h-11 w-11 items-center justify-center rounded-full bg-white/70 text-[#0d854a] transition hover:bg-white"
+        >
+          <svg class="h-5 w-5" viewBox="0 0 20 20" fill="none">
+            <path d="M11.5 4.5L6 10L11.5 15.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" />
+          </svg>
+        </NuxtLink>
+        <span class="h-8 w-px bg-[#d8e4dd]" />
+        <h1 class="flex flex-wrap items-baseline gap-x-3 gap-y-1 text-2xl font-black tracking-[-0.03em] text-[#123824] md:text-3xl">
+          <span class="text-sm font-bold uppercase tracking-[0.18em] text-[#6a8a76]">
             Заказ
           </span>
-          <span class="text-lg font-black tracking-[-0.03em] text-[#123824]">
-            {{ currentOrderCode }}
-          </span>
-        </div>
+          <span>{{ currentOrderCode }}</span>
+        </h1>
       </div>
 
       <div class="space-y-4">