feat(예정노선): 구역 목록 색 띠 · 이름 칸 · 연도 고름 · 지움 · 측점 글 작게 · 지점 이름 규칙은 Plan.nameError (PLAN 597-2 · 597-3)

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

D03_PlanAnalysis/D03_PlanAnalysis_UI_Style.css

@@ -106,28 +106,6 @@
   gap: 4px;
 }
 
-.d03-plan__piece-head {
-  margin: 6px 0 0;
-  font-weight: 600;
-  color: var(--color-text);
-}
-
-.d03-plan__piece {
-  display: flex;
-  gap: var(--spacing-8);
-  align-items: center;
-  justify-content: space-between;
-}
-
-.d03-plan__piece > .ui-text {
-  margin: 0;
-}
-
-.d03-plan__piece > .ui-field {
-  flex: 0 0 6.5rem;
-  margin: 0;
-}
-
 /* 지형 받기 범위 미리보기 — 카카오 지도 */
 .d03-plan__extent > .ui-text {
   margin: 0 0 6px;
@@ -152,12 +130,6 @@
   margin-bottom: 6px;
 }
 
-/* 580-3 고른 선 · 조각 줄 밝힘 */
-.d03-plan__piece.is-selected {
-  background: var(--color-accent-soft);
-  border-radius: var(--radius-md);
-}
-
 /* 585-2 고른 구간 속성 판 — 도구줄 아래 오른쪽 · 몸 스크롤 · 구간 줄 = 고스트 단추 */
 .d03-plan__props {
   top: calc(var(--spacing-8) * 6);
@@ -188,14 +160,6 @@
   justify-content: flex-start;
 }
 
-.d03-plan__piece[role="button"] {
-  cursor: pointer;
-}
-
-.d03-plan__piece-year {
-  font-weight: 600;
-}
-
 /* 597 지점 칸 — [추가] 머리 · 펼친 줄(이름 · 경도 · 위도) */
 .d03-plan__points-head {
   display: flex;
@@ -231,3 +195,22 @@
 .d03-plan__draw-fields .ui-field {
   margin: 0;
 }
+
+/* 597 구역 · 연도 목록 — 구역 줄(이름 칸 · 연도 고름 · 지움) · 구간 줄(측점 글 작게) */
+.d03-plan__line-tail {
+  display: flex;
+  gap: var(--spacing-4);
+  align-items: center;
+}
+
+.d03-plan__pieces .ui-list-row__label > .ui-field {
+  margin: 0;
+}
+
+.d03-plan__piece-row {
+  padding-left: calc(var(--spacing-8) * 2);
+}
+
+.d03-plan__piece-row .ui-list-row__label {
+  font-size: var(--text-caption);
+}