.dash-ag-grid {
    position: relative;
}

.dash-ag-grid .ag-root-wrapper {
    border: 1px solid var(--dash-outer-border) !important;
    border-radius: 4px;
    overflow: visible;
}

.dash-ag-grid .ag-root-wrapper,
.dash-ag-grid .ag-root,
.dash-ag-grid .ag-main,
.dash-ag-grid .ag-body-viewport {
    background-color: var(--ag-background-color);
}

.dash-ag-grid .ag-root-wrapper-body,
.dash-ag-grid .ag-header,
.dash-ag-grid .ag-header-viewport,
.dash-ag-grid .ag-header-container,
.dash-ag-grid .ag-floating-filter {
    overflow: visible;
}

.dash-ag-grid .ag-header {
    position: relative;
    z-index: 3;
}

.dash-ag-grid .ag-body-viewport {
    position: relative;
    z-index: 1;
}

.dash-ag-grid .ag-floating-filter,
.dash-ag-grid .ag-paging-panel {
    background-color: var(--dash-floating-filter-bg);
}

.dash-ag-grid .ag-header,
.dash-ag-grid .ag-header-row,
.dash-ag-grid .ag-header-cell,
.dash-ag-grid .ag-header-group-cell {
    background-color: var(--dash-header-bg) !important;
    color: var(--dash-header-text) !important;
}

.dash-ag-grid .ag-floating-filter,
.dash-ag-grid .ag-floating-filter-body,
.dash-ag-grid .ag-floating-filter-full-body {
    background-color: var(--dash-floating-filter-bg) !important;
}

.dash-ag-grid .ag-floating-filter,
.dash-ag-grid .ag-floating-filter-body,
.dash-ag-grid .ag-floating-filter-full-body,
.dash-ag-grid .ag-floating-filter-input,
.dash-ag-grid .ag-input-field,
.dash-ag-grid .ag-input-wrapper,
.dash-ag-grid .ag-input-field-input,
.dash-ag-grid .ag-floating-filter-button,
.dash-ag-grid .ag-floating-filter-button-button {
    display: flex !important;
    align-items: center !important;
}

.dash-ag-grid .ag-floating-filter-button {
    justify-content: center !important;
}

.dash-ag-grid .ag-header-row,
.dash-ag-grid .ag-header-cell,
.dash-ag-grid .ag-header-cell-label,
.dash-ag-grid .ag-header-cell-text,
.dash-ag-grid .ag-header-group-cell {
    background-image: none;
    box-shadow: none;
}

.dash-ag-grid .ag-header-cell,
.dash-ag-grid .ag-header-group-cell {
    border-color: var(--dash-divider-subtle);
}

.dash-ag-grid .ag-header-cell::before {
    display: none;
}

.dash-ag-grid .ag-header-cell-resize {
    width: 8px;
    right: -4px;
    background-color: transparent;
}

.dash-ag-grid .ag-header-cell-resize::after {
    content: "";
    position: absolute;
    top: 14px;
    right: 4px;
    width: 1px;
    height: 14px;
    background-color: var(--dash-divider-subtle);
    pointer-events: none;
}

.dash-ag-grid .ag-header-cell-text,
.dash-ag-grid .ag-header-group-text,
.dash-ag-grid .ag-header-cell-label {
    color: var(--ag-header-foreground-color) !important;
    font-size: var(--dash-ag-header-font-size, 14px) !important;
    font-weight: 600;
    letter-spacing: 0.1px;
}

.dash-ag-grid .ag-row {
    color: var(--dash-ag-text, var(--ag-foreground-color));
    border-top: none !important;
    border-bottom: 1px solid var(--ag-row-border-color) !important;
}

.dash-ag-grid .ag-row-even {
    background-color: var(--dash-ag-row-even, var(--dash-row-even-bg));
}

.dash-ag-grid .ag-row-odd {
    background-color: var(--dash-ag-row-odd, var(--dash-row-odd-bg, var(--ag-odd-row-background-color)));
}

.dash-ag-grid .ag-row-hover,
.dash-ag-grid .ag-row-hover.ag-row-selected {
    background-color: var(--dash-ag-hover-row, var(--ag-row-hover-color)) !important;
}

