/* Element Plus table states used by Token and Order management. */
:root[data-theme="dark"] .app-shell .el-table {
  --el-table-bg-color: #161b22 !important;
  --el-table-tr-bg-color: #161b22 !important;
  --el-table-header-bg-color: #1c2633 !important;
  --el-table-row-hover-bg-color: #26384a !important;
  --el-table-current-row-bg-color: #26384a !important;
  --el-table-expanded-cell-bg-color: #161b22 !important;
  --el-table-border-color: #2a3440 !important;
  --el-table-text-color: #e6edf3 !important;
  --el-table-header-text-color: #9fb0c2 !important;
  --el-bg-color: #161b22 !important;
  --el-fill-color-blank: #161b22 !important;
  --el-fill-color-light: #1c2430 !important;
  --el-fill-color-lighter: #202b38 !important;
  --el-fill-color-extra-light: #202b38 !important;
}

:root[data-theme="dark"] .app-shell .el-table__inner-wrapper,
:root[data-theme="dark"] .app-shell .el-table__header-wrapper,
:root[data-theme="dark"] .app-shell .el-table__body-wrapper,
:root[data-theme="dark"] .app-shell .el-table__fixed,
:root[data-theme="dark"] .app-shell .el-table__fixed-right,
:root[data-theme="dark"] .app-shell .el-table__fixed-body-wrapper,
:root[data-theme="dark"] .app-shell .el-table__empty-block,
:root[data-theme="dark"] .app-shell .el-table__expanded-cell {
  background: #161b22 !important;
  color: #e6edf3 !important;
}

:root[data-theme="dark"] .app-shell .el-table thead,
:root[data-theme="dark"] .app-shell .el-table thead tr,
:root[data-theme="dark"] .app-shell .el-table th.el-table__cell {
  background: #1c2633 !important;
  color: #9fb0c2 !important;
  border-color: #2a3440 !important;
}

:root[data-theme="dark"] .app-shell .el-table tbody tr,
:root[data-theme="dark"] .app-shell .el-table tbody tr td.el-table__cell,
:root[data-theme="dark"] .app-shell .el-table__body tr.el-table__row td.el-table__cell {
  background: #161b22 !important;
  color: #e6edf3 !important;
  border-color: #2a3440 !important;
}

:root[data-theme="dark"] .app-shell .el-table__body tr.el-table__row--striped,
:root[data-theme="dark"] .app-shell .el-table__body tr.el-table__row--striped td.el-table__cell,
:root[data-theme="dark"] .app-shell .el-table__body tr.el-table__row--striped td.el-table-fixed-column--left,
:root[data-theme="dark"] .app-shell .el-table__body tr.el-table__row--striped td.el-table-fixed-column--right {
  background: #202b38 !important;
  color: #e6edf3 !important;
}

:root[data-theme="dark"] .app-shell .el-table__body tr.hover-row,
:root[data-theme="dark"] .app-shell .el-table__body tr.hover-row > td.el-table__cell,
:root[data-theme="dark"] .app-shell .el-table__body tr.current-row,
:root[data-theme="dark"] .app-shell .el-table__body tr.current-row > td.el-table__cell,
:root[data-theme="dark"] .app-shell .el-table__body tr:hover > td.el-table__cell {
  background: #26384a !important;
  color: #ffffff !important;
}

:root[data-theme="dark"] .app-shell .el-table td.el-table-fixed-column--left,
:root[data-theme="dark"] .app-shell .el-table td.el-table-fixed-column--right,
:root[data-theme="dark"] .app-shell .el-table th.el-table-fixed-column--left,
:root[data-theme="dark"] .app-shell .el-table th.el-table-fixed-column--right {
  background: inherit !important;
}

:root[data-theme="dark"] .app-shell .el-table__empty-text,
:root[data-theme="dark"] .app-shell .el-table .cell {
  color: inherit;
}

:root[data-theme="dark"] .app-shell .el-checkbox__inner {
  background: #111821 !important;
  border-color: #3b4a5b !important;
}

:root[data-theme="dark"] .app-shell .el-checkbox__input.is-checked .el-checkbox__inner,
:root[data-theme="dark"] .app-shell .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: #409eff !important;
  border-color: #409eff !important;
}