{{-- Строка заказа в «Обзоре» и «Моих заказах» (макет: «Кабинет»). На телефоне
     номер с продавцом и статус с суммой — двумя строками: сумма не должна
     рваться по разряду («38 / 012 ₽»), разделитель тысяч — обычный пробел. --}}
<a href="{{ route('account.orders.show', $order) }}"
   class="block rounded-[var(--radius-lg)] border border-[var(--color-line)] bg-white px-4 py-3.5 transition hover:border-[var(--color-line-strong)] sm:px-[18px]">
    <div class="flex flex-col gap-1.5 sm:flex-row sm:items-center sm:gap-3">
        <div class="min-w-0 flex-1 text-[13px]">
            <span class="font-mono font-semibold text-[var(--color-primary)]">{{ $order->number }}</span>
            <span class="text-[var(--color-muted)]">· {{ $order->seller?->public_name }} · {{ $order->created_at->format('d.m.Y') }}</span>
        </div>
        <div class="flex shrink-0 items-center justify-between gap-3 sm:justify-end">
            <x-status-badge :tone="$order->status->tone()" :label="$order->status->label()" />
            <span class="whitespace-nowrap text-[15px] font-extrabold text-[var(--color-ink)]">{{ number_format((float) $order->total, 0, '.', ' ') }} ₽</span>
        </div>
    </div>
    @if ($withItems ?? false)
        <div class="mt-1.5 text-[12.5px] text-[var(--color-muted)]">{{ $order->items->count() }} {{ \App\Support\Ru::plural($order->items->count(), ['товар', 'товара', 'товаров']) }}</div>
    @endif
</a>