From 7a252a3749f04f97e778486768a1638bf7176449 Mon Sep 17 00:00:00 2001
From: chpark <chpark@wace.me>
Date: Wed, 27 May 2026 11:13:12 +0900
Subject: [PATCH] =?UTF-8?q?style(payments):=20=EC=9E=85=EA=B8=88=EA=B4=80?=
 =?UTF-8?q?=EB=A6=AC=20=EB=AA=A8=EB=B0=94=EC=9D=BC=20=EC=B9=B4=EB=93=9C=20?=
 =?UTF-8?q?=E2=80=94=20=EC=97=85=EC=B2=B4=EB=AA=85=20=EC=83=81=EB=8B=A8=20?=
 =?UTF-8?q?=EA=B5=B5=EA=B2=8C,=20=EB=B0=9C=EC=A3=BC=EB=B2=88=ED=98=B8?=
 =?UTF-8?q?=EB=8A=94=20=EB=82=A0=EC=A7=9C=20=EC=9A=B0=EC=B8=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

업체명을 맨 위로 올리고 굵게(font-bold), 그 아래 줄에 날짜 · 발주번호 배치.
---
 src/app/(main)/m/admin/payments/page.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/app/(main)/m/admin/payments/page.tsx b/src/app/(main)/m/admin/payments/page.tsx
index 378f5d3..d65ff0a 100644
--- a/src/app/(main)/m/admin/payments/page.tsx
+++ b/src/app/(main)/m/admin/payments/page.tsx
@@ -153,12 +153,16 @@ export default function PaymentsPage() {
           const paid = o.STATUS === "PAID" || o.STATUS === "INVOICED";
           return (
             <div key={o.OBJID} className="bg-white border border-slate-200 rounded-xl p-3 shadow-sm">
-              <div className="flex items-center justify-between mb-1.5">
-                <div>
-                  <div className="font-semibold text-sm">{o.ORDER_NO}</div>
-                  <div className="text-[11px] text-slate-500">{o.ORDER_DATE} · {o.COMPANY_NAME}</div>
+              <div className="flex items-start justify-between gap-2 mb-1.5">
+                <div className="min-w-0">
+                  <div className="font-bold text-base truncate">{o.COMPANY_NAME}</div>
+                  <div className="text-[11px] text-slate-500 flex items-center gap-1.5">
+                    <span>{o.ORDER_DATE}</span>
+                    <span className="text-slate-300">·</span>
+                    <span className="font-semibold text-slate-600">{o.ORDER_NO}</span>
+                  </div>
                 </div>
-                <span className={`px-2 py-0.5 rounded text-[10px] font-semibold ${paid ? "bg-emerald-100 text-emerald-700" : "bg-amber-100 text-amber-700"}`}>
+                <span className={`shrink-0 px-2 py-0.5 rounded text-[10px] font-semibold ${paid ? "bg-emerald-100 text-emerald-700" : "bg-amber-100 text-amber-700"}`}>
                   {STATUS_LABEL[o.STATUS]}
                 </span>
               </div>