.dash-ag-grid .ag-row-selected {
    background-color: var(--dash-ag-selected-row, var(--ag-selected-row-background-color)) !important;
}

.dash-ag-grid .ag-select-list-item.ag-active-item {
    background-color: var(--dash-ag-hover-row, var(--ag-row-hover-color));
    color: var(--ag-header-foreground-color);
}

.dash-ag-grid .ag-cell {
    display: flex !important;
    align-items: center !important;
    line-height: normal !important;
    color: var(--dash-ag-text, var(--ag-foreground-color));
    border-top: none !important;
    border-bottom: none !important;
    border-color: transparent !important;
}

.dash-ag-grid .ag-row .ag-cell,
.dash-ag-grid .ag-center-cols-container .ag-cell,
.dash-ag-grid .ag-center-cols-viewport .ag-cell {
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
}

.dash-ag-grid .ag-cell-wrapper,
.dash-ag-grid .ag-cell-value {
    display: flex !important;
    align-items: center !important;
    min-height: 100%;
}

.dash-ag-grid .ag-ltr .ag-center-cols-container .ag-cell,
.dash-ag-grid .ag-ltr .ag-center-cols-viewport .ag-cell {
    border-right: none !important;
}

.dash-ag-grid .ag-rtl .ag-center-cols-container .ag-cell,
.dash-ag-grid .ag-rtl .ag-center-cols-viewport .ag-cell {
    border-left: none !important;
}

.dash-ag-grid .ag-cell::after,
.dash-ag-grid .ag-cell-wrapper::after {
    display: none !important;
}

.dash-ag-grid .ag-pinned-left-header,
.dash-ag-grid .ag-pinned-left-cols-container,
.dash-ag-grid .ag-pinned-left-header-viewport,
.dash-ag-grid .ag-pinned-left-cols-viewport {
    background-color: var(--dash-ag-grid-bg, var(--ag-background-color)) !important;
    border-right: none !important;
    box-shadow: none !important;
}

.dash-ag-grid .ag-pinned-left-cols-container .ag-cell,
.dash-ag-grid .ag-pinned-left-header .ag-header-cell,
.dash-ag-grid .ag-cell.ag-cell-last-left-pinned,
.dash-ag-grid .ag-header-cell.ag-header-cell-last-left-pinned,
.dash-ag-grid .ag-header-cell.ag-column-last {
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    box-shadow: none !important;
}

.dash-ag-grid .ag-cell-value {
    color: var(--dash-ag-text, var(--ag-foreground-color));
    font-size: var(--dash-ag-body-font-size, 13px) !important;
}

.dash-ag-grid .ag-cell-value:empty {
    color: var(--dash-ag-muted-text, var(--dash-muted-text));
}

.dash-ag-grid .ag-floating-filter-input,
.dash-ag-grid .ag-filter-filter,
.dash-ag-grid .ag-icon {
    color: var(--dash-input-text);
}

.dash-ag-grid .ag-floating-filter-input {
    height: 28px;
}

.dash-ag-grid .ag-floating-filter-body input,
.dash-ag-grid .ag-input-field-input {
    background-color: var(--ag-input-background-color) !important;
    color: var(--dash-input-text) !important;
    border: 1px solid var(--ag-input-border-color) !important;
    border-radius: 3px !important;
}

.dash-ag-grid .ag-floating-filter-input input {
    border: 1px solid var(--ag-input-border-color) !important;
    border-radius: 3px !important;
    background-color: var(--ag-input-background-color) !important;
    color: var(--dash-input-text) !important;
}

.dash-ag-grid .ag-input-wrapper,
.dash-ag-grid .ag-input-field,
.dash-ag-grid .ag-text-field,
.dash-ag-grid .ag-floating-filter-input {
    border-color: var(--ag-input-border-color) !important;
}

.dash-ag-grid.dash-ag-grid-dark .ag-floating-filter-body input,
.dash-ag-grid.dash-ag-grid-dark .ag-input-field-input,
.dash-ag-grid.dash-ag-grid-dark .ag-floating-filter-input input {
    border: 1px solid #68686e !important;
    border-radius: 3px !important;
}

