[data-mantine-color-scheme="dark"] [class*="ag-theme-"] {
  --ag-odd-row-background-color: var(--highcharts-background-color);
  --ag-header-background-color: var(--highcharts-background-color);
  --ag-cell-horizontal-border: #1e2939;
  --ag-secondary-border-color: #1e2939;
  --ag-background-color: var(--highcharts-background-color);
  --ag-border-color: unset;
  --ag-foreground-color: #C8CED7;
  --ag-row-border-color: none;
  --ag-chrome-background-color: var(--highcharts-background-color);
  --ag-control-panel-background-color: var(--highcharts-background-color);

  --ag-alpine-active-color: rgb(255, 255, 255) !important;
  --ag-selected-row-background-color: #37373b !important;
  --ag-row-hover-color: #c0c0d2 !important;
}

[data-mantine-color-scheme="dark"] .ag-filter-wrapper,
[data-mantine-color-scheme="dark"] .ag-filter,
[data-mantine-color-scheme="dark"] .ag-popup-child {
  background-color: var(--highcharts-background-color);
  border: 1px solid #1e2939;
}

[data-mantine-color-scheme="dark"] .ag-list-item.ag-active-item {
  background-color: #1e2939;
  color: #C8CED7;
}

[data-mantine-color-scheme="dark"] .ag-row-hover .ag-cell {
  color: #000000 !important;
}

[data-mantine-color-scheme="dark"] .ag-floating-filter {
  background: var(--ag-cell-horizontal-border) !important;
  border-radius: 6px;
  border: 2px solid var(--highcharts-background-color) !important;
}

[data-mantine-color-scheme="dark"] .ag-input-field-input {
  background: var(--ag-cell-horizontal-border) !important;
  box-shadow: none !important;
}

[data-mantine-color-scheme="dark"] .ag-pinned-left-cols-container {
  border-right: solid #1e2939;
}

[data-mantine-color-scheme="dark"] .ag-floating-bottom {
  border-top: solid #1e2939;
}

[data-mantine-color-scheme="dark"] .ag-floating-bottom .ag-cell-value {
  color: #ffffff !important;
}

[data-mantine-color-scheme="dark"] .ag-header-cell-text {
  color: var(--main-color) !important;
  font-weight: 700;
}

[class*="ag-theme-"] {
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease;
}

[data-mantine-color-scheme="dark"] .ag-row-hover .asins-cross-purchase-spanned-cell .ag-cell-value {
  color: var(--page-text) !important;
}

[data-mantine-color-scheme="dark"] .ag-paging-panel {
  border-top-color: #1e2939 !important;
}