/* Dark mode for ui-grid */
.ui-grid {
  background-color: #1e1e1e;
  color: #e0e0e0;
  border-color: #444;
}

.ui-grid-header-cell,
.ui-grid-cell {
  background-color: #2c2c2c;
  color: #f0f0f0;
  border-color: #444;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #252525;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #2c2c2c;
}

.ui-grid-header {
  background-color: #1e1e1e;
  border-bottom: 1px solid #444;
}

.ui-grid-footer-panel {
  background-color: #1e1e1e;
  color: #aaa;
  border-top: 1px solid #444;
}

.ui-grid-pager-panel {
  background-color: #1e1e1e;
  color: #ccc;
}

.ui-grid-row:hover .ui-grid-cell {
  background-color: #333;
}

.ui-grid-selection-row-header-buttons .ui-grid-icon-ok {
  color: #1e90ff;
}

.ui-grid-cell-contents {
  color: inherit;
}

/* Optional: filter inputs */
.ui-grid-filter-input {
  background-color: #333;
  color: #eee;
  border: 1px solid #555;
}



/* Selected row highlight */
.ui-grid-row.ui-grid-row-selected .ui-grid-cell {
  background-color: #003366 !important; /* deep blue highlight */
  color: #ffffff !important;
}

/* Hover + selected */
.ui-grid-row.ui-grid-row-selected:hover .ui-grid-cell {
  background-color: #004080 !important;
}

/* Checkbox in header (when selecting all) */
.ui-grid-selection-row-header-buttons .ui-grid-icon-ok {
  color: #1e90ff;
}

/* Checkbox cell when selected */
.ui-grid-cell.ui-grid-selection-row-header-buttons .ui-grid-icon-ok {
  color: #1e90ff;
}




/* Row hover effect in dark mode */
.ui-grid-row:hover .ui-grid-cell {
  background-color: #333 !important; /* Darker hover background */
  color: #f5f5f5;
}

/* Optional: combine with selection */
.ui-grid-row.ui-grid-row-selected:hover .ui-grid-cell {
  background-color: #004080 !important; /* Lighter blue when selected + hover */
}


/* Empty space to the right of header columns */
.ui-grid-top-panel {
  background-color: #1e1e1e !important;
  border-bottom: 1px solid #444;
}

/* Specifically target the "header-viewport" that holds extra space */
.ui-grid-header-viewport {
  background-color: #1e1e1e !important;
}

/* Scrollbar background */
.ui-grid-header-canvas {
  background-color: #1e1e1e !important;
}

.ui-grid-viewport,
.ui-grid-header-viewport {
  overflow-x: hidden !important;
}