feat(cupang): 채움률 낮은 혼합 상자 경고, 직접 입력 제거하고 출고일 목록으로 대체

- 혼합 상자 채움률 60% 이하면 "상자 변경 필요"(오렌지) 도장 + 업로드/날짜 전환 시 안내 팝업
- ① 직접 입력 표와 계산/제품 추가/초기화 버튼·이벤트 제거. 품목은 업로드(또는 임시 저장 불러오기)로만
- 상단 출고일 탭 바를 없애고 ① 카드 안 세로 목록으로 이동 (날짜·센터수·상자수·수량)
- 임시 저장에 ship_date 를 함께 담아 불러올 때 출고일 유지

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

app/static/cupang.css

@@ -905,6 +905,34 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
 /* 도장은 카드가 흐려져도 또렷하게 유지 */
 .cpg-sum-prod.is-done .cpg-stamp, .cpg-box-card.is-done .cpg-stamp { opacity: 1; }
 
+/* 상자 변경 필요 도장 — 채움률이 낮은 혼합 상자 */
+.cpg-stamp-warn {
+  --stamp: #e8730c;
+  box-shadow: inset 0 0 0 1px rgba(232, 115, 12, .25);
+  transform: rotate(-5deg);
+}
+.cpg-box-card.is-done .cpg-stamp-warn { opacity: 1; }
+
+/* 채움률이 낮은 상자 안내 대화상자 */
+.cpg-low-box { width: min(420px, calc(100vw - 32px)); }
+.cpg-low-lead { margin: 0; font-size: 13px; line-height: 1.6; word-break: keep-all; }
+.cpg-low-list {
+  list-style: none; margin: 0; padding: 0;
+  border: 1px solid var(--color-subtle-ash); border-radius: 8px;
+  max-height: 220px; overflow-y: auto;
+}
+.cpg-low-list > li {
+  display: flex; align-items: center; gap: 8px;
+  padding: 7px 10px; font-size: 13px;
+}
+.cpg-low-list > li + li { border-top: 1px solid var(--color-ghost-gray); }
+.cpg-low-name { flex: 1 1 auto; min-width: 0; font-weight: 600;
+  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.cpg-low-fill {
+  flex: 0 0 auto; color: #e8730c; font-weight: 700;
+  font-family: var(--font-geist-mono); font-size: 12px;
+}
+
 /* 전체 배분 완료 도장 (센터 배분 KPI 칸) */
 .cpg-kpi { position: relative; overflow: hidden; }
 .cpg-stamp-all {
@@ -1175,19 +1203,12 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
 }
 .cpg-po-warn > li { padding: 2px 0; }
 
-/* ── 출고일 탭 (업로드한 발주서의 출고일이 여러 개일 때) ── */
-.cpg-date-tabs {
-  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
-  margin-bottom: 12px;
-}
-.cpg-date-tabs[hidden] { display: none; }
-.cpg-date-tabs-label {
-  font-size: 12px; color: var(--color-midtone-gray); font-weight: 600;
-}
-.cpg-date-tabs-list { display: flex; gap: 8px; flex-wrap: wrap; }
+/* ── 출고일 목록 (① 카드 안, 업로드한 발주서 기준) ── */
+.cpg-date-list { display: flex; flex-direction: column; gap: 6px; }
 .cpg-date-tab {
   display: flex; flex-direction: column; gap: 2px; align-items: flex-start;
-  padding: 6px 14px;
+  width: 100%; box-sizing: border-box;
+  padding: 8px 12px;
   border: 1px solid var(--color-subtle-ash); border-radius: 10px;
   background: #fff; cursor: pointer; font: inherit; text-align: left;
   transition: background .12s, border-color .12s;
@@ -1260,13 +1281,8 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
 }
 .cpg-po-row { align-items: center; }
 .cpg-po-msg { margin: 0; font-size: 12px; }
-/* 상단 액션/출고일 탭은 줄어들지 않게 (3열 프레임만 남은 높이를 차지) */
-.cpg > .erp-page-actions,
-.cpg > .cpg-date-tabs { flex-shrink: 0; }
-
-/* ① 직접 입력 — 수량 입력란 70px 고정 */
-.cpg-calc-card .cpg-calc-table col.cpg-col-qty { width: 70px; }
-.cpg-calc-card .cpg-calc-table .cpg-calc-qty { width: 70px; max-width: 70px; margin-left: auto; }
+/* 상단 액션은 줄어들지 않게 (3열 프레임만 남은 높이를 차지) */
+.cpg > .erp-page-actions { flex-shrink: 0; }
 
 /* 출고 보기(읽기 전용) — ③ 하단 메타 정보 */
 /* ── 출고 보기 ② 상자 목록 — 상자번호 · 제품명 · 제품코드 · 수량 ── */