/* ── StarEIP DevExtreme DataGrid Theme ────────────────────────────────── */
/* Global styles applied to all DataGrid instances via root layout import */

/* Remove outer grid border */
.dx-datagrid {
  border: none;
}

/* Compact row padding → ~36px row height */
.dx-datagrid-rowsview .dx-row > td {
  padding: 6px 8px;
  border-bottom: 1px solid #f0f0f0;
}

/* Subtle alternating row tint */
.dx-datagrid-rowsview .dx-row-alt > td {
  background-color: #fafbfc;
}

/* Subtle row hover */
.dx-datagrid-rowsview .dx-data-row:hover > td {
  background-color: #f9f9f9;
}

/* Selected/focused row */
.dx-datagrid-rowsview .dx-row-focused > td {
  background-color: #e8f0fe !important;
  color: inherit !important;
}

.dx-datagrid-rowsview .dx-row-focused:hover > td {
  background-color: #dce8fb !important;
}

/* Header — compact, muted labels */
.dx-datagrid-headers {
  border-bottom: 1px solid #e8e8e8;
}

.dx-datagrid-headers td {
  font-size: 11px;
  font-weight: 500;
  color: #6d6e6f;
  padding: 4px 8px;
}

/* Remove column divider lines */
.dx-datagrid-headers td,
.dx-datagrid-rowsview td {
  border-right: none !important;
}

/* Slim scrollbar */
.dx-scrollable-scroll {
  width: 6px;
}

/* Compact pager */
.dx-pager {
  padding: 6px 12px;
  border-top: 1px solid #f0f0f0;
}