From 7c9095bf8d87dbd81123e0874719c6066a6b91dd Mon Sep 17 00:00:00 2001
From: kjh2064 <kjh2064@gmail.com>
Date: Sat, 15 Aug 2026 21:15:34 +0900
Subject: [PATCH] style(fe): standardize global grid row heights to 28px and
 header to 30px across AG Grid and table elements

---
 frontend/src/design-system/tokens.css | 46 +++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/frontend/src/design-system/tokens.css b/frontend/src/design-system/tokens.css
index 47967e7d..e63af086 100644
--- a/frontend/src/design-system/tokens.css
+++ b/frontend/src/design-system/tokens.css
@@ -180,3 +180,49 @@
   --ks-font-caption: 13px;
 }
 
+/* AG Grid Global Theme & Density Standardization Rule (AG Grid 통일 규격) */
+.ag-theme-quartz, .ag-theme-alpine {
+  --ag-grid-size: 3px !important;
+  --ag-list-item-height: 28px !important;
+  --ag-header-height: 30px !important;
+  --ag-row-height: 28px !important;
+  --ag-font-size: var(--ks-font-grid) !important;
+  --ag-font-family: var(--ks-font-family-base) !important;
+  --ag-border-color: var(--ks-color-border) !important;
+  --ag-header-background-color: var(--ks-color-canvas) !important;
+  --ag-row-hover-color: var(--ks-color-neutral-100) !important;
+  --ag-selected-row-background-color: rgba(59, 130, 246, 0.1) !important;
+}
+
+/* Raw Table Standard Grid Class for legacy fallback tables */
+.grid-table, .kbx-grid-table, .models-table, .shadow-runs-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: var(--ks-font-grid);
+  background: var(--ks-color-surface);
+  border: 1px solid var(--ks-color-border);
+  border-radius: var(--ks-radius-sm);
+}
+
+.grid-table th, .kbx-grid-table th, .models-table th, .shadow-runs-table th {
+  height: 30px;
+  padding: 0 10px;
+  background-color: var(--ks-color-canvas);
+  border-bottom: 1px solid var(--ks-color-border);
+  font-weight: 600;
+  text-align: left;
+  color: var(--ks-color-text-muted);
+}
+
+.grid-table td, .kbx-grid-table td, .models-table td, .shadow-runs-table td {
+  height: 28px;
+  padding: 0 10px;
+  border-bottom: 1px solid var(--ks-color-border);
+  color: var(--ks-color-text);
+  box-sizing: border-box;
+}
+
+.grid-table tr:hover, .kbx-grid-table tr:hover, .models-table tr:hover, .shadow-runs-table tr:hover {
+  background-color: var(--ks-color-neutral-100);
+}
+