feat(m02-df): 단가산출 흐름도(시험) 들어가는 길 · 페이지 · 상세 내용 머리

- 시험판 ▾ 목록 「단가산출 흐름도(시험)」 · main.py DataFlow 서버 등록 줄
- 페이지 제목 「단가산출 흐름도」 · 단추 공용 작은 크기(size "sm") · 큰 단추 css 덮기 없앰
- 상세 내용(옛 「고른 상자」) — 머리 왼쪽 「상세 내용」 · 오른쪽 고른 상자 제목 · 알약이면 알약 이름 · 설정 · 본문 · 경고 차례
- 고름 = 상자 · 선 · 알약 — 종류마다 판을 바꿔 끼움(선 = 보내는 곳 · 받는 곳 · 선 규칙 글 · 알약 = 온 길 · 가는 길)
- 경고 = 검사 · 계산 글 가운데 고른 것 몫만

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

M02_MasterTemplete/DataFlow/M02_DF_Entry.css

@@ -67,12 +67,6 @@
   padding: var(--spacing-16) var(--spacing-24) var(--spacing-24);
 }
 
-.m02-df__big {
-  min-height: 56px;
-  padding: 0 var(--spacing-24);
-  font-size: var(--text-body);
-}
-
 /* 시작 화면 */
 .m02-df__start {
   display: grid;
@@ -218,3 +212,72 @@
   background: none;
   cursor: pointer;
 }
+
+/* 상세 내용 — 머리(왼쪽 「상세 내용」 · 오른쪽 고른 상자 제목 · 알약 이름) · 설정 · 본문 · 경고 */
+.m02-df__detail-head {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: var(--spacing-12);
+  padding: var(--spacing-8) var(--spacing-12);
+  border-bottom: 1px solid var(--color-border);
+}
+
+.m02-df__detail-head h3 {
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+
+.m02-df__detail-name {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  justify-content: flex-end;
+  gap: var(--spacing-8);
+}
+
+.m02-df__detail-pill {
+  color: var(--color-text-secondary);
+  font-size: var(--text-body-sm);
+}
+
+.m02-df__detail-row {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+  padding: var(--spacing-8) 0;
+  border-bottom: 1px dashed var(--color-border);
+}
+
+.m02-df__detail-row:last-child {
+  border-bottom: 0;
+}
+
+.m02-df__detail-row h4 {
+  margin: 0;
+  color: var(--color-text-secondary);
+  font-size: var(--text-body-sm);
+}
+
+.m02-df__detail-warn {
+  margin: 0;
+  padding-left: var(--spacing-16);
+  font-size: var(--text-body-sm);
+}
+
+.m02-df__detail-dl {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: var(--spacing-4) var(--spacing-12);
+  margin: 0;
+}
+
+.m02-df__detail-dl dd {
+  margin: 0;
+}
+
+.m02-df__detail-trace {
+  margin: 0;
+  padding-left: var(--spacing-16);
+}