:root {
  --backgroundColor: #262626;
  --backgroundColorDark: #131313;
  --backgroundColorHover: #0c0c0c;
  --textColor: #fff;
  --borderColor: #3e3d3d;
  --selectedItemBorder: #ffffff;
}
.dark-mode {
  /* OLD resync dark overrides — replaced by rn- design
  .resync_cantainer {
    background: #6b6b6b !important;
    color: black !important;
  }
  .ui.progress.sync-alert-progress{
    background-color: #3f3f3f !important;
  }
  */
  /* rn- dark mode — exact panel values (@d_bg=#333, @d_bg_loading=#454545, @d_border-color=#3e3d3d, @d_color=rgba(255,255,255,.6), @d_input_bg=rgba(255,255,255,.25)) */
}
.dark-mode * {
  border-color: var(--borderColor) !important;
}
.dark-mode ::selection {
  color: var(--textColor) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.dark-mode .ag-cell ::selection {
  color: var(--backgroundColor) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.dark-mode .dark-mode,
.dark-mode .ag-theme-balham .ag-tab-header .ag-tab {
  background-color: var(--backgroundColorDark) !important;
  color: var(--textColor) !important;
}
.dark-mode .ui.form .field.field input:-webkit-autofill {
  -webkit-box-shadow: 0px 0px 0px 100px #000000 inset !important;
  box-shadow: 0px 0px 0px 100px #000000 inset !important;
  border-color: #D5C315 !important;
}
.dark-mode .ui.form .field.field input:-webkit-autofill:focus {
  -webkit-box-shadow: 0px 0px 0px 100px #000000 inset !important;
  box-shadow: 0px 0px 0px 0px #000000 inset !important;
  border-color: #D5C315 !important;
}
.dark-mode .ag-root,
.dark-mode .ag-row,
.dark-mode .ag-theme-balham,
.dark-mode .ag-theme-balham .ag-header,
.dark-mode .ag-theme-balham .ag-header-cell,
.dark-mode .k-grid,
.dark-mode .ui.dropdown .menu,
.dark-mode .ui.dropdown .menu > .item,
.dark-mode .ui.input,
.dark-mode .ui.menu .ui.dropdown .menu > .item,
.dark-mode .ui.segment,
.dark-mode .ui.statistic,
.dark-mode .ui.table,
.dark-mode .ui.table td,
.dark-mode .ui.table th {
  background-color: var(--backgroundColor) !important;
  color: var(--textColor) !important;
  border-color: var(--borderColor) !important;
}
.dark-mode .ui.striped tr:nth-child(even) td {
  background-color: #363636 !important;
  color: var(--textColor) !important;
  border-color: var(--borderColor) !important;
}
.dark-mode .ui.attached.header {
  border: var(--borderColor) !important;
}
.dark-mode .ag-paging-panel,
.dark-mode .ag-paging-panel *,
.dark-mode .ag-row-even,
.dark-mode .event,
.dark-mode .k-alt,
.dark-mode .k-dropdown,
.dark-mode .k-dropdown .k-input,
.dark-mode .k-dropdown .k-select,
.dark-mode .k-grid tr.k-state-selected,
.dark-mode .k-grid-header,
.dark-mode .k-header,
.dark-mode .k-header > .k-grid-filter,
.dark-mode .k-header > .k-header-column-menu,
.dark-mode .k-pager-numbers .k-state-selected,
.dark-mode .k-pager-wrap,
.dark-mode .k-pager-wrap .k-link,
.dark-mode .k-textbox,
.dark-mode .ui.cards > .card,
.dark-mode .ui.dropdown .menu > .item.active,
.dark-mode .ui.dropdown .menu > .item.selected,
.dark-mode .ui.form input,
.dark-mode .ui.form textarea,
.dark-mode .ui.input > input,
.dark-mode .ui.menu,
.dark-mode .ui.menu .ui.dropdown .menu > .item.active,
.dark-mode .ui.menu .ui.dropdown .menu > .item.selected,
.dark-mode .ui.message,
.dark-mode .ui.selection.dropdown {
  background-color: var(--backgroundColorDark) !important;
  color: var(--textColor) !important;
  border-color: var(--borderColor) !important;
}
.dark-mode .remaining-time {
  background: orange !important;
}
.dark-mode .ag-row-even:hover,
.dark-mode .ag-row:hover,
.dark-mode .k-grid tr.k-alt:hover,
.dark-mode .k-grid tr:hover,
.dark-mode .k-pager-numbers .k-state-selected:hover,
.dark-mode .ui.dropdown .menu > .item:hover,
.dark-mode .ui.menu .ui.dropdown .menu > .item:hover {
  background-color: var(--backgroundColorHover) !important;
  color: var(--textColor) !important;
  border-color: var(--borderColor) !important;
}
.dark-mode .date-color {
  color: var(--textColor) !important;
}
.dark-mode .ui.header,
.dark-mode .box-header {
  background-color: transparent;
  color: var(--textColor) !important;
  border-color: transparent;
}
.dark-mode .a-return-info,
.dark-mode .ag-column-drop-empty-message,
.dark-mode .ag-header-cell-text,
.dark-mode .ag-menu-option,
.dark-mode .ag-side-bar .ag-side-buttons div button span,
.dark-mode .ag-theme-balham .ag-column-select-panel .ag-primary-cols-list-panel,
.dark-mode .field label,
.dark-mode .k-grid-norecords-template *,
.dark-mode .label,
.dark-mode .ui.cards > .card *,
.dark-mode .ui.feed > .event > .label .bell.icon,
.dark-mode .ui.header .sub.header,
.dark-mode .ui.list > .item .header,
.dark-mode .ui.menu *,
.dark-mode .ui.menu .item.disabled,
.dark-mode .ui.statistic *,
.dark-mode .ui.statistics .black.statistic > .value,
.dark-mode .ui.steps > .step .description,
.dark-mode .ui.steps > .step.active .icon,
.dark-mode label {
  color: var(--textColor) !important;
}
.dark-mode tspan {
  fill: var(--textColor) !important;
  stroke: none;
}
.dark-mode .k-grid-norecords-template {
  background-color: var(--backgroundColor) !important;
  color: var(--textColor) !important;
  border-color: var(--backgroundColor) !important;
}
.dark-mode .highcharts-background {
  fill: var(--backgroundColor) !important;
}
.dark-mode .ui.loading.segment-reverse:before,
.dark-mode .ui.loading.segment:before {
  background: rgba(26, 24, 24, 0.85) !important;
}
.dark-mode .ui.loading.segment-reverse:after,
.dark-mode .ui.loading.segment:after {
  mix-blend-mode: normal;
}
.dark-mode .ag-theme-balham .ag-overlay-loading-wrapper,
.dark-mode .k-loading-color,
.dark-mode .ui.dimmer {
  background-color: rgba(26, 24, 24, 0.85) !important;
}
.dark-mode .ag-theme-balham .ag-overlay-loading-wrapper img,
.dark-mode .ui.dimmer img {
  border-radius: 50px !important;
}
.dark-mode .ag-theme-balham .ag-row-selected {
  border-color: #b7e4ff !important;
  background-color: #b7e4ff !important;
  color: black !important;
}
.dark-mode .ag-theme-balham .ag-row-hover {
  background-color: #c8dfde !important;
  color: black !important;
}
.dark-mode .ag-filter-toolpanel-body,
.dark-mode .ag-menu-option-active,
.dark-mode .ag-side-bar,
.dark-mode .ag-theme-balham .ag-side-bar .ag-side-buttons .ag-selected button,
.dark-mode .ag-theme-balham .ag-tab-header .ag-tab.ag-tab-selected,
.dark-mode .app-layout .main-container,
.dark-mode .ui.attached.header .ui.segment {
  background-color: var(--backgroundColor) !important;
}
.dark-mode .ui.secondary.vertical.pointing.menu .active.item {
  border-color: var(--selectedItemBorder) !important;
  border-right-width: 8px !important;
}
.dark-mode .ag-side-buttons,
.dark-mode .ag-theme-balham .ag-menu,
.dark-mode .ag-theme-balham .ag-popup-editor,
.dark-mode .ag-theme-balham .ag-tab-body,
.dark-mode .inventory__details__header,
.dark-mode .inventory__details__header .label,
.dark-mode .inventory__details__header .value {
  background-color: var(--backgroundColorDark) !important;
}
.dark-mode .ag-theme-balham .ag-tab-header {
  background-color: var(--backgroundColorDark) !important;
  height: 35px !important;
}
.dark-mode .ag-theme-balham .ag-tab-header .ag-tab {
  background-color: var(--backgroundColorDark) !important;
  color: var(--textColor) !important;
}
.dark-mode .ag-theme-balham .ag-tab-header .ag-tab.ag-tab-selected {
  background-color: var(--backgroundColor) !important;
}
.dark-mode .ui.toggle.checkbox label:before {
  background-color: var(--borderColor) !important;
}
.dark-mode .ui.attached.header {
  border: 1px solid var(--borderColor) !important;
}
.dark-mode .item .print-product-label,
.dark-mode .print.icon {
  color: var(--backgroundColorDark) !important;
}
.dark-mode .item.print-shipping-label .print.icon {
  color: var(--textColor) !important;
}
.dark-mode .clock.icon {
  color: var(--backgroundColorDark) !important;
}
.dark-mode .clock.icon.cancel {
  color: var(--backgroundColorDark) !important;
}
.dark-mode .ui.input > input {
  border: none !important;
  height: 25px !important;
}
.dark-mode .field .ui.input > input {
  background-color: var(--backgroundColorDark) !important;
  height: 100% !important;
}
.dark-mode .ui.steps > .step {
  background-color: var(--backgroundColorDark) !important;
  color: var(--textColor) !important;
  border-color: var(--borderColor) !important;
}
.dark-mode .ui.steps > .step.active {
  background-color: var(--borderColor) !important;
}
.dark-mode .ui.mini.blue.statistic .value {
  color: #2185d0 !important;
}
.dark-mode .ui.mini.green.statistic .value {
  color: #21ba45 !important;
}
.dark-mode .ui.mini.yellow.statistic .value {
  color: #fbbd08 !important;
}
.dark-mode .ui.mini.red.statistic .value {
  color: #db2828 !important;
}
.dark-mode .ui.menu i.green.icon {
  color: #21ba45 !important;
}
.dark-mode .ui.teal.table {
  border-top: 0.2em solid #00b5ad !important;
}
.dark-mode .ui.purple.table {
  border-top: 0.2em solid #a333c8 !important;
}
.dark-mode .ui.green.header {
  color: #21ba45 !important;
}
.dark-mode .ui.breadcrumb a.section {
  color: #4183c4 !important;
}
.dark-mode .ui.yellow.message {
  background-color: #fff8db !important;
  color: #b58105 !important;
}
.dark-mode i.eye.inverted.bordered.icon,
.dark-mode i.edit.inverted.bordered.icon,
.dark-mode i.info.inverted.bordered.icon,
.dark-mode i.print.inverted.bordered.icon,
.dark-mode i.plus.inverted.bordered.icon,
.dark-mode i.barcode.inverted.bordered.icon,
.dark-mode i.clone.inverted.bordered.icon {
  background-color: var(--textColor) !important;
  color: var(--backgroundColor) !important;
}
.dark-mode i.print.icon {
  color: var(--textColor) !important;
}
.dark-mode .icon.ellipsis {
  color: var(--textColor) !important;
}
.dark-mode i.inverted.bordered.blue.icon {
  background-color: #2185d0 !important;
  color: white !important;
}
.dark-mode i.more_btn.icon.ellipsis.vertical {
  color: black !important;
}
.dark-mode i.inverted.bordered.warn.icon {
  background-color: #de8d24 !important;
  color: white !important;
}
.dark-mode .print-product-label .print.icon {
  color: var(--textColor) !important;
}
.dark-mode .ui.segment.background-blue-lighter-reverse {
  background-color: #6bc0bb !important;
}
.dark-mode .ui.segment.background-blue-lighter-reverse .ui.statistic {
  background-color: transparent !important;
}
.dark-mode .ui.segment.background-blue-dark-reverse {
  background: #5a90e2 !important;
}
.dark-mode .ui.segment.background-blue-dark-reverse .ui.statistic {
  background-color: transparent !important;
}
.dark-mode .ui.segment.background-purple-light-reverse {
  background: #8073b6 !important;
}
.dark-mode .ui.segment.background-purple-light-reverse .ui.statistic {
  background-color: transparent !important;
}
.dark-mode .keepa-chart .keepa-range-wrap select {
  background: #1d1d1d;
  color: white !important;
}
.dark-mode .keepa-chart .flot-text * {
  color: rgba(255, 255, 255, 0.6) !important;
}
.dark-mode .ui.grid.offers-keepa .offers-wrap table a {
  text-decoration: underline;
  color: white !important;
}
.dark-mode .ui.toggle.checkbox input:checked ~ label {
  color: white !important;
}
.dark-mode .content .transportLogs.error.message {
  background-color: #fbb2b2 !important;
}
.dark-mode .content .transportLogs.error.message .list {
  color: #bc4b4b !important;
}
.dark-mode .content .transportLogs.positive.message {
  background-color: #bcce92 !important;
  color: #35522a !important;
}
.dark-mode .ui.modal.tiny,
.dark-mode .ui.modal.small,
.dark-mode .ui.modal.mini,
.dark-mode .ui.modal.large,
.dark-mode .ui.modal.cost-calculator-modal,
.dark-mode .ui.modal.batch-details-modal,
.dark-mode .ui.modal.transport_logs_modal {
  border-radius: 10px !important;
}
.dark-mode .ui.modal.tiny .header,
.dark-mode .ui.modal.small .header,
.dark-mode .ui.modal.mini .header,
.dark-mode .ui.modal.large .header,
.dark-mode .ui.modal.cost-calculator-modal .header,
.dark-mode .ui.modal.batch-details-modal .header,
.dark-mode .ui.modal.transport_logs_modal .header,
.dark-mode .ui.modal.tiny .actions,
.dark-mode .ui.modal.small .actions,
.dark-mode .ui.modal.mini .actions,
.dark-mode .ui.modal.large .actions,
.dark-mode .ui.modal.cost-calculator-modal .actions,
.dark-mode .ui.modal.batch-details-modal .actions,
.dark-mode .ui.modal.transport_logs_modal .actions {
  background-color: var(--borderColor) !important;
}
.dark-mode .ui.modal.tiny .header,
.dark-mode .ui.modal.small .header,
.dark-mode .ui.modal.mini .header,
.dark-mode .ui.modal.large .header,
.dark-mode .ui.modal.cost-calculator-modal .header,
.dark-mode .ui.modal.batch-details-modal .header,
.dark-mode .ui.modal.transport_logs_modal .header {
  color: var(--textColor) !important;
}
.dark-mode .ui.modal.tiny .content,
.dark-mode .ui.modal.small .content,
.dark-mode .ui.modal.mini .content,
.dark-mode .ui.modal.large .content,
.dark-mode .ui.modal.cost-calculator-modal .content,
.dark-mode .ui.modal.batch-details-modal .content,
.dark-mode .ui.modal.transport_logs_modal .content {
  background-color: var(--backgroundColor) !important;
  color: var(--textColor) !important;
}
.dark-mode .ui.modal.tiny .js-close,
.dark-mode .ui.modal.small .js-close,
.dark-mode .ui.modal.mini .js-close,
.dark-mode .ui.modal.large .js-close,
.dark-mode .ui.modal.cost-calculator-modal .js-close,
.dark-mode .ui.modal.batch-details-modal .js-close,
.dark-mode .ui.modal.transport_logs_modal .js-close {
  background-color: var(--backgroundColor) !important;
  color: var(--textColor);
}
.dark-mode .ui.modal.tiny .js-close:hover,
.dark-mode .ui.modal.small .js-close:hover,
.dark-mode .ui.modal.mini .js-close:hover,
.dark-mode .ui.modal.large .js-close:hover,
.dark-mode .ui.modal.cost-calculator-modal .js-close:hover,
.dark-mode .ui.modal.batch-details-modal .js-close:hover,
.dark-mode .ui.modal.transport_logs_modal .js-close:hover {
  background-color: var(--backgroundColorDark) !important;
}
.dark-mode .ui.modal.tiny .js-proceed-with-change,
.dark-mode .ui.modal.small .js-proceed-with-change,
.dark-mode .ui.modal.mini .js-proceed-with-change,
.dark-mode .ui.modal.large .js-proceed-with-change,
.dark-mode .ui.modal.cost-calculator-modal .js-proceed-with-change,
.dark-mode .ui.modal.batch-details-modal .js-proceed-with-change,
.dark-mode .ui.modal.transport_logs_modal .js-proceed-with-change {
  background-color: #d73200 !important;
  color: var(--textColor);
}
.dark-mode .ui.label.list-price-sticky-field,
.dark-mode .ui.label.cost-price-sticky-field,
.dark-mode .ui.label.supplier-sticky-field,
.dark-mode .ui.label.purchaseDate-sticky-field,
.dark-mode .ui.label.tax-code-sticky-field,
.dark-mode .ui.label.js-cost-calculator,
.dark-mode .ui.label.cost-label,
.dark-mode .ui.label.price-label,
.dark-mode .ui.label.js-discount-type,
.dark-mode .ui.label.js-tax-type,
.dark-mode .ui.label.setting-default-price-type,
.dark-mode .ui.label.below-buy-box-not-exists-price-type,
.dark-mode .ui.label.setting-amazon-price-type,
.dark-mode .ui.label.setting-fba-price-type,
.dark-mode .ui.label.setting-fbm-price-type,
.dark-mode .ui.label.below-buy-box-exists-price-type,
.dark-mode .ui.label.price-below-minimum-price-type,
.dark-mode .ui.label.price-above-maximum-price-type,
.dark-mode .ui.label.no-competitor-price-type,
.dark-mode .ui.label.rating-less-than {
  color: rgba(0, 0, 0, 0.6) !important;
}
.dark-mode .ui.popup .ui.list .item .header {
  color: #0c0c0c !important;
}
.dark-mode .ui.modal > .close {
  color: var(--textColor) !important;
}
.dark-mode .ui.steps .step.active:after {
  background-color: var(--borderColor);
}
.dark-mode .ui.steps .step:after {
  background-color: var(--backgroundColorDark);
  border-color: var(--borderColor) !important;
  border-width: 0px 1px 1px 0px !important;
}
.dark-mode .quantity-to-box-info {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-evenly;
}
.dark-mode .quantity-to-box-info .fields {
  margin: 0 !important;
}
.dark-mode .quantity-to-box-info .field {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}
.dark-mode .grid-highlight-row {
  background-color: sandybrown !important;
  color: black !important;
}
.dark-mode .ui.menu .item:before {
  background-color: #343434b2;
}
.dark-mode .ui.menu .item._hover:hover {
  background-color: #3e3e3eb2;
}
.dark-mode .ui.menu .active.item {
  background-color: #3e3e3eb2;
}
.dark-mode img.ui.avatar.image.pre-icon {
  filter: invert(1);
}
.dark-mode .ui.cards > .card,
.dark-mode .ui.card {
  -webkit-box-shadow: 0px 1px 3px 0px #000000, 0px 0px 0px 1px #3f3f3f;
  box-shadow: 0px 1px 3px 0px #000000, 0px 0px 0px 1px #3f3f3f;
}
.dark-mode .ui.menu .ui.label.badge {
  color: var(--backgroundColorDark) !important;
}
.dark-mode .ui.celled.grid > .column:not(.row),
.dark-mode .ui.celled.grid > .row > .column {
  -webkit-box-shadow: -1px 0px 0px 0px #616364;
  box-shadow: -1px 0px 0px 0px #616364;
}
.dark-mode .ui.celled.grid > .row {
  -webkit-box-shadow: 0px -1px 0px 0px #616364;
  box-shadow: 0px -1px 0px 0px #616364;
}
.dark-mode ._btn_teal {
  background-color: teal !important;
}
.dark-mode ._btn_dark_blue {
  background-color: #0c4fc2 !important;
}
.dark-mode .ui.menu .time_ {
  color: black !important;
}
.dark-mode .ui.batch-items-tooltip .item .header {
  color: black !important;
}
.dark-mode .ui.input.box-dimensions > input {
  background-color: #3e3e3e !important;
}
.dark-mode .fade {
  color: rgba(220, 220, 220, 0.75) !important;
}
.dark-mode .ui.statistic .fade {
  color: rgba(220, 220, 220, 0.75) !important;
}
.dark-mode .ui.menu .fade {
  color: rgba(220, 220, 220, 0.75) !important;
}
.dark-mode ._btn_black {
  background-color: #474747 !important;
}
.dark-mode .ui.horizontal.divider {
  color: var(--textColor) !important;
}
.dark-mode .lobibox.lobibox-confirm .lobibox-header,
.dark-mode .lobibox.lobibox-prompt .lobibox-header,
.dark-mode .lobibox.lobibox-confirm .lobibox-footer,
.dark-mode .lobibox.lobibox-prompt .lobibox-footer {
  background-color: var(--borderColor) !important;
  color: var(--textColor) !important;
}
.dark-mode .lobibox.lobibox-confirm .lobibox-input,
.dark-mode .lobibox.lobibox-prompt .lobibox-input {
  background: var(--backgroundColorDark) !important;
  color: var(--textColor) !important;
  border: none !important;
}
.dark-mode .lobibox .lobibox-body {
  background-color: var(--backgroundColor) !important;
  color: var(--textColor) !important;
}
.dark-mode .ui.modal.transport_logs_modal .ui.error .header.logs-modal {
  background-color: transparent !important;
  color: #bc4b4b !important;
}
.dark-mode .ui.modal.transport_logs_modal .ui.positive .header.logs-modal {
  background-color: transparent !important;
  color: #35522a !important;
}
.dark-mode .warning_message {
  background-color: rgba(152, 133, 37, 0.36) !important;
}
.dark-mode .ui.cards > .card .button.js-print-box-shipping-label,
.dark-mode .ui.cards > .card .button.js-print-box-shipping-label .icon,
.dark-mode .ui.cards > .card .button.print-pallet-label,
.dark-mode .ui.cards > .card .button.print-pallet-label .icon {
  color: var(--backgroundColorDark) !important;
}
.dark-mode .ui.segment .swiper-container .label:not(.swiper-slide-active) {
  color: rgba(0, 0, 0, 0.6) !important;
}
.dark-mode .ui.table thead.table_header th {
  background-color: var(--backgroundColorDark) !important;
}
.dark-mode .ui.table td.fade {
  color: rgba(220, 220, 220, 0.75) !important;
}
.dark-mode .ui.cards > .card .fade {
  color: rgba(220, 220, 220, 0.75) !important;
}
.dark-mode .ui.segment.offers-segment,
.dark-mode .ui.segment.product-history-segment {
  -webkit-box-shadow: 0px 1px 2px 0 rgba(5, 5, 5, 0.605) !important;
  box-shadow: 0px 1px 2px 0 rgba(5, 5, 5, 0.605) !important;
}
.dark-mode .label.update-repricer-sidebar {
  color: var(--backgroundColor) !important;
}
.dark-mode .highcharts-tooltip tspan {
  fill: #333333 !important;
  color: #333333 !important;
}
.dark-mode .no_fade {
  color: var(--textColor) !important;
}
.dark-mode .kpi-row {
  background-color: var(--backgroundColor) !important;
}
.dark-mode .charts-row {
  background-color: var(--backgroundColor) !important;
}
.dark-mode .kpi-card {
  background-color: var(--backgroundColorDark) !important;
}
.dark-mode .widget-header {
  background-color: var(--backgroundColorDark) !important;
  color: #FFFFFF !important;
}
.dark-mode .widget-header h3 {
  color: #FFFFFF !important;
}
.dark-mode .kpi-label {
  color: #FFFFFF !important;
}
.dark-mode .kpi-value {
  color: #FFFFFF !important;
}
.dark-mode .widget-content {
  background-color: var(--backgroundColor) !important;
}
.dark-mode .table-row {
  color: #FFFFFF !important;
}
.dark-mode .risk-dark {
  background-color: var(--backgroundColor) !important;
  color: #FFFFFF !important;
}
.dark-mode .text-dark {
  color: #FFFFFF !important;
}
.dark-mode .priority-item {
  background-color: var(--backgroundColor) !important;
}
.dark-mode .widget-card {
  background-color: var(--backgroundColor) !important;
}
.dark-mode .negative_badge,
.dark-mode .ui.statistic .negative_badge {
  background-color: rgba(255, 138, 138, 0.384);
  color: #ff8181 !important;
}
.dark-mode .ui.statistic .negative_badge .icon {
  color: #ff8181 !important;
}
.dark-mode .ui.statistic .positive_badge .icon {
  color: #4ace69 !important;
}
.dark-mode .positive_badge,
.dark-mode .ui.statistic .positive_badge {
  background-color: rgba(48, 255, 97, 0.34) !important;
  color: #51c96d !important;
}
.dark-mode .disabled_badge,
.dark-mode .ui.statistic .disabled_badge {
  background-color: rgba(158, 158, 158, 0.5) !important;
  color: #a1a1a1 !important;
}
.dark-mode .info_badge,
.dark-mode .ui.statistic .info_badge {
  background-color: rgba(25, 103, 235, 0.64) !important;
  color: #7aacff !important;
}
.dark-mode .ui.statistic .info_badge .icon {
  color: #7aacff !important;
}
.dark-mode .ui.secondary.pointing.menu .active.item {
  border-color: var(--selectedItemBorder) !important;
}
.dark-mode .ui.input.sales-input {
  background-color: var(--backgroundColorDark) !important;
}
.dark-mode .k-state-active,
.dark-mode .k-state-active:hover {
  background-color: var(--backgroundColorDark) !important;
}
.dark-mode .table-containerRevenue {
  background-color: var(--backgroundColorDark) !important;
}
.dark-mode .cardRevenue {
  background-color: var(--backgroundColorDark) !important;
}
.dark-mode .contentRevenue {
  color: #FFFFFF !important;
}
.dark-mode .card-labelRevenue {
  color: #FFFFFF !important;
}
.dark-mode .k-callout-n {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: rgba(100, 100, 100, 0.9) !important;
}
.dark-mode .k-tooltip-content .ui.list > .item .header {
  color: black !important;
}
.dark-mode .ui.black.labels .label,
.dark-mode .ui.black.label {
  background-color: #616161 !important;
  border-color: #616161 !important;
  color: #FFFFFF !important;
}
.dark-mode .ui.dropdown.item.suppliers_dropdown {
  background: var(--backgroundColorDark) !important;
  color: var(--textColor) !important;
  border: none !important;
}
.dark-mode .ui.dropdown.item.suppliers_dropdown .menu > .header {
  color: var(--textColor) !important;
}
.dark-mode .settings__wrapper__outer__wrapper .settings__main .ui.attached.menu .ui.breadcrumb.item,
.dark-mode .settings__wrapper__outer__wrapper .settings__main .ui.attached.message .header,
.dark-mode .settings__wrapper__outer__wrapper .settings__main .ui.attached.segment .ui.header {
  background-color: #262626 !important;
  color: #FFFFFF99 !important;
}
.dark-mode .btn.btn-default {
  background: #FFFFFF40 !important;
  border: none !important;
  color: #FFFFFF99;
}
.dark-mode .search-container {
  background-color: transparent !important;
}
.dark-mode .header_bg {
  background-color: #262626 !important;
}
.dark-mode .search-input {
  background-color: rgba(255, 255, 255, 0.1) !important;
  outline: none;
}
.dark-mode .search-input::placeholder {
  color: rgba(220, 220, 220, 0.75) !important;
  padding: 2px;
}
.dark-mode .rn-wrapper {
  /* ── Full card ── */
  /* #FFFFFF99 — panel @d_color */
  /* Phase 2 dark mode — subtitle "Running in background" and percentage both #3b82f6 */
  /* ── Window controls ── */
  /* ── Minimized badge ── */
}
.dark-mode .rn-wrapper .rn-card {
  background: #333 !important;
  border: 1px solid #333 !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(59, 130, 246, 0.1) !important;
}
.dark-mode .rn-wrapper .rn-title {
  color: rgba(255, 255, 255, 0.6) !important;
}
.dark-mode .rn-wrapper .rn-subtitle {
  color: rgba(255, 255, 255, 0.4) !important;
}
.dark-mode .rn-wrapper .rn-progress-percent-header {
  color: #3b82f6 !important;
}
.dark-mode .rn-wrapper .rn-card.rn-phase2-mode .rn-subtitle {
  color: #3b82f6 !important;
}
.dark-mode .rn-wrapper .rn-card.rn-phase2-mode .rn-progress-percent-header {
  color: #3b82f6 !important;
}
.dark-mode .rn-wrapper .rn-progress-track {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: transparent !important;
}
.dark-mode .rn-wrapper .rn-status-grid {
  border-top-color: #3e3d3d !important;
}
.dark-mode .rn-wrapper .rn-status-label {
  color: rgba(255, 255, 255, 0.5) !important;
}
.dark-mode .rn-wrapper .rn-status-label.done {
  color: #3b82f6 !important;
}
.dark-mode .rn-wrapper .rn-status-label.in_progress {
  color: #3b82f6 !important;
}
.dark-mode .rn-wrapper .rn-status-label.pending {
  color: rgba(255, 255, 255, 0.3) !important;
}
.dark-mode .rn-wrapper .rn-status-pending {
  background: rgba(255, 255, 255, 0.18) !important;
}
.dark-mode .rn-wrapper .rn-status-progress {
  color: rgba(255, 255, 255, 0.35) !important;
}
.dark-mode .rn-wrapper .rn-status-progress.done {
  color: #3b82f6 !important;
}
.dark-mode .rn-wrapper .rn-status-progress.in_progress {
  color: #3b82f6 !important;
}
.dark-mode .rn-wrapper .rn-status-complete {
  background: rgba(59, 130, 246, 0.12) !important;
}
.dark-mode .rn-wrapper .rn-status-complete svg {
  stroke: #3b82f6 !important;
}
.dark-mode .rn-wrapper .rn-status-loading {
  border-color: rgba(255, 255, 255, 0.15) !important;
  border-top-color: #60a5fa !important;
}
.dark-mode .rn-wrapper .rn-window-btn {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(255, 255, 255, 0.13) !important;
  color: rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}
.dark-mode .rn-wrapper .rn-window-btn:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) !important;
}
.dark-mode .rn-wrapper .rn-window-btn:active {
  background: rgba(255, 255, 255, 0.22) !important;
  box-shadow: none !important;
}
.dark-mode .rn-wrapper .rn-minimized-badge {
  background: #454545 !important;
  border-color: #333 !important;
  box-shadow: 0 4px 24px #333,
        0 1px 4px #333 !important;
}
.dark-mode .rn-wrapper .rn-minimized-badge:hover {
  box-shadow: 0 6px 28px #333,
          0 2px 8px #333 !important;
}
.dark-mode .rn-wrapper .rn-mini-label {
  color: rgba(255, 255, 255, 0.75) !important;
}
.dark-mode .rn-wrapper .rn-mini-sub {
  color: rgba(255, 255, 255, 0.4) !important;
}
.dark-mode .rn-wrapper .rn-mini-pct {
  color: #60a5fa !important;
}
.dark-mode .rn-wrapper .rn-mini-bar {
  background: rgba(255, 255, 255, 0.1) !important;
}
.dark-mode .rn-wrapper .rn-mini-bar-fill {
  background: linear-gradient(90deg, #2563eb, #60a5fa) !important;
}
.dark-mode .positive_default {
  color: #FFFFFF !important;
}
.dark-mode .top-header {
  background: #131313 !important;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.dark-mode .bottom {
  background: #131313 !important;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.dark-mode .statistic-font {
  color: #FFFFFF !important;
}
.dark-mode .statistic-font-label {
  color: #cac3c3 !important;
}
.dark-mode .phone-code {
  background-color: #3e3d3d !important;
}
.dark-mode .required {
  color: #ffff00 !important;
}
.dark-mode .ui .fixed-label {
  color: #FFFFFF99 !important;
}
.dark-mode .ui.modal.add-supplier-modal {
  border-radius: 10px !important;
}
.dark-mode .ui.modal.add-supplier-modal .header,
.dark-mode .ui.modal.add-supplier-modal .actions {
  background-color: var(--borderColor) !important;
}
.dark-mode .ui.modal.add-supplier-modal .header {
  color: #FFFFFF99 !important;
}
.dark-mode .ui.modal.add-supplier-modal .content {
  background-color: var(--backgroundColor) !important;
  color: var(--textColor) !important;
}
.dark-mode .ui.modal.add-supplier-modal .js-close {
  background-color: var(--backgroundColor) !important;
  color: var(--textColor);
}
.dark-mode .ui.modal.add-supplier-modal .js-close:hover {
  background-color: var(--backgroundColorDark) !important;
}
.dark-mode .ui.modal.add-supplier-modal .js-proceed-with-change {
  background-color: #d73200 !important;
  color: var(--textColor);
}
.dark-mode #quantityInput,
.dark-mode #leadTime-Input,
.dark-mode #font-color,
.dark-mode #currencyDropdown {
  color: #FFFFFF99 !important;
}
.dark-mode .counter {
  background-color: #FFFFFF;
}
.dark-mode .widget {
  color: #FFFFFF;
  background: #131313  !important;
}
.dark-mode .metrics-container {
  background: var(--backgroundColorDark) !important;
  padding: 2px 6px !important;
  margin-bottom: 4px !important;
}
.dark-mode .metric-card-header {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 11px !important;
  margin-bottom: 2px !important;
}
.dark-mode .metric-row {
  padding: 0 8px 2px 8px !important;
}
.dark-mode .metric-item {
  gap: 1px !important;
}
.dark-mode .metric-label {
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 10px !important;
}
.dark-mode .metric-value {
  color: #FFFFFF !important;
  font-size: 11px !important;
}
.dark-mode .metric-value.metric-green {
  color: #90ed7d !important;
}
.dark-mode .metric-value.metric-blue {
  color: #7cb5ec !important;
}
.dark-mode .metric-value.metric-orange {
  color: #f7a35c !important;
}
.dark-mode .metric-value.metric-purple {
  color: #8085e9 !important;
}
.dark-mode .dashboard-title {
  color: #FFFFFF !important;
}
.dark-mode .darkb {
  color: #FFFFFF;
  background: #131313  !important;
}
.dark-mode .custom-dropdown-item1 {
  color: rgba(250, 248, 248, 0.6) !important;
}
.dark-mode .custom-dropdown-header1 {
  color: rgba(250, 248, 248, 0.6) !important;
}
.dark-mode .js-placement-item,
.dark-mode .new-version-items {
  background-color: rgba(223, 223, 223, 0.445) !important;
}
.dark-mode .light_grey_badge_ {
  background-color: #7a7a7a !important;
}
.dark-mode .shipping_cost_badge_ {
  background: orange !important;
}
.dark-mode ._bordor_dark {
  border-color: rgba(151, 151, 151, 0.75) !important;
}
.dark-mode .ui.menu .expiration_window {
  color: #b60a0a !important;
}
.dark-mode .ui.menu .expiration_window i,
.dark-mode .ui.menu .expiration_window strong {
  color: #b60a0a !important;
}
.dark-mode .ui.menu .dark_color_red {
  color: #720000 !important;
}
.dark-mode .ui.calendar.date_selector {
  background-color: var(--backgroundColorDark) !important;
}
.dark-mode .transportation-form .ui.input > input {
  height: 100% !important;
}
.dark-mode .black_badge_ {
  background-color: #5c5c5c !important;
}
body.dark-mode ::-webkit-scrollbar-thumb {
  background: #4c4c4c !important;
}
body.dark-mode ::-webkit-scrollbar-thumb:hover {
  background: #5a5959 !important;
}
body.dark-mode ::-webkit-scrollbar-track {
  background: #323232 !important;
}
/* Scroll bar styling */