@charset "UTF-8";

/* Dark Mode Theme - Applied when focusMode is enabled */
/* All styles are scoped to .dark-mode class */

/* Body and main background */
.dark-mode body,
body.dark-mode {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
}


.dark-mode .el-table th {
    border-color: #404040 !important;
}

/* Table styles */
/* .dark-mode .el-table,
.dark-mode .el-table th,
.dark-mode .el-table td {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
}


.dark-mode .el-table td {
    border-color: #404040 !important;
}

.dark-mode .el-table tr:hover > td {
    background-color: #1a1a1a !important;
}

.dark-mode .el-table--striped .el-table__body tr.el-table__row--striped td {
    background-color: #0e0e0e !important;
}

.dark-mode .el-table--striped .el-table__body tr.el-table__row--striped:hover td {
    background-color: #1a1a1a !important;
}

/* Table header cells */
.dark-mode .el-table th.el-table__cell {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
}

.dark-mode .el-table th.el-table__cell > .cell {
    color: #e0e0e0 !important;
} */

/* Buttons */
.dark-mode .el-button {
    background-color: #0e0e0e !important;
    border-color: #505050 !important;
    color: #e0e0e0 !important;
}

.dark-mode .el-button--primary {
    background-color: #2b50ed !important;
    border-color: #2b50ed !important;
    color: #fff !important;
}

/* .dark-mode .el-button:hover {
    background-color: #1a1a1a !important;
    border-color: #606060 !important;
    color: #fff !important;
} */

/* Inputs */
.dark-mode .el-input__inner {
    background-color: #0e0e0e !important;
    border-color: #505050 !important;
    color: #e0e0e0 !important;
}

.dark-mode .el-input__inner:focus {
    border-color: #2b50ed !important;
}

/* Dialogs */
.dark-mode .el-dialog {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
}

.dark-mode .el-dialog__header {
    border-bottom-color: #404040 !important;
}

.dark-mode .el-dialog__title {
    color: #e0e0e0 !important;
}

/* Dropdowns */
.dark-mode .el-dropdown-menu {
    background-color: #0e0e0e !important;
    border-color: #505050 !important;
}

.dark-mode .el-dropdown-menu__item {
    color: #e0e0e0 !important;
    background-color: #0e0e0e !important;
}

.dark-mode .el-dropdown-menu__item:hover {
    background-color: #1a1a1a !important;
    color: #fff !important;
}

.dark-mode .el-dropdown-menu__item.is-divided {
    border-top-color: #404040 !important;
}

/* Popover */
.dark-mode .el-popover {
    background-color: #0e0e0e !important;
    border: 1px solid #404040 !important;
    color: #e0e0e0 !important;
}

.dark-mode .el-popover * {
    color: #e0e0e0 !important;
}

.dark-mode .el-popover p,
.dark-mode .el-popover span,
.dark-mode .el-popover div,
.dark-mode .el-popover li,
.dark-mode .el-popover ul,
.dark-mode .el-popover a {
    color: #e0e0e0 !important;
}

.dark-mode .el-popover .shortcut_header p,
.dark-mode .el-popover .shortcut_header li p,
.dark-mode .el-popover .visit_website {
    color: #e0e0e0 !important;
}

.dark-mode .el-popover .shortcut_scrollable_card_list,
.dark-mode .el-popover .shortcut_actions_themes,
.dark-mode .el-popover .shortcut_header {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
}

.dark-mode .el-popover .shortcut_actions_themes ul {
    border-top-color: #404040 !important;
}

.dark-mode .el-popover .shortcut_actions_themes ul,
.dark-mode .el-popover .shortcut_actions_themes ul li,
.dark-mode .el-popover .shortcut_actions_themes ul li p {
    color: #e0e0e0 !important;
}

.dark-mode .el-popover .shortcut_header p {
    color: #e0e0e0 !important;
}

.dark-mode .el-popover .shortcut_actions_themes ul li:hover {
    background-color: #1a1a1a !important;
}

.dark-mode .el-popover .shortcut_actions_themes ul li:hover p,
.dark-mode .el-popover .shortcut_actions_themes ul li:hover .visit_website {
    color: #ffffff !important;
}

.dark-mode .el-popover .visit_website {
    color: #e0e0e0 !important;
}

/* Tooltip */
.dark-mode .el-tooltip__popper {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
    border-color: #505050 !important;
}

/* Pagination */
.dark-mode .el-pagination {
    color: #e0e0e0 !important;
}

.dark-mode .el-pagination .el-pager li {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
}

.dark-mode .el-pagination .el-pager li:hover {
    color: #2b50ed !important;
}

.dark-mode .el-pagination .el-pager li.active {
    background-color: #2b50ed !important;
    color: #fff !important;
}

