fix(ui): B04~B06 사이드 컨테이너 외곽선 일원화 — 로컬 border가 공통 색 덮던 문제

직전 커밋(673487c)의 시인성 개선이 B07에만 보이던 원인(2026-08-06 사용자
보고): B04/B05/B06 페이지 CSS가 border 전체 선언(1px solid --color-border)을
갖고 있어, 로드 순서상 공통 클래스(ui-sidebar-section)의 진한 border-color를
덮었다. B07은 로컬 선언이 없어 공통이 그대로 보였던 것.

세 페이지의 로컬 border 선언을 제거해 테두리를 공통 클래스가 전담하도록
일원화. 라운드·패딩·배경 등 형태는 각 페이지에 그대로 둠.

실측: B04·B05·B06 사이드 컨테이너 외곽선 선명 확인, 콘솔 에러 0.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

B04_wf1_Surface/B04_wf1_Surface_UI_Style.css

@@ -21,7 +21,9 @@
   gap: var(--spacing-8);
   margin: 0;
   padding: var(--spacing-16);
-  border: 1px solid var(--color-border);
+  /* 테두리는 공통 ui-sidebar-section(ui_template_overlay.css)이 전담한다 — 여기서
+     border 전체 선언을 다시 쓰면 로드 순서상 공통 색(진한 혼합)을 덮어 흐려진다
+     (2026-08-06 사용자 보고: B04~B06만 시인성 개선이 안 보이던 원인). */
   border-radius: var(--radius-cards);
   background-color: var(--color-surface-raised);
 }

B05_wf2_Route/B05_wf2_Route_UI_Style.css

@@ -224,7 +224,8 @@
   min-width: 0;
   gap: var(--spacing-8);
   padding: calc(var(--spacing-8) + var(--spacing-4));
-  border: 1px solid var(--color-border);
+  /* 테두리는 공통 ui-sidebar-section이 전담 — 로컬 border 선언이 공통 색을 덮던
+     문제 제거(2026-08-06 사용자 보고). */
   border-radius: var(--radius-cards);
   background: var(--color-surface-raised);
 }

B06_wf3_ProfileCross/B06_wf3_ProfileCross_UI_Style.css

@@ -37,7 +37,8 @@
   gap: var(--spacing-16);
   margin: 0;
   padding: var(--spacing-16);
-  border: 1px solid var(--color-border);
+  /* 테두리는 공통 ui-sidebar-section이 전담 — 로컬 border 선언이 공통 색을 덮던
+     문제 제거(2026-08-06 사용자 보고). */
   border-radius: var(--radius-cards);
   background-color: var(--color-surface-raised);
 }