feat(B07): 평면도 관리 모달 종류 드롭다운 상세 · 장 한 블록 · 끌어 놓기 종류 순서(140-2)

- 맨 위 [종류 ▼] 상세 폼 · × 대신 폼 안 [지우기]
- 평면도 장 = 종류마다 한 줄 [≡] 이름 [1][2] · 장 단추 누르면 미리보기 + 드롭다운 따라감
- 줄 끌어 놓기 = 종류 순서 · 놓는 즉시 PUT plan-kinds-order(reorder_kinds) · 번호 바뀐 장 확정 풂

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

B07_DesignDetail/B07_DesignDetail_UI_Style.css

@@ -310,6 +310,56 @@
   color: var(--color-success);
 }
 
+/* 「평면도 장」 한 블록(140-2) — 종류마다 한 줄 [≡] 이름 [1][2] · 줄 끌어 놓기 = 종류 순서 */
+.b07-plan-manage__row {
+  padding: 2px var(--spacing-4);
+  border: 1px solid transparent;
+  border-radius: var(--radius-buttons);
+}
+
+.b07-plan-manage__row[data-active="true"] {
+  border-color: var(--color-border);
+  background: var(--color-mist-violet);
+}
+
+.b07-plan-manage__row[data-drop="before"] {
+  box-shadow: inset 0 2px 0 var(--color-primary);
+}
+
+.b07-plan-manage__row[data-drop="after"] {
+  box-shadow: inset 0 -2px 0 var(--color-primary);
+}
+
+.b07-plan-manage__grip {
+  color: var(--color-text-muted);
+  cursor: grab;
+}
+
+.b07-plan-manage__sheet {
+  min-width: 26px;
+  padding: 2px var(--spacing-4);
+  border: 1px solid var(--color-border);
+  border-left: 3px solid transparent;
+  border-radius: var(--radius-buttons);
+  background: var(--color-surface);
+  color: var(--color-text);
+  font-size: var(--text-caption);
+  cursor: pointer;
+}
+
+.b07-plan-manage__sheet.b07-plan-kind__name {
+  text-align: left;
+}
+
+.b07-plan-manage__sheet[data-confirmed="true"] {
+  border-left-color: var(--color-success);
+}
+
+.b07-plan-manage__sheet[data-active="true"] {
+  color: var(--color-primary);
+  border-color: var(--color-primary);
+}
+
 .b07-plan-tools__block {
   display: flex;
   flex-direction: column;