/* Select */
.dark-mode .el-select-dropdown {
    background-color: #0e0e0e !important;
    border-color: #505050 !important;
}

.dark-mode .el-select-dropdown__item {
    color: #e0e0e0 !important;
}

.dark-mode .el-select-dropdown__item:hover {
    background-color: #1a1a1a !important;
}

.dark-mode .el-select-dropdown__item.selected {
    background-color: #2b50ed !important;
    color: #fff !important;
}

/* Tags */
.dark-mode .el-tag {
    background-color: #0e0e0e !important;
    border-color: #505050 !important;
    color: #e0e0e0 !important;
}

/* Cards */
.dark-mode .el-card {
    background-color: #0e0e0e !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}

/* Text colors */
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
    color: #e0e0e0 !important;
}

.dark-mode p,
.dark-mode span,
.dark-mode div {
    color: #e0e0e0 !important;
}

/* Links */
.dark-mode a {
    color: #2b50ed !important;
}

.dark-mode a:hover {
    color: #66b1ff !important;
}

/* Scrollbar */
.dark-mode ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.dark-mode ::-webkit-scrollbar-track {
    background: #0e0e0e;
}

.dark-mode ::-webkit-scrollbar-thumb {
    background: #505050;
    border-radius: 4px;
}

.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #606060;
}

/* Additional elements that need black background */
.dark-mode #app {
    background-color: #0e0e0e !important;
}

.dark-mode .nontrade_cards_wrapper {
    background-color: #0e0e0e !important;
}

/* .dark-mode .el-table__body-wrapper {
    background-color: #0e0e0e !important;
}

.dark-mode .el-table__header-wrapper {
    background-color: #0e0e0e !important;
} */

.dark-mode .floating_selection {
    border: 1px solid #171717  !important;
    background: #171717 !important;
}

.dark-mode .status_count h1 {
    color: #ffffff !important;
}

.dark-mode .el-divider {
    background-color: #dcdfe64d !important;
}

.dark-mode .status_count small{
    color: #ffffffab;
}

/* .dark-mode .el-table th.el-table__cell {
    background-color: #0e0e0e !important;
} */

/* Navbar */
.dark-mode nav.navbar,
.dark-mode .navbar {
    background-color: #0e0e0e !important;
    border-bottom-color: #0e0e0e !important;
}

.dark-mode .navbar h3,
.dark-mode .navbar h3 ion-icon {
    color: #e0e0e0 !important;
}

.dark-mode .navbar .el-button {
    color: #e0e0e0 !important;
}

.dark-mode .navbar .el-button i {
    color: #e0e0e0 !important;
}

/* Search bar */
.dark-mode .modife_nontrade_search,
.dark-mode .packageListSearch,
.dark-mode .el-autocomplete {
    background-color: #000000 !important;
    border-color: #505050 !important;
}

.dark-mode .modife_nontrade_search .el-input__inner,
.dark-mode .packageListSearch .el-input__inner,
.dark-mode .el-autocomplete .el-input__inner {
    background-color: #0e0e0e !important;
    border-color: #505050 !important;
    color: #e0e0e0 !important;
}

.dark-mode .modife_nontrade_search .el-input__inner::placeholder,
.dark-mode .packageListSearch .el-input__inner::placeholder,
.dark-mode .el-autocomplete .el-input__inner::placeholder {
    color: #a0a0a0 !important;
}

.dark-mode .modife_nontrade_search .el-icon-search,
.dark-mode .packageListSearch .el-icon-search,
.dark-mode .el-autocomplete .el-icon-search {
    color: #e0e0e0 !important;
}

.dark-mode .modife_nontrade_search .el-autocomplete-suggestion,
.dark-mode .packageListSearch .el-autocomplete-suggestion,
.dark-mode .el-autocomplete-suggestion {
    background-color: #0e0e0e !important;
    border-color: #505050 !important;
}

.dark-mode .modife_nontrade_search .el-autocomplete-suggestion__list li,
.dark-mode .packageListSearch .el-autocomplete-suggestion__list li,
.dark-mode .el-autocomplete-suggestion__list li {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
}

.dark-mode .modife_nontrade_search .el-autocomplete-suggestion__list li:hover,
.dark-mode .packageListSearch .el-autocomplete-suggestion__list li:hover,
.dark-mode .el-autocomplete-suggestion__list li:hover {
    background-color: #1a1a1a !important;
}

.dark-mode .modife_nontrade_search .el-autocomplete-suggestion__list li.highlighted,
.dark-mode .packageListSearch .el-autocomplete-suggestion__list li.highlighted,
.dark-mode .el-autocomplete-suggestion__list li.highlighted {
    background-color: #1a1a1a !important;
}