.dash-ag-grid.dash-ag-grid-dark .ag-input-wrapper,
.dash-ag-grid.dash-ag-grid-dark .ag-input-field,
.dash-ag-grid.dash-ag-grid-dark .ag-text-field,
.dash-ag-grid.dash-ag-grid-dark .ag-floating-filter-input {
    border: none !important;
    box-shadow: none !important;
}

.dash-ag-grid .ag-floating-filter-body input::placeholder,
.dash-ag-grid .ag-input-field-input::placeholder {
    color: var(--dash-input-placeholder);
    opacity: 1;
}

.dash-ag-grid .ag-floating-filter-body input:focus,
.dash-ag-grid .ag-input-field-input:focus {
    outline: none;
    box-shadow: 0 0 0 1px var(--ag-input-focus-border-color) inset;
}

.dash-ag-grid .ag-floating-filter-body input,
.dash-ag-grid .ag-input-field-input,
.dash-ag-grid .ag-floating-filter-button-button {
    caret-color: var(--dash-input-text);
}

.dash-ag-grid .ag-paging-panel {
    border-top: 1px solid var(--ag-row-border-color);
    color: var(--dash-secondary-text);
    background-color: var(--dash-paging-bg) !important;
    min-height: 44px;
    font-weight: 600;
}

.dash-ag-grid .ag-paging-page-size .ag-picker-field-wrapper {
    background-color: var(--ag-input-background-color);
    border-color: var(--ag-input-border-color);
    color: var(--dash-input-text);
    border-radius: 4px;
}

.dash-ag-grid .ag-paging-page-size .ag-picker-field-display,
.dash-ag-grid .ag-paging-page-size .ag-icon {
    color: var(--dash-input-text);
}

.dash-ag-grid .ag-popup,
.dash-ag-grid .ag-popup-child {
    z-index: 9999;
}

.dash-ag-grid .ag-menu,
.dash-ag-grid .ag-filter,
.dash-ag-grid .ag-filter-wrapper,
.dash-ag-grid .ag-filter-body,
.dash-ag-grid .ag-filter-condition,
.dash-ag-grid .ag-filter-apply-panel {
    background-color: var(--dash-popup-bg) !important;
    color: var(--dash-popup-text) !important;
    border: 1px solid var(--dash-popup-border);
    border-radius: 4px !important;
    box-shadow: var(--dash-popup-shadow);
}

.dash-ag-grid .ag-filter .ag-picker-field-wrapper,
.dash-ag-grid .ag-filter .ag-select,
.dash-ag-grid .ag-filter .ag-text-field-input,
.dash-ag-grid .ag-filter .ag-input-field-input,
.dash-ag-grid .ag-popup .ag-input-field-input,
.dash-ag-grid .ag-popup .ag-picker-field-wrapper,
.dash-ag-grid .ag-popup .ag-select,
.dash-ag-grid .ag-popup .ag-text-field-input {
    background-color: var(--ag-input-background-color) !important;
    color: var(--dash-input-text) !important;
    border-color: var(--ag-input-border-color) !important;
    border-radius: 4px !important;
}

.dash-ag-grid .ag-filter .ag-picker-field-display,
.dash-ag-grid .ag-filter .ag-icon,
.dash-ag-grid .ag-popup .ag-icon {
    color: var(--dash-input-text) !important;
}

.dash-ag-grid .ag-select-list {
    background-color: var(--dash-popup-bg);
    color: var(--dash-popup-text);
    border-color: var(--dash-popup-border);
}

.dash-ag-grid .ag-select-list-item {
    color: var(--dash-popup-text);
}

.lh-ag-action-btn {
    border: 1px solid var(--dash-action-btn-border);
    background: var(--dash-action-btn-bg);
    color: #ffffff;
    border-radius: 1px;
    min-height: 22px;
    line-height: 20px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
}

.lh-ag-action-btn:hover {
    background: var(--dash-action-btn-hover);
}

.dash-actions-header .ag-header-cell-label {
    justify-content: center;
    align-items: center;
    height: 100%;
}

.dash-actions-header .ag-header-cell-text {
    text-align: center;
    width: 100%;
}

.dash-actions-cell {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: normal !important;
    height: 100% !important;
}

