feat(cupang): 제품명 카탈로그 설정 + 달력 공휴일 색상 + 폼 UI 개선

- 설정 화면 추가: /cupang/products — itemcode_db 검색 등록 + 수동 등록.
  제품명 드롭다운 소스. cupang_products 테이블 신규(init.sql 멱등 재실행 필요)
- 폼 품목라인: 제품명 드롭다운 선택 → 제품코드 자동 입력
- 라인 컬럼 순서 제품명·제품코드·수량·입수량·박스계산·메모
- 제품코드 140px, 수량·입수량 60px 폭 고정
- 공통 헤더 입력란 겹침 수정(min-width:0, width:100%, box-sizing)
- 달력: 일/공휴일 빨강, 토 파랑, 글자 크기 확대. 한국 공휴일 모듈(holidays.py)
- document_no null → "None" 출력 버그 수정

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

app/static/cupang.css

@@ -27,27 +27,33 @@
   gap: 6px;
 }
 .cpg-cal-wd {
-  text-align: center; font-size: 12px; font-weight: 600;
-  color: var(--color-midtone-gray); padding: 4px 0;
+  text-align: center; font-size: 15px; font-weight: 600;
+  color: var(--color-midtone-gray); padding: 6px 0;
 }
 .cpg-sun { color: var(--color-callout-red); }
 .cpg-sat { color: #2b5bc2; }
 
 .cpg-cal-cell {
   display: flex; flex-direction: column; gap: 4px;
-  min-height: 84px; padding: 6px;
+  min-height: 96px; padding: 8px;
   border: 1px solid var(--color-subtle-ash);
   border-radius: 10px;
   background: #fff;
   transition: border-color .12s, box-shadow .12s;
 }
 .cpg-cal-cell:hover { border-color: var(--color-midtone-gray); }
-.cpg-out { background: var(--color-ghost-gray); color: var(--color-midtone-gray); }
+.cpg-out { background: var(--color-ghost-gray); }
+.cpg-out .cpg-cal-day { color: var(--color-midtone-gray); }
 .cpg-today { border-color: var(--color-deep-black); }
 .cpg-selected { box-shadow: 0 0 0 2px var(--color-deep-black); border-color: var(--color-deep-black); }
-.cpg-cal-day { font-size: 13px; font-weight: 600; }
+.cpg-cal-day { font-size: 17px; font-weight: 600; }
+/* 일요일/공휴일 빨강, 토요일 파랑 (당월 셀 우선, 전후월은 옅게) */
+.cpg-red .cpg-cal-day { color: var(--color-callout-red); }
+.cpg-blue .cpg-cal-day { color: #2b5bc2; }
+.cpg-out.cpg-red .cpg-cal-day { color: #e3a59b; }
+.cpg-out.cpg-blue .cpg-cal-day { color: #9db4dd; }
 .cpg-cal-badges { display: flex; flex-direction: column; gap: 3px; }
-.cpg-mini { font-size: 11px; padding: 1px 6px; align-self: flex-start; }
+.cpg-mini { font-size: 12px; padding: 2px 7px; align-self: flex-start; }
 
 /* ── 오른쪽 리스트 ── */
 .cpg-list-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 8px; }
@@ -68,24 +74,39 @@
 .cpg-header-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-  gap: 12px;
+  gap: 12px 16px;
 }
 .cpg-rule-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
-  gap: 12px; align-items: end;
+  gap: 12px 16px; align-items: end;
 }
-.erp-field { display: flex; flex-direction: column; gap: 4px; }
-.erp-field > span { font-size: 12px; color: var(--color-midtone-gray); }
+/* 그리드 항목 겹침 방지: 칸이 줄어들 때 내용이 밖으로 넘치지 않게 */
+.cpg-header-grid .erp-field,
+.cpg-rule-grid .erp-field { min-width: 0; }
+.cpg .erp-field { display: flex; flex-direction: column; gap: 4px; margin: 0; }
+.cpg .erp-field > span { font-size: 12px; color: var(--color-midtone-gray); }
+/* 입력란이 칸 너비를 넘지 않도록 (date/select 포함) */
+.cpg .erp-field > .erp-input,
+.cpg .erp-field > .erp-select,
+.cpg .erp-field > textarea.erp-input { width: 100%; max-width: 100%; box-sizing: border-box; }
 .cpg-full { grid-column: 1 / -1; }
 
+/* 검정 배경 버튼 글자는 항상 흰색 (안전 보강) */
+.cpg .erp-btn-primary, .cpg .erp-btn-primary:visited { color: var(--color-canvas-white); }
+
 .cpg-inline-form { display: inline-flex; gap: 6px; align-items: center; margin: 0; }
 .cpg-row-actions { display: flex; gap: 6px; flex-wrap: wrap; }
 
 /* ── 라인 테이블 ── */
 .cpg-lines td { vertical-align: middle; }
-.cpg-lines input { width: 100%; }
-.cpg-line-calc { font-size: 12px; color: var(--color-midtone-gray); white-space: nowrap; }
+.cpg-lines .cpg-name-sel { width: 100%; min-width: 160px; }
+/* 폭 고정: 제품코드 140px, 수량·입수량 60px */
+.cpg-lines .cpg-code { width: 140px; min-width: 140px; box-sizing: border-box; }
+.cpg-lines .cpg-qty,
+.cpg-lines .cpg-upb { width: 60px; min-width: 60px; box-sizing: border-box; }
+.cpg-lines .cpg-memo { width: 100%; min-width: 120px; box-sizing: border-box; }
+.cpg-line-calc { font-size: 13px; color: var(--color-midtone-gray); white-space: nowrap; }
 .cpg-line-calc.cpg-warn { color: var(--color-callout-red); }
 .cpg-line-del { cursor: pointer; }