From 95f72dc27861fad1614800f35544d3fadd1c6020 Mon Sep 17 00:00:00 2001
From: pqhuy1987 <pqhuy1987@gmail.com>
Date: Wed, 5 Aug 2026 21:28:12 +0700
Subject: [PATCH] [CLAUDE] FE-Admin: KHKK go dai accent doc trai o man Thao tac
 (FE-only, 0-mig)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Anh: "Vien xanh nay trong thao tac -> Chon ke hoach" (anh khoanh do dai doc sat mep panel 2).

Thu pham: `KhkkDetailContent` boc `card-accent` — class nay ve DAI ACCENT DOC 3px ben trai
(`index.css:112`). O man chi tiet no doc ra la "the co gay mau"; nhung o man Thao tac panel 2
nam sat mep nen no thanh mot vet xanh dam chay doc man hinh.

🔴 GO HAN CLASS, KHONG de `border-0`: `.card-accent` nam NGOAI `@layer` nen thang utility
Tailwind v4 — de la vo hieu. Dung gotcha #66, da can that o dot B voi panel duyet.

Do use-vs-mention: `grep -cE 'className=.*card-accent'` = 0 (2 hit con lai la COMMENT giai
thich, khong phai dung that).
🔸 Ghi lai mot phep do SAI CUA LEAD de khoi lap: lead ky vong bundle prod co 0 hit
'card-accent overflow-hidden', do ra 2 => tuong chua an. Truy lai: 2 hit do la
`HardCopiesPage` + `ProposalsListPage` — MODULE KHAC, dung the accent hop le. Ky vong sai,
khong phai code sai. Bai: do chuoi DUNG-CHUNG toan bundle thi phai hoi "con ai dung nua khong"
truoc khi ket luan.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 fe-admin/src/components/khkk/KhkkDetailContent.tsx | 7 ++++++-
 fe-user/src/components/khkk/KhkkDetailContent.tsx  | 7 ++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/fe-admin/src/components/khkk/KhkkDetailContent.tsx b/fe-admin/src/components/khkk/KhkkDetailContent.tsx
index a674f0a..64c7a12 100644
--- a/fe-admin/src/components/khkk/KhkkDetailContent.tsx
+++ b/fe-admin/src/components/khkk/KhkkDetailContent.tsx
@@ -354,7 +354,12 @@ export function KhkkDetailContent({
   // `plan.workflowSteps` VẪN có trong DTO (panel 3 dùng) — chỉ bỏ chỗ VẼ ở đây.
 
   return (
-    <div className="card-accent overflow-hidden" style={{ ['--accent' as string]: 'var(--color-brand-500)' }}>
+    // [S175 — anh: "Viền xanh này trong thao tác → Chọn kế hoạch"] GỠ `card-accent`.
+    // Class này vẽ DẢI ACCENT DỌC 3px bên trái (`index.css:112`); ở màn Thao tác nó nằm sát
+    // mép panel 2 nên đọc ra thành một vệt xanh đậm chạy dọc màn hình, không ra "thẻ".
+    // 🔴 GỠ HẲN CLASS, KHÔNG đè `border-0`: `.card-accent` nằm NGOÀI `@layer` nên thắng
+    // utility Tailwind v4 — đè là vô hiệu (gotcha #66, đã cắn thật ở đợt B với panel duyệt).
+    <div className="overflow-hidden">
       {/* Dải 4 giai-đoạn — GĐ2 đang sáng. Cùng component với màn Duyệt NCC (không nhân bản). */}
       <PePipelineStrip current={2} />
 
diff --git a/fe-user/src/components/khkk/KhkkDetailContent.tsx b/fe-user/src/components/khkk/KhkkDetailContent.tsx
index a674f0a..64c7a12 100644
--- a/fe-user/src/components/khkk/KhkkDetailContent.tsx
+++ b/fe-user/src/components/khkk/KhkkDetailContent.tsx
@@ -354,7 +354,12 @@ export function KhkkDetailContent({
   // `plan.workflowSteps` VẪN có trong DTO (panel 3 dùng) — chỉ bỏ chỗ VẼ ở đây.
 
   return (
-    <div className="card-accent overflow-hidden" style={{ ['--accent' as string]: 'var(--color-brand-500)' }}>
+    // [S175 — anh: "Viền xanh này trong thao tác → Chọn kế hoạch"] GỠ `card-accent`.
+    // Class này vẽ DẢI ACCENT DỌC 3px bên trái (`index.css:112`); ở màn Thao tác nó nằm sát
+    // mép panel 2 nên đọc ra thành một vệt xanh đậm chạy dọc màn hình, không ra "thẻ".
+    // 🔴 GỠ HẲN CLASS, KHÔNG đè `border-0`: `.card-accent` nằm NGOÀI `@layer` nên thắng
+    // utility Tailwind v4 — đè là vô hiệu (gotcha #66, đã cắn thật ở đợt B với panel duyệt).
+    <div className="overflow-hidden">
       {/* Dải 4 giai-đoạn — GĐ2 đang sáng. Cùng component với màn Duyệt NCC (không nhân bản). */}
       <PePipelineStrip current={2} />