refactor(B06): 줌 · 조정창 단추 · 머리 알약 · 알림 칩 · 접이 넷 · 띠 알림 · 빈 상태를 부품으로 (PLAN 553-2)

- 줌 [+ − ⤢] = 아이콘 단추 22 · 상세 [칸에 넣기] = 단추 22 · [여럿] = 켜기 칩 22 · 사이 금 지움
- 구조물 조정창 십자 · 9키 · 단 수 [－][＋] = 아이콘 단추(선) 22 · ✕ = 고스트 · 옵션 연동 · 경사 = 켜기 칩 24(유입 · 유출 칸 꼴은 그대로)
- 카드 머리 단면유형 = 배지(정보) 20 · 구조물 = 배지(강조) 20
- 알림 칩 = 단추(고스트) 20(색만 경고 / 정보) · 측점 목록 날 단추 = 단추(고스트) 20
- 날 details 넷(변수 위치 안내 · 상세값 · 다른 프로젝트 불러오기 · 횡단 조정) = 접이 구역(ui-collapsible) · 가이드 장면 선택자 `details.` 뗌
- 측점 없는 구조물 줄 · 표준 미반영 알림 = 띠 알림(경고) — 날 색 #fff8e6 · #e0b872 · #7a5a12 · #8a6a22 · 폴백 #d98324 지움
- 빈 그림 자리 = 빈 상태 · 선 치수 글 옛 보라 이름 → --color-accent
- 흉내 DOM 시험 · 서버 Node 묶음이 끄는 파일이라 부품 함수 대신 클래스 · data-size 계약 + 부품 CSS 직접 실음(묶음 셋 빌드 정상)
- 시험 넷 기대 고침 — 108(닫기 클래스) · 179-1(줌 사이 금 규칙 없음) · 196-1(칩 클래스) · 207-1(칩 반경 = 부품)
- 그대로 둔 것 — 수량 산출표(b06-detail__qtable · B07 산출서 병합 칸 · 세로선 = 부품 표에 없는 꼴) · 조정창 고르기 · 암 절토 칸(작은 단 없음) · 조정창 · ⋯ · 측점 목록 떠 있는 판

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

B06_Section/B06_Section_UI_Style_Cross.css

@@ -179,16 +179,11 @@ html.is-bm-route .b06-section__notice-bar {
   gap: var(--spacing-4);
 }
 
+/* 칩 = 부품 단추(고스트) 20 — 둥근 사각(207-1 · 알약 아님) · 색만 경고 / 정보(553-2) */
 .b06-section__notice-chip {
-  padding: 2px var(--spacing-8);
-  border: 1px solid currentColor;
-  /* 둥근 사각(207-1) — 공용 단추 반경 · 알약 아님 */
-  border-radius: var(--radius-buttons);
-  background: transparent;
+  border-color: currentColor;
   color: var(--color-warning);
-  font-size: var(--text-caption);
   white-space: nowrap;
-  cursor: pointer;
 }
 
 /* 소단 검토 — 정보(경고 색 아님 · 2026-09-15 브레인 ③). */
@@ -228,7 +223,6 @@ html.is-bm-route .b06-section__notice-bar {
 }
 
 .b06-section__notice-list > button {
-  font-size: var(--text-caption);
   white-space: nowrap;
 }
 
@@ -311,15 +305,9 @@ html.is-bm-route .b06-section__notice-bar {
   border-left: 1px solid var(--color-border);
 }
 
-/* 단면유형 pill(E-3) — 구조물 pill과 동일 표기. */
+/* 단면유형 pill(E-3) = 부품 배지(정보) 20 · 구조물 pill = 배지(강조) 20(553-2). */
 .b06-cross-card__mode {
   flex: 0 0 auto;
-  padding: 1px 6px;
-  border-radius: var(--radius-pills);
-  background: color-mix(in srgb, var(--color-info, rgb(37 99 235)) 14%, transparent);
-  color: var(--color-info, rgb(37 99 235));
-  font-size: var(--text-caption);
-  white-space: nowrap;
 }
 
 /* 단면유형 pill을 지반유형 우측·우측 맞춤으로 밀어 붙인다(1번). meta는 그 뒤에 따라온다. */
@@ -338,16 +326,6 @@ html.is-bm-route .b06-section__notice-bar {
   font-size: var(--text-body);
 }
 
-/* 비정규 측점의 구조물 라벨 — kind(일반측점/BP/EP) 좌측에 자수정색 pill로 표기. */
-.b06-cross-card__structure {
-  padding: 1px 6px;
-  border-radius: var(--radius-pills);
-  background: color-mix(in srgb, var(--color-royal-amethyst, rgb(109 40 217)) 16%, transparent);
-  color: var(--color-royal-amethyst, rgb(109 40 217));
-  font-size: var(--text-caption);
-  white-space: nowrap;
-}
-
 .b06-cross-card > footer {
   border-top: 1px solid var(--color-border);
 }
@@ -357,13 +335,8 @@ html.is-bm-route .b06-section__notice-bar {
   content: "\200b";
 }
 
+/* 꼴 = 부품 빈 상태(553-2) — 페이지는 높이 · 가운데만 */
 .b06-section__empty {
-  display: flex;
   min-height: 180px;
-  align-items: center;
   justify-content: center;
-  padding: var(--spacing-24);
-  border: 1px dashed var(--color-text-muted);
-  color: var(--color-text-muted);
-  background: var(--color-surface);
 }