From 36edafcf16800371b76a6ea6f127faeaa08d9a94 Mon Sep 17 00:00:00 2001
From: chpark <chpark@wace.me>
Date: Mon, 1 Jun 2026 00:38:13 +0900
Subject: [PATCH] =?UTF-8?q?ui(orders/new):=20'=ED=95=9C=EC=A0=95=20?=
 =?UTF-8?q?=EC=9E=94=EC=97=AC'=20=E2=86=92=20'=EC=B6=9C=EA=B3=A0=20?=
 =?UTF-8?q?=EA=B0=80=EB=8A=A5=20N=EA=B0=9C'=20=EB=B0=B0=EC=A7=80=EB=A1=9C?=
 =?UTF-8?q?=20=EA=B0=95=EC=A1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 카드/리스트 모두: 작은 회색 텍스트 → 에메랄드 배경 테두리 배지로 변경
- 표현: '한정 잔여 N / M' → '출고 가능 N(단위)  / 한정 M'
- 잔여 0 이면 로즈 배경으로 시각 차별
- limit_qty 없는 품목은 표시 안 함 (무제한, 기존 동작 유지)

계산식 그대로: limit_qty - reserved_qty (사이클 누적 합산)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/app/(main)/m/orders/new/page.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/app/(main)/m/orders/new/page.tsx b/src/app/(main)/m/orders/new/page.tsx
index f0680bc..ba93ed9 100644
--- a/src/app/(main)/m/orders/new/page.tsx
+++ b/src/app/(main)/m/orders/new/page.tsx
@@ -734,11 +734,13 @@ function ItemsBrowse() {
                   )}
                   {(() => {
                     const remain = cycleRemainOf(it);
-                    return remain != null ? (
-                      <div className={`text-[10px] font-bold mb-0.5 tabular-nums ${remain <= 0 ? "text-rose-600" : "text-amber-700"}`}>
-                        한정 잔여 {fmt(remain)} / {fmt(Number(it.LIMIT_QTY ?? 0))}
+                    if (remain == null) return null;
+                    return (
+                      <div className={`text-[11px] font-extrabold mb-1 tabular-nums px-1.5 py-0.5 rounded border ${remain <= 0 ? "bg-rose-50 text-rose-700 border-rose-200" : "bg-emerald-50 text-emerald-700 border-emerald-300"}`}>
+                        출고 가능 {fmt(remain)}{it.UNIT}
+                        <span className="text-[9px] font-semibold text-slate-500 ml-1">/ 한정 {fmt(Number(it.LIMIT_QTY ?? 0))}</span>
                       </div>
-                    ) : null;
+                    );
                   })()}
                   {maxQ > 0 && !unlimitedQty && (
                     <div className="text-[9px] text-sky-700 mb-0.5">1회 한도 ≤ {fmt(maxQ)}</div>
@@ -873,8 +875,9 @@ function ListView({ items, cart, unlimitedQty, onAdd, onPlus, onMinus, onSetQty,
                       {it.REQUIRES_DELIVERY === "Y" && <span className="ml-1 px-1 py-0.5 rounded bg-orange-100 text-orange-700 text-[9px] font-bold">택배</span>}
                     </div>
                     {lim > 0 && (
-                      <div className={`text-[10px] font-bold tabular-nums ${cycleRemain <= 0 ? "text-rose-600" : "text-amber-700"}`}>
-                        한정 잔여 {fmt(cycleRemain)} / {fmt(lim)}
+                      <div className={`inline-block text-[10px] font-extrabold tabular-nums mt-0.5 px-1.5 py-0.5 rounded border ${cycleRemain <= 0 ? "bg-rose-50 text-rose-700 border-rose-200" : "bg-emerald-50 text-emerald-700 border-emerald-300"}`}>
+                        출고 가능 {fmt(cycleRemain)}{it.UNIT}
+                        <span className="text-[9px] font-semibold text-slate-500 ml-1">/ {fmt(lim)}</span>
                       </div>
                     )}
                     {inCart > 0 && <div className="text-[10px] text-emerald-700 font-bold">담은 {inCart}</div>}