.dark-mode .el-autocomplete-suggestion__wrap {
    background-color: #0e0e0e !important;
}

/* Pagination in navbar */
.dark-mode .navbar .el-pagination,
.dark-mode .el-pagination {
    color: #e0e0e0 !important;
}

.dark-mode .navbar .el-pagination .el-pager li,
.dark-mode .el-pagination .el-pager li {
    background-color: transparent !important;
    color: #e0e0e0 !important;
    border: none !important;
}

.dark-mode .navbar .el-pagination .el-pager li.active,
.dark-mode .el-pagination .el-pager li.active {
    background-color: transparent !important;
    color: #2b50ed !important;
    border: none !important;
}

.dark-mode .navbar .el-pagination .btn-prev,
.dark-mode .navbar .el-pagination .btn-next,
.dark-mode .el-pagination .btn-prev,
.dark-mode .el-pagination .btn-next {
    background-color: transparent !important;
    color: #e0e0e0 !important;
    border: none !important;
}

.dark-mode .navbar .el-pagination .btn-prev:hover,
.dark-mode .navbar .el-pagination .btn-next:hover,
.dark-mode .el-pagination .btn-prev:hover,
.dark-mode .el-pagination .btn-next:hover {
    background-color: transparent !important;
    color: #2b50ed !important;
}

.dark-mode .navbar .el-pagination .el-pagination__jump,
.dark-mode .navbar .el-pagination .el-pagination__sizes,
.dark-mode .el-pagination .el-pagination__jump,
.dark-mode .el-pagination .el-pagination__sizes {
    color: #e0e0e0 !important;
}

.dark-mode .navbar .el-pagination .el-pagination__jump .el-input__inner,
.dark-mode .navbar .el-pagination .el-pagination__sizes .el-input__inner,
.dark-mode .el-pagination .el-pagination__jump .el-input__inner,
.dark-mode .el-pagination .el-pagination__sizes .el-input__inner {
    background-color: #0e0e0e !important;
    border-color: #505050 !important;
    color: #e0e0e0 !important;
}

.dark-mode .el-pagination .el-pagination__sizes .el-input .el-input__inner {
    background-color: #0e0e0e !important;
    border-color: #505050 !important;
    color: #e0e0e0 !important;
}

/* Switch in navbar */
.dark-mode .navbar .el-switch__label {
    color: #e0e0e0 !important;
}

.dark-mode .navbar ion-icon {
    color: #e0e0e0 !important;
}

/* Dropdown in navbar */
.dark-mode .navbar .el-dropdown {
    color: #e0e0e0 !important;
}

.dark-mode .navbar .el-dropdown .el-button {
    color: #e0e0e0 !important;
    background-color: transparent !important;
    border: none !important;
}

/* Divider in navbar */
.dark-mode .navbar .el-divider {
    background-color: #404040 !important;
}

/* User avatar area */
.dark-mode .navbar .user-wrapper,
.dark-mode .navbar .user-avatar {
    color: #e0e0e0 !important;
}

.dark-mode .navbar .user-avatar .el-icon-arrow-down {
    color: #e0e0e0 !important;
}

/* Element UI Alerts */
.dark-mode .el-message {
    background-color: #0e0e0e !important;
    border-color: #505050 !important;
    color: #e0e0e0 !important;
}

.dark-mode .el-message--success {
    background-color: #1a1a1a !important;
    border-color: #67c23a !important;
    color: #67c23a !important;
}

.dark-mode .el-message--warning {
    background-color: #1a1a1a !important;
    border-color: #e6a23c !important;
    color: #e6a23c !important;
}

.dark-mode .el-message--error {
    background-color: #1a1a1a !important;
    border-color: #f56c6c !important;
    color: #f56c6c !important;
}

.dark-mode .el-message--info {
    background-color: #1a1a1a !important;
    border-color: #909399 !important;
    color: #909399 !important;
}

.dark-mode .el-message__content {
    color: #e0e0e0 !important;
}

.dark-mode .el-message__icon {
    color: inherit !important;
}

.dark-mode .el-message__closeBtn {
    color: #e0e0e0 !important;
}

/* Element UI Alert Component */
.dark-mode .el-alert {
    background-color: #1a1a1a !important;
    border-color: #505050 !important;
    color: #e0e0e0 !important;
}

.dark-mode .el-alert--success {
    background-color: #1a1a1a !important;
    border-color: #67c23a !important;
    color: #67c23a !important;
}

.dark-mode .el-alert--warning {
    background-color: #1a1a1a !important;
    border-color: #e6a23c !important;
    color: #e6a23c !important;
}