.dash-actions-cell .ag-cell-wrapper,
.dash-actions-cell .ag-cell-value,
.dash-actions-wrapper {
    height: 100% !important;
    width: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px;
}

.dash-ag-grid .lh-ag-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    min-height: 24px;
    line-height: 1;
}

.dash-ag-grid.dash-ag-grid-dark .ag-root-wrapper,
.dash-ag-grid.dash-ag-grid-dark .ag-root,
.dash-ag-grid.dash-ag-grid-dark .ag-main,
.dash-ag-grid.dash-ag-grid-dark .ag-header,
.dash-ag-grid.dash-ag-grid-dark .ag-header-row,
.dash-ag-grid.dash-ag-grid-dark .ag-header-cell,
.dash-ag-grid.dash-ag-grid-dark .ag-floating-filter,
.dash-ag-grid.dash-ag-grid-dark .ag-floating-filter-body,
.dash-ag-grid.dash-ag-grid-dark .ag-row,
.dash-ag-grid.dash-ag-grid-dark .ag-cell,
.dash-ag-grid.dash-ag-grid-dark .ag-paging-panel,
.dash-ag-grid.dash-ag-grid-dark .ag-body-viewport,
.dash-ag-grid.dash-ag-grid-dark .ag-center-cols-viewport,
.dash-ag-grid.dash-ag-grid-dark .ag-center-cols-container {
    color-scheme: dark;
}

.dash-ag-grid.dash-ag-grid-dark .ag-row-hover,
.dash-ag-grid.dash-ag-grid-dark .ag-row-hover.ag-row-selected {
    background-color: var(--dash-ag-hover-row, var(--ag-row-hover-color)) !important;
}

