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

@@ -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);
+}
+