feat(M01): 소요량·계수·로직·기계 컨테이너를 인력과 같은 모양으로 — 전체 + 드롭다운 거름 · 가운데 표 목록 · 트리 걷음

- 왼쪽: 「전체」 한 줄 + 구분 → 상세구분 공용 드롭다운(기계는 세부분류 한 단) · 목록은 서버 /subs
- 가운데: 표 목록(키·원문번호·구분·상세구분·이름·기준·출처·비고) · 로직은 파일을 가로질러 한 목록 · 쪽 나눔 · 누르면 상세
- 표 목록 응답에 비고 칸 추가 · 관급 시험을 조달청 값 이은 줄 기준으로

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

M01_MasterData/M01_MasterData_UI_Style.css

@@ -213,31 +213,15 @@
   font-size: var(--text-body-sm);
 }
 
-.m01-master__tables {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-  gap: var(--spacing-8);
-}
-
-.m01-master__table-card {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  padding: var(--spacing-8) var(--spacing-12);
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-cards);
-  background: var(--color-surface);
-  color: var(--color-text-body);
-  font: inherit;
-  text-align: left;
+.m01-master__table-row {
   cursor: pointer;
 }
 
-.m01-master__table-card:hover {
+.m01-master__table-row:hover {
   background: var(--color-paper);
 }
 
-.m01-master__table-card.is-changed {
+.m01-master__table-row.is-changed {
   background: color-mix(in srgb, var(--color-warning) 28%, var(--color-canvas));
 }