Merge remote-tracking branch 'origin/sub_laptop_4' into sub_laptop_2

B09_Estimation/B09_Estimation_UI_Page.css

@@ -179,9 +179,9 @@
   background: var(--color-warning);
 }
 
-/* 122 데이터 점검 [업데이트] — 제목 아래 틈 = 카드 왼쪽 여유와 같게 */
+/* 122 데이터 점검 [업데이트] — 제목 아래 틈 = 카드 왼쪽 여유와 같게(공용 카드 틈 8 + 4) */
 .b09-options [data-b09-refresh] {
-  margin-top: calc(var(--spacing-8) + var(--spacing-4));
+  margin-top: var(--spacing-4);
 }
 
 /* 연결 점검 목록 — 이름 · 탭(작게) · 알림 글 */

B09_Estimation/B09_Estimation_UI_Shell.ts

@@ -19,7 +19,7 @@ import {
   showLoadingOverlay,
   showToast,
 } from "@ui/ui_template_elements";
-import { attachCollapsible } from "@ui/ui_template_collapsible";
+import { attachCollapsible, createPanelCard } from "@ui/ui_template_collapsible";
 import { cellColumn, createDataTable, type DataTable } from "@ui/ui_template_data_table";
 import { attachHoverInfo } from "@ui/ui_template_hover_info";
 import { ui_locales, currentLanguageIndex } from "@ui/ui_template_locale";
@@ -359,12 +359,9 @@ export function renderB09Estimation(root: HTMLElement): void {
       }),
   });
   reset.dataset.b09BillReset = "";
-  const section = document.createElement("section");
-  section.className = "ui-collapsible ui-sidebar-section ui-sidebar-card";
-  const heading = document.createElement("h3");
-  heading.className = "ui-collapsible__title";
-  heading.textContent = "데이터 점검";
-  section.append(heading, refresh, check.list);
+  // 카드 = 좌측 패널 공용 카드(269 · 「구조물 배치」 양식)
+  const section = createPanelCard("데이터 점검");
+  section.append(refresh, check.list);
   const actions = document.createElement("div");
   actions.className = "ui-sidebar-actions";
   actions.append(save, reset);