diff --git a/fe-admin/src/components/khkk/KhkkListPanel.tsx b/fe-admin/src/components/khkk/KhkkListPanel.tsx
index a01cdb7..7088dbd 100644
--- a/fe-admin/src/components/khkk/KhkkListPanel.tsx
+++ b/fe-admin/src/components/khkk/KhkkListPanel.tsx
@@ -291,7 +291,6 @@ export function KhkkListPanel({
         {!flatMode && (
           <PipelineTreePanel
             currentStage={2}
-            className="border-0 shadow-none"
             hideHeader
             bodyMaxHClass="max-h-[28rem] lg:max-h-none"
             stage2Options={{ stage2Content, stage2Count, onOpenKhkk: onSelect }}
diff --git a/fe-admin/src/components/khkk/KhkkWorkListPanel.tsx b/fe-admin/src/components/khkk/KhkkWorkListPanel.tsx
index e3a4c8f..58d24ac 100644
--- a/fe-admin/src/components/khkk/KhkkWorkListPanel.tsx
+++ b/fe-admin/src/components/khkk/KhkkWorkListPanel.tsx
@@ -124,14 +124,19 @@ export function KhkkWorkListPanel({
     else byProject.set(key, [pe])
   }
 
-  // [S174 owner] "đã duyệt bỏ đi luôn" — tầng dưới chỉ giữ kế hoạch CHƯA xong việc
-  // (nháp / chờ duyệt / trả lại / từ chối). Phiếu `DaDuyet` đã hết việc ở màn Thao tác.
-  // 🔴 KHAI GIỚI-HẠN (lọc ở FE): endpoint chỉ nhận `phase` ĐƠN, không có tham số "loại trừ"
-  // ⇒ (1) `plans.data.total` của server ĐÃ GỒM phiếu DaDuyet nên KHÔNG được dùng làm số
-  // hiển thị — đếm từ chính mảng đã lọc; (2) cửa-sổ 30 phiếu mới nhất có thể TOÀN DaDuyet,
-  // khi đó tầng dưới rỗng dù còn phiếu nháp cũ hơn. Chấp nhận ở UAT; muốn chuẩn thì BE thêm
-  // tham số loại-trừ rồi lọc SERVER-SIDE.
-  const planItems = (plans.data?.items ?? []).filter((k) => k.phase !== KhkkPhase.DaDuyet)
+  // [S174 owner] "chỗ thao tác chỉ hiển trả lại và nháp, từ chối thôi nhé" ⇒ DANH-SÁCH-TRẮNG
+  // 3 trạng thái, KHÔNG phải loại-trừ. 🔴 Đổi từ loại-trừ sang danh-sách-trắng là CÓ CHỦ ĐÍCH:
+  // loại-trừ (`!== DaDuyet`) sẽ tự động NHẬN mọi phase mới thêm về sau; danh-sách-trắng thì
+  // phase mới phải được khai TƯỜNG MINH mới hiện. Ở màn Thao tác — nơi chỉ nên có việc CÒN
+  // SỬA ĐƯỢC — im lặng nhận thêm là hỏng, nên chọn vế chặt.
+  // 🔸 `ChoDuyet` CŨNG bị loại (khác lượt trước chỉ bỏ `DaDuyet`): phiếu đang trình duyệt thì
+  //    người soạn không thao tác gì được nữa.
+  // 🔴 KHAI GIỚI-HẠN (lọc ở FE): endpoint chỉ nhận `phase` ĐƠN, không nhận nhiều ⇒ (1) KHÔNG
+  //    dùng `plans.data.total` làm số hiển thị (nó đếm MỌI phase) — đếm từ mảng đã lọc;
+  //    (2) cửa-sổ 30 phiếu mới nhất có thể toàn phiếu đã duyệt ⇒ tầng dưới rỗng dù còn nháp
+  //    cũ hơn. Chấp nhận ở UAT; muốn chuẩn thì BE nhận `phases[]` rồi lọc SERVER-SIDE.
+  const OPEN_PHASES: number[] = [KhkkPhase.DangSoanThao, KhkkPhase.TraLai, KhkkPhase.TuChoi]
+  const planItems = (plans.data?.items ?? []).filter((k) => OPEN_PHASES.includes(k.phase))
 
   return (
     <aside className="flex min-h-0 flex-col overflow-hidden border-r border-slate-200 bg-white">
@@ -214,7 +219,9 @@ export function KhkkWorkListPanel({
           <div className="shrink-0 border-t-2 border-slate-200" />
 
           <Tier
-            title="Kế hoạch ký kết đang xử lý"
+            // Tên nói ĐÚNG tập đang hiện, không nói chung chung — người đọc phải biết ngay
+            // vì sao phiếu họ vừa gửi duyệt "biến mất" khỏi đây.
+            title="KHKK · nháp / trả lại / từ chối"
             // Đếm từ mảng ĐÃ LỌC, KHÔNG lấy `total` của server (xem khối lọc phía trên).
             count={plans.data ? planItems.length : null}
             accent="bg-violet-50 text-violet-600"
diff --git a/fe-admin/src/components/pipeline/PipelineTreePanel.tsx b/fe-admin/src/components/pipeline/PipelineTreePanel.tsx
index f387a11..8b6e4cd 100644
--- a/fe-admin/src/components/pipeline/PipelineTreePanel.tsx
+++ b/fe-admin/src/components/pipeline/PipelineTreePanel.tsx
@@ -192,7 +192,17 @@ export function PipelineTreePanel({
 
   return (
     <aside
-      className={cn('card-accent flex flex-col self-start overflow-hidden lg:sticky lg:top-4', className)}
+      className={cn(
+        'flex flex-col self-start overflow-hidden',
+        // [S174 owner] "style cho nó giống nhau đồng bộ nhé, style bên KHKK có cái viền bên
+        // ngoài" — `hideHeader` = đang NHÚNG trong panel khác ⇒ bỏ vỏ card + sticky để liền
+        // mạch với host, y như cây bên Duyệt NCC.
+        // 🔴 KHÔNG vá bằng cách truyền `border-0 shadow-none`: `.card-accent` khai ở
+        // `index.css:112` NẰM NGOÀI `@layer` nên THẮNG utility của Tailwind v4 (gotcha #66)
+        // ⇒ cách đó bị vô hiệu IM LẶNG (đúng thứ vừa xảy ra). Phải GỠ CLASS, không đè.
+        !hideHeader && 'card-accent lg:sticky lg:top-4',
+        className,
+      )}
       style={{ ['--accent' as string]: 'var(--color-brand-500)' }}
       aria-label="Cây toàn trình theo gói thầu"
     >
diff --git a/fe-user/src/components/khkk/KhkkListPanel.tsx b/fe-user/src/components/khkk/KhkkListPanel.tsx
index a01cdb7..7088dbd 100644
--- a/fe-user/src/components/khkk/KhkkListPanel.tsx
+++ b/fe-user/src/components/khkk/KhkkListPanel.tsx
@@ -291,7 +291,6 @@ export function KhkkListPanel({
         {!flatMode && (
           <PipelineTreePanel
             currentStage={2}
-            className="border-0 shadow-none"
             hideHeader
             bodyMaxHClass="max-h-[28rem] lg:max-h-none"
             stage2Options={{ stage2Content, stage2Count, onOpenKhkk: onSelect }}
diff --git a/fe-user/src/components/khkk/KhkkWorkListPanel.tsx b/fe-user/src/components/khkk/KhkkWorkListPanel.tsx
index e3a4c8f..58d24ac 100644
--- a/fe-user/src/components/khkk/KhkkWorkListPanel.tsx
+++ b/fe-user/src/components/khkk/KhkkWorkListPanel.tsx
@@ -124,14 +124,19 @@ export function KhkkWorkListPanel({
     else byProject.set(key, [pe])
   }
 
-  // [S174 owner] "đã duyệt bỏ đi luôn" — tầng dưới chỉ giữ kế hoạch CHƯA xong việc
-  // (nháp / chờ duyệt / trả lại / từ chối). Phiếu `DaDuyet` đã hết việc ở màn Thao tác.
-  // 🔴 KHAI GIỚI-HẠN (lọc ở FE): endpoint chỉ nhận `phase` ĐƠN, không có tham số "loại trừ"
-  // ⇒ (1) `plans.data.total` của server ĐÃ GỒM phiếu DaDuyet nên KHÔNG được dùng làm số
-  // hiển thị — đếm từ chính mảng đã lọc; (2) cửa-sổ 30 phiếu mới nhất có thể TOÀN DaDuyet,
-  // khi đó tầng dưới rỗng dù còn phiếu nháp cũ hơn. Chấp nhận ở UAT; muốn chuẩn thì BE thêm
-  // tham số loại-trừ rồi lọc SERVER-SIDE.
-  const planItems = (plans.data?.items ?? []).filter((k) => k.phase !== KhkkPhase.DaDuyet)
+  // [S174 owner] "chỗ thao tác chỉ hiển trả lại và nháp, từ chối thôi nhé" ⇒ DANH-SÁCH-TRẮNG
+  // 3 trạng thái, KHÔNG phải loại-trừ. 🔴 Đổi từ loại-trừ sang danh-sách-trắng là CÓ CHỦ ĐÍCH:
+  // loại-trừ (`!== DaDuyet`) sẽ tự động NHẬN mọi phase mới thêm về sau; danh-sách-trắng thì
+  // phase mới phải được khai TƯỜNG MINH mới hiện. Ở màn Thao tác — nơi chỉ nên có việc CÒN
+  // SỬA ĐƯỢC — im lặng nhận thêm là hỏng, nên chọn vế chặt.
+  // 🔸 `ChoDuyet` CŨNG bị loại (khác lượt trước chỉ bỏ `DaDuyet`): phiếu đang trình duyệt thì
+  //    người soạn không thao tác gì được nữa.
+  // 🔴 KHAI GIỚI-HẠN (lọc ở FE): endpoint chỉ nhận `phase` ĐƠN, không nhận nhiều ⇒ (1) KHÔNG
+  //    dùng `plans.data.total` làm số hiển thị (nó đếm MỌI phase) — đếm từ mảng đã lọc;
+  //    (2) cửa-sổ 30 phiếu mới nhất có thể toàn phiếu đã duyệt ⇒ tầng dưới rỗng dù còn nháp
+  //    cũ hơn. Chấp nhận ở UAT; muốn chuẩn thì BE nhận `phases[]` rồi lọc SERVER-SIDE.
+  const OPEN_PHASES: number[] = [KhkkPhase.DangSoanThao, KhkkPhase.TraLai, KhkkPhase.TuChoi]
+  const planItems = (plans.data?.items ?? []).filter((k) => OPEN_PHASES.includes(k.phase))
 
   return (
     <aside className="flex min-h-0 flex-col overflow-hidden border-r border-slate-200 bg-white">
@@ -214,7 +219,9 @@ export function KhkkWorkListPanel({
           <div className="shrink-0 border-t-2 border-slate-200" />
 
           <Tier
-            title="Kế hoạch ký kết đang xử lý"
+            // Tên nói ĐÚNG tập đang hiện, không nói chung chung — người đọc phải biết ngay
+            // vì sao phiếu họ vừa gửi duyệt "biến mất" khỏi đây.
+            title="KHKK · nháp / trả lại / từ chối"
             // Đếm từ mảng ĐÃ LỌC, KHÔNG lấy `total` của server (xem khối lọc phía trên).
             count={plans.data ? planItems.length : null}
             accent="bg-violet-50 text-violet-600"
diff --git a/fe-user/src/components/pipeline/PipelineTreePanel.tsx b/fe-user/src/components/pipeline/PipelineTreePanel.tsx
index f387a11..8b6e4cd 100644
--- a/fe-user/src/components/pipeline/PipelineTreePanel.tsx
+++ b/fe-user/src/components/pipeline/PipelineTreePanel.tsx
@@ -192,7 +192,17 @@ export function PipelineTreePanel({
 
   return (
     <aside
-      className={cn('card-accent flex flex-col self-start overflow-hidden lg:sticky lg:top-4', className)}
+      className={cn(
+        'flex flex-col self-start overflow-hidden',
+        // [S174 owner] "style cho nó giống nhau đồng bộ nhé, style bên KHKK có cái viền bên
+        // ngoài" — `hideHeader` = đang NHÚNG trong panel khác ⇒ bỏ vỏ card + sticky để liền
+        // mạch với host, y như cây bên Duyệt NCC.
+        // 🔴 KHÔNG vá bằng cách truyền `border-0 shadow-none`: `.card-accent` khai ở
+        // `index.css:112` NẰM NGOÀI `@layer` nên THẮNG utility của Tailwind v4 (gotcha #66)
+        // ⇒ cách đó bị vô hiệu IM LẶNG (đúng thứ vừa xảy ra). Phải GỠ CLASS, không đè.
+        !hideHeader && 'card-accent lg:sticky lg:top-4',
+        className,
+      )}
       style={{ ['--accent' as string]: 'var(--color-brand-500)' }}
       aria-label="Cây toàn trình theo gói thầu"
     >