.dark-mode .el-alert--error {
    background-color: #1a1a1a !important;
    border-color: #f56c6c !important;
    color: #f56c6c !important;
}

.dark-mode .el-alert--info {
    background-color: #1a1a1a !important;
    border-color: #909399 !important;
    color: #909399 !important;
}

.dark-mode .el-alert__title {
    color: #e0e0e0 !important;
}

.dark-mode .el-alert__description {
    color: #a0a0a0 !important;
}

.dark-mode .el-alert__closebtn {
    color: #e0e0e0 !important;
}

/* Element UI Message Box (Confirmations) */
.dark-mode .el-message-box {
    background-color: #000000 !important;
    border-color: #505050 !important;
}

.dark-mode .el-message-box__header {
    border-bottom-color: #404040 !important;
}

.dark-mode .el-message-box__title {
    color: #e0e0e0 !important;
}

.dark-mode .el-message-box__content {
    color: #e0e0e0 !important;
}

.dark-mode .el-message-box__message {
    color: #e0e0e0 !important;
}

.dark-mode .el-message-box__message p {
    color: #e0e0e0 !important;
}

.dark-mode .el-message-box__btns {
    border-top-color: #404040 !important;
}

.dark-mode .el-message-box__btns .el-button {
    background-color: #1a1a1a !important;
    border-color: #505050 !important;
    color: #e0e0e0 !important;
}

.el-dropdown-menu__item--divided {
    border-top: 1px solid #414141 !important;
}


.dark-mode .el-dropdown-menu__item--divided:before {
    background-color: #000000 !important;
}

.dark-mode .el-message-box__btns .el-button--primary {
    background-color: #2b50ed !important;
    border-color: #2b50ed !important;
    color: #fff !important;
}

.dark-mode .el-message-box__btns .el-button:hover {
    background-color: #2a2a2a !important;
}

.dark-mode .el-message-box__btns .el-button--primary:hover {
    background-color: #66b1ff !important;
}

/* Notification component */
.dark-mode .notification_shortcut_component {
    color: #e0e0e0 !important;
}

