feat(M02): 359-3 실무자료 확인 창 표 = 일위대가 상세 꼴 · 금액 미리 셈 · 드롭다운 추가 · 로직없음 · 사용안함

- 줄 표 = 로직 표(차례 · 구분 · 이름 · 별칭 · 수량산출 · 결과 단위 · 노무비 · 재료비 · 경비 · 합계) + 자재 표(세 칸 · 가격 다섯) + 품 비교 · 단추
- 금액 칸 = 위 엑셀 · 아래 우리(줄마다 서버 calc 미리 셈 · 저장 안 함 · 최신 응답만)
- 미리 셈 문서 꼴 = logic/M02_MasterTemplete_Hopyo_Draft.ts(정본 = M02_Hopyo_Build · 수량 = 엑셀 × 배 · 별도계상)
- 드롭다운 글 추가 · 로직없음 · 사용안함(저장 값 그대로) · [엑셀에서 보기] → [엑셀 보기] · [사전조합 생성]
- Check.ts 쪼갬(표 그리기 = Hopyo_CheckRows.ts) · 쓰지 않는 [← 호표 목록] 지움
- 시험 test_m02_hopyo_draft_calc(북부청 실물 줄 → calc 200 · 반영합 · 저장 안 함)

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

M02_MasterTemplete/M02_MasterTemplete_Hopyo.css

@@ -55,34 +55,49 @@
   overflow-wrap: break-word;
 }
 
-/* 확인 창 줄 표(338 · 339) — 체크 · 갈래 · 수량 · 단위 · 상태 = 줄바꿈 없음(폭 = 글 폭) · 단추 = 세로로 쌓아 좁게 ·
-   품명 · 규격 · 우리 로직 · 옵션 · 품 비교가 남는 폭 · 칸 여백 좁힘(공용 표보다 앞서게 두 갈래 이름) */
+/* 확인 창 줄 표(338 · 339 · 359-3) — 일위대가 상세 꼴(m02-labrow) · 체크 칸 · 수량 · 단위 = 줄바꿈 없음 ·
+   단추 = 세로로 쌓아 좁게 · 이름 · 별칭 · 품 비교가 남는 폭 · 칸 여백 좁힘(공용 표보다 앞서게 두 갈래 이름) */
 .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)) {
+.m02-hopyo__table.m02-hopyo__lines td:first-child,
+.m02-hopyo__lines :is(.m02-labrow__qty, .m02-labrow__unit) {
   white-space: nowrap;
 }
 
-/* 품명 · 규격 — 낱말 두셋은 한 줄에 */
-.m02-hopyo__table.m02-hopyo__lines td:nth-child(3),
+/* 이름 칸 대상 줄 — 키 · 이름 · 배 칸 · 몫 한 줄(상세 이름 칸의 한 줄 말줄임을 풂) */
+.m02-hopyo__lines .m02-labrow__name > .m02-hopyo__part {
+  display: flex;
+  max-width: none;
+  overflow: visible;
+}
+
+.m02-hopyo__lines .m02-labrow__name > .m02-hopyo__state,
+.m02-hopyo__lines .m02-labrow__kind > .m02-hopyo__state {
+  display: inline-block;
+  margin-left: var(--spacing-4);
+}
+
+/* 품 비교 — 항목마다 한 줄(글의 줄바꿈 그대로) */
+.m02-hopyo__table.m02-hopyo__lines td.m02-hopyo__compare {
+  min-width: 9em;
+  white-space: pre-line;
+}
+
+.m02-hopyo__subhead {
+  margin: var(--spacing-8) 0 0;
+  font-size: var(--text-body-sm);
+}
+
 .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)) {
-  min-width: 9em;
-  white-space: pre-line;
-}
-
 /* 단추 칸 — 단추 · 넣음/뺌을 세로로 쌓아 칸 폭 = 가장 긴 단추 */
 .m02-hopyo__table.m02-hopyo__lines td.m02-hopyo__acts {
   width: 1%;