refactor(M02): 띠 알림 · 빈 상태 · 보조 글 · 배지 · 탭 · 표 · 목록 줄 · 도구줄 · 체크를 부품으로 (PLAN 553-5)

- DataFlow: 표 넷 = 데이터표 · 함수 판 알림 · 선/알약 경고 · 끊긴 곳 = 띠 알림 · 알약 · 칸 종류 = 배지 · 고르는 줄 = 목록 줄 · 입력 넷 = 입력 · 도구줄 여섯 · 날 색 → 공통 값
- 구조물 옵션 · 구조물 · 도면 · 면적 · 품목 고르기: 판 띠 = 띠 알림 · 한눈/종류별/부품 = 탭 · 표 둘 = 데이터표 · 체크 둘 = 체크 · 카드 · 번호 = 카드 · 배지 · 도면 도구줄
- 일위대가 · 호표 · 실무자료 · 본 화면 · 서고: 알림 = 띠 알림 · 빈 상태 · 보조 글 · 도구줄 여섯 · 옛 보라 별칭 0
- M01 로직 입력칸 = 입력 부품(작은 칸) · 일위대가 상세 줄 수 고정 시험 693 · 지킴 시험 M02 몫 더함

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

M02_MasterTemplete/M02_MasterTemplete_UI_Style.css

@@ -29,12 +29,6 @@
   margin-left: auto;
 }
 
-.m02-practice__note {
-  margin: 0;
-  color: var(--color-text-secondary);
-  font-size: var(--text-body-sm);
-}
-
 .m02-practice__memo {
   margin: 0;
   color: var(--color-text-secondary);
@@ -47,7 +41,7 @@
 }
 
 .m02-practice__row:hover {
-  background: var(--color-mist-violet);
+  background: var(--color-accent-soft);
 }
 
 .m02-side__row {
@@ -119,20 +113,15 @@ html.is-bm-route .m02-main__head {
 
 /* 제목 줄 오른쪽 끝 도구(일위대가 「새 조합」 · PLAN 30-5) */
 .m02-main__tools {
+  flex-wrap: nowrap; /* 도구줄 부품은 감김 — 여기는 한 줄 그대로 */
   display: inline-flex;
   gap: var(--spacing-8); /* M01 머리 줄(`m01-head`)과 같은 틈 */
   margin-left: auto;
 }
 
+/* 겉 = 띠 알림 부품(ui-banner--danger) · 여기는 가운데 맞춤만 */
 .m02-main__notice {
-  display: flex;
   align-items: center;
-  gap: var(--spacing-8);
-  padding: var(--spacing-8) var(--spacing-12);
-  border-left: 4px solid var(--color-danger);
-  background: color-mix(in srgb, var(--color-danger) 10%, var(--color-canvas));
-  color: var(--color-danger);
-  font-size: var(--text-body-sm);
 }
 
 .m02-main__host {
@@ -181,13 +170,6 @@ html.is-bm-route .m02-main__head {
   overflow: auto;
 }
 
-.m02-main__empty {
-  margin: 0;
-  padding: var(--spacing-24);
-  color: var(--color-text-muted);
-  text-align: center;
-}
-
 .m02-modal__field {
   display: flex;
   flex-direction: column;