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_Logic_Style.css

@@ -1,4 +1,4 @@
-/* M01 로직 칸 — 왼쪽 목록 / 가운데 일위대가표 / 오른쪽 시험 계산 */
+/* M01 로직 칸 — 가운데 로직 목록 · 일위대가표 / 오른쪽 시험 계산 (거름은 왼쪽 패널) */
 .m01-logic [hidden] {
   display: none !important;
 }
@@ -15,7 +15,6 @@
   font-size: var(--text-body-sm);
 }
 
-.m01-logic__side,
 .m01-logic__main,
 .m01-logic__calc {
   display: flex;
@@ -43,52 +42,6 @@
   gap: var(--spacing-4);
 }
 
-.m01-logic__list {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  overflow: auto;
-}
-
-.m01-logic__item {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 2px;
-  width: 100%;
-  padding: var(--spacing-4) var(--spacing-8);
-  border: 0;
-  border-radius: var(--radius-buttons);
-  background: none;
-  color: inherit;
-  font: inherit;
-  text-align: left;
-  cursor: pointer;
-}
-
-.m01-logic__item:hover {
-  background: var(--color-paper);
-}
-
-.m01-logic__item.is-active {
-  background: var(--color-mist-violet);
-  color: var(--color-accent);
-}
-
-.m01-logic__badges {
-  display: flex;
-  gap: var(--spacing-4);
-}
-
-.m01-logic__badge {
-  font-size: var(--text-caption);
-  color: var(--color-warning);
-}
-
-.m01-logic__badge--blocked {
-  color: var(--color-danger);
-}
-
 .m01-logic__bar {
   display: flex;
   align-items: center;
@@ -385,8 +338,3 @@
   flex-wrap: wrap;
   gap: var(--spacing-4);
 }
-
-/* 왼쪽 패널 컨테이너 안 로직 목록 */
-.m01-side__items .m01-logic__list {
-  max-height: 40vh;
-}