diff --git a/fe-admin/src/components/pe/PeDetailTabs.tsx b/fe-admin/src/components/pe/PeDetailTabs.tsx
index 8ff1a6e..8c148e1 100644
--- a/fe-admin/src/components/pe/PeDetailTabs.tsx
+++ b/fe-admin/src/components/pe/PeDetailTabs.tsx
@@ -339,6 +339,20 @@ export function PeDetailTabs({
         )}
       </div>
 
+      {/* S77 [Bích Phượng hỏi / anh] — phiếu Trả lại ở chế độ XEM không có nút gửi
+          (readOnly → "Lưu & Gửi Duyệt" chỉ hiện khi Sửa). Banner hướng dẫn gửi lại
+          để NV khỏi lạc ("bấm nộp lần 2 chỗ nào"). */}
+      {evaluation.phase === PurchaseEvaluationPhase.TraLai && readOnly && (
+        <div className="m-4 rounded-md border border-amber-300 bg-amber-50 px-4 py-3 text-[13px] text-amber-900">
+          <div className="font-semibold">⚠️ Phiếu đã bị trả lại để chỉnh sửa</div>
+          <div className="mt-1 leading-relaxed">
+            Để <strong>gửi duyệt lại</strong>: ra <strong>danh sách</strong> → bấm <strong>✏️ Sửa</strong> phiếu
+            này (biểu tượng bút chì) → điều chỉnh nội dung cần sửa → bấm <strong>“Lưu &amp; Gửi Duyệt →”</strong> ở
+            cuối phiếu. Lý do trả lại xem ở mục <strong>“Lịch sử”</strong> bên dưới.
+          </div>
+        </div>
+      )}
+
       <div className="divide-y divide-slate-200">
         {/* Section layout (Session 20 Chunk B): Hạng mục nested expand chứa NCC
             (tầng 1 = hạng mục, tầng 2 = NCC tham gia + báo giá inline). NCC
diff --git a/fe-user/src/components/pe/PeDetailTabs.tsx b/fe-user/src/components/pe/PeDetailTabs.tsx
index 8ff1a6e..8c148e1 100644
--- a/fe-user/src/components/pe/PeDetailTabs.tsx
+++ b/fe-user/src/components/pe/PeDetailTabs.tsx
@@ -339,6 +339,20 @@ export function PeDetailTabs({
         )}
       </div>
 
+      {/* S77 [Bích Phượng hỏi / anh] — phiếu Trả lại ở chế độ XEM không có nút gửi
+          (readOnly → "Lưu & Gửi Duyệt" chỉ hiện khi Sửa). Banner hướng dẫn gửi lại
+          để NV khỏi lạc ("bấm nộp lần 2 chỗ nào"). */}
+      {evaluation.phase === PurchaseEvaluationPhase.TraLai && readOnly && (
+        <div className="m-4 rounded-md border border-amber-300 bg-amber-50 px-4 py-3 text-[13px] text-amber-900">
+          <div className="font-semibold">⚠️ Phiếu đã bị trả lại để chỉnh sửa</div>
+          <div className="mt-1 leading-relaxed">
+            Để <strong>gửi duyệt lại</strong>: ra <strong>danh sách</strong> → bấm <strong>✏️ Sửa</strong> phiếu
+            này (biểu tượng bút chì) → điều chỉnh nội dung cần sửa → bấm <strong>“Lưu &amp; Gửi Duyệt →”</strong> ở
+            cuối phiếu. Lý do trả lại xem ở mục <strong>“Lịch sử”</strong> bên dưới.
+          </div>
+        </div>
+      )}
+
       <div className="divide-y divide-slate-200">
         {/* Section layout (Session 20 Chunk B): Hạng mục nested expand chứa NCC
             (tầng 1 = hạng mục, tầng 2 = NCC tham gia + báo giá inline). NCC