From dd24f55734fa0466caacff0384373674b1b1b373 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9C=A0=EB=B3=91=EC=B2=A0?= <zomking@gmail.com>
Date: Fri, 20 Mar 2026 10:12:32 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20[accounting]=20=EC=86=90=EC=9D=B5?=
 =?UTF-8?q?=EA=B3=84=EC=82=B0=EC=84=9C=20=ED=85=8C=EC=9D=B4=EB=B8=94=20?=
 =?UTF-8?q?=ED=96=89=20hover=20=EC=A0=9C=EA=B1=B0=20+=20=EC=A0=84=EC=9B=94?=
 =?UTF-8?q?=20=ED=97=A4=EB=8D=94=20=EB=85=B9=EC=83=89=20=ED=86=B5=EC=9D=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../accounting/IncomeStatement/MonthlyView.tsx   | 16 ++++++++--------
 .../accounting/IncomeStatement/PeriodView.tsx    |  6 +++---
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/accounting/IncomeStatement/MonthlyView.tsx b/src/components/accounting/IncomeStatement/MonthlyView.tsx
index ef1eaff4..5d74d5f5 100644
--- a/src/components/accounting/IncomeStatement/MonthlyView.tsx
+++ b/src/components/accounting/IncomeStatement/MonthlyView.tsx
@@ -90,7 +90,7 @@ function SingleMonthView({
           <TableBody>
             {sections.map((section) => {
               const isHighlight = HIGHLIGHT_CODES.includes(section.code);
-              const highlightClass = isHighlight ? 'bg-green-50' : '';
+              const highlightClass = isHighlight ? 'bg-green-50 hover:bg-green-50' : 'hover:bg-transparent';
 
               // 계산 항목 또는 세부과목 없는 항목
               if (section.items.length === 0) {
@@ -136,7 +136,7 @@ function SingleMonthSectionRows({
 }) {
   return (
     <>
-      <TableRow>
+      <TableRow className="hover:bg-transparent">
         <TableCell className="text-xs md:text-sm font-semibold">
           {section.code}. {section.name}
         </TableCell>
@@ -146,7 +146,7 @@ function SingleMonthSectionRows({
       {section.items.map((item, idx) => {
         const isLast = idx === lastIdx;
         return (
-          <TableRow key={item.code}>
+          <TableRow key={item.code} className="hover:bg-transparent">
             <TableCell className="text-xs md:text-sm pl-8 text-muted-foreground">
               {item.name}
             </TableCell>
@@ -221,17 +221,17 @@ function AllMonthsView({
         <div style={{ minWidth: `${200 + months.length * 120}px` }}>
           <Table>
             <TableHeader>
-              <TableRow>
+              <TableRow className="bg-green-700 hover:bg-green-700">
                 <TableHead
-                  className="font-semibold text-xs md:text-sm sticky left-0 z-20 bg-background min-w-[200px]"
+                  className="font-semibold text-xs md:text-sm text-white sticky left-0 z-20 bg-green-700 min-w-[200px]"
                   style={{ boxShadow: '2px 0 4px -2px rgba(0,0,0,0.1)' }}
                 >
-                  과목
+                  과 목
                 </TableHead>
                 {months.map((m) => (
                   <TableHead
                     key={m.month}
-                    className="font-semibold text-right text-xs md:text-sm min-w-[110px] whitespace-nowrap"
+                    className="font-semibold text-right text-xs md:text-sm text-white min-w-[110px] whitespace-nowrap"
                   >
                     {m.label}
                   </TableHead>
@@ -247,7 +247,7 @@ function AllMonthsView({
                 return (
                   <TableRow
                     key={`${row.sectionCode}-${row.code}`}
-                    className={`${highlightClass} ${sectionBg}`.trim() || undefined}
+                    className={`hover:bg-transparent ${highlightClass} ${sectionBg}`.trim()}
                   >
                     <TableCell
                       className={`text-xs md:text-sm sticky left-0 z-10 bg-inherit ${
diff --git a/src/components/accounting/IncomeStatement/PeriodView.tsx b/src/components/accounting/IncomeStatement/PeriodView.tsx
index fbb7aafa..a5d5f116 100644
--- a/src/components/accounting/IncomeStatement/PeriodView.tsx
+++ b/src/components/accounting/IncomeStatement/PeriodView.tsx
@@ -121,7 +121,7 @@ function SectionRows({
   hasItems,
   showPrevious,
 }: SectionRowsProps) {
-  const highlightClass = isHighlight ? 'bg-green-50' : '';
+  const highlightClass = isHighlight ? 'bg-green-50 hover:bg-green-50' : 'hover:bg-transparent';
 
   // 계산 항목 (III, V, VIII, X 등) — 소계열에만 금액 표시
   if (!hasItems && isHighlight) {
@@ -175,7 +175,7 @@ function SectionRows({
   return (
     <>
       {/* 섹션 헤더 — 금액 표시 안 함 */}
-      <TableRow>
+      <TableRow className="hover:bg-transparent">
         <TableCell className="text-xs md:text-sm font-semibold">
           {code}. {name}
         </TableCell>
@@ -192,7 +192,7 @@ function SectionRows({
       {items.map((item, idx) => {
         const isLast = idx === lastIdx;
         return (
-          <TableRow key={item.code}>
+          <TableRow key={item.code} className="hover:bg-transparent">
             <TableCell className="text-xs md:text-sm pl-8 text-muted-foreground">
               {item.name}
             </TableCell>