fix(M02 실무자료): 339 덧고침 — 확인 창 표 꼴 · 만들기 뒤 사전조합 목록 갱신 · 엑셀 보기 창 제안 수 다시 읽음

- 확인 창 줄 표: 한글 낱말 단위 줄바꿈 · 품명 · 규격 최소 폭 · 옵션 · 품 비교 항목마다 한 줄 · 단추 칸 세로 쌓음(좁게)
- 별칭 장부 표: 품명 · 규격 같은 손질
- 만들기(확인 창 · 엑셀 보기 창 일괄) 뒤 document 알림 → 좌측 「일위대가 사전조합」 목록 다시 읽음
- 엑셀 보기 창: 뒤 셈 중이면 3 초마다 목록 「제안 n/m」 다시 읽음 · 펼침 표 숫자 판정 칸 = 맞음 n · 다른 점 n
- 품 비교 판정 함수 · 서버 그대로

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01XWh5wNNycMkbwMpACz1rte

M02_MasterTemplete/M02_MasterTemplete_Hopyo.css

@@ -49,29 +49,53 @@
   font-variant-numeric: tabular-nums;
 }
 
-/* 확인 창 줄 표(338) — 체크 · 갈래 · 수량 · 단위 · 상태 · 단추 = 줄바꿈 없음(글자가 세로로 안 갈라짐 ·
-   폭 = 글 폭) · 품명 · 규격 · 우리 로직 · 옵션 · 품 비교가 남는 폭 · 칸 여백 좁힘(공용 표보다 앞서게 두 갈래 이름) */
+/* 실무자료 표 — 한글은 낱말 단위로만 줄바꿈(두세 글자마다 안 갈라짐) · 너무 긴 낱말만 쪼갬 */
+.m02-hopyo__table :is(th, td) {
+  word-break: keep-all;
+  overflow-wrap: break-word;
+}
+
+/* 확인 창 줄 표(338 · 339) — 체크 · 갈래 · 수량 · 단위 · 상태 = 줄바꿈 없음(폭 = 글 폭) · 단추 = 세로로 쌓아 좁게 ·
+   품명 · 규격 · 우리 로직 · 옵션 · 품 비교가 남는 폭 · 칸 여백 좁힘(공용 표보다 앞서게 두 갈래 이름) */
 .m02-hopyo__table.m02-hopyo__lines :is(th, td) {
   padding: var(--spacing-8);
 }
 
 .m02-hopyo__table.m02-hopyo__lines
-  :is(th, td):is(
-    :nth-child(1),
-    :nth-child(2),
-    :nth-child(5),
-    :nth-child(6),
-    :nth-child(7),
-    :nth-child(11)
-  ) {
+  :is(th, td):is(:nth-child(1), :nth-child(2), :nth-child(5), :nth-child(6), :nth-child(7)) {
   white-space: nowrap;
 }
 
-/* 옵션 · 품 비교 — 길면 줄임표(전체 글은 칸 풍선 도움말) */
+/* 품명 · 규격 — 낱말 두셋은 한 줄에 */
+.m02-hopyo__table.m02-hopyo__lines td:nth-child(3),
+.m02-hopyo-ledger__table td:nth-child(1) {
+  min-width: 7em;
+}
+
+.m02-hopyo__table.m02-hopyo__lines td:nth-child(4),
+.m02-hopyo-ledger__table td:nth-child(2) {
+  min-width: 6em;
+}
+
+/* 옵션 · 품 비교 — 항목마다 한 줄(글의 줄바꿈 그대로) */
 .m02-hopyo__table.m02-hopyo__lines td:is(:nth-child(9), :nth-child(10)) {
-  max-width: 24em;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  min-width: 9em;
+  white-space: pre-line;
+}
+
+/* 단추 칸 — 단추 · 넣음/뺌을 세로로 쌓아 칸 폭 = 가장 긴 단추 */
+.m02-hopyo__table.m02-hopyo__lines td.m02-hopyo__acts {
+  width: 1%;
+}
+
+.m02-hopyo__lines .m02-hopyo__acts > * {
+  display: flex;
+  width: 100%;
+  white-space: nowrap;
+}
+
+.m02-hopyo__lines .m02-hopyo__acts > * + * {
+  margin: var(--spacing-4) 0 0;
 }
 
 .m02-hopyo__line.is-out {
@@ -117,7 +141,7 @@
 
 /* 우리 로직 칸 — 대상 여럿 = 칸 안 여러 줄(이름 · 키 · 몫 · 배 칸 · [옵션]) */
 .m02-hopyo__parts {
-  min-width: 14em;
+  min-width: 11em;
 }
 
 .m02-hopyo__part {