/* Fix blank space to right of grid columns */
.ag-root-wrapper {
  width: fit-content !important;
  max-width: 100% !important;
}

/* Fix blank space to right of grid columns */
.ag-root {
  width: auto !important;
  margin-right: -2px !important;
}

:where([data-mantine-color-scheme="light"]) {
  .ag-root .ag-row-odd {
    background-color: rgba(248, 249, 250, 0.648);
  }
}

:where([data-mantine-color-scheme="dark"]) {
  .ag-root-wrapper {
    --ag-foreground-color: var(--mantine-color-dark-1);
    --ag-secondary-foreground-color: var(--mantine-color-dark-1);
    --ag-header-foreground-color: var(--mantine-color-dark-1);
    --ag-data-color: var(--mantine-color-dark-1);
    --ag-border-color: none;
    --ag-secondary-border-color: none;
    --ag-row-border-color: none;
    --ag-border-color: var(--mantine-color-dark-7);
  }
  .ag-root .ag-header-cell,
  .ag-header {
    background-color: var(--mantine-color-dark-6) !important;
  }
  .ag-root .ag-row-odd {
    background-color: var(--mantine-color-dark-9) !important;
  }
  .ag-root .ag-row {
    background-color: var(--mantine-color-dark-8);
  }
  .ag-center-cols-viewport {
    background-color: var(--mantine-color-dark-9);
  }
}

:where([data-mantine-color-scheme="light"]) {
  .ag-root .ag-header-cell,
  .ag-header {
    background-color: white !important;
  }
}


.ag-row {
  border-right: var(--ag-borders) var(--ag-border-color);
}

.ag-root-wrapper {
  border-radius: 3px;
}

.ag-theme-alpine.compact {
  --ag-grid-size: 5px;
}

input {
  --ag-input-focus-box-shadow: none !important;
  --ag-input-focus-border-color: black !important;
}

.ag-icon-filter,
.ag-icon-asc,
.ag-icon-desc {
  color: #e15d44;
}