refactor(M02): 흐린 글 span · div · p 26 곳을 보조 글 부품으로 (PLAN 553-8 ①)

- DataFlow 입력 · 출력 · 검증 패널의 옛 __muted 셋(dfip 21 · dfout 2 · dfver 3) = ui-text ui-text--muted (입력 쪽은 글 14)
- 죽은 CSS 셋 걷음 · 지킴 시험 test_553_5 에 한 건 더함

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

M02_MasterTemplete/DataFlow/M02_DF_InputPanel_Material.ts

@@ -178,7 +178,7 @@ function itemList(
 ): HTMLElement {
   const q = createInputField({ type: "search", placeholder: t("Search"), compact: true });
   const list = el("div", { className: "m02-dfip__list" });
-  const info = el("span", { className: "m02-dfip__muted" });
+  const info = el("span", { className: "ui-text ui-text--muted", attrs: { "data-text": "14" } });
   let page = 1;
   let seq = 0;
   const own = base ? null : scopeBoxes({ sub: "", detail: "" }, () => ((page = 1), void load()));
@@ -222,11 +222,16 @@ function itemList(
                     className: "m02-dfip__name",
                     children: [
                       el("strong", { text: it.name }),
-                      el("span", { className: "m02-dfip__muted", text: ` ${it.spec}` }),
+                      el("span", {
+                        className: "ui-text ui-text--muted",
+                        attrs: { "data-text": "14" },
+                        text: ` ${it.spec}`,
+                      }),
                     ],
                   }),
                   el("span", {
-                    className: "m02-dfip__muted",
+                    className: "ui-text ui-text--muted",
+                    attrs: { "data-text": "14" },
                     text: `${it.price === null ? "" : fmt(it.price)} ${it.unit}`.trim(),
                   }),
                 ],
@@ -396,7 +401,10 @@ export function renderMaterial(
       ...(els.length
         ? els.map((e) => {
             const val = el("strong", { className: "m02-dfip__value", text: "—" });
-            const note = el("span", { className: "m02-dfip__muted" });
+            const note = el("span", {
+              className: "ui-text ui-text--muted",
+              attrs: { "data-text": "14" },
+            });
             const kind =
               e.mode === "choice" ? t("Choice") : e.mode === "rule" ? t("Rule") : t("Fixed");
             const row = el("div", {
@@ -416,7 +424,11 @@ export function renderMaterial(
                   ],
                 }),
                 val,
-                el("span", { className: "m02-dfip__muted", text: e.unit || "-" }),
+                el("span", {
+                  className: "ui-text ui-text--muted",
+                  attrs: { "data-text": "14" },
+                  text: e.unit || "-",
+                }),
                 createButton({
                   label: t("Remove"),
                   variant: "ghost",
@@ -600,7 +612,8 @@ export function renderMaterial(
     });
     body.replaceChildren(
       el("p", {
-        className: "m02-dfip__muted",
+        className: "ui-text ui-text--muted",
+        attrs: { "data-text": "14" },
         text: mode === "choice" ? t("ChoiceHelp") : t("RuleHelp"),
       }),
       name.root,