style(payments): 입금관리 모바일 카드 — 업체명 상단 굵게, 발주번호는 날짜 우측

업체명을 맨 위로 올리고 굵게(font-bold), 그 아래 줄에 날짜 · 발주번호 배치.

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>