From 658474af713236677ef6ee6e82b63dbd8594b15f Mon Sep 17 00:00:00 2001
From: Hyungi Ahn <hyungiahn@Hyungiui-MacBookPro.local>
Date: Mon, 30 Mar 2026 10:15:33 +0900
Subject: [PATCH] =?UTF-8?q?fix(tkfb):=20Tailwind=20preflight=20=EB=B9=84?=
 =?UTF-8?q?=ED=99=9C=EC=84=B1=ED=99=94=20=E2=80=94=20=ED=85=8C=EC=9D=B4?=
 =?UTF-8?q?=EB=B8=94=20=EB=B9=88=20=ED=96=89=20=EA=B7=BC=EB=B3=B8=20?=
 =?UTF-8?q?=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

preflight의 border-style:solid가 border-collapse 테이블에서
빈 행을 생성하는 문제. preflight:false로 비활성화하고
유틸리티 클래스만 사용. 이전 CSS override(!important) 제거.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../web/pages/attendance/annual-overview.html            | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/system1-factory/web/pages/attendance/annual-overview.html b/system1-factory/web/pages/attendance/annual-overview.html
index c0da6f5..afd949f 100644
--- a/system1-factory/web/pages/attendance/annual-overview.html
+++ b/system1-factory/web/pages/attendance/annual-overview.html
@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>연간 연차 현황 - TK 공장관리</title>
   <script src="https://cdn.tailwindcss.com"></script>
+  <script>tailwind.config = { corePlugins: { preflight: false } }</script>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
   <link rel="stylesheet" href="/static/css/tkfb.css?v=2026031601">
   <style>
@@ -60,21 +61,17 @@
     .dot-longservice { background: #f3e8ff; border: 1px solid #a855f7; }
     .dot-special { background: #fce7f3; border: 1px solid #ec4899; }
 
-    /* 테이블 — Tailwind preflight 충돌 해소 */
+    /* 테이블 */
     .data-table {
       width: 100%;
       border-collapse: collapse;
       font-size: 0.85rem;
       background: white;
     }
-    .data-table, .data-table thead, .data-table tbody, .data-table tr {
-      border: none !important;
-      border-style: none !important;
-    }
     .data-table th, .data-table td {
       padding: 0.6rem 0.5rem;
       text-align: center;
-      border: 1px solid #e5e7eb !important;
+      border: 1px solid #e5e7eb;
     }
     .data-table th {
       background: #f9fafb;