fix(M02): 일위대가 한 줄 표 아주 좁은 카드(340px 이하) — 줄마다 두 줄(항목 · 수량산출 / 금액 넷) · 가로 넘침 0

- 머리 글 그대로 · 같은 꼴 두 줄 · 금액 11px · 카드 260 · 280 · 316 · 360 · 400 · 560 에서 scrollWidth = clientWidth · 잘린 칸 0

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

M02_MasterTemplete/M02_MasterTemplete_Labor.css

@@ -282,6 +282,52 @@
   }
 }
 
+/* 더 좁으면(카드 320px 안팎 · 340px 이하) 줄마다 두 줄 — 윗줄 항목(3칸) · 수량산출(1칸) · 아랫줄 금액 넷 ·
+   머리 줄도 같은 꼴(글은 그대로) · 가로 넘침 없음 */
+@container m02-labview (max-width: 340px) {
+  .m02-labline,
+  .m02-labline thead,
+  .m02-labline tbody,
+  .m02-labline tfoot {
+    display: block;
+    width: 100%;
+  }
+
+  .m02-labline tr {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    border-bottom: 1px solid var(--color-border);
+  }
+
+  .m02-labline th,
+  .m02-labline td {
+    display: block;
+    min-width: 0;
+    padding: 2px;
+    border: 0;
+  }
+
+  .m02-labline th:first-child,
+  .m02-labline .m02-labrow__name {
+    grid-column: span 3;
+  }
+
+  .m02-labline th:nth-child(2),
+  .m02-labline .m02-labrow__qty {
+    text-align: right;
+    white-space: normal;
+  }
+
+  .m02-labline th:nth-child(3),
+  .m02-labline .m02-labrow__unit {
+    display: none;
+  }
+
+  .m02-labline .m02-labrow__num {
+    font-size: 11px;
+  }
+}
+
 /* 수량산출 칸(40-1) — 위 결과단위 기준 수량 · 아래 지금 수량 · 누르면 손 입력 · 엑셀에서 고르기 */
 .m02-labrow__qty {
   white-space: nowrap;