.dash-ag-grid.dash-ag-grid-dark .ag-center-cols-container .ag-row,
.dash-ag-grid.dash-ag-grid-dark .ag-center-cols-viewport .ag-row,
.dash-ag-grid.dash-ag-grid-dark .ag-pinned-left-cols-container .ag-row,
.dash-ag-grid.dash-ag-grid-dark .ag-row {
    color: var(--dash-ag-text, #f4f7fb) !important;
    background-color: var(--dash-ag-row-odd, #202526) !important;
}

.dash-ag-grid.dash-ag-grid-dark .ag-row.ag-row-even {
    color: var(--dash-ag-text, #f4f7fb) !important;
    background-color: var(--dash-ag-row-even, #131819) !important;
}

.dash-ag-grid.dash-ag-grid-dark .ag-row.ag-row-odd {
    color: var(--dash-ag-text, #f4f7fb) !important;
    background-color: var(--dash-ag-row-odd, #202526) !important;
}

.dash-ag-grid.dash-ag-grid-dark .ag-center-cols-container .ag-row .ag-cell,
.dash-ag-grid.dash-ag-grid-dark .ag-center-cols-viewport .ag-row .ag-cell,
.dash-ag-grid.dash-ag-grid-dark .ag-pinned-left-cols-container .ag-row .ag-cell {
    color: var(--dash-ag-text, #f4f7fb) !important;
    background-color: transparent !important;
}

.dash-ag-grid.dash-ag-grid-dark .ag-cell,
.dash-ag-grid.dash-ag-grid-dark .ag-cell-value,
.dash-ag-grid.dash-ag-grid-dark .ag-paging-panel,
.dash-ag-grid.dash-ag-grid-dark .ag-floating-filter-input,
.dash-ag-grid.dash-ag-grid-dark .ag-filter-filter,
.dash-ag-grid.dash-ag-grid-dark .ag-icon {
    color: var(--dash-ag-text, #f4f7fb) !important;
}

.dash-ag-grid.dash-ag-grid-dark .ag-header-cell-text,
.dash-ag-grid.dash-ag-grid-dark .ag-header-group-text,
.dash-ag-grid.dash-ag-grid-dark .ag-header-cell-label {
    color: var(--dash-ag-header-text, #ffffff) !important;
}

.dash-ag-grid.dash-ag-grid-dark .ag-pinned-left-cols-container,
.dash-ag-grid.dash-ag-grid-dark .ag-pinned-left-cols-viewport,
.dash-ag-grid.dash-ag-grid-dark .ag-pinned-left-header,
.dash-ag-grid.dash-ag-grid-dark .ag-pinned-left-header-viewport,
.dash-ag-grid.dash-ag-grid-dark .ag-center-cols-container,
.dash-ag-grid.dash-ag-grid-dark .ag-center-cols-viewport,
.dash-ag-grid.dash-ag-grid-dark .ag-body-viewport {
    background-color: var(--dash-ag-grid-bg, var(--ag-background-color)) !important;
}

.dash-ag-grid.dash-ag-grid-dark .ag-root-wrapper,
.dash-ag-grid.dash-ag-grid-dark .ag-root,
.dash-ag-grid.dash-ag-grid-dark .ag-root-wrapper-body,
.dash-ag-grid.dash-ag-grid-dark .ag-body,
.dash-ag-grid.dash-ag-grid-dark .ag-body-viewport,
.dash-ag-grid.dash-ag-grid-dark .ag-center-cols-viewport,
.dash-ag-grid.dash-ag-grid-dark .ag-center-cols-container,
.dash-ag-grid.dash-ag-grid-dark .ag-center-cols-clipper,
.dash-ag-grid.dash-ag-grid-dark .ag-pinned-left-cols-container,
.dash-ag-grid.dash-ag-grid-dark .ag-pinned-left-cols-viewport,
.dash-ag-grid.dash-ag-grid-dark .ag-pinned-left-header,
.dash-ag-grid.dash-ag-grid-dark .ag-pinned-left-header-viewport,
.dash-ag-grid.dash-ag-grid-dark .ag-overlay,
.dash-ag-grid.dash-ag-grid-dark .ag-overlay-wrapper,
.dash-ag-grid.dash-ag-grid-dark .ag-overlay-no-rows-wrapper,
.dash-ag-grid.dash-ag-grid-dark .ag-overlay-loading-wrapper,
.dash-ag-grid.dash-ag-grid-dark .ag-layout-normal {
    background-color: var(--dash-ag-grid-bg, var(--ag-background-color)) !important;
    color: var(--dash-ag-text, var(--ag-foreground-color)) !important;
}

.dash-ag-grid.dash-ag-grid-dark .ag-pinned-left-cols-container .ag-cell,
.dash-ag-grid.dash-ag-grid-dark .ag-cell-first-right-pinned,
.dash-ag-grid.dash-ag-grid-dark .ag-cell-last-left-pinned {
    background-color: transparent !important;
    color: var(--dash-ag-text, #f4f7fb) !important;
}

.dash-ag-grid.dash-ag-grid-dark .ag-overlay-no-rows-center {
    background: transparent !important;
    color: var(--dash-ag-muted-text, #c3cbd3) !important;
}

.dash-ag-grid.dash-ag-grid-dark .ag-row.ag-row-hover,
.dash-ag-grid.dash-ag-grid-dark .ag-row.ag-row-hover.ag-row-even,
.dash-ag-grid.dash-ag-grid-dark .ag-row.ag-row-hover.ag-row-odd,
.dash-ag-grid.dash-ag-grid-dark .ag-row.ag-row-hover.ag-row-selected {
    background-color: var(--dash-ag-hover-row, var(--ag-row-hover-color)) !important;
}

.dash-ag-grid.dash-ag-grid-light .ag-root-wrapper,
.dash-ag-grid.dash-ag-grid-light .ag-root,
.dash-ag-grid.dash-ag-grid-light .ag-main,
.dash-ag-grid.dash-ag-grid-light .ag-header,
.dash-ag-grid.dash-ag-grid-light .ag-header-row,
.dash-ag-grid.dash-ag-grid-light .ag-header-cell,
.dash-ag-grid.dash-ag-grid-light .ag-floating-filter,
.dash-ag-grid.dash-ag-grid-light .ag-floating-filter-body,
.dash-ag-grid.dash-ag-grid-light .ag-row,
.dash-ag-grid.dash-ag-grid-light .ag-cell,
.dash-ag-grid.dash-ag-grid-light .ag-paging-panel,
.dash-ag-grid.dash-ag-grid-light .ag-body-viewport,
.dash-ag-grid.dash-ag-grid-light .ag-center-cols-viewport,
.dash-ag-grid.dash-ag-grid-light .ag-center-cols-container {
    color-scheme: light;
}