.dark-mode .notification_shortcut_component .el-badge__content {
    background-color: transparent !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.dark-mode .el-badge__content {
    background-color: transparent !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* Tabs */
.dark-mode .el-tabs {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
}

.dark-mode .el-tabs__header {
    background-color: #0e0e0e !important;
    border-bottom-color: #404040 !important;
}

.dark-mode .el-tabs__nav {
    background-color: #0e0e0e !important;
}

.dark-mode .el-tabs__item {
    color: #a0a0a0 !important;
    background-color: #0e0e0e !important;
    border-color: #404040 !important;
}

.dark-mode .el-tabs__item.is-active {
    color: #2b50ed !important;
    border-bottom-color: #2b50ed !important;
}

.dark-mode .el-tabs__item:hover {
    color: #e0e0e0 !important;
}

.dark-mode .el-tabs__content {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
}

.dark-mode .el-tab-pane {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
}

/* Process Dialog Card */
.dark-mode .el-dialog {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
    border: 1px solid #3c3c3c;
}


.dark-mode {

    @media screen and (min-width: 600px) {
        .el-drawer__body {
            background: #0e0e0e !important;
        }
    }

    .dark-mode .el-autocomplete-suggestion__list li.highlighted, .dark-mode .el-autocomplete-suggestion__list li:hover, .dark-mode .modife_nontrade_search .el-autocomplete-suggestion__list li.highlighted, .dark-mode .modife_nontrade_search .el-autocomplete-suggestion__list li:hover, .dark-mode .packageListSearch .el-autocomplete-suggestion__list li.highlighted, .dark-mode .packageListSearch .el-autocomplete-suggestion__list li:hover {
        background-color: #1a1a1a !important;
        border-radius: 20px !important;
    }


    .el-autocomplete-suggestion {
        padding: 0 10px !important;
        border-radius: 19px !important;
        border: 1px solid #323232 !important;
    }

    .el-table--fit {
        background: #0e0e0e !important;
        padding: 10px !important;
        border-radius: 20px !important;
        border: 1px solid #404040 !important;
    }

    .nontrade_table_wrapper {
        padding: 5px !important;
    }

    .nontrade_nav_menu li {
        border-bottom: 1px solid #404040 !important;
    }

    .el-table--scrollable-y .el-table__body-wrapper {
        background: #0e0e0e !important;
        padding: 0 !important;
    }

    .el-drawer {
        border: none !important;
    }
    .el-avatar {
        background: #000000 !important;
    }
/* Dark mode for miami notes */
.dark-mode .miami_notes {
    background: #ff5e00 !important;
    color: #ffffff !important;
    border: 1px solid #ff5e00 !important;
}

.tariff-source-row .miami_notes ion-icon {
    color: #ffffff !important;
}

.miami_notes ion-icon {
    color: #ffffff !important;
}

.dark-mode .tariff-source-row .miami_notes {
    background: #ff5e00 !important;
    color: #ffffff !important;
    border: 1px solid #ff5e00 !important;
}

    .nontrade_chip_profile {
        background: #000 !important;
        color: #000 !important;
        padding-top: 2px;
    }

    .el-table--border::after, .el-table--group::after, .el-table::before {
        content: "";
        position: absolute;
        background-color: #000000;
        z-index: 1;
    }

    .el-button {
        border: 1px solid #505050;
        color: #e0e0e0;
    }

    .el-table__empty-block {
        background: #0e0e0e !important;
    }

    .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
        border-bottom: 1px solid #1a1a1a !important;
    }
    .tariff-source-row {
        background: #00662b !important;
        color: #000;
    }

    .chip_profile {
        border: 1px solid #000000 !important;
        background: #000000 !important;
    }


    .el-upload-list {
        background: #000000 !important;
    }

    .el-upload-list  a {
        color: #ffffff !important;
    }

    .el-upload-list--picture .el-upload-list__item {
        background: #00000000 !important;
        border: 1px solid #494949 !important;
    }

    .el-upload-dragger {
        background: #000000 !important;
        border: 2px dashed #484848 !important;
    }

    .el-date-editor .el-range-input {
        color: #ffffff !important;
        background: #0e0e0e;
    }
    .el-picker-panel {
        border: 1px solid #000000 !important;
        box-shadow: 0 0 40px 0 rgb(55 55 55 / 60%) !important;
        background: #000000 !important;
    }

    .el-tabs__nav-wrap::after {
        background-color: #000000 !important;
    }


    .seperation{
        border: 1px solid #454545 !important;
        background: #000000 !important;
    }

    .pdf_style {
        background: #2a2a2a !important;

    }

    .selected_weight {
        background: #2b50ed !important;

    }
    .status_count small {
        color: #ffffffb0 !important;
    }
    .weight_card small {
       color: #ffffff !important;
    }
    .weight_card {
        border: 1px solid #2a2a2a !important;
    }
    .weight_card:hover {
        background: #2e2e2e !important;
        border: 1px solid #2a2a2a !important;
        transform: scale(1.1);
        background: #2e2e2e !important;
        border: 1px solid #2a2a2a !important;
        transform: scale(1.1);
        background: #2e2e2e !important;
        border: 1px solid #2a2a2a !important;
        transform: scale(1.1);
    }

}

.dark-mode .shipment_list  {
    border-bottom: 1px solid #525252 !important;

}

.dark-mode .el-dialog__body {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
}

/* .dark-mode .el-dialog__body table {
    background-color: #0e0e0e !important;
}

.dark-mode .el-dialog__body table thead th {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

.dark-mode .el-dialog__body table tbody td {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

.dark-mode .el-dialog__body table tbody tr {
    background-color: #0e0e0e !important;
}

.dark-mode .el-dialog__body table tbody tr:hover {
    background-color: #1a1a1a !important;
} */

/* All inputs in dark mode */
.dark-mode .el-input__inner,
.dark-mode input[type="text"],
.dark-mode input[type="number"],
.dark-mode input[type="tel"],
.dark-mode input[type="email"],
.dark-mode textarea {
    background-color: #0e0e0e !important;
    border-color: #505050 !important;
    color: #e0e0e0 !important;
}

.dark-mode .el-input__inner::placeholder,
.dark-mode input::placeholder,
.dark-mode textarea::placeholder {
    color: #a0a0a0 !important;
}

.dark-mode .el-input__inner:focus,
.dark-mode input:focus,
.dark-mode textarea:focus {
    border-color: #2b50ed !important;
    color: #e0e0e0 !important;
}

/* Select dropdowns */
.dark-mode .el-select .el-input__inner {
    background-color: #0e0e0e !important;
    border-color: #505050 !important;
    color: #e0e0e0 !important;
}

.dark-mode .el-select .el-input.is-focus .el-input__inner {
    border-color: #2b50ed !important;
}

/* Loading spinner */
.dark-mode .el-loading-mask {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.dark-mode .el-loading-spinner {
    color: #ffffff !important;
}

.dark-mode .el-loading-spinner .path {
    stroke: #ffffff !important;
}

.dark-mode .el-loading-spinner .el-loading-text {
    color: #ffffff !important;
}

.dark-mode .el-icon-loading {
    color: #ffffff !important;
}

/* Radio buttons */
.dark-mode .el-radio {
    color: #e0e0e0 !important;
}

.dark-mode .el-radio__input.is-checked .el-radio__inner {
    background-color: #2b50ed !important;
    border-color: #2b50ed !important;
}

.dark-mode .el-radio__inner {
    background-color: #0e0e0e !important;
    border-color: #505050 !important;
}

.dark-mode .el-radio__label {
    color: #e0e0e0 !important;
}

/* Checkboxes */
.dark-mode .el-checkbox {
    color: #e0e0e0 !important;
}

.dark-mode .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #2b50ed !important;
    border-color: #2b50ed !important;
}

.dark-mode .el-checkbox__inner {
    background-color: #0e0e0e !important;
    border-color: #505050 !important;
}

.dark-mode .el-checkbox__label {
    color: #e0e0e0 !important;
}

/* Labels */
.dark-mode label {
    color: #e0e0e0 !important;
}

/* Process package form elements */
.dark-mode .old_school_look,
.dark-mode .input_customs {
    color: #e0e0e0 !important;
}

.dark-mode .old_school_look label,
.dark-mode .input_customs label {
    color: #e0e0e0 !important;
}

/* Range Suggestions and Supplier Invoices sections */
.dark-mode .value_range_wrapper,
.dark-mode .floating_selection {
    background-color: #1a1a1a !important;
    border-color: #404040 !important;
    color: #e0e0e0 !important;
}

/* Buttons in process dialog */
.dark-mode .el-dialog__body .el-button {
    background-color: #1a1a1a ;
    border-color: #505050 ;
    color: #e0e0e0 ;
}

.dark-mode .el-dialog__body .el-button--primary {
    background-color: #2b50ed ;
    border-color: #2b50ed ;
    color: #fff ;
}

/* Empty state */
.dark-mode .el-empty {
    color: #a0a0a0 !important;
}

.dark-mode .el-empty__description {
    color: #a0a0a0 !important;
}

/* Notification page/dashboard */
.dark-mode .notifications-dashboard,
.dark-mode .NotificationsDashboard {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
}

/* Select dropdown options */
.dark-mode .el-select-dropdown {
    background-color: #0e0e0e !important;
    border-color: #505050 !important;
}

.dark-mode .el-select-dropdown__item {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
}

.dark-mode .el-select-dropdown__item:hover {
    background-color: #1a1a1a !important;
}

.dark-mode .el-select-dropdown__item.selected {
    background-color: #1a1a1a !important;
    color: #2b50ed !important;
}

/* HR/Divider in dialogs */
.dark-mode hr {
    border-color: #404040 !important;
    background-color: #404040 !important;
}

/* Strong tags */
.dark-mode strong {
    color: #e0e0e0 !important;
}

/* Process package button styles */
.dark-mode .process_package {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: #505050 !important;
}

.dark-mode .modife_nontrade_search  {
    background: #0e0e0e !important;
    border: 1px solid #404040  !important;

}
.dark-mode .el-notification {
    background: #0e0e0e !important;
    border: 1px solid #404040  !important;
    color: #fff !important;
}

.dark-mode .nontrade_footer {
    background: #0e0e0e !important;
    /* border-top: 1px solid #404040  !important; */
}

/* Dark mode tables (all tables except main nontrade table) */
.dark-mode .dark-mode-table,
.dark-mode .dark-mode-table.el-table {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
    font-size: 11px !important;
}

.dark-mode .dark-mode-table.el-table th,
.dark-mode .dark-mode-table.el-table td {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
    font-size: 11px !important;
}

.dark-mode .dark-mode-table.el-table th.el-table__cell {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
}

.dark-mode .dark-mode-table.el-table th.el-table__cell > .cell {
    color: #e0e0e0 !important;
    font-size: 11px !important;
}

.dark-mode .dark-mode-table.el-table tr:hover > td {
    background-color: #1a1a1a !important;
}

.dark-mode .dark-mode-table.el-table--striped .el-table__body tr.el-table__row--striped td {
    background-color: #0e0e0e !important;
}

.dark-mode .dark-mode-table.el-table--striped .el-table__body tr.el-table__row--striped:hover td {
    background-color: #1a1a1a !important;
}

.dark-mode .dark-mode-table.el-table__body-wrapper {
    background-color: #0e0e0e !important;
}

.dark-mode .dark-mode-table.el-table__header-wrapper {
    background-color: #0e0e0e !important;
}

.dark-mode .dark-mode-table.el-table__body {
    background-color: #0e0e0e !important;
}

.dark-mode .dark-mode-table.el-table__header {
    background-color: #0e0e0e !important;
}

.dark-mode .dark-mode-table .el-table__empty-block {
    background-color: #0e0e0e !important;
}

.dark-mode .dark-mode-table .el-table__empty-text {
    color: #a0a0a0 !important;
}

.dark-mode .dark-mode-table .el-table__body-wrapper {
    background-color: #0e0e0e !important;
}

.dark-mode .dark-mode-table .el-table__inner-wrapper {
    background-color: #0e0e0e !important;
}

.dark-mode .dark-mode-table .el-table__inner-wrapper::before {
    background-color: #0e0e0e !important;
}

/* Force override inline styles with higher specificity */
.dark-mode .dark-mode-table td strong[style],
.dark-mode .dark-mode-table td strong[style*="color"],
.dark-mode .dark-mode-table .el-table__body-wrapper td strong[style],
.dark-mode .dark-mode-table .el-table__body-wrapper td strong[style*="color"] {
    color: #e0e0e0 !important;
}

.dark-mode .dark-mode-table td span,
.dark-mode .dark-mode-table td small,
.dark-mode .dark-mode-table .el-table__body-wrapper td span,
.dark-mode .dark-mode-table .el-table__body-wrapper td small {
    color: #e0e0e0 !important;
    font-size: 11px !important;
}

/* All text elements in dark mode tables */
.dark-mode .dark-mode-table * {
    font-size: 11px !important;
}

.dark-mode .dark-mode-table .el-table__body-wrapper *,
.dark-mode .dark-mode-table .el-table__header-wrapper * {
    font-size: 11px !important;
}

/* Ensure table body is dark */
.dark-mode .dark-mode-table.el-table .el-table__body {
    background-color: #0e0e0e !important;
}

.dark-mode .dark-mode-table.el-table .el-table__body tr {
    background-color: #0e0e0e !important;
}

.dark-mode .dark-mode-table.el-table .el-table__body tr td {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
}

/* Override all inline color styles in table cells */
.dark-mode .dark-mode-table.el-table .el-table__body tr td[style*="color"],
.dark-mode .dark-mode-table.el-table .el-table__body tr td *[style*="color: #000"],
.dark-mode .dark-mode-table.el-table .el-table__body tr td *[style*="color:#000"] {
    color: #e0e0e0 !important;
}

/* Table wrapper background */
.dark-mode .dark-mode-table.el-table .el-table__inner-wrapper {
    background-color: #0e0e0e !important;
}

.dark-mode .dark-mode-table.el-table .el-table__inner-wrapper::before {
    background-color: #0e0e0e !important;
}

.dark-mode .dark-mode-table.el-table .el-table__inner-wrapper::after {
    background-color: #0e0e0e !important;
}

/* Override inline styles in dark mode tables */
.dark-mode .dark-mode-table strong,
.dark-mode .dark-mode-table strong[style*="color: #000"],
.dark-mode .dark-mode-table strong[style*="color:#000"],
.dark-mode .dark-mode-table td strong,
.dark-mode .dark-mode-table td strong[style],
.dark-mode .dark-mode-table .el-table__body-wrapper td strong,
.dark-mode .dark-mode-table .el-table__body-wrapper td strong[style],
.dark-mode .dark-mode-table .el-table__body-wrapper td strong[style*="color"],
.dark-mode .dark-mode-table .el-table__body-wrapper td strong[style*="#000"] {
    color: #e0e0e0 !important;
}

.dark-mode .dark-mode-table span,
.dark-mode .dark-mode-table small {
    color: #e0e0e0 !important;
    font-size: 11px !important;
}

.dark-mode .dark-mode-table .el-button {
    background-color: #1a1a1a !important;
    border-color: #505050 !important;
    color: #e0e0e0 !important;
    font-size: 11px !important;
}

.dark-mode .dark-mode-table .el-button:hover {
    background-color: #2a2a2a !important;
    border-color: #606060 !important;
}

/* Regular HTML tables in dark mode */
.dark-mode .dark-mode-table table,
.dark-mode .dark-mode-table table th,
.dark-mode .dark-mode-table table td {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
    font-size: 11px !important;
}

.dark-mode .dark-mode-table table thead th {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
    font-size: 11px !important;
}

.dark-mode .dark-mode-table table tbody td {
    background-color: #0e0e0e !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
    font-size: 11px !important;
}

.dark-mode .dark-mode-table table tbody tr {
    background-color: #0e0e0e !important;
}

.dark-mode .dark-mode-table table tbody tr:hover {
    background-color: #1a1a1a !important;
}

.dark-mode .dark-mode-table table strong {
    color: #e0e0e0 !important;
    font-size: 11px !important;
}

.dark-mode .dark-mode-table table strong[style*="color: #000"],
.dark-mode .dark-mode-table table strong[style*="color:#000"] {
    color: #e0e0e0 !important;
}

/* Button classes for action buttons */
.btn-website-shortcuts {
    margin-left: 0 !important;
    margin-right: 12px !important;
    background-color: #0e0e0e !important;
    border-color: #505050 !important;
    color: #e0e0e0 !important;
}

.btn-commit-changes {
    margin-left: 0 !important;
    margin-right: 12px !important;
    background-color: #2b50ed !important;
    border-color: #2b50ed !important;
    color: #ffffff !important;
}

.btn-add-comment {
    margin-left: 0 !important;
    margin-right: 12px !important;
    background-color: #0e0e0e !important;
    border-color: #505050 !important;
    color: #e0e0e0 !important;
}

.btn-mark-verification {
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-color: #f5f5f5 !important;
    border-color: #d0d0d0 !important;
    color: #333333 !important;
}

/* Dark mode button overrides */
.dark-mode .btn-website-shortcuts,
.dark-mode .btn-add-comment {
    background-color: #0e0e0e !important;
    border-color: #505050 !important;
    color: #e0e0e0 !important;
}


/* Dark mode iframe */
.dark-mode .dark-mode-iframe {
    background-color: #0e0e0e !important;
    border-color: #404040 !important;
}

/* Dark mode image viewer */
.dark-mode .dark-mode-image-viewer {
    background-color: #0e0e0e !important;
    border-color: #404040 !important;
}

.dark-mode .dark-mode-loading-icon {
    color: #ffffff !important;
}

/* Dark mode styles for table row classes */
.dark-mode .tariff-source-row {
    background: #1a4d2e !important;
    color: #fff !important;
}

.dark-mode .tariff-source-row button {
    color: #fff !important;
}

.dark-mode .tariff-source-row .nontrade_chip_profile {
    background: #09071c !important;
}

.dark-mode .tariff-source-row .nontrade_custom_chip {
    background: #09071c !important;
}

.dark-mode .tariff-source-row .miami_notes {
    background: #0e0e0e !important;
    color: #fff !important;
    border: 1px solid #38c172 !important;
}

.dark-mode .tariff-source-row .miami_notes ion-icon {
    color: #38c172 !important;
}

.dark-mode .selected_nontrade-row {
    filter: brightness(0.6) !important;
}

.dark-mode .starred-row {
    background: #8b5a00 !important;
    color: #fff !important;
}

.dark-mode .default-row {
    background: #6b6b6b !important;

}



.dark-mode .starred-row .miami_notes {
    background: #0e0e0e !important;
    color: #fff !important;
    border: 1px solid #f99901 !important;
}

.dark-mode .starred-row .miami_notes ion-icon {
    color: #f99901 !important;
}

.dark-mode .duplicate-row {
    background: #4a4a6a !important;
    color: #fff !important;
}

.dark-mode .final-check-row {
    background: #8b1a2a !important;
    color: #fff !important;
}

.dark-mode .final-check-row button {
    color: #fff !important;
}

.dark-mode .final-check-row strong {
    color: #fff !important;
}

.dark-mode .final-check-row .miami_notes {
    background: #0e0e0e !important;
    color: #fff !important;
    border: 1px solid #f92c47 !important;
}

.dark-mode .final-check-row .miami_notes ion-icon {
    color: #f92c47 !important;
}

.dark-mode .final-check-row .miami_notes strong {
    color: #fff !important;
}

.dark-mode .final-check-row .nontrade_chip_profile {
    background: #09071c !important;
}

.dark-mode .final-check-row .nontrade_custom_chip {
    background: #09071c !important;
}

.dark-mode .selected-row-for-export {
    background: #4a004a !important;
    color: #fff !important;
}

.dark-mode .selected-row-for-export .package_select_btn_v {
    background: #8d00ff !important;
    color: #ffffff !important;
    border: 1px solid #8d00ff !important;
}

.dark-mode .selected-row-for-export button {
    color: #fff !important;
}

.dark-mode .selected-row-for-export .miami_notes strong {
    color: #fff !important;
}

.dark-mode .selected-row-for-export strong {
    color: #fff !important;
}

.dark-mode .verify-row {
    background: #1a0000 !important;
    color: #fff !important;
}

.dark-mode .verify-row .nontrade_chip_profile {
    color: #fff !important;
    background: #1a0000 !important;
}

.dark-mode .verify-row button {
    color: #fff !important;
}

.dark-mode .verify-row .nontrade_custom_chip {
    background: #f92c47 !important;
}


.dark-mode .btn-commit-changes {
    background-color: #2b50ed !important;
    border-color: #2b50ed !important;
    color: #ffffff !important;
}

.dark-mode .btn-mark-verification {
    background-color: #f92c47 !important;
    border-color: #f92c47 !important;
    color: #ffffff !important;
}