[CLAUDE] PurchaseEvaluation: Mig 56 ngan sach MA TRAN 3 cot (Du an|PRO|CCM) + badge quyen NS theo role

S76 (anh Kiet FDC + chi Tra Sol) — form ngan sach + hien thi quyen nhap NS trong flow:
- Part 1: form ngan sach -> MA TRAN 3 cot, moi phong nhap+dieu chinh cot minh
  (PRO canEditPro / CCM canEditCcm / Du an FE hien-thi-only). Mig 56
  +ProInitialAmount/ProAdjustmentAmount (additive-nullable + data-migrate
  ProEstimate->ProInitial). full moi cot = ban hanh + hieu chinh.
- Part 2: Workflow Designer (fe-admin) +badge "NS PRO/CCM" canh approver
  (suy tu role Admin|Procurement / Admin|CostControl, hien-thi-only no-authz).
- Part 3: flow quy trinh fe-user/fe-admin (Duyet NCC) +badge tuong tu.
- Fix race mat-du-lieu Part 1 (useIsFetching khoa Luu khi refetch — dong
  cua-so stale-echo, reviewer Part2/3 bat).
- Test 339->344 (+5). 2 workflow review (Part 1 PASS + Part 2/3 PASS).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

fe-admin/src/pages/system/ApprovalWorkflowsV2Page.tsx

@@ -51,6 +51,9 @@ type LevelDto = {
   allowApproverEditDetails: boolean
   allowApproverEditBudget: boolean
   allowApproverSkipToFinal: boolean
+  // [S76] Hiển thị-only: approver được nhập/điều chỉnh ngân sách cột nào (suy từ role).
+  canEditProBudget: boolean
+  canEditCcmBudget: boolean
 }
 type StepDto = {
   id: string
@@ -443,13 +446,20 @@ function DefinitionCard({
                           </span>
                           <div className="flex-1 space-y-0.5">
                             {group.map(l => (
-                              <div key={l.id} className="flex items-center gap-1.5">
+                              <div key={l.id} className="flex flex-wrap items-center gap-1.5">
                                 <span className="font-medium text-slate-800">
                                   {l.approverUserName ?? l.approverUserId}
                                 </span>
                                 {l.approverEmail && (
                                   <span className="text-[10px] text-slate-400">({l.approverEmail})</span>
                                 )}
+                                {/* [S76] Badge quyền nhập/điều chỉnh ngân sách (hiển thị-only, suy từ role) */}
+                                {l.canEditProBudget && (
+                                  <span className="rounded bg-amber-100 px-1.5 py-0.5 text-[9px] font-semibold text-amber-700" title="Được nhập/điều chỉnh ngân sách cột PRO">✎ NS PRO</span>
+                                )}
+                                {l.canEditCcmBudget && (
+                                  <span className="rounded bg-sky-100 px-1.5 py-0.5 text-[9px] font-semibold text-sky-700" title="Được nhập/điều chỉnh ngân sách cột CCM">✎ NS CCM</span>
+                                )}
                               </div>
                             ))}
                           </div>