feat(M01-쉬운단가): 실무 일위대가표 · 설계 때 정하는 값 띠(Sheet)

읽기만 하는 일위대가표(명칭·규격·수량·단위·합계·노무비·재료비·경비·비고·합계 줄)와 시험값 띠 추가.

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

M01_MasterData/EasyCalc/M01_EasyCalc_Sheet.css

@@ -0,0 +1,112 @@
+.m01-easysheet__title {
+  margin: 0 0 var(--spacing-8);
+  color: var(--color-text-body);
+  font-size: var(--text-body);
+  font-weight: 600;
+}
+
+.m01-easysheet__status,
+.m01-easysheet__muted {
+  margin: 0;
+  color: var(--color-text-muted);
+  font-size: var(--text-body-sm);
+}
+
+/* 좁은 폭은 표 안에서만 가로 스크롤 — 쪽 전체는 안 밀림 */
+.m01-easysheet__scroll {
+  max-width: 100%;
+  overflow-x: auto;
+}
+
+.m01-easysheet__table {
+  width: 100%;
+  min-width: 920px;
+  border-collapse: collapse;
+  color: var(--color-text-body);
+  font-size: var(--text-body-sm);
+}
+
+.m01-easysheet__table th,
+.m01-easysheet__table td {
+  padding: var(--spacing-4) var(--spacing-8);
+  border: 1px solid var(--color-border);
+  text-align: left;
+  vertical-align: middle;
+}
+
+.m01-easysheet__table thead th {
+  background: var(--color-surface);
+  color: var(--color-text-secondary);
+  font-weight: 600;
+  white-space: nowrap;
+}
+
+.m01-easysheet__table .m01-easysheet__group {
+  text-align: center;
+}
+
+.m01-easysheet__table .m01-easysheet__num {
+  text-align: right;
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+
+.m01-easysheet__table .m01-easysheet__note {
+  color: var(--color-text-muted);
+  font-size: var(--text-caption);
+}
+
+.m01-easysheet__table tfoot th,
+.m01-easysheet__table tfoot td {
+  background: var(--color-surface);
+  font-weight: 700;
+}
+
+.m01-easysheet__strip-title {
+  color: var(--color-text-body);
+}
+
+.m01-easysheet__fields {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-8) var(--spacing-16);
+  margin: var(--spacing-8) 0;
+}
+
+.m01-easysheet__field {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+  min-width: 0;
+  color: var(--color-text-secondary);
+  font-size: var(--text-body-sm);
+}
+
+.m01-easysheet__ctl {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+}
+
+.m01-easysheet__input {
+  box-sizing: border-box;
+  width: 160px;
+  max-width: 100%;
+  height: var(--control-height-sm);
+  padding: 3px 6px;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  background: var(--color-canvas);
+  color: var(--color-text-body);
+  font: inherit;
+  font-size: var(--text-body-sm);
+}
+
+.m01-easysheet__input[aria-invalid] {
+  border-color: var(--color-danger);
+}
+
+.m01-easysheet__warn {
+  color: var(--color-danger);
+  font-size: var(--text-caption);
+}