[CLAUDE] Contract: UAT S174 vong-4 — Thao tac chi 3 trang-thai mo + go vien card cua cay KHKK

1. Tang duoi man Thao tac: DANH-SACH-TRANG 3 trang-thai — anh: "cho thao tac chi hien tra
   lai va nhap, tu choi thoi nhe" => {DangSoanThao, TraLai, TuChoi}. `ChoDuyet` CUNG bi loai
   (khac vong-3 chi bo `DaDuyet`): phieu dang trinh duyet thi nguoi soan khong thao tac gi
   duoc nua.
   🔴 Doi tu LOAI-TRU sang DANH-SACH-TRANG la CO CHU DICH: loai-tru (`!== DaDuyet`) se tu
   dong NHAN moi phase them ve sau; danh-sach-trang thi phase moi phai khai TUONG MINH moi
   hien. O man chi nen chua viec CON SUA DUOC, im lang nhan them la hong => chon ve chat.
   Tieu-de doi thanh "KHKK · nhap / tra lai / tu choi" — noi DUNG tap dang hien, de nguoi
   dung biet ngay vi sao phieu vua gui duyet "bien mat".

2. Cay toan trinh trong man Danh sach KHKK: GO vo card — anh: "style cho no giong nhau dong
   bo nhe, style ben KHKK co cai vien ben ngoai".
   🔴 GOC RE + BAI HOC: truoc do da truyen `className="border-0 shadow-none"` voi Y DINH tat
   vo card, nhung `.card-accent` khai o `index.css:112` NAM NGOAI `@layer` nen THANG utility
   cua Tailwind v4 => lenh tat bi VO HIEU IM LANG. Day dung la gotcha #66 cua chinh repo
   (rule tho ngoai @layer thang utility). Fix = GO CLASS theo dieu kien (`!hideHeader &&
   'card-accent lg:sticky lg:top-4'`), KHONG de bang utility.
   `hideHeader` nay mang dung nghia "dang NHUNG trong panel khac" => bo ca vo card lan sticky
   cho lien mach voi host, y nhu cay ben Duyet NCC. 6 host con lai khong truyen => nguyen ven.

Verify: build 2 app PASS; mirror SHA256 3/3 cap KHOP; grep xac nhan `card-accent` nay nam
sau dieu kien `!hideHeader`.

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

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"
     >