feat(B08): 탭 구조물 · 토공 · 수리 + 구조물 보조 넷 · 구조물도 탭 지움 · 보조 탭 위 간격 8px(95-1 · 95-2)

구조물도 모달(집계표 행 누름 · 그 측점 조합 전부 · 복사본 먼저) · 공용 표 onRowClick opt-in(95-3) ·
수리 상세 폭 제한 풂 · 카드 높이 화면 따라 · @container(95-4). 화면 검증 전.

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

B08_Quantity/B08_Quantity_UI_Drawing.css

@@ -1,17 +1,48 @@
-/* B08 2탭 구조물도(PLAN 61-2) — 보조 탭 · 카드 둘(도면 · 면적산출). 색은 테마 변수만. */
+/* B08 구조물도 모달(PLAN 95-3) — 조합마다 카드 둘(도면 · 면적산출). 색은 테마 변수만. */
 
-/* M02 에 없는 조합 — 빨간 글은 비어 있는 단추만(고른 단추 바탕 위에선 안 읽힘 · 아래 안내 글이 알림) */
-.b08-drawing__tabs .is-missing:not(.ui-btn--filled) {
+/* 큰 창 — 공용 모달 css 는 그대로 두고 자기 class 로 */
+.ui-modal.b08-sheets {
+  width: min(1320px, 96vw);
+  --modal-max: 94vh;
+}
+
+.b08-sheets .ui-modal__body {
+  gap: var(--spacing-24);
+}
+
+.b08-sheets__combo {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-8);
+}
+
+.b08-sheets__title {
+  display: flex;
+  align-items: baseline;
+  gap: var(--spacing-8);
+  margin: 0;
+  font-size: var(--text-body);
+  color: var(--color-text);
+}
+
+.b08-sheets__from {
+  font-size: var(--text-caption);
+  font-weight: var(--font-weight-regular);
+  color: var(--color-text-secondary);
+}
+
+/* M02 에 없는 조합 안내 — 빨간 글 */
+.b08-sheets__combo > .ui-general-block__empty {
   color: var(--color-danger);
 }
 
 /* M02 카드 칸은 셋(도면 · 일위대가 · 면적산출) — 여기는 둘 · 도면을 넓게 */
-.b08-drawing__cards .m02-struct {
+.b08-sheets .m02-struct {
   grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
 }
 
 @media (max-width: 960px) {
-  .b08-drawing__cards .m02-struct {
+  .b08-sheets .m02-struct {
     grid-template-columns: minmax(0, 1fr);
   }
 }