style(cupang): 상자 목록 엑셀 버튼 초록, 머리글 안 줄임, 행 클릭 체크 토글

- 엑셀 다운로드 버튼 배경 #217346
- 표 머리글은 말줄임 없이 전체 표시(상자번호 열 74px)
- 행 클릭 시 상자 단위로 체크 색 토글 + 체크 개수 표시(세는 용도)

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

app/static/cupang.css

@@ -1400,7 +1400,17 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
 
 /* 출고 보기(읽기 전용) — ③ 하단 메타 정보 */
 /* ── 출고 보기 ② 상자 목록 — 상자번호 · 제품명 · 제품코드 · 수량 ── */
-.cpg-boxno-dl { margin-left: auto; font-size: 12px; padding: 4px 10px; }
+.cpg-boxno-dl {
+  font-size: 12px; padding: 4px 10px;
+  background: #217346; border-color: #217346; color: #fff;
+}
+.cpg-boxno-dl:hover { background: #1a5c38; border-color: #1a5c38; color: #fff; }
+.cpg-boxno-count {
+  margin-left: auto;
+  font-size: 12px; color: var(--color-midtone-gray);
+  font-family: var(--font-geist-mono);
+}
+.cpg-boxno-count.is-on { color: #217346; font-weight: 700; }
 .cpg-boxno-table { table-layout: fixed; width: 100%; }
 .cpg-boxno-table th, .cpg-boxno-table td {
   box-sizing: border-box;
@@ -1412,8 +1422,10 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
 .cpg-boxno-table thead th {
   position: sticky; top: 0; z-index: 2;
   background: var(--color-ghost-gray);
+  overflow: visible; text-overflow: clip;   /* 머리글은 줄여 쓰지 않는다 */
+  padding-left: 6px; padding-right: 6px;
 }
-.cpg-boxno-c-no { width: 66px; }
+.cpg-boxno-c-no { width: 74px; }
 .cpg-boxno-c-name { width: auto; }
 .cpg-boxno-c-code { width: 92px; }
 .cpg-boxno-c-qty { width: 58px; }
@@ -1425,6 +1437,15 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
 }
 .cpg-boxno-code { color: var(--color-midtone-gray); font-family: var(--font-geist-mono); }
 .cpg-boxno-table tbody tr.is-boxtop td { border-top: 1px solid var(--color-cloud-gray); }
+.cpg-boxno-table tbody tr { cursor: pointer; }
+.cpg-boxno-table tbody tr:hover td { background: var(--color-ghost-gray); }
+/* 클릭 = 셌다는 표시. 상자 단위로 함께 켜진다. */
+.cpg-boxno-table tbody tr.is-checked td {
+  background: #d8efe0;
+  color: #12502f;
+}
+.cpg-boxno-table tbody tr.is-checked .cpg-boxno-cell { color: #217346; }
+.cpg-boxno-table tbody tr.is-checked .cpg-boxno-code { color: #2f7a55; }
 
 .cpg-view-meta {
   margin: 12px 0 0; padding: 10px 12px;