/* ====================================
   DARK MODE STYLES - Chrome Theme
   Extracted from style.css
   Color palette inspired by Chrome Dark Mode
   ==================================== */

body.dark input:focus,
body.dark textarea:focus {
    background-color: #1a1b1e !important;
    /* nâu oliu đậm sang trọng */
    color: #fff;
}

body.dark select:focus {
    background-color: #1a1b1e !important;
    color: #e8eaed;
    border-color: #8ab4f8;
}

body.dark {
    background: #202124;
    color: #e8eaed;
    --dm-th-bg: #35363a;
    --dm-th-bg-accent: #2a3f58;
    --dm-th-text: #e8eaed;
    --dm-th-muted-text: #bdc1c6;
    --dm-th-icon: #81c995;
    --dm-th-border: #3c4043;
}

body.dark .main {
    background: #292a2d;
}

body.dark .topbar {
    background: #202124;
    border-bottom-color: #3c4043;
}

body.dark input[type="text"],
body.dark input[type="password"],

body.dark input[type="email"],
body.dark input[type="number"],

body.dark input[type="tel"],
body.dark input[type="url"],

body.dark input[type="search"],
body.dark input[type="datetime-local"],

body.dark input[type="date"],
body.dark input[type="month"],

body.dark input[type="time"],
body.dark input[type="file"],

body.dark select,
body.dark textarea {
    background: #202124;
    color: #e8eaed;
    border-color: #4a4d51;
}

body.dark .batchInput {
    background: #202124;
    color: #e8eaed;
    border-color: #4a4d51 !important;
}

body.dark .stats {
    background: #2c2c2c;
}

body.dark .stat-box {
    background: #202124;
    color: #8ab4f8;
    border-left-color: #1a73e8;
}

body.dark .pdf-export-dropdown-menu {
    background: #252d3d;
    border-color: #3c4043;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45);
}

body.dark .pdf-export-option {
    color: #e8eaed;
}

body.dark .pdf-export-title {
    color: #bdc1c6;
}

body.dark .packing-box-date-dropdown-actions {
    border-top-color: #3c4043;
}

body.dark .stats .currency-stat-filter.active-currency-filter {
    background: #1a73e8;
    color: #d2e3fc;
    border-left-color: #1557b0;
}

body.dark table {
    background: #202124;
    color: #e8eaed;
}

body.dark tbody tr:hover {
    background: #1a1b1e;
}

body.dark th,
body.dark td {
    border-color: var(--dm-th-border);
}

body.dark thead th,
body.dark .settings-table thead th,
body.dark .settings-table.bglightblue thead th,
body.dark .settings-users-table thead th {
    background: var(--dm-th-bg-accent);
    color: var(--dm-th-text);
    border-color: var(--dm-th-border);
}

body.dark thead th i,
body.dark thead th .fa,
body.dark thead th .fas,
body.dark thead th .far,
body.dark thead th .fab,
body.dark .settings-table thead th i,
body.dark .settings-table thead th .fa,
body.dark .settings-table thead th .fas,
body.dark .scroll-table thead th i,
body.dark .scroll-table thead th .fa,
body.dark .scroll-table thead th .fas,
body.dark .settings-users-table thead th i,
body.dark .settings-users-table thead th .fa,
body.dark .settings-users-table thead th .fas,
body.dark table.product-list-table thead th i,
body.dark table.product-list-table thead th .fa,
body.dark table.product-list-table thead th .fas {
    color: var(--dm-th-icon);
}

body.dark table.product-list-table thead th {
    background: var(--dm-th-bg-accent);
    color: var(--dm-th-text);
}

body.dark .order-tabs .tab i,
body.dark .order-tabs .tab .fa,
body.dark .order-tabs .tab .fas {
    color: var(--dm-th-icon);
}

body.dark .table-bordered {
    border-color: #3c4043;
}

body.dark .table-bordered th,
body.dark .table-bordered td {
    border: 1px solid #4a4d51;
}

body.dark .table-bordered th {
    background: var(--dm-th-bg);
    color: var(--dm-th-muted-text);
}

body.dark .table-bordered td {
    background: #121212;
    color: #9aa0a6;
}

body.dark .table-bordered tr:nth-child(even) td {
    background: #1a1a1a;
}

body.dark .table-bordered tr:hover td {
    background: #303134;
}

body.dark .wrapper-payroll {
    border-color: #3c4043;
    background: #202124;
}

body.dark .form-advance.advance-form .advance-form__deduct {
    background: #1a1b1e;
    border-color: #3c4043;
}

body.dark .form-advance.advance-form .advance-form__sub {
    color: #9aa0a6;
}

body.dark .table-payroll tr.payroll-header {
    background: #1e1e1e;
}

body.dark .table-payroll {
    background: #292a2d;
    color: #e8eaed;
}

body.dark .table-payroll th,
body.dark .table-payroll td {
    border-bottom-color: #3c4043;
}

body.dark .filter-option {
    background: #2d2f31;
    color: #e8eaed;
    border-color: #3c4043;
}

body.dark .filter-option:hover {
    background: #35363a !important;
    border-color: #5f6368 !important;
    color: #8ab4f8 !important;
}

body.dark .filter-option.active {
    background: #1a3348 !important;
    border-color: #3a5872 !important;
    color: #b8d4f0 !important;
    box-shadow: none !important;
}

body.dark .worker-row .row-number {
    color: #9aa0a6;
}

@media (max-width: 768px) {
    body.dark .worker-row-shifts {
        background: #2d2f31;
        border-color: #3c4043;
    }

    body.dark .worker-row-notes {
        border-top-color: #3c4043;
    }
}

@media (min-width: 769px) {
    body.dark .worker-row-shifts {
        background: transparent;
        border: none;
        padding: 0;
    }
}

body.dark .bottom-bar {
    background: rgba(32, 33, 36, 0.97);
}

body.dark .bottom-bar .bar-link.active {
    background: rgba(255, 255, 255, 0.15);
}

body.dark #bottom-tab-tooltip {
    background: rgba(255, 255, 255, 0.96);
    color: #111827;
    border: 1px solid rgba(17, 24, 39, 0.12);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}

body.dark .sidebar {
    background: #202124;
}

body.dark .sidebar-header-actions {
    background: #1a1b1e;
    border-bottom-color: #3c4043;
}

body.dark .sidebar-header-actions {
    background: rgba(32, 33, 36, 0.7);
    border-bottom-color: #3c4043;
}

body.dark .sidebar a.selected {
    background: rgba(0, 0, 0, 0.15);
}

body.dark .page-not-found {
    background: #3a0d0d;
    color: #ffbaba;
    border-color: #6e1e1e;
}

body.dark .alert.error {
    background: #3a0d0d;
    color: #ffbaba;
    border-color: #6e1e1e;
}

body.dark .alert.success {
    background: #0d3a0d;
    color: #baf2ba;
    border-color: #1e6e1e;
}

body.dark .alert.warning {
    background: #3d3520;
    color: #fdd663;
    border-color: #8a7020;
}

body.dark .pagination a {
    background: #1e3a5f;
    color: #d2e3fc;
    border: 1px solid #5f6368;
}

body.dark .pagination a:hover {
    background: #1a73e8;
    border-color: #1a73e8;
    color: #fff;
}

body.dark .pagination a.active {
    background: #1a73e8;
    color: #fff;
    border-color: #1a73e8;
}

body.dark .text-white {
    color: #e8eaed !important;
}

body.dark .text-blue {
    color: #8ab4f8 !important;
}

body.dark .text-gray {
    color: #9aa0a6 !important;
}

body.dark .button.blue {
    background-color: #1a73e8;
    /* xanh navy hơi sáng */
    color: #d2e3fc;
}

body.dark .button.blue:hover {
    background-color: #1557b0;
    /* đậm hơn khi hover */
}

body.dark .button.gray {
    background-color: #5f6368;
    color: #e8eaed;
}

body.dark .button.gray:hover {
    background-color: #3c4043;
}

body.dark .button.transparent {
    color: #bdc1c6;
}

body.dark .button.transparent:hover {
    color: #8ab4f8;
}

body.dark .view-mode-toggle {
    background: #1a1b1e;
    border: 1px solid #3c4043;
}

body.dark .view-mode-btn {
    color: #9aa0a6;
}

body.dark .view-mode-btn:hover {
    color: #e8eaed;
    background: rgba(255, 255, 255, 0.06);
}

body.dark .view-mode-btn.active {
    background: #202124;
    color: #8ab4f8;
    box-shadow: inset 0 0 0 1px #3c4043;
}

body.dark .main a,
body.dark .main-content-card a,

body.dark .scrollable a,
body.dark .content a {
    color: #8ab4f8;
}

body.dark .main a:hover,
body.dark .main-content-card a:hover,

body.dark .scrollable a:hover,
body.dark .content a:hover {
    color: #8ab4f8;
}

body.dark .order-header-grid.bigfont-mode {
    background: linear-gradient(to top, #1a1b1e, #202124);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

body.dark .order-header-grid.bigfont-mode span {
    color: #aaa;
}

body.dark .order-header-grid.bigfont-mode strong {
    color: #e8eaed;
}

body.dark .order-tabs {
    background: #181818;
    border-bottom-color: #3c4043;
}

body.dark .order-tabs .tab {
    color: #fff;
}

body.dark .order-tabs .dropdown-menu .menu-trigger {
    color: #fff;
}

/* Dropdown trigger ngoài order-tabs (vd. chấm công — Chọn bộ phận) */
body.dark .dropdown-menu .menu-trigger.filter-option {
    background: #2d2f31;
    color: #e8eaed;
    border: 1px solid #3c4043;
}

body.dark .dropdown-menu .menu-trigger.filter-option:hover {
    background: #35363a !important;
    border-color: #5f6368 !important;
    color: #8ab4f8 !important;
}

body.dark .dropdown-menu .menu-trigger.filter-option.active {
    background: #1a3348 !important;
    border-color: #3a5872 !important;
    color: #b8d4f0 !important;
    box-shadow: none !important;
}

body.dark .dropdown-menu .menu-content a.active {
    background: #1a3348;
    border-color: #3a5872;
    color: #b8d4f0;
}

body.dark .dropdown-menu .menu-content {
    background: #202124;
    border-color: #3c4043;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

body.dark .dropdown-menu .menu-content a {
    color: #e8eaed;
    border-bottom-color: #3c4043;
}

body.dark .dropdown-menu .menu-content a:hover {
    background: #1a1b1e;
    color: #8ab4f8;
}

body.dark .gw-workflow-tab-bar .dropdown-menu .menu-content a:hover,
body.dark .subtab-links .dropdown-menu .menu-content a:hover {
    background: #2d2f31;
    color: #8ab4f8;
}

body.dark .highlight-row {
    background-color: #5c0000 !important;
}

body.dark .login-wrapper {
    background: #1e1e1e;
}

body.dark .login-form {
    background: #1e1e1e;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

body.dark .login-form input[type="tel"],
body.dark .login-form input[type="password"] {
    background: #1e1e1e;
    color: #e8eaed;
    border: 1px solid #5f6368;
}

body.dark .invoice-card {
    background: linear-gradient(to bottom, #1e1e1e, #292a2d);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    border-color: #3c4043;
}

body.dark .finance-row {
    border-color: #3c4043;
}

body.dark .invoice-payment-history-hint {
    color: #81c995;
}

body.dark .money {
    color: #8ab4f8;
}

body.dark .history-content {
    color: #9aa0a6;
    font-size: 12px;
}

body.dark .history-payment-form input,
body.dark .history-payment-form select {
    background: #292a2d;
    color: #e8eaed;
    border-color: #3c4043;
}

body.dark .scroll-table {
    background: #202124;
    color: #e8eaed;
}

body.dark .scroll-table th,
body.dark .scroll-table thead th,
html.dark .scroll-table th,
html.dark .scroll-table thead th {
    background-color: #35363a !important;
    color: #9aa0a6;
    border-color: #3c4043;
    border-bottom-color: #3c4043;
    box-shadow: none;
}

body.dark .order-tab-hscroll-shell.is-thead-stuck .scroll-table.order-vieworder-tab-table thead th,
html.dark .order-tab-hscroll-shell.is-thead-stuck .scroll-table.order-vieworder-tab-table thead th {
    box-shadow: inset 0 1px 0 #3c4043;
}

body.dark .order-tab-hscroll-shell .scroll-table.order-vieworder-tab-table thead th,
html.dark .order-tab-hscroll-shell .scroll-table.order-vieworder-tab-table thead th {
    background-color: #35363a !important;
    color: #9aa0a6 !important;
}

body.dark .scroll-table-wrapper.is-thead-stuck .scroll-table thead th,
html.dark .scroll-table-wrapper.is-thead-stuck .scroll-table thead th {
    box-shadow: inset 0 1px 0 #3c4043;
}

body.dark .packinglist-thead-floater,
html.dark .packinglist-thead-floater {
    background: #35363a;
    border-top-color: #3c4043;
    box-shadow: inset 0 1px 0 #35363a, 0 1px 0 #3c4043;
}

body.dark .order-tab-hscroll-shell .scroll-table.order-vieworder-tab-table th.sticky-photo,
body.dark .order-tab-hscroll-shell .scroll-table.order-vieworder-tab-table td.sticky-photo,
html.dark .order-tab-hscroll-shell .scroll-table.order-vieworder-tab-table th.sticky-photo,
html.dark .order-tab-hscroll-shell .scroll-table.order-vieworder-tab-table td.sticky-photo {
    box-shadow: none;
}

body.dark .order-tab-hscroll-shell .scroll-table.order-vieworder-tab-table tbody td.sticky-photo,
html.dark .order-tab-hscroll-shell .scroll-table.order-vieworder-tab-table tbody td.sticky-photo {
    background-color: #202124;
}

body.dark .order-tab-hscroll-shell .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table.order-vieworder-tab-table th.sticky-photo,
body.dark .order-tab-hscroll-shell .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table.order-vieworder-tab-table td.sticky-photo,
html.dark .order-tab-hscroll-shell .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table.order-vieworder-tab-table th.sticky-photo,
html.dark .order-tab-hscroll-shell .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table.order-vieworder-tab-table td.sticky-photo {
    box-shadow: inset -1px 0 0 #3c4043;
}

body.dark .order-tab-hscroll-shell.is-photo-col-stuck::before,
html.dark .order-tab-hscroll-shell.is-photo-col-stuck::before {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.08) 55%, transparent);
}

body.dark .packinglist-hscroll-shell .scroll-table.order-packinglist-table th.sticky-photo,
body.dark .packinglist-hscroll-shell .scroll-table.order-packinglist-table td.sticky-photo,
html.dark .packinglist-hscroll-shell .scroll-table.order-packinglist-table th.sticky-photo,
html.dark .packinglist-hscroll-shell .scroll-table.order-packinglist-table td.sticky-photo {
    box-shadow: none;
}

body.dark .packinglist-hscroll-shell .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table.order-packinglist-table th.sticky-photo,
body.dark .packinglist-hscroll-shell .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table.order-packinglist-table td.sticky-photo,
html.dark .packinglist-hscroll-shell .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table.order-packinglist-table th.sticky-photo,
html.dark .packinglist-hscroll-shell .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table.order-packinglist-table td.sticky-photo {
    box-shadow: inset -1px 0 0 #3c4043;
}

body.dark .packinglist-hscroll-shell.is-photo-col-stuck::before,
html.dark .packinglist-hscroll-shell.is-photo-col-stuck::before {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.08) 55%, transparent);
}

body.dark .packinglist-thead-clone thead th.sticky-photo,
html.dark .packinglist-thead-clone thead th.sticky-photo {
    background-color: #35363a !important;
    color: #9aa0a6 !important;
}

body.dark .scroll-table td {
    border-color: #3c4043;
}

body.dark .scroll-table tbody tr:hover {
    background: #292a2d;
}

body.dark .scroll-table td.total {
    background: #292a2d;
}

/* ✅ Sticky ngang packinglist: chỉ cột PHOTO */
body.dark .scroll-table thead th.sticky-photo,
body.dark .scroll-table th.sticky-photo,
html.dark .scroll-table thead th.sticky-photo,
html.dark .scroll-table th.sticky-photo {
    background-color: #35363a !important;
    color: #9aa0a6 !important;
    border-right-color: #3c4043;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
}

body.dark .scroll-table td.sticky-photo {
    background: #202124 !important;
    border-right-color: #3c4043;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
}

body.dark .scroll-table-wrapper.is-sticky-photo-flush .scroll-table thead th.sticky-photo,
body.dark .scroll-table-wrapper.is-sticky-photo-flush .scroll-table th.sticky-photo {
    border-left: none !important;
    box-shadow: inset 1px 0 0 var(--dm-th-border), 2px 0 5px rgba(0, 0, 0, 0.3);
}

body.dark .scroll-table-wrapper.is-sticky-photo-flush .scroll-table td.sticky-photo {
    border-left: none !important;
    box-shadow: inset 1px 0 0 #3c4043, 2px 0 5px rgba(0, 0, 0, 0.3);
}

body.dark .scroll-table tbody tr:hover td.sticky-photo {
    background: #292a2d !important;
}

body.dark .suggestion-box {
    background: #1e1e1e;
    color: #f0f0f0;
    border-color: #3c4043;
}

body.dark .suggestion-box div:hover {
    background: #333;
}

body.dark #qtyCheckMsg {
    background: #171717;
    color: #e8eaed;
    border-color: #4a4d51;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

body.dark .qty-check-box {
    background: #171717;
    color: #f88;
    border-color: #4a4d51;
}

body.dark .output-day-group {
    background: linear-gradient(to top, #1a1b1e, #202124);
    box-shadow: 0 1px 4px rgba(255, 255, 255, 0.05);
    border: 1px solid #3c4043;
}

body.dark .output-day-header {
    background: linear-gradient(to top, #2c3136, #202124);
    box-shadow: 0 1px 4px rgba(255, 255, 255, 0.05);
    color: #e8eaed;
}

body.dark .output-day-header:hover {
    background: linear-gradient(to top, #202428, #202124);
}

body.dark .sub-products {
    background-color: #1e1e1e;
}

body.dark .popup-box {
    background: #1f2937;
    color: #f3f4f6;
}

body.dark .delivery-route-timeline {
    --dr-accent: #38bdf8;
    --dr-pill-bg: #0ea5e9;
    --dr-body-bg: #1e293b;
    --dr-body-border: rgba(56, 189, 248, 0.45);
}

body.dark .delivery-route-timeline::before {
    background: var(--dr-accent);
}

body.dark .delivery-route-node {
    background: #1f2937;
    box-shadow: 0 0 0 2px #1f2937;
}

body.dark .delivery-route-item--late {
    --dr-accent: #f87171;
    --dr-pill-bg: #ef4444;
    --dr-body-bg: #3f1f23;
    --dr-body-border: rgba(248, 113, 113, 0.55);
}

body.dark .delivery-route-item--soon {
    --dr-accent: #fdba74;
    --dr-pill-bg: #fb923c;
    --dr-body-bg: #3a2a1b;
    --dr-body-border: rgba(253, 186, 116, 0.55);
}

body.dark .delivery-route-item--mid {
    --dr-accent: #38bdf8;
    --dr-pill-bg: #0ea5e9;
    --dr-body-bg: #1e293b;
    --dr-body-border: rgba(56, 189, 248, 0.45);
}

body.dark .delivery-route-item--far {
    --dr-accent: #2dd4bf;
    --dr-pill-bg: #14b8a6;
    --dr-body-bg: #123134;
    --dr-body-border: rgba(45, 212, 191, 0.5);
}

body.dark .delivery-route-empty {
    color: #9ca3af;
}

/* —— Lịch sản xuất: Gantt —— */
body.dark .production-schedule-page .ps-filter-bar,
html.dark .production-schedule-page .ps-filter-bar {
    background: #262b33;
    border-color: #3c4043;
}

body.dark .greenware-production-page .gwp-custom-range,
html.dark .greenware-production-page .gwp-custom-range {
    border-color: #3c4043;
}

body.dark .production-schedule-page .ps-filter-bar__label,
html.dark .production-schedule-page .ps-filter-bar__label {
    color: #9ca3af;
}

body.dark .production-schedule-page .ps-sheet.bgwhite,
html.dark .production-schedule-page .ps-sheet.bgwhite {
    background: #202124 !important;
}

body.dark .production-schedule-page .ps-alert-banner,
html.dark .production-schedule-page .ps-alert-banner {
    background: rgba(198, 40, 40, 0.12);
    border-color: rgba(248, 113, 113, 0.25);
    color: #d1d5db;
}

body.dark .production-schedule-page .ps-priority-card,
html.dark .production-schedule-page .ps-priority-card {
    background: #262b33;
    border-color: #3c4043;
}

body.dark .production-schedule-page .ps-priority-card--overdue .ps-priority-card__title,
html.dark .production-schedule-page .ps-priority-card--overdue .ps-priority-card__title {
    color: #f87171;
}

body.dark .production-schedule-page .ps-priority-card--soon .ps-priority-card__title,
html.dark .production-schedule-page .ps-priority-card--soon .ps-priority-card__title {
    color: #60a5fa;
}

body.dark .production-schedule-page .ps-priority-row,
html.dark .production-schedule-page .ps-priority-row {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.dark .production-schedule-page .ps-empty-state,
html.dark .production-schedule-page .ps-empty-state {
    color: #9ca3af;
}

body.dark .production-schedule-page .ps-gantt-scroll.scroll-table-wrapper,
html.dark .production-schedule-page .ps-gantt-scroll.scroll-table-wrapper {
    background: #262b33;
    border-color: #3c4043;
}

body.dark .production-schedule-page .ps-gantt-legend__filter:hover,
html.dark .production-schedule-page .ps-gantt-legend__filter:hover {
    background: #3c4043;
}

body.dark .production-schedule-page .ps-gantt-legend__filter.is-active,
html.dark .production-schedule-page .ps-gantt-legend__filter.is-active {
    border-color: #5c9fd6;
    background: rgba(92, 159, 214, 0.16);
    color: #93c5fd;
}

/* —— Tồn dư thành phẩm —— */
body.dark .surplus-page .surplus-sheet.bgwhite,
html.dark .surplus-page .surplus-sheet.bgwhite {
    background: #202124 !important;
}

body.dark .surplus-page .surplus-page__intro,
body.dark .surplus-page .surplus-pane-count,
body.dark .surplus-page .surplus-date,
body.dark .surplus-page .surplus-note,
body.dark .surplus-page .surplus-reverse-modal__intro,
html.dark .surplus-page .surplus-page__intro,
html.dark .surplus-page .surplus-pane-count,
html.dark .surplus-page .surplus-date,
html.dark .surplus-page .surplus-note,
html.dark .surplus-page .surplus-reverse-modal__intro {
    color: rgba(232, 234, 237, 0.72);
}

body.dark .surplus-page .surplus-sheet--filter .surplus-filter-bar,
html.dark .surplus-page .surplus-sheet--filter .surplus-filter-bar {
    background: transparent;
}

body.dark .surplus-page .surplus-filter-bar__customer-results,
html.dark .surplus-page .surplus-filter-bar__customer-results {
    background: #262b33;
    border-color: #3c4043;
}

body.dark .surplus-page .surplus-table-wrap,
html.dark .surplus-page .surplus-table-wrap {
    background: #262b33;
    border-color: #3c4043;
}

body.dark .surplus-page .surplus-table thead th,
html.dark .surplus-page .surplus-table thead th {
    background: #2d3135;
    border-bottom-color: #3c4043;
    color: rgba(232, 234, 237, 0.65);
}

body.dark .surplus-page .surplus-table tbody td,
html.dark .surplus-page .surplus-table tbody td {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.dark .surplus-page .surplus-table tbody tr:hover,
html.dark .surplus-page .surplus-table tbody tr:hover {
    background: rgba(255, 255, 255, 0.03);
}

body.dark .surplus-page .surplus-table__row--active,
html.dark .surplus-page .surplus-table__row--active {
    background: rgba(25, 118, 210, 0.12);
}

body.dark .surplus-page .surplus-empty,
html.dark .surplus-page .surplus-empty {
    color: rgba(232, 234, 237, 0.55);
}

body.dark .surplus-page .surplus-link--pool,
html.dark .surplus-page .surplus-link--pool {
    background: rgba(25, 118, 210, 0.18);
}

body.dark .surplus-status--success,
html.dark .surplus-status--success {
    background: rgba(46, 125, 50, 0.2);
    color: #81c784;
}

body.dark .surplus-status--info,
html.dark .surplus-status--info {
    background: rgba(21, 101, 192, 0.2);
    color: #64b5f6;
}

body.dark .surplus-status--primary,
html.dark .surplus-status--primary {
    background: rgba(94, 53, 177, 0.2);
    color: #b39ddb;
}

body.dark .surplus-status--warning,
html.dark .surplus-status--warning {
    background: rgba(245, 127, 23, 0.18);
    color: #ffb74d;
}

body.dark .surplus-status--danger,
html.dark .surplus-status--danger {
    background: rgba(198, 40, 40, 0.18);
    color: #ef9a9a;
}

body.dark .surplus-status--neutral,
html.dark .surplus-status--neutral {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(232, 234, 237, 0.72);
}

body.dark .surplus-page .surplus-page__back-link,
html.dark .surplus-page .surplus-page__back-link {
    color: rgba(232, 234, 237, 0.78);
}

body.dark .surplus-page .surplus-page__back-link:hover,
html.dark .surplus-page .surplus-page__back-link:hover {
    background: rgba(25, 118, 210, 0.18);
    color: #64b5f6;
}

body.dark .surplus-page .surplus-page__info-btn,
body.dark .fs-surplus-order-sheet .surplus-page__info-btn,
html.dark .surplus-page .surplus-page__info-btn,
html.dark .fs-surplus-order-sheet .surplus-page__info-btn {
    color: #9aa0a6;
}

body.dark .surplus-page .surplus-page__info-btn:hover,
body.dark .fs-surplus-order-sheet .surplus-page__info-btn:hover,
html.dark .surplus-page .surplus-page__info-btn:hover,
html.dark .fs-surplus-order-sheet .surplus-page__info-btn:hover {
    background: rgba(100, 181, 246, 0.12);
    color: #64b5f6;
}

body.dark .surplus-guide-list,
html.dark .surplus-guide-list {
    color: rgba(232, 234, 237, 0.82);
}

body.dark .surplus-guide-card__step,
html.dark .surplus-guide-card__step {
    background: rgba(25, 118, 210, 0.18);
    color: #64b5f6;
}

body.dark .surplus-guide-tip__body,
html.dark .surplus-guide-tip__body {
    background: rgba(25, 118, 210, 0.1);
}

body.dark .surplus-guide-tip__title,
html.dark .surplus-guide-tip__title {
    color: #64b5f6;
}

body.dark .surplus-guide-tip__text,
html.dark .surplus-guide-tip__text {
    color: rgba(232, 234, 237, 0.72);
}

body.dark .manual-page .manual-page__intro,
body.dark .manual-page .manual-index-card__text,
html.dark .manual-page .manual-page__intro,
html.dark .manual-page .manual-index-card__text {
    color: rgba(232, 234, 237, 0.72);
}

body.dark .manual-page .manual-page__back-link,
body.dark .manual-page .manual-page__module-link,
html.dark .manual-page .manual-page__back-link,
html.dark .manual-page .manual-page__module-link {
    color: rgba(232, 234, 237, 0.78);
}

body.dark .manual-page .manual-page__back-link:hover,
body.dark .manual-page .manual-page__module-link:hover,
html.dark .manual-page .manual-page__back-link:hover,
html.dark .manual-page .manual-page__module-link:hover {
    color: #64b5f6;
}

body.dark .notifications-page .notif-sheet,
html.dark .notifications-page .notif-sheet {
    background: #202124 !important;
}

body.dark .notifications-page .notif-toolbar,
html.dark .notifications-page .notif-toolbar {
    background: #202124;
    border-color: #3c4043;
}

body.dark .notifications-page .notif-toolbar__title,
html.dark .notifications-page .notif-toolbar__title {
    color: #e8eaed;
}

body.dark .notifications-page .notif-toolbar__title i,
html.dark .notifications-page .notif-toolbar__title i {
    color: rgba(232, 234, 237, 0.65);
}

body.dark .notifications-page .notif-toolbar__mark-all,
html.dark .notifications-page .notif-toolbar__mark-all {
    color: #93c5fd;
}

body.dark .notifications-page .notif-toolbar__mark-all:hover,
html.dark .notifications-page .notif-toolbar__mark-all:hover {
    background: rgba(92, 159, 214, 0.16);
}

body.dark .notifications-page .notif-toolbar__sep,
html.dark .notifications-page .notif-toolbar__sep {
    background: #5f6368;
}

body.dark .notifications-page .notif-chip,
html.dark .notifications-page .notif-chip {
    background: #2b2f36;
    border-color: #3c4043;
    color: rgba(232, 234, 237, 0.82);
}

body.dark .notifications-page .notif-chip:hover,
html.dark .notifications-page .notif-chip:hover {
    background: #353941;
    border-color: #5f6368;
}

body.dark .notifications-page .notif-chip.is-active,
html.dark .notifications-page .notif-chip.is-active {
    border-color: #5c9fd6;
    background: rgba(92, 159, 214, 0.16);
    color: #93c5fd;
}

body.dark .notifications-page .notif-chip__n,
html.dark .notifications-page .notif-chip__n {
    background: rgba(92, 159, 214, 0.2);
    color: #93c5fd;
}

body.dark .notifications-page .notif-item,
html.dark .notifications-page .notif-item {
    border-color: #3c4043;
}

body.dark .notifications-page .notif-item:hover,
html.dark .notifications-page .notif-item:hover {
    background: #2b2f36;
}

body.dark .notifications-page .notif-item--unread,
html.dark .notifications-page .notif-item--unread {
    background: rgba(92, 159, 214, 0.1);
}

body.dark .notifications-page .notif-item--unread:hover,
html.dark .notifications-page .notif-item--unread:hover {
    background: rgba(92, 159, 214, 0.16);
}

body.dark .notifications-page .notif-item--unread .notif-item__dot,
html.dark .notifications-page .notif-item--unread .notif-item__dot {
    background: #5c9fd6;
}

body.dark .notifications-page .notif-item__module--greenware,
html.dark .notifications-page .notif-item__module--greenware {
    background: rgba(46, 125, 50, 0.22);
    border-color: rgba(129, 199, 132, 0.35);
    color: #a5d6a7;
}

body.dark .notifications-page .notif-item__module--order,
html.dark .notifications-page .notif-item__module--order {
    background: rgba(21, 101, 192, 0.2);
    border-color: rgba(144, 202, 249, 0.35);
    color: #93c5fd;
}

body.dark .notifications-page .notif-item__module--other,
html.dark .notifications-page .notif-item__module--other {
    background: #3c4043;
    border-color: #5f6368;
    color: rgba(232, 234, 237, 0.75);
}

body.dark .notifications-page .notif-item__title,
html.dark .notifications-page .notif-item__title {
    color: #e8eaed;
}

body.dark .notifications-page .notif-item--unread .notif-item__title,
html.dark .notifications-page .notif-item--unread .notif-item__title {
    color: #93c5fd;
}

body.dark .notifications-page .notif-item--read .notif-item__title,
html.dark .notifications-page .notif-item--read .notif-item__title {
    color: rgba(232, 234, 237, 0.78);
}

body.dark .notifications-page .notif-item__summary,
body.dark .notifications-page .notif-item__message,
html.dark .notifications-page .notif-item__summary,
html.dark .notifications-page .notif-item__message {
    color: rgba(232, 234, 237, 0.78);
}

body.dark .notifications-page .notif-item__time,
body.dark .notifications-page .notif-item__meta,
body.dark .notifications-page .notif-empty,
html.dark .notifications-page .notif-item__time,
html.dark .notifications-page .notif-item__meta,
html.dark .notifications-page .notif-empty {
    color: rgba(232, 234, 237, 0.55);
}

body.dark .notifications-page .notif-item__mark-unread,
html.dark .notifications-page .notif-item__mark-unread {
    color: rgba(232, 234, 237, 0.55);
}

body.dark .notifications-page .notif-item__mark-unread:hover,
html.dark .notifications-page .notif-item__mark-unread:hover {
    background: #3c4043;
    color: #e8eaed;
}

body.dark .notifications-page .notif-empty__link,
html.dark .notifications-page .notif-empty__link {
    color: #93c5fd;
}

body.dark .notifications-page .notif-pagination.pagination,
html.dark .notifications-page .notif-pagination.pagination {
    border-color: #3c4043;
}

body.dark .fs-surplus-sig-row .gw-sig-block,
html.dark .fs-surplus-sig-row .gw-sig-block {
    background: #252a31;
    border-color: #3c4043;
}

body.dark .fs-surplus-sig-title,
html.dark .fs-surplus-sig-title {
    color: #e8eaed;
}

body.dark .fs-surplus-sig-status,
html.dark .fs-surplus-sig-status {
    color: #9aa0a6;
}

body.dark .fs-surplus-sig-status.is-signed,
html.dark .fs-surplus-sig-status.is-signed {
    color: #81c784;
}

body.dark .fs-surplus-locked-msg,
html.dark .fs-surplus-locked-msg {
    color: #81c784;
}

body.dark .fs-approver-dropdown__trigger,
html.dark .fs-approver-dropdown__trigger {
    background: #2a2f36;
    border-color: #444;
    color: #e8eaed;
}

body.dark .fs-approver-dropdown__trigger--readonly,
html.dark .fs-approver-dropdown__trigger--readonly {
    background: #2a2f36;
    border-color: #444;
    color: #e8eaed;
}

body.dark .fs-approver-dropdown__label.is-placeholder,
html.dark .fs-approver-dropdown__label.is-placeholder {
    color: #9aa0a6;
}

body.dark .fs-approver-dropdown__menu,
html.dark .fs-approver-dropdown__menu {
    background: #2a2f36;
    border-color: #444;
}

body.dark .fs-approver-dropdown__option,
html.dark .fs-approver-dropdown__option {
    color: #e8eaed;
}

body.dark .fs-approver-dropdown__option:hover,
html.dark .fs-approver-dropdown__option:hover {
    background: #3a4048;
}

body.dark .fs-approver-dropdown__option.active,
html.dark .fs-approver-dropdown__option.active {
    background: #3b4a5a;
}

body.dark .fs-surplus-alloc-form__field label,
html.dark .fs-surplus-alloc-form__field label {
    color: #9aa0a6;
}

body.dark .scroll-table.fs-surplus-count-table tbody tr.bglightred > td,
body.dark .fs-surplus-pool-table .scroll-table tbody tr.bglightred > td,
html.dark .scroll-table.fs-surplus-count-table tbody tr.bglightred > td,
html.dark .fs-surplus-pool-table .scroll-table tbody tr.bglightred > td {
    background-color: #3c2d2d !important;
}

body.dark .scroll-table.fs-surplus-count-table tbody tr.bglightred:hover > td,
body.dark .fs-surplus-pool-table .scroll-table tbody tr.bglightred:hover > td,
html.dark .scroll-table.fs-surplus-count-table tbody tr.bglightred:hover > td,
html.dark .fs-surplus-pool-table .scroll-table tbody tr.bglightred:hover > td {
    background-color: #4a3535 !important;
}

body.dark .scroll-table.fs-surplus-count-table tbody tr.bglightred > td.sticky-photo,
body.dark .fs-surplus-pool-table .scroll-table tbody tr.bglightred > td.sticky-photo,
html.dark .scroll-table.fs-surplus-count-table tbody tr.bglightred > td.sticky-photo,
html.dark .fs-surplus-pool-table .scroll-table tbody tr.bglightred > td.sticky-photo {
    background-color: #3c2d2d !important;
}

body.dark .scroll-table.fs-surplus-count-table tbody tr.bglightred:hover > td.sticky-photo,
body.dark .fs-surplus-pool-table .scroll-table tbody tr.bglightred:hover > td.sticky-photo,
html.dark .scroll-table.fs-surplus-count-table tbody tr.bglightred:hover > td.sticky-photo,
html.dark .fs-surplus-pool-table .scroll-table tbody tr.bglightred:hover > td.sticky-photo {
    background-color: #4a3535 !important;
}

body.dark .op-prod-progress-label,
body.dark .op-prod-filters__label,
body.dark .op-prod-kpi-chip__label,
html.dark .op-prod-progress-label,
html.dark .op-prod-filters__label,
html.dark .op-prod-kpi-chip__label {
    color: #9aa0a6;
}

body.dark .op-prod-progress-pct,
html.dark .op-prod-progress-pct {
    color: #64b5f6;
}

body.dark .op-prod-kpi-chip,
html.dark .op-prod-kpi-chip {
    background: #252a31;
    border-color: #3c4043;
}

body.dark .op-prod-kpi-chip__value,
html.dark .op-prod-kpi-chip__value {
    color: #e8eaed;
}

body.dark .op-prod-control-row,
html.dark .op-prod-control-row {
    border-bottom-color: #3c4043;
}

body.dark .op-prod-control-sheet,
html.dark .op-prod-control-sheet {
    border-bottom-color: #3c4043;
}

body.dark .op-prod-control-row--notes,
html.dark .op-prod-control-row--notes {
    background: rgba(249, 168, 37, 0.08);
}

body.dark .op-prod-notes-compact__label,
html.dark .op-prod-notes-compact__label {
    color: #ffb74d;
}

body.dark .op-prod-notes__line,
html.dark .op-prod-notes__line {
    color: #ffcc80;
}

body.dark .op-prod-notes__type,
html.dark .op-prod-notes__type {
    color: #ffb74d;
}

body.dark .op-prod-cell-pct,
html.dark .op-prod-cell-pct {
    color: #9aa0a6;
}

body.dark .op-prod-cell-pct.text-red,
html.dark .op-prod-cell-pct.text-red {
    color: #ef5350;
}

body.dark .op-prod-page .scroll-table-wrapper.is-row-focus-mode .op-prod-product-row.op-prod-row--focus-target,
html.dark .op-prod-page .scroll-table-wrapper.is-row-focus-mode .op-prod-product-row.op-prod-row--focus-target {
    background-color: #202124;
    box-shadow: inset 0 0 0 2px rgba(138, 180, 248, 0.35);
}

body.dark .op-prod-product-row:hover,
html.dark .op-prod-product-row:hover {
    background: rgba(138, 180, 248, 0.08);
}

/* —— Tạo đơn hàng mới —— */
body.dark .neworder-page .cd-page,
html.dark .neworder-page .cd-page {
    background: #202124;
}

body.dark .neworder-page .no-field-label,
html.dark .neworder-page .no-field-label {
    color: #9ca3af;
}

body.dark .neworder-page .no-pick-lead,
html.dark .neworder-page .no-pick-lead {
    color: #9ca3af;
}

body.dark .neworder-page .no-pick-step__title,
html.dark .neworder-page .no-pick-step__title {
    color: #e8eaed;
}

body.dark .neworder-page .no-pick-selected,
html.dark .neworder-page .no-pick-selected {
    background: #262b33;
    border-color: #3c4043;
}

body.dark .neworder-page .no-pick-selected .cd-hero__title,
html.dark .neworder-page .no-pick-selected .cd-hero__title {
    color: #e8eaed;
}

body.dark .neworder-page .no-pick-method,
html.dark .neworder-page .no-pick-method {
    background: #202124;
    border-color: #3c4043;
}

body.dark .neworder-page .no-pick-method__title,
html.dark .neworder-page .no-pick-method__title {
    color: #e8eaed;
}

body.dark .neworder-page .no-pick-method__desc,
html.dark .neworder-page .no-pick-method__desc {
    color: #9ca3af;
}

/* —— Làm khoán (cd-shell list) —— */
body.dark .piecework-page .pw-list-filters,
html.dark .piecework-page .pw-list-filters {
    background: #262b33;
    border-bottom-color: #3c4043;
}

body.dark .piecework-page .pw-list-table tbody td.sticky-code,
html.dark .piecework-page .pw-list-table tbody td.sticky-code,
body.dark .piecework-page .pw-list-table tbody td.pw-list-col-code,
html.dark .piecework-page .pw-list-table tbody td.pw-list-col-code {
    background: #202124;
}

body.dark .piecework-page .pw-list-table tbody tr:hover td.sticky-code,
html.dark .piecework-page .pw-list-table tbody tr:hover td.sticky-code,
body.dark .piecework-page .pw-list-table tbody tr:hover td.pw-list-col-code,
html.dark .piecework-page .pw-list-table tbody tr:hover td.pw-list-col-code {
    background: #2a2f38;
}

body.dark .piecework-page .pw-list-table thead th.sticky-code,
html.dark .piecework-page .pw-list-table thead th.sticky-code,
body.dark .piecework-page .pw-list-table thead th.pw-list-col-code,
html.dark .piecework-page .pw-list-table thead th.pw-list-col-code {
    background-color: #35363a !important;
}

body.dark .cd-page .scroll-table-wrapper.is-sticky-code-flush .scroll-table.pw-list-table th.sticky-code,
body.dark .cd-page .scroll-table-wrapper.is-sticky-code-flush .scroll-table.pw-list-table td.sticky-code,
html.dark .cd-page .scroll-table-wrapper.is-sticky-code-flush .scroll-table.pw-list-table th.sticky-code,
html.dark .cd-page .scroll-table-wrapper.is-sticky-code-flush .scroll-table.pw-list-table td.sticky-code {
    box-shadow: inset 1px 0 0 #3c4043, 2px 0 5px rgba(0, 0, 0, 0.3);
}

body.dark .piecework-detail-products-panel,
html.dark .piecework-detail-products-panel {
    background: #202124;
    border-color: #3c4043;
}

body.dark .piecework-detail-products-panel__head,
html.dark .piecework-detail-products-panel__head {
    border-bottom-color: #3c4043;
}

body.dark .piecework-detail-products-table thead th,
html.dark .piecework-detail-products-table thead th {
    background: #35363a;
    color: #9aa0a6;
    border-bottom-color: #3c4043;
}

body.dark .piecework-detail-products-table tbody td,
html.dark .piecework-detail-products-table tbody td {
    border-bottom-color: #3c4043;
}

body.dark .scroll-table.order-vieworder-tab-table.piecework-detail-products-table thead th,
html.dark .scroll-table.order-vieworder-tab-table.piecework-detail-products-table thead th {
    background-color: #35363a !important;
    color: #9aa0a6;
    border-bottom-color: #3c4043;
}

body.dark .piecework-detail-products-table tbody td.pw-products-table__photo,
html.dark .piecework-detail-products-table tbody td.pw-products-table__photo {
    background-color: #2d2e30 !important;
}

body.dark .piecework-detail-products-table thead th.pw-products-table__photo,
html.dark .piecework-detail-products-table thead th.pw-products-table__photo {
    background: #35363a !important;
}

body.dark .piecework-detail-products-table-wrap.is-sticky-photo-scrolled .piecework-detail-products-table th.pw-products-table__photo,
body.dark .piecework-detail-products-table-wrap.is-sticky-photo-scrolled .piecework-detail-products-table td.pw-products-table__photo,
body.dark .gw-producer-stats-table-wrap.is-sticky-photo-scrolled .piecework-detail-products-table th.pw-products-table__photo,
body.dark .gw-producer-stats-table-wrap.is-sticky-photo-scrolled .piecework-detail-products-table td.pw-products-table__photo,
body.dark .scroll-table-wrapper.is-sticky-photo-scrolled .piecework-detail-products-table th.pw-products-table__photo,
body.dark .scroll-table-wrapper.is-sticky-photo-scrolled .piecework-detail-products-table td.pw-products-table__photo,
html.dark .piecework-detail-products-table-wrap.is-sticky-photo-scrolled .piecework-detail-products-table th.pw-products-table__photo,
html.dark .piecework-detail-products-table-wrap.is-sticky-photo-scrolled .piecework-detail-products-table td.pw-products-table__photo,
html.dark .gw-producer-stats-table-wrap.is-sticky-photo-scrolled .piecework-detail-products-table th.pw-products-table__photo,
html.dark .gw-producer-stats-table-wrap.is-sticky-photo-scrolled .piecework-detail-products-table td.pw-products-table__photo,
html.dark .scroll-table-wrapper.is-sticky-photo-scrolled .piecework-detail-products-table th.pw-products-table__photo,
html.dark .scroll-table-wrapper.is-sticky-photo-scrolled .piecework-detail-products-table td.pw-products-table__photo {
    box-shadow: inset -1px 0 0 #3c4043;
    border-left: none !important;
    border-right: none !important;
}

body.dark .piecework-detail-products-table-wrap.is-sticky-photo-scrolled .piecework-detail-products-table th.pw-products-table__photo::after,
body.dark .piecework-detail-products-table-wrap.is-sticky-photo-scrolled .piecework-detail-products-table td.pw-products-table__photo::after,
body.dark .gw-producer-stats-table-wrap.is-sticky-photo-scrolled .piecework-detail-products-table th.pw-products-table__photo::after,
body.dark .gw-producer-stats-table-wrap.is-sticky-photo-scrolled .piecework-detail-products-table td.pw-products-table__photo::after,
body.dark .scroll-table-wrapper.is-sticky-photo-scrolled .piecework-detail-products-table th.pw-products-table__photo::after,
body.dark .scroll-table-wrapper.is-sticky-photo-scrolled .piecework-detail-products-table td.pw-products-table__photo::after,
html.dark .piecework-detail-products-table-wrap.is-sticky-photo-scrolled .piecework-detail-products-table th.pw-products-table__photo::after,
html.dark .piecework-detail-products-table-wrap.is-sticky-photo-scrolled .piecework-detail-products-table td.pw-products-table__photo::after,
html.dark .gw-producer-stats-table-wrap.is-sticky-photo-scrolled .piecework-detail-products-table th.pw-products-table__photo::after,
html.dark .gw-producer-stats-table-wrap.is-sticky-photo-scrolled .piecework-detail-products-table td.pw-products-table__photo::after,
html.dark .scroll-table-wrapper.is-sticky-photo-scrolled .piecework-detail-products-table th.pw-products-table__photo::after,
html.dark .scroll-table-wrapper.is-sticky-photo-scrolled .piecework-detail-products-table td.pw-products-table__photo::after {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.08) 60%, transparent);
}

body.dark .piecework-detail-products-table tbody tr:hover td.pw-products-table__photo,
html.dark .piecework-detail-products-table tbody tr:hover td.pw-products-table__photo {
    background-color: rgba(255, 255, 255, 0.06) !important;
}

body.dark .piecework-detail-products-table-wrap.is-sticky-photo-flush .piecework-detail-products-table th.pw-products-table__photo,
body.dark .piecework-detail-products-table-wrap.is-sticky-photo-flush .piecework-detail-products-table td.pw-products-table__photo,
body.dark .gw-producer-stats-table-wrap.is-sticky-photo-flush .piecework-detail-products-table th.pw-products-table__photo,
body.dark .gw-producer-stats-table-wrap.is-sticky-photo-flush .piecework-detail-products-table td.pw-products-table__photo,
html.dark .piecework-detail-products-table-wrap.is-sticky-photo-flush .piecework-detail-products-table th.pw-products-table__photo,
html.dark .piecework-detail-products-table-wrap.is-sticky-photo-flush .piecework-detail-products-table td.pw-products-table__photo,
html.dark .gw-producer-stats-table-wrap.is-sticky-photo-flush .piecework-detail-products-table th.pw-products-table__photo,
html.dark .gw-producer-stats-table-wrap.is-sticky-photo-flush .piecework-detail-products-table td.pw-products-table__photo {
    box-shadow: inset 1px 0 0 #3c4043, 2px 0 5px rgba(0, 0, 0, 0.3);
}

body.dark .piecework-detail-products-table-wrap.is-sticky-photo-flush.is-sticky-photo-scrolled .piecework-detail-products-table th.pw-products-table__photo,
body.dark .piecework-detail-products-table-wrap.is-sticky-photo-flush.is-sticky-photo-scrolled .piecework-detail-products-table td.pw-products-table__photo,
body.dark .gw-producer-stats-table-wrap.is-sticky-photo-flush.is-sticky-photo-scrolled .piecework-detail-products-table th.pw-products-table__photo,
body.dark .gw-producer-stats-table-wrap.is-sticky-photo-flush.is-sticky-photo-scrolled .piecework-detail-products-table td.pw-products-table__photo,
body.dark .scroll-table-wrapper.is-sticky-photo-flush.is-sticky-photo-scrolled .piecework-detail-products-table th.pw-products-table__photo,
body.dark .scroll-table-wrapper.is-sticky-photo-flush.is-sticky-photo-scrolled .piecework-detail-products-table td.pw-products-table__photo,
html.dark .piecework-detail-products-table-wrap.is-sticky-photo-flush.is-sticky-photo-scrolled .piecework-detail-products-table th.pw-products-table__photo,
html.dark .piecework-detail-products-table-wrap.is-sticky-photo-flush.is-sticky-photo-scrolled .piecework-detail-products-table td.pw-products-table__photo,
html.dark .gw-producer-stats-table-wrap.is-sticky-photo-flush.is-sticky-photo-scrolled .piecework-detail-products-table th.pw-products-table__photo,
html.dark .gw-producer-stats-table-wrap.is-sticky-photo-flush.is-sticky-photo-scrolled .piecework-detail-products-table td.pw-products-table__photo,
html.dark .scroll-table-wrapper.is-sticky-photo-flush.is-sticky-photo-scrolled .piecework-detail-products-table th.pw-products-table__photo,
html.dark .scroll-table-wrapper.is-sticky-photo-flush.is-sticky-photo-scrolled .piecework-detail-products-table td.pw-products-table__photo {
    box-shadow: inset -1px 0 0 #3c4043;
    border-left: none !important;
    border-right: none !important;
}

body.dark .gw-producer-stats-table-wrap.is-sticky-photo-flush .piecework-detail-products-table tbody td.pw-products-table__photo,
html.dark .gw-producer-stats-table-wrap.is-sticky-photo-flush .piecework-detail-products-table tbody td.pw-products-table__photo {
    background-color: #2d2e30 !important;
}

body.dark .gw-producer-stats-table-wrap.is-sticky-photo-flush .piecework-detail-products-table thead th.pw-products-table__photo,
html.dark .gw-producer-stats-table-wrap.is-sticky-photo-flush .piecework-detail-products-table thead th.pw-products-table__photo {
    background: #35363a !important;
}

body.dark .gw-producer-stats-table-wrap.is-sticky-photo-flush .piecework-detail-products-table tbody tr:hover td.pw-products-table__photo,
html.dark .gw-producer-stats-table-wrap.is-sticky-photo-flush .piecework-detail-products-table tbody tr:hover td.pw-products-table__photo {
    background-color: rgba(255, 255, 255, 0.06) !important;
}

body.dark .neworder-page .no-customer-photo,
html.dark .neworder-page .no-customer-photo {
    background: #262b33;
    border-color: #3c4043;
}

body.dark .neworder-page .no-weight-row,
html.dark .neworder-page .no-weight-row {
    background: #262b33;
    border-color: #3c4043;
    color: #d1d5db;
}

body.dark .neworder-page .no-priority-card,
html.dark .neworder-page .no-priority-card {
    background: #262b33;
    border-color: #3c4043;
}

body.dark .neworder-page .no-product-table-wrap,
html.dark .neworder-page .no-product-table-wrap,
body.dark .neworder-page .scroll-table-wrapper.no-product-table-wrap,
html.dark .neworder-page .scroll-table-wrapper.no-product-table-wrap {
    border-color: #3c4043;
}

body.dark .neworder-page .cd-neworder-products-table tbody tr.highlight-row,
html.dark .neworder-page .cd-neworder-products-table tbody tr.highlight-row {
    background: rgba(251, 191, 36, 0.12);
}

body.dark .neworder-page .no-product-table thead th,
html.dark .neworder-page .no-product-table thead th {
    background: #262b33;
    border-bottom-color: #3c4043;
    color: #9ca3af;
}

body.dark .neworder-page .no-product-table tbody td,
html.dark .neworder-page .no-product-table tbody td {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.dark .neworder-page .no-product-table tbody tr:nth-child(even),
html.dark .neworder-page .no-product-table tbody tr:nth-child(even) {
    background: #2a2f38;
}

body.dark .neworder-page .no-product-table tbody tr.highlight-row,
html.dark .neworder-page .no-product-table tbody tr.highlight-row {
    background: rgba(251, 191, 36, 0.12);
}

body.dark .news-page .news-sheet.bgwhite,
html.dark .news-page .news-sheet.bgwhite {
    background: #202124;
    border-color: #3c4043;
}

body.dark .news-page .news-field-label,
html.dark .news-page .news-field-label {
    color: rgba(243, 244, 246, 0.55);
}

body.dark .news-page .news-back-link,
html.dark .news-page .news-back-link {
    color: rgba(243, 244, 246, 0.65);
}

body.dark .news-page .news-back-link:hover,
html.dark .news-page .news-back-link:hover {
    color: #93c5fd;
}

body.dark .news-thread-card,
html.dark .news-thread-card {
    background: #202124;
    border-color: #3c4043;
}

body.dark .news-thread-card:hover,
html.dark .news-thread-card:hover {
    border-color: #60a5fa;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

body.dark .news-thread-card--unread,
body.dark .news-thread-card.highlight,
html.dark .news-thread-card--unread,
html.dark .news-thread-card.highlight {
    background: rgba(96, 165, 250, 0.08);
    border-color: rgba(96, 165, 250, 0.35);
}

body.dark .news-page .thread-tags .tag-link,
html.dark .news-page .thread-tags .tag-link {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(243, 244, 246, 0.75);
}

body.dark .news-page .thread-tags .tag-link:hover,
html.dark .news-page .thread-tags .tag-link:hover {
    background: rgba(96, 165, 250, 0.15);
    color: #93c5fd;
}

body.dark .news-empty-state,
html.dark .news-empty-state {
    background: rgba(255, 255, 255, 0.03);
    border-color: #3c4043;
    color: rgba(243, 244, 246, 0.55);
}

body.dark .news-pagination.pagination,
html.dark .news-pagination.pagination {
    border-top-color: #3c4043;
}

body.dark .news-sheet--chat,
html.dark .news-sheet--chat {
    background: #202124;
}

body.dark .news-chat,
body.dark .news-chat-topbar,
html.dark .news-chat,
html.dark .news-chat-topbar {
    background: #202124;
    border-color: #3c4043;
}

body.dark .news-chat-topbar__title,
html.dark .news-chat-topbar__title {
    color: #e8eaed;
}

body.dark .news-chat-topbar__meta,
body.dark .news-chat-settings__label,
html.dark .news-chat-topbar__meta,
html.dark .news-chat-settings__label {
    color: rgba(232, 234, 237, 0.65);
}

body.dark .news-chat-back,
body.dark .news-chat-settings-toggle,
html.dark .news-chat-back,
html.dark .news-chat-settings-toggle {
    background: #3c4043;
    color: #e8eaed;
}

body.dark .news-chat-settings,
html.dark .news-chat-settings {
    background: #262b33;
    border-color: #3c4043;
}

body.dark .news-chat-settings__value,
html.dark .news-chat-settings__value {
    color: #e8eaed;
}

body.dark .news-chat-tag,
body.dark .news-chat-member-chip,
body.dark .news-chat-seen-chip,
html.dark .news-chat-tag,
html.dark .news-chat-member-chip,
html.dark .news-chat-seen-chip {
    background: #3c4043;
    border-color: #5f6368;
    color: #e8eaed;
}

body.dark .news-chat-body,
html.dark .news-chat-body {
    background: #202124 !important;
}

body.dark .news-chat-orphan-notice,
html.dark .news-chat-orphan-notice {
    background: rgba(228, 30, 63, 0.14);
    border-color: rgba(228, 30, 63, 0.35);
}

body.dark .news-chat-orphan-notice__text,
html.dark .news-chat-orphan-notice__text {
    color: rgba(232, 234, 237, 0.78);
}

body.dark .news-chat-date-divider span,
html.dark .news-chat-date-divider span {
    background: rgba(60, 64, 67, 0.92);
    color: rgba(232, 234, 237, 0.75);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

body.dark .news-chat-msg--other .news-chat-bubble,
body.dark .news-chat-bubble--starter,
html.dark .news-chat-msg--other .news-chat-bubble,
html.dark .news-chat-bubble--starter {
    background: #3c4043;
    color: #e8eaed;
    border-color: #5f6368;
}

body.dark .news-chat-msg--mine .news-chat-bubble,
html.dark .news-chat-msg--mine .news-chat-bubble {
    background: #5a9fd4;
    color: #fff;
}

body.dark .news-chat-msg--starter.news-chat-msg--mine .news-chat-bubble--starter,
html.dark .news-chat-msg--starter.news-chat-msg--mine .news-chat-bubble--starter {
    background: linear-gradient(135deg, #5a9fd4, #4a85c4);
}

body.dark .news-chat-history,
body.dark .news-chat-edit-form,
html.dark .news-chat-history,
html.dark .news-chat-edit-form {
    background: #262b33;
    border-color: #3c4043;
}

body.dark .news-chat-composer,
html.dark .news-chat-composer {
    background: #202124;
    border-color: #3c4043;
}

body.dark .news-chat-composer__input,
html.dark .news-chat-composer__input {
    background: #3c4043;
    border-color: #5f6368;
    color: #e8eaed;
}

body.dark .news-chat-composer__input::placeholder,
html.dark .news-chat-composer__input::placeholder {
    color: rgba(232, 234, 237, 0.45);
}

body.dark .news-chat-composer__input:focus,
html.dark .news-chat-composer__input:focus {
    background: #262b33;
    border-color: #5a9fd4;
}

body.dark .news-chat-composer__form.reply-form .news-chat-composer__input,
html.dark .news-chat-composer__form.reply-form .news-chat-composer__input {
    background: #3c4043;
    border: 1px solid #5f6368;
    color: #e8eaed;
}

body.dark .news-chat-composer__form.reply-form .news-chat-composer__input:focus,
html.dark .news-chat-composer__form.reply-form .news-chat-composer__input:focus {
    background: #262b33;
    border-color: #5a9fd4;
    outline: none;
    box-shadow: none;
}

body.dark .news-form-check,
html.dark .news-form-check {
    background: #2d3135;
    border-color: #3c4043;
}

body.dark .news-member-picker__selected,
html.dark .news-member-picker__selected {
    background: #2d3135;
    border-color: #3c4043;
}

body.dark .news-member-picker__selected-head,
html.dark .news-member-picker__selected-head {
    background: #262b33;
    border-bottom-color: #3c4043;
}

body.dark .news-member-picker__input,
html.dark .news-member-picker__input {
    background: #3c4043;
    border-color: #5f6368;
    color: #e8eaed;
}

body.dark .news-member-picker__dropdown.searchUsers,
html.dark .news-member-picker__dropdown.searchUsers {
    background: #262b33;
    border-color: #3c4043;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

body.dark .news-member-picker__result.search-item,
html.dark .news-member-picker__result.search-item {
    color: #e8eaed;
}

body.dark .news-member-picker__result.search-item:hover,
body.dark .news-member-picker__result.search-item:focus,
html.dark .news-member-picker__result.search-item:hover,
html.dark .news-member-picker__result.search-item:focus {
    background: rgba(25, 118, 210, 0.18);
}

body.dark .news-member-chip.tagged-box,
html.dark .news-member-chip.tagged-box {
    background: #3c4043;
    border-color: #5f6368;
}

body.dark .news-member-chip__name,
html.dark .news-member-chip__name {
    color: #e8eaed;
}

body.dark .news-member-picker__empty,
body.dark .news-member-picker__no-results,
body.dark .news-member-picker__hint,
html.dark .news-member-picker__empty,
html.dark .news-member-picker__no-results,
html.dark .news-member-picker__hint {
    color: rgba(232, 234, 237, 0.65);
}

body.dark .news-form-actions,
html.dark .news-form-actions {
    border-top-color: #3c4043;
}

body.dark .news-chat-seen-list--detail,
html.dark .news-chat-seen-list--detail {
    background: #262b33;
    border-color: #3c4043;
}

body.dark .news-chat-settings__dropdown,
body.dark .news-chat-info-members__detail,
html.dark .news-chat-settings__dropdown,
html.dark .news-chat-info-members__detail {
    background: #262b33;
    border-color: #3c4043;
}

body.dark .news-chat-info-members__edit-btn,
html.dark .news-chat-info-members__edit-btn {
    background: #3c4043;
    border-color: #5f6368;
    color: #93c5fd;
}

body.dark .news-chat-info-members__edit-btn.is-active,
html.dark .news-chat-info-members__edit-btn.is-active {
    background: rgba(0, 132, 255, 0.2);
    border-color: #0084ff;
}

body.dark .news-chat-settings__chip-label,
html.dark .news-chat-settings__chip-label {
    color: #e8eaed;
}

body.dark .news-chat-settings__chip,
body.dark .news-chat-settings__seen-btn,
body.dark .news-chat-settings__icon-btn,
html.dark .news-chat-settings__chip,
html.dark .news-chat-settings__seen-btn,
html.dark .news-chat-settings__icon-btn {
    background: #3c4043;
    border-color: #5f6368;
    color: #e8eaed;
}

body.dark .news-chat-settings-toggle--active,
html.dark .news-chat-settings-toggle--active {
    background: rgba(0, 132, 255, 0.2);
    color: #93c5fd;
}

body.dark .news-chat-settings__actions,
html.dark .news-chat-settings__actions {
    border-top-color: #3c4043;
}

body.dark .news-chat-topbar__tags .news-chat-tag,
html.dark .news-chat-topbar__tags .news-chat-tag {
    background: #3c4043;
    border-color: #5f6368;
    color: #e8eaed;
}

body.dark .news-chat-topbar__tags .news-chat-tag:hover,
html.dark .news-chat-topbar__tags .news-chat-tag:hover {
    background: rgba(0, 132, 255, 0.2);
    color: #93c5fd;
}

body.dark .news-chat-tag:hover,
html.dark .news-chat-tag:hover {
    background: rgba(0, 132, 255, 0.2);
    color: #93c5fd;
}

body.dark .news-chat-info-members__detail-title,
html.dark .news-chat-info-members__detail-title {
    color: #e8eaed;
}

body.dark .news-chat-info-members__chevron,
body.dark .news-chat-settings__seen-chevron,
html.dark .news-chat-info-members__chevron,
html.dark .news-chat-settings__seen-chevron {
    color: rgba(232, 234, 237, 0.65);
}

body.dark .news-chat-settings__member-av,
html.dark .news-chat-settings__member-av {
    border-color: #262b33;
}

body.dark .news-chat-add-members,
html.dark .news-chat-add-members {
    border-top-color: #3c4043;
}

body.dark .news-chat-info-members__detail.is-editing .news-chat-member-remove,
body.dark .news-chat-info-members__detail.is-editing .btn-remove-user,
html.dark .news-chat-info-members__detail.is-editing .news-chat-member-remove,
html.dark .news-chat-info-members__detail.is-editing .btn-remove-user {
    background: rgba(228, 30, 63, 0.18);
    color: #ff8a9b;
}

body.dark .news-chat-action,
html.dark .news-chat-action {
    color: #93c5fd;
}

body.dark .news-chat-action:hover,
html.dark .news-chat-action:hover {
    color: #bfdbfe;
}

body.dark .news-chat-action--danger,
html.dark .news-chat-action--danger {
    color: #ff8a9b;
}

body.dark .news-chat-action--danger:hover,
html.dark .news-chat-action--danger:hover {
    color: #ffb4be;
}

body.dark .news-chat-settings-toggle:hover,
html.dark .news-chat-settings-toggle:hover {
    background: #5f6368;
}

body.dark .news-chat-back:hover,
html.dark .news-chat-back:hover {
    background: #5f6368;
}

body.dark .news-chat-composer__expand,
html.dark .news-chat-composer__expand {
    color: #93c5fd;
}

body.dark .news-chat-composer__expand:hover,
html.dark .news-chat-composer__expand:hover {
    background: rgba(0, 132, 255, 0.14);
}

body.dark .news-chat-composer__help,
html.dark .news-chat-composer__help {
    color: #9aa0a6;
}

body.dark .news-chat-composer__help:hover,
html.dark .news-chat-composer__help:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #93c5fd;
}

body.dark .news-composer-help-list,
html.dark .news-composer-help-list {
    color: #e8eaed;
}

body.dark .news-composer-help-list code,
html.dark .news-composer-help-list code {
    background: #3c4043;
    color: #e8eaed;
}

body.dark .news-composer-help-modal__close,
html.dark .news-composer-help-modal__close {
    background: #3c4043;
    color: #e8eaed;
}

body.dark .news-composer-help-modal__close:hover,
html.dark .news-composer-help-modal__close:hover {
    background: #5f6368;
    color: #fff;
}

body.dark .news-mention-dropdown,
html.dark .news-mention-dropdown {
    background: #202124;
    border-color: #5f6368;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

body.dark .news-mention-dropdown__item:hover,
body.dark .news-mention-dropdown__item.is-active,
html.dark .news-mention-dropdown__item:hover,
html.dark .news-mention-dropdown__item.is-active {
    background: #3c4043;
}

body.dark .news-mention-dropdown__label,
html.dark .news-mention-dropdown__label {
    color: #e8eaed;
}

body.dark .news-mention-dropdown__sub,
body.dark .news-mention-dropdown__empty,
html.dark .news-mention-dropdown__sub,
html.dark .news-mention-dropdown__empty {
    color: #9aa0a6;
}

body.dark .news-mention-dropdown__photo,
html.dark .news-mention-dropdown__photo {
    border-color: #5f6368;
    background: #303134;
}

body.dark .news-mention-dropdown__photo--order,
html.dark .news-mention-dropdown__photo--order {
    background: rgba(37, 99, 235, 0.18);
    color: #93c5fd;
}

body.dark .news-mention-dropdown__item.is-product:hover,
html.dark .news-mention-dropdown__item.is-product:hover {
    background: transparent;
}

body.dark .news-mention-dropdown__code-badge,
html.dark .news-mention-dropdown__code-badge {
    background: #303134;
    border-color: #5f6368;
    color: #e8eaed;
}

body.dark .news-mention-dropdown__code-badge.is-internal,
html.dark .news-mention-dropdown__code-badge.is-internal {
    background: #282a2d;
}

body.dark .news-mention-dropdown__code-badge:hover,
body.dark .news-mention-dropdown__code-badge.is-active,
html.dark .news-mention-dropdown__code-badge:hover,
html.dark .news-mention-dropdown__code-badge.is-active {
    border-color: #8ab4f8;
    background: rgba(138, 180, 248, 0.12);
}

body.dark .news-mention-dropdown__badge-tag,
html.dark .news-mention-dropdown__badge-tag {
    background: #3c4043;
    color: #9aa0a6;
}

body.dark .news-mention-dropdown__code-badge.is-internal .news-mention-dropdown__badge-tag,
html.dark .news-mention-dropdown__code-badge.is-internal .news-mention-dropdown__badge-tag {
    background: #45494d;
}

body.dark .news-mention-dropdown__badge-code,
html.dark .news-mention-dropdown__badge-code {
    color: #e8eaed;
}

body.dark .news-mention-dropdown__type,
html.dark .news-mention-dropdown__type {
    background: #3c4043;
    color: #9aa0a6;
}

body.dark .news-mention-dropdown__item.is-order .news-mention-dropdown__type,
html.dark .news-mention-dropdown__item.is-order .news-mention-dropdown__type {
    background: rgba(37, 99, 235, 0.22);
    color: #93c5fd;
}

body.dark .news-chat-composer__force-wrap,
html.dark .news-chat-composer__force-wrap {
    border-top-color: rgba(232, 234, 237, 0.12);
}

body.dark .news-chat-composer__force,
html.dark .news-chat-composer__force {
    color: rgba(232, 234, 237, 0.65);
}

body.dark .news-chat-composer__readonly,
html.dark .news-chat-composer__readonly {
    color: rgba(232, 234, 237, 0.55);
}

body.dark .news-chat-add-members .searchUserToTag,
html.dark .news-chat-add-members .searchUserToTag {
    background: #3c4043;
    border-color: #5f6368;
    color: #e8eaed;
}

body.dark .news-chat-add-members .searchUsers,
html.dark .news-chat-add-members .searchUsers {
    background: #262b33;
    border-color: #3c4043;
    color: #e8eaed;
}

body.dark .news-edit-post-form.edit-form textarea,
body.dark .news-edit-post-form .news-edit-post-form__textarea,
body.dark #newsEditPostContent,
html.dark .news-edit-post-form.edit-form textarea,
html.dark .news-edit-post-form .news-edit-post-form__textarea,
html.dark #newsEditPostContent {
    background: #3c4043;
    border-color: #5f6368;
    color: #e8eaed;
}

body.dark .news-edit-post-form.edit-form textarea:focus,
body.dark .news-edit-post-form .news-edit-post-form__textarea:focus,
body.dark #newsEditPostContent:focus,
html.dark .news-edit-post-form.edit-form textarea:focus,
html.dark .news-edit-post-form .news-edit-post-form__textarea:focus,
html.dark #newsEditPostContent:focus {
    background: #262b33;
    border-color: #0084ff;
}

body.dark .news-chat-msg__actions .news-chat-action:hover,
html.dark .news-chat-msg__actions .news-chat-action:hover {
    background: rgba(0, 132, 255, 0.18);
}

body.dark .news-chat-msg__actions .news-chat-action--danger:hover,
html.dark .news-chat-msg__actions .news-chat-action--danger:hover {
    background: rgba(228, 30, 63, 0.18);
}

body.dark .news-chat-quote,
html.dark .news-chat-quote {
    background: #3a3b3c;
}

body.dark .news-chat-msg--other .news-chat-bubble .news-chat-quote,
body.dark .news-chat-msg--starter.news-chat-msg--other .news-chat-bubble .news-chat-quote,
html.dark .news-chat-msg--other .news-chat-bubble .news-chat-quote,
html.dark .news-chat-msg--starter.news-chat-msg--other .news-chat-bubble .news-chat-quote {
    background: #3a3b3c;
}

body.dark .news-chat-quote:hover,
html.dark .news-chat-quote:hover {
    background: #4e4f50;
}

body.dark .news-chat-msg--other .news-chat-bubble .news-chat-quote:hover,
body.dark .news-chat-msg--starter.news-chat-msg--other .news-chat-bubble .news-chat-quote:hover,
html.dark .news-chat-msg--other .news-chat-bubble .news-chat-quote:hover,
html.dark .news-chat-msg--starter.news-chat-msg--other .news-chat-bubble .news-chat-quote:hover {
    background: #4e4f50;
}

body.dark .news-chat-quote__author,
html.dark .news-chat-quote__author {
    color: #93c5fd;
}

body.dark .news-chat-quote__text,
html.dark .news-chat-quote__text {
    color: rgba(232, 234, 237, 0.75);
}

body.dark .news-chat-msg--mine .news-chat-bubble .news-chat-quote,
html.dark .news-chat-msg--mine .news-chat-bubble .news-chat-quote {
    background: #3a3b3c;
}

body.dark .news-chat-msg--mine .news-chat-bubble .news-chat-quote:hover,
html.dark .news-chat-msg--mine .news-chat-bubble .news-chat-quote:hover {
    background: #4e4f50;
}

body.dark .news-chat-msg--mine .news-chat-bubble .news-chat-quote__author,
html.dark .news-chat-msg--mine .news-chat-bubble .news-chat-quote__author {
    color: #93c5fd;
}

body.dark .news-chat-msg--mine .news-chat-bubble .news-chat-quote__text,
html.dark .news-chat-msg--mine .news-chat-bubble .news-chat-quote__text {
    color: rgba(232, 234, 237, 0.75);
}

body.dark .news-chat-reply-quote,
html.dark .news-chat-reply-quote {
    background: #3c4043;
    border-left-color: #93c5fd;
}

body.dark .news-chat-reply-quote__author,
html.dark .news-chat-reply-quote__author {
    color: #93c5fd;
}

body.dark .news-chat-reply-quote__text,
html.dark .news-chat-reply-quote__text {
    color: rgba(232, 234, 237, 0.75);
}

body.dark .news-chat-reply-quote__close,
html.dark .news-chat-reply-quote__close {
    background: #5f6368;
    color: #e8eaed;
}

body.dark .gantt {
    --gantt-grid: #3c4043;
    --gantt-header-bg: #262b33;
    --gantt-row-alt: #2a2f38;
}

body.dark .gantt-header {
    background: var(--gantt-header-bg);
    border-bottom-color: var(--gantt-grid);
}

body.dark .gantt-row,
html.dark .gantt-row {
    background: #202124;
}

body.dark .gantt-body .gantt-row:nth-child(even),
html.dark .gantt-body .gantt-row:nth-child(even) {
    background: var(--gantt-row-alt);
}

body.dark .ps-month-chip--peak {
    border-color: #60a5fa;
    background: rgba(96, 165, 250, 0.1);
}

body.dark .ps-month-grid-wrapper {
    background: #262b33;
    border-color: #3c4043;
}

body.dark .ps-month-chip,
html.dark .ps-month-chip {
    background: #202124;
    border-color: #3c4043;
}

body.dark .ps-month-chip--peak,
html.dark .ps-month-chip--peak {
    background: rgba(96, 165, 250, 0.1);
    border-color: #60a5fa;
}

body.dark .ps-priority-row.border-bottom {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

body.dark .gantt-remaining-total {
    box-shadow: none !important;
    filter: none !important;
}

body.dark .gantt-lane {
    background: rgba(255, 255, 255, 0.06);
}


body.dark .gantt-line-dates {
    color: rgba(243, 244, 246, 0.75);
}

body.dark .gantt-month-tick {
    color: #bdc1c6;
}

body.dark .gantt-month-tick--current {
    color: #38bdf8;
}

body.dark .gantt-month-tick-badge,
html.dark .gantt-month-tick-badge {
    background: #2563eb;
    color: #fff;
    box-shadow: 0 1px 4px rgba(37, 99, 235, 0.4);
}

body.dark .gantt-month-line {
    border-left-color: rgba(255, 255, 255, 0.22);
}

body.dark .gantt-month-axis,
html.dark .gantt-month-axis {
    overflow: visible;
}

body.dark .gantt-bar {
    background: #2dd4bf;
}

body.dark .gantt-bar--late {
    background: #f87171;
}

body.dark .gantt-bar--soon {
    background: #60a5fa;
}

body.dark .gantt-bar--ok {
    background: #2dd4bf;
}

body.dark .bgblue {
    background-color: #202124 !important;
}

body.dark .bgwhite {
    background-color: #202124 !important;
}

body.dark .settings-form-block {
    background: #262b33;
    border-color: #3d4654;
}

body.dark .product-addnew-step__badge {
    background: #1e3a5f;
    color: #aed3ff;
    border-color: #2563a8;
}

body.dark .product-addnew-page-title {
    color: #e8eaed;
}

body.dark .product-addnew-step__title {
    color: #e8eaed;
}

body.dark .product-addnew-hint {
    color: #9aa0a6;
}

body.dark .product-addnew-customer-card__fullname {
    color: #e8eaed;
}

body.dark .product-addnew-customer-card__thumb {
    border-color: #3c4043;
    background: #1e1f22;
}

body.dark .product-addnew-customer-card__thumb img {
    border-color: transparent;
}

body.dark .select-currency--from-customer {
    background-color: #303134 !important;
    color: #e8eaed !important;
    border-color: #3c4043 !important;
}

body.dark .invoice-supplement-separator td {
    background: #3d2e1f;
    color: #ffcc80;
    border-top-color: #ff9800;
    border-bottom-color: #ff9800;
}

body.dark .bgxlightblue {
    background-color: #2f343a !important;
}

body.dark .bglightred {
    background-color: #3c2d2d !important;
}

body.dark .bglightgreen {
    background-color: #1d2a1f !important;
    color: #fff !important;
}

body.dark .bglightgray {
    background-color: #ffffff0a !important;
}

body.dark .piecework-detail-expand-panel,
html.dark .piecework-detail-expand-panel {
    border-color: #3d4654;
}

body.dark .piecework-expand-stats .summary-box,
html.dark .piecework-expand-stats .summary-box {
    --pw-stat-summary-bg: #252b34;
    --pw-stat-summary-border: #3d4d60;
    background: var(--pw-stat-summary-bg) !important;
    border-color: var(--pw-stat-summary-border) !important;
}

body.dark .kpi-strip,
html.dark .kpi-strip {
    /* Tách khỏi .main (#292a2d): nền strip đậm hơn, thẻ KPI sáng/đậm hơn vùng nội dung */
    --kpi-bg: #17191c;
    --kpi-card-bg: #202124;
    --kpi-card-border: #3c4043;
    --kpi-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset;
    --kpi-label: #9aa0a6;
    --kpi-value: #e8eaed;
    --kpi-unit: #9aa0a6;
    background: var(--kpi-bg);
    border-top: 1px solid var(--kpi-card-border);
    border-bottom: 1px solid var(--kpi-card-border);
}

body.dark .kpi-strip__card,
html.dark .kpi-strip__card {
    background: var(--kpi-card-bg);
    box-shadow: var(--kpi-shadow);
}

body.dark .kpi-strip__card--primary,
html.dark .kpi-strip__card--primary {
    --kpi-accent: #8ab4f8;
    --kpi-accent-soft: rgba(138, 180, 248, 0.16);
}

body.dark .kpi-strip__card--danger,
html.dark .kpi-strip__card--danger {
    --kpi-accent: #f28b82;
    --kpi-accent-soft: rgba(242, 139, 130, 0.16);
}

body.dark .kpi-strip__card--warning,
html.dark .kpi-strip__card--warning {
    --kpi-accent: #fdd663;
    --kpi-accent-soft: rgba(253, 214, 99, 0.14);
}

body.dark .kpi-strip__card--success,
html.dark .kpi-strip__card--success {
    --kpi-accent: #81c995;
    --kpi-accent-soft: rgba(129, 201, 149, 0.14);
}

body.dark .kpi-strip__card--money,
html.dark .kpi-strip__card--money {
    --kpi-accent: #78d9c0;
    --kpi-accent-soft: rgba(120, 217, 192, 0.14);
}

body.dark .kpi-strip__card--info,
html.dark .kpi-strip__card--info {
    --kpi-accent: #8ab4f8;
    --kpi-accent-soft: rgba(138, 180, 248, 0.16);
}

body.dark .packinglist-kpi-toolbar,
html.dark .packinglist-kpi-toolbar {
    background: var(--kpi-bg, #1a1d21);
    border-bottom-color: var(--kpi-card-border, #3c4043);
}

body.dark .kpi-strip__value--money,
html.dark .kpi-strip__value--money {
    color: var(--kpi-accent);
}

body.dark .license-page .license-connect__hint,
html.dark .license-page .license-connect__hint,
body.dark .license-page .license-feat-group__label,
html.dark .license-page .license-feat-group__label {
    color: #bdc1c6;
}

body.dark .license-page .license-cms-badge.is-pending,
html.dark .license-page .license-cms-badge.is-pending {
    background: rgba(255, 255, 255, 0.08);
    color: #9aa0a6;
}

body.dark .license-page .license-cms-badge.is-online,
html.dark .license-page .license-cms-badge.is-online {
    background: rgba(46, 125, 50, 0.2);
    color: #81c784;
}

body.dark .license-page .license-cms-badge.is-offline,
html.dark .license-page .license-cms-badge.is-offline {
    background: rgba(198, 40, 40, 0.2);
    color: #ef9a9a;
}

body.dark .license-page .license-feat-group + .license-feat-group,
html.dark .license-page .license-feat-group + .license-feat-group {
    border-top-color: #3c4043;
}

body.dark .license-page .license-feat-item,
html.dark .license-page .license-feat-item {
    color: #80868b;
}

body.dark .license-page .license-feat-item.is-on,
html.dark .license-page .license-feat-item.is-on {
    color: #e8eaed;
}

body.dark .license-page .license-feat-item.is-on i,
html.dark .license-page .license-feat-item.is-on i {
    color: #81c784;
}

body.dark .piecework-compare-columns--stat,
html.dark .piecework-compare-columns--stat {
    --pw-stat-c1: #1a2836;
    --pw-stat-c2: #2c2228;
    --pw-stat-c3: #1a2e24;
    --pw-stat-c4: #2e2618;
    --pw-stat-col-border: #454d5c;
    --pw-stat-title-stripe: #5a6a80;
}

body.dark .piecework-detail-expand-panel .piecework-compare-columns--stat .pwc-title,
body.dark .piecework-compare-columns--stat .pwc-title,
html.dark .piecework-detail-expand-panel .piecework-compare-columns--stat .pwc-title,
html.dark .piecework-compare-columns--stat .pwc-title {
    border-bottom-color: var(--pw-stat-title-stripe);
}

body.dark .piecework-detail-expand-panel .piecework-compare-columns--stat .pwc-sub,
body.dark .piecework-detail-expand-panel .piecework-compare-columns--stat .pwc-foot,
body.dark .piecework-compare-columns--stat .pwc-sub,
body.dark .piecework-compare-columns--stat .pwc-foot,
html.dark .piecework-detail-expand-panel .piecework-compare-columns--stat .pwc-sub,
html.dark .piecework-detail-expand-panel .piecework-compare-columns--stat .pwc-foot,
html.dark .piecework-compare-columns--stat .pwc-sub,
html.dark .piecework-compare-columns--stat .pwc-foot {
    color: #bdc1c6;
}

body.dark .piecework-detail-expand-panel .piecework-compare-columns--stat .pwc-extra,
body.dark .piecework-compare-columns--stat .pwc-extra,
html.dark .piecework-detail-expand-panel .piecework-compare-columns--stat .pwc-extra,
html.dark .piecework-compare-columns--stat .pwc-extra {
    color: #9aa0a6;
}

body.dark .piecework-detail-expand-panel .piecework-compare-columns--stat .pwc-muted,
body.dark .piecework-compare-columns--stat .pwc-muted,
html.dark .piecework-detail-expand-panel .piecework-compare-columns--stat .pwc-muted,
html.dark .piecework-compare-columns--stat .pwc-muted {
    color: #80868b;
}

body.dark .gw-entry-production-date {
    color: #e8eaed;
}

body.dark .gw-entry-list-summary,
html.dark .gw-entry-list-summary {
    background: #2d2e30;
    border-color: #3c4043;
    color: #9aa0a6;
}

body.dark .gw-entry-list-summary__count,
html.dark .gw-entry-list-summary__count {
    color: #e8eaed;
}

body.dark .gw-entry-list-summary__prod,
html.dark .gw-entry-list-summary__prod {
    color: #bdc1c6;
}

body.dark .gw-entry-list-summary__def,
html.dark .gw-entry-list-summary__def {
    color: #f28b82;
}

body.dark .gw-entry-month,
html.dark .gw-entry-month {
    background: #2d2e30;
    border-color: #3c4043;
}

body.dark .gw-entry-month-summary,
html.dark .gw-entry-month-summary {
    background: linear-gradient(180deg, #323335 0%, #2d2e30 100%);
}

body.dark .gw-entry-month[open] > .gw-entry-month-summary,
html.dark .gw-entry-month[open] > .gw-entry-month-summary {
    border-bottom-color: #3c4043;
}

body.dark .gw-entry-month-title,
html.dark .gw-entry-month-title {
    color: #e8eaed;
}

body.dark .gw-entry-month-meta,
html.dark .gw-entry-month-meta {
    color: #9aa0a6;
}

body.dark .gw-entry-month-summary::before,
html.dark .gw-entry-month-summary::before {
    color: #9aa0a6;
}

body.dark .gw-entry-table thead th,
html.dark .gw-entry-table thead th {
    background: #202124;
    border-bottom-color: #3c4043;
    color: #9aa0a6;
}

body.dark .gw-entry-table tbody td,
html.dark .gw-entry-table tbody td {
    border-bottom-color: #3c4043;
}

body.dark .gw-entry-table__datetime,
html.dark .gw-entry-table__datetime {
    color: #e8eaed;
}

body.dark .gw-entry-table__time,
html.dark .gw-entry-table__time,
body.dark .gw-entry-table__date,
html.dark .gw-entry-table__date {
    color: #e8eaed;
}

body.dark .gw-entry-table__num--prod,
html.dark .gw-entry-table__num--prod {
    color: #8ab4f8;
}

body.dark .gw-entry-table__num--def,
html.dark .gw-entry-table__num--def {
    color: #f28b82;
}

body.dark .gw-entry-row--locked,
html.dark .gw-entry-row--locked {
    background: #323021;
}

body.dark .gw-entry-expand-btn:hover,
html.dark .gw-entry-expand-btn:hover {
    background: rgba(138, 180, 248, 0.15);
    color: #8ab4f8;
}

body.dark .gw-entry-expand-btn.is-open,
html.dark .gw-entry-expand-btn.is-open {
    color: #8ab4f8;
}

body.dark .gw-entry-badge--daily,
html.dark .gw-entry-badge--daily {
    background: #3c4043;
    color: #bdc1c6;
}

body.dark .gw-entry-badge--pw,
html.dark .gw-entry-badge--pw {
    background: #30336b;
    color: #c5cae9;
}

body.dark .gw-entry-badge--staging,
html.dark .gw-entry-badge--staging,
body.dark .gw-entry-badge--lock,
html.dark .gw-entry-badge--lock {
    background: #3e2723;
    color: #ffab91;
}

body.dark .gw-entry-status--ok,
html.dark .gw-entry-status--ok {
    color: #5f6368;
}

body.dark .gw-entry-act,
html.dark .gw-entry-act {
    color: #9aa0a6;
}

body.dark .gw-entry-act:hover,
html.dark .gw-entry-act:hover {
    background: #3c4043;
    color: #e8eaed;
}

body.dark .gw-entry-act--edit:hover,
html.dark .gw-entry-act--edit:hover {
    background: #1e3a5f;
    color: #8ab4f8;
}

body.dark .gw-entry-act--del:hover,
html.dark .gw-entry-act--del:hover {
    background: #3e2723;
    color: #f28b82;
}

body.dark .gw-entry-detail td,
html.dark .gw-entry-detail td {
    background: #202124;
    border-bottom-color: #3c4043 !important;
}

body.dark .gw-entry-detail-label,
html.dark .gw-entry-detail-label {
    color: #80868b;
}

body.dark .gw-entry-detail-value,
html.dark .gw-entry-detail-value {
    color: #e8eaed;
}

body.dark .gw-entry-edit-line,
html.dark .gw-entry-edit-line {
    color: #9fa8da;
}

body.dark .gw-entry-detail-sig-empty,
html.dark .gw-entry-detail-sig-empty {
    border-color: #5f6368;
    color: #80868b;
}

body.dark .gw-entry-detail-sig-name,
html.dark .gw-entry-detail-sig-name {
    color: #9aa0a6;
}

body.dark .gw-entry-row.is-expanded,
html.dark .gw-entry-row.is-expanded {
    background: #2d3338;
}

body.dark .gw-entry-row--focus,
html.dark .gw-entry-row--focus {
    background: #3d3520;
    box-shadow: inset 3px 0 0 #ffb300;
}

body.dark .gw-entry-row--focus.is-expanded,
html.dark .gw-entry-row--focus.is-expanded {
    background: #4a3f24;
}

body.dark .gw-entry-detail-sig .gw-sig-preview-box--entry-detail,
html.dark .gw-entry-detail-sig .gw-sig-preview-box--entry-detail {
    background: #35363a;
    border-color: #5f6368;
}

body.dark .gw-entry-detail-sig .gw-sig-preview-box--entry-detail img,
html.dark .gw-entry-detail-sig .gw-sig-preview-box--entry-detail img {
    background: #fff;
}

body.dark .bglightyellow,
html.dark .bglightyellow {
    background-color: #323021 !important;
}

/* Greenware — panel thông báo tắc SX (stage detail) */
body.dark .gw-stage-detail-shell .gw-issues-panel-outer > .piecework-detail-expand-panel.gw-issues-panel,
html.dark .gw-stage-detail-shell .gw-issues-panel-outer > .piecework-detail-expand-panel.gw-issues-panel {
    background-color: #2a2820 !important;
    border-color: #3c4043;
    color: #bdc1c6;
}

body.dark .gw-issues-panel,
html.dark .gw-issues-panel {
    color: #bdc1c6;
}

body.dark .gw-issues-panel__title,
html.dark .gw-issues-panel__title {
    color: #ffb74d;
}

body.dark .gw-issues-panel__count--open,
html.dark .gw-issues-panel__count--open {
    color: #ffb74d;
    background: rgba(255, 183, 77, 0.14);
}

body.dark .gw-issues-panel__count--resolved,
html.dark .gw-issues-panel__count--resolved {
    color: #a5d6a7;
    background: rgba(165, 214, 167, 0.14);
}

body.dark .gw-issues-history-toggle,
html.dark .gw-issues-history-toggle {
    background: rgba(165, 214, 167, 0.1);
    border-color: #5f6368;
    color: #a5d6a7;
}

body.dark .gw-issues-history-toggle:hover,
body.dark .gw-issues-history-toggle:focus-visible,
html.dark .gw-issues-history-toggle:hover,
html.dark .gw-issues-history-toggle:focus-visible {
    background: rgba(165, 214, 167, 0.18);
    border-color: #80868b;
    color: #c8e6c9;
}

body.dark .gw-issue-card,
html.dark .gw-issue-card {
    background: #202124 !important;
    border-color: #3c4043 !important;
}

body.dark .gw-issue-card--resolved,
html.dark .gw-issue-card--resolved {
    background: #1a1d21 !important;
    border-left-color: #5f6368 !important;
}

body.dark .gw-issue-card--open,
html.dark .gw-issue-card--open {
    border-left-color: #ffb74d !important;
}

body.dark .gw-issue-card__product,
html.dark .gw-issue-card__product {
    color: #e8eaed;
}

body.dark .gw-issue-card__message,
html.dark .gw-issue-card__message {
    color: #bdc1c6;
}

body.dark .gw-issue-card__issue-date,
html.dark .gw-issue-card__issue-date {
    color: #9aa0a6;
}

body.dark .gw-issue-card__meta,
html.dark .gw-issue-card__meta {
    border-top-color: #3c4043;
}

body.dark .gw-issue-card__meta-label,
html.dark .gw-issue-card__meta-label {
    color: #80868b;
}

body.dark .gw-issue-card__meta-value,
html.dark .gw-issue-card__meta-value {
    color: #9aa0a6;
}

body.dark .gw-issue-card__meta-row--resolve .gw-issue-card__meta-value,
html.dark .gw-issue-card__meta-row--resolve .gw-issue-card__meta-value {
    color: #a5d6a7;
}

body.dark .gw-issue-card__status--open,
html.dark .gw-issue-card__status--open {
    color: #ffb74d;
}

body.dark .gw-issue-card__status--resolved,
html.dark .gw-issue-card__status--resolved {
    color: #a5d6a7;
}

body.dark .gw-issue-card__status--resolved .fa-check-circle,
html.dark .gw-issue-card__status--resolved .fa-check-circle {
    color: #81c784;
}

body.dark .gw-issue-card__priority--urgent,
html.dark .gw-issue-card__priority--urgent {
    color: #ef9a9a;
    background: rgba(198, 40, 40, 0.22);
}

body.dark .gw-issue-card__priority--high,
html.dark .gw-issue-card__priority--high {
    color: #ffb74d;
    background: rgba(230, 81, 0, 0.2);
}

body.dark .gw-issue-card__priority--normal,
html.dark .gw-issue-card__priority--normal {
    color: #90caf9;
    background: rgba(21, 101, 192, 0.22);
}

body.dark .gw-issue-card__priority--low,
html.dark .gw-issue-card__priority--low {
    color: #b0bec5;
    background: rgba(84, 110, 122, 0.28);
}

body.dark .bglightblue {
    background-color: #202124 !important;
    color: #fff !important;
}

body.dark .product-child-preview-photo img {
    border-color: #5f6368;
}

/* viewkilnslip table borders */
body.dark .viewkilnslip-table,
body.dark .viewkilnslip-table td,
body.dark .viewkilnslip-table th {
    border-color: #444 !important;
}

/* ✅ Sticky columns cho viewkilnslip table trong dark mode - đồng bộ với row background */
/* Dark mode: bgxlightblue = #2f343a */
body.dark .viewkilnslip-table tr.bgxlightblue td.sticky-stt,
body.dark .viewkilnslip-table tr.bgxlightblue td.sticky-photo {
    background-color: #2f343a !important;
    border-right-color: #3c4043;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
}

/* Dark mode: bglightblue = #1d253a */
body.dark .viewkilnslip-table thead th {
    background-color: var(--dm-th-bg-accent) !important;
    color: var(--dm-th-text);
}

body.dark .viewkilnslip-table tr.bglightblue th.sticky-stt,
body.dark .viewkilnslip-table tr.bglightblue th.sticky-photo {
    background-color: var(--dm-th-bg-accent) !important;
    border-right-color: var(--dm-th-border);
}

body.dark .viewkilnslip-table tr.bglightblue td.sticky-stt,
body.dark .viewkilnslip-table tr.bglightblue td.sticky-photo {
    background-color: #1d253a !important;
    border-right-color: #3c4043;
}

/* ✅ Hover effect - đồng bộ màu cho cả sticky và non-sticky cells */
body.dark .viewkilnslip-table tbody tr:hover td {
    background: #292a2d !important;
}

/* ✅ Hover cho sticky columns - tăng specificity để override background từ tr.bgxlightblue */
body.dark .viewkilnslip-table tbody tr:hover td.sticky-stt,
body.dark .viewkilnslip-table tbody tr:hover td.sticky-photo,
body.dark .viewkilnslip-table tr.bgxlightblue:hover td.sticky-stt,
body.dark .viewkilnslip-table tr.bgxlightblue:hover td.sticky-photo,
body.dark .viewkilnslip-table tr.bglightblue:hover td.sticky-stt,
body.dark .viewkilnslip-table tr.bglightblue:hover td.sticky-photo {
    background: #292a2d !important;
}

/* ✅ Giữ box-shadow cho cột Ảnh khi hover */
body.dark .viewkilnslip-table tbody tr:hover td.sticky-photo,
body.dark .viewkilnslip-table tr.bgxlightblue:hover td.sticky-photo,
body.dark .viewkilnslip-table tr.bglightblue:hover td.sticky-photo {
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
}


/* Sticky column background for viewkilnslip rows */
body.dark .order-form table tr.bgxlightblue td:nth-child(2) {
    background: #2f343a !important;
}

/* ===================================
   KILN SLIP VIEW TABLE (DARK)
   =================================== */
body.dark .kilnslip-table {
    border-color: #444 !important;
}

body.dark .kilnslip-cell,
body.dark .kilnslip-cell-wrap {
    border-color: #444 !important;
}

/* ===================================
   ORDER KILN SLIP TABLE (DARK)
   Match viewkilnslip table borders
   =================================== */
body.dark .order-form table {
    border-color: #444 !important;
}

body.dark .order-form table th,
body.dark .order-form table td {
    border-color: #444 !important;
}

body.dark .order-form table thead th,
body.dark .order-form table:not(.viewkilnslip-table) thead tr.bglightblue th,
body.dark .order-form table:not(.viewkilnslip-table) thead tr.bglightblue td {
    background-color: var(--dm-th-bg-accent) !important;
    color: var(--dm-th-text) !important;
    border-color: var(--dm-th-border) !important;
}

/* ===================================
   ORDER KILN SLIP HEADER INPUTS (DARK)
   =================================== */
body.dark #kilnDateGlobal,
body.dark .kiln-slip-header .bgwhite,
body.dark .data-block .bglightgray .bgwhite {
    border-color: #444 !important;
}

/* ===================================
   KILN SLIP VIEW TABLE - DARK MODE
   =================================== */

body.dark .bggradientblue {
    background: linear-gradient(to top, #202124, #46484b);
}

body.dark .bggradientorange {
    background: linear-gradient(to top, #41474e, #202124);
}

body.dark .bggradientpurple {
    background: linear-gradient(135deg, #4a5568 0%, #5a3d6b 100%);
    color: #fff;
}


body.dark .bggreen {
    background-color: #11591c !important;
    color: #fff;
}

body.dark input::placeholder,
body.dark textarea::placeholder {
    color: #e8eaed;
    /* hoặc bất kỳ màu nào mày thích */
}

body.dark .invoice-card label[for] {
    background: #1e1e1e;
    border-color: #3c4043;
    color: #e8eaed;
}

body.dark .invoice-card label[for]:before {
    border-color: #8ab4f8;
}

body.dark .invoice-card label[for]:hover {
    background: #3a3a3a;
    border-color: #8ab4f8;
}

body.dark .invoice-card input[type="radio"]:checked+label {
    background: #8ab4f8;
    border-color: #8ab4f8;
    color: #1a1a1a;
}

body.dark .invoice-card input[type="radio"]:checked+label:before {
    background: #1a1a1a;
    box-shadow: inset 0 0 0 2px #8ab4f8;
}

body.dark .custom-radio label {
    background: #1e1e1e;
    border-color: #3c4043;
    color: #e8eaed;
}

body.dark .custom-radio label:before {
    border-color: #8ab4f8;
}

body.dark .custom-radio label:hover {
    background: #3a3a3a;
    border-color: #8ab4f8;
}

body.dark .custom-radio input[type="radio"]:checked+label {
    background: #8ab4f8;
    border-color: #8ab4f8;
    color: #1a1a1a;
}

body.dark .custom-radio input[type="radio"]:checked+label:before {
    background: #1a1a1a;
    box-shadow: inset 0 0 0 2px #8ab4f8;
}

body.dark .custom-checkbox label {
    background: #1e1e1e;
    border-color: #3c4043;
    color: #e8eaed;
}

body.dark .custom-checkbox label:before {
    border-color: #8ab4f8;
    background: #2d2d2d;
}

body.dark .custom-checkbox label:hover {
    background: #3a3a3a;
    border-color: #8ab4f8;
}

body.dark .custom-checkbox input[type="checkbox"]:checked+label {
    background: #8ab4f8;
    border-color: #8ab4f8;
    color: #1a1a1a;
}

body.dark .custom-checkbox input[type="checkbox"]:checked+label:before {
    color: #1a1a1a;
    background: #fff;
    border-color: #fff;
}

body.dark .post-content {
    border-top: 1px solid #3c4043;
}

body.dark .news-chat-bubble .post-content,
body.dark .news-chat-bubble__text.post-content,
html.dark .news-chat-bubble .post-content,
html.dark .news-chat-bubble__text.post-content {
    border: none;
}

body.dark .news-order-mention,
html.dark .news-order-mention {
    color: #93c5fd;
    border-bottom-color: rgba(147, 197, 253, 0.35);
}

body.dark .news-order-mention:hover,
html.dark .news-order-mention:hover {
    color: #bfdbfe;
}

body.dark .news-chat-msg--mine .news-order-mention,
html.dark .news-chat-msg--mine .news-order-mention {
    color: #dbeafe;
    border-bottom-color: rgba(219, 234, 254, 0.45);
}

body.dark .news-product-tag__frame,
html.dark .news-product-tag__frame {
    background: #202124;
    border-color: #5f6368;
}

body.dark .news-chat-msg--mine .news-product-tag__frame,
html.dark .news-chat-msg--mine .news-product-tag__frame {
    background: rgba(0, 0, 0, 0.18);
    border-color: rgba(255, 255, 255, 0.35);
}

body.dark .news-product-tag__code--customer,
html.dark .news-product-tag__code--customer {
    color: #e8eaed;
}

body.dark .news-product-tag__code--internal,
html.dark .news-product-tag__code--internal {
    color: #9aa0a6;
}

body.dark .news-chat-msg--mine .news-product-tag__code--customer,
html.dark .news-chat-msg--mine .news-product-tag__code--customer {
    color: #eaf4ff;
}

body.dark .news-chat-msg--mine .news-product-tag__code--internal,
html.dark .news-chat-msg--mine .news-product-tag__code--internal {
    color: rgba(234, 244, 255, 0.78);
}

body.dark .news-chat-msg--other .news-chat-starter-title,
html.dark .news-chat-msg--other .news-chat-starter-title {
    border-bottom-color: rgba(232, 234, 237, 0.18);
}

body.dark .board-post {
    border-color: #3c4043;
    background: #202124;
}

body.dark .searchUsers {
    /* !important để ghi đè background/border inline (white) ở một số trang */
    background: #202124 !important;
    border: 1px solid #3c4043 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
    color: #e8eaed;
}

body.dark .searchUsers .search-item {
    color: #e8eaed;
}

body.dark .searchUsers .search-item:hover {
    background-color: #66adff !important;
    color: #fff !important;
}

body.dark .search-item-empty {
    color: #9aa0a6;
}

body.dark .taggedUsers {
    background: #202124;
}

body.dark .tagged-box {
    background: #1e334c;
    border-color: #3c4043;
}

body.dark .btn-remove-user {
    background: #fcb8b3;
}

body.dark .summary-box {
    background: #202124;
}

body.dark .collection-item {
    background-color: #202124;
    border-color: #3c4043;
}

body.dark .collection-item:hover {
    background-color: #1a1b1e;
    border-color: #3c4043;
}

body.dark .no-cover {
    background-color: #3c4043;
    color: #e8eaed;
}

body.dark .edit-icon {
    background: rgba(26, 115, 232, 0.8);
    color: rgb(228, 228, 228);
}

body.dark .collection-info h4 {
    color: #8ab4f8;
}

body.dark .sub {
    color: #e1f8fc;
}

body.dark .note {
    color: #e1f8fc;
}

body.dark .icon-link {
    color: #e8eaed;
}

body.dark .expense-detail-grid div:nth-child(odd) {
    color: #9aa0a6;
}

body.dark .system-settings-form fieldset {
    background: #202124;
    border-color: #3c4043;
}

body.dark .system-settings-form legend {
    color: #dfdfdf;
}

body.dark .orderSearchResults {
    background: #1e1e1e;
    border-color: #3c4043;
}

body.dark .order-item:hover {
    background: #1a1a1a;
}

body.dark .tag-link {
    display: inline-block;
    text-decoration: none !important;
    color: #e8eaed !important;
    transition: all 0.2s ease;
    padding: 2px 4px;
    border-radius: 3px;
    white-space: nowrap;
}

body.dark .tag-link:hover {
    color: #4fc3f7 !important;
    background-color: rgba(79, 195, 247, 0.1);
    transform: translateY(-1px);
}

body.dark .reply-form {
    background: #202124;
    border-top-color: #3c4043;
}

body.dark #editor {
    background: #1e1e1e;
    border-color: #3c4043;
}

body.dark #editor:focus {
    background: #3e3d3f;
    border-color: #4a4d51;
}

body.dark .editor-toolbar button {
    background: #1e1e1e;
    border-color: #3c4043;
    color: #e8eaed;
}

body.dark .editor-toolbar button:hover {
    background: #3c4043;
}

body.dark .inline-user {
    background-color: #007ec2;
}

body.dark .inline-user img.avatar {
    box-shadow: 0 0 0 2px #1e1e1e;
}

body.dark .search-dropdown {
    background: #171717;
    color: #e8eaed;
}

body.dark .search-dropdown div:hover {
    background: #333;
}

body.dark .product-card {
    border-color: #333;
}

body.dark .product-card:hover {
    border-color: #cdcdcd;
}

body.dark .product-card .code {
    color: #8ab4f8;
}

body.dark .product-card .finish {
    color: #999;
}

body.dark .data-block {
    background-color: #202124;
    border-color: #46484b;
}

body.dark .thread-card {
    background: #2f343a;
    border-color: #3c4043;
}

body.dark .thread-title a {
    color: #e8eaed;
}

body.dark .thread-title a:hover {
    color: #6cb2ff;
}

body.dark .thread-meta,
body.dark .thread-stats {
    color: #9aa0a6;
}

body.dark .profile-card-container {
    background: #292a2d;
    border-color: #3c4043;
}

body.dark .pc-avatar {
    border-color: #5f6368;
}

body.dark .profile-card-container .pc-right>h2 {
    color: #8ab4f8;
}

body.dark .profile-card-container .pc-worker-dept {
    color: #bbb;
}

body.dark .c-stat-item {
    background: #202124;
    border-color: #3c4043;
}

body.dark .c-stat-label {
    color: #aaa;
}

body.dark .c-stat-value {
    color: #e8eaed;
}

body.dark .c-stat-item.highlight {
    background: #1f2937;
    border-color: #0050b3;
}

body.dark .c-stat-item.highlight .c-stat-value {
    color: #69c0ff;
}

body.dark .text-danger {
    color: #ff8b8b !important;
}

body.dark .text-success {
    color: #81c995 !important;
}

body.dark .text-warning {
    color: #ffd966 !important;
}

/* Chấm công tháng / cá nhân — token theme (khớp var trong style.css) */
body.dark .attendance-monthly-table {
    --att-table-border: #3c4043;
    --att-table-bg: #202124;
    --att-row-sep: #3c4043;
    --att-card-border: #3c4043;
    --att-card-bg: #1e2329;
    --att-shift-panel-bg: #252a30;
    --att-shift-panel-border: #3c4043;
    --att-stat-tile-bg: #20252c;
    --att-stat-tile-border: #3c4043;
    --att-stat-label: #8ab4d9;
    --att-wage-bg: #1a3048;
    --att-wage-label: #8ab4d9;
    --att-note-border: #3c4043;
    --att-note-text: #adb5bd;
    --att-header-bg: #1e3a5f;
    --att-header-border: #1565c0;
    --att-header-text: #e8eaed;
    --att-cell-text: #e8eaed;
    --att-shift-link-hover: #4da6ff;
    border-color: var(--att-table-border);
    background: var(--att-table-bg);
}

body.dark .attendance-row {
    background: #1e2329;
    border: 0;
}

body.dark .attendance-row.is-weekend {
    background: #292a2d;
    border: 0;
}

body.dark .attendance-row.has-flag {
    background: #3a2a2a;
    border-left: 3px solid #ff6b6b;
}

body.dark .attendance-leave-row {
    border: 0;
}

body.dark .attendance-leave-row .att-holiday-name-line {
    border-top-color: #3c4854;
}

body.dark .att-col-date {
    border: 0;
}

body.dark .attendance-header {
    color: var(--att-header-text);
}

body.dark .r-table {
    border-color: #3c4043;
}

body.dark .r-row {
    background: #202124;
    border-bottom-color: #3c4043;
    color: #e8eaed;
}

body.dark .r-row.header {
    background: #292a2d;
    color: #adb5bd;
    border-bottom-color: #5f6368;
}

body.dark .r-cell {
    color: #e8eaed;
}

body.dark .r-cell.w-money {
    color: #8ab4f8;
}

body.dark .r-cell.w-note {
    color: #aaa;
}

body.dark .r-row.is-weekend {
    background: #292a2d;
}

body.dark .r-row.is-weekend .w-date {
    color: #ff6b6b;
}

body.dark select,
body.dark input {
    background: #1e1e1e;
    color: #e8eaed;
    border-color: #4a4d51;
}

body.dark .r-row {
    background: #292a2d;
    border-color: #3c4043;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

body.dark .r-cell.w-date {
    color: #fff;
}

body.dark .r-cell.w-time {
    background: #1e1e1e;
    color: #9aa0a6;
}

body.dark .r-cell.w-num::before {
    color: #aaa;
}

body.dark .r-cell.w-num {
    background: #3a3f44;
    color: #e8eaed;
}

body.dark .r-cell.w-note {
    color: #bbb;
}

/* ====================================
   USER ACTION LOGS DARK MODE
   ==================================== */

body.dark .table-bordered th {
    background: var(--dm-th-bg);
    color: var(--dm-th-text) !important;
    font-weight: 600;
}

body.dark .log-badge.insert {
    background: #0d3a0d;
    color: #baf2ba;
}

body.dark .log-badge.update {
    background: #3d3707;
    color: #ffd966;
}

body.dark .log-badge.delete {
    background: #3a0d0d;
    color: #ffbaba;
}

body.dark .log-badge.approve {
    background: #1d253a;
    color: #8ab4f8;
}

body.dark .log-badge.reject {
    background: #3a0d0d;
    color: #ffbaba;
}

body.dark .log-badge.finalize {
    background: #1d253a;
    color: #8ab4f8;
}

body.dark .log-detail-section {
    border-bottom-color: #374151;
}

body.dark .log-detail-section h4 {
    border-bottom-color: #4b5563;
}

body.dark .log-diff-old {
    color: #ff8b8b;
}

body.dark .log-diff-new {
    color: #81c995;
}

body.dark .log-json-data {
    background: #111827;
    color: #e8eaed;
    border-color: #374151;
}

body.dark .log-record-detail-box {
    background: #111827;
    border-color: #374151;
}

body.dark .log-modal-header {
    border-bottom-color: #374151;
}

/* ===================================
   SETTINGS TABLE DARK MODE
   =================================== */

body.dark .settings-table td,
body.dark .settings-table th {
    border-color: #4a4d51;
}

body.dark .settings-table thead th,
body.dark .settings-table.bglightblue thead th {
    background: var(--dm-th-bg-accent) !important;
    color: var(--dm-th-text);
}

body.dark .settings-table td {
    color: #9aa0a6;
}

body.dark .settings-table tr:nth-child(even) td {
    background: #1a1a1a;
}

body.dark .settings-table tr:hover td {
    background: #303134;
}

body.dark .settings-table.no-hover tbody tr:hover {
    background: inherit !important;
    cursor: default;
}

body.dark .settings-table.no-hover tr:hover td {
    background-color: inherit !important;
}

body.dark .settings-table.no-hover tr:hover td.bglightblue {
    background-color: #202124 !important;
    color: #fff !important;
}

body.dark .settings-table.no-hover tr td,
body.dark .settings-table.no-hover tr:nth-child(even) td {
    background-color: #202124 !important;
}

body.dark .settings-table.no-hover tr:nth-child(even):hover td {
    background-color: #202124 !important;
}

body.dark .settings-scroll-hint {
    background: #1a1b1e;
    color: #9aa0a6;
    border-color: #3c4043;
}

body.dark .gw-dept-pick-box {
    background: #1a1a1a !important;
    border-color: #4a4d51 !important;
    color: #e8eaed;
}

body.dark .settings-table .gw-dept-pick-item:hover {
    background-color: #252a35;
}

body.dark .settings-table .gw-dept-pick-item:has(input[type="checkbox"]:checked) {
    background-color: #1e3a5f !important;
    border-color: #4a6fa5;
    color: #e8eaed;
}

body.dark .settings-table .gw-dept-pick-item {
    border-color: #3c4043;
    color: #e8eaed;
}

body.dark .settings-table .setting-holiday-dept-pick .gw-dept-pick-item {
    border-color: #4a4d51;
}

body.dark .expense-collapse-icon,
body.dark .expense-group-chevron {
    color: #8ab4f8;
}

/* ===================================
   SETTINGS USERS TABLE DARK MODE
   =================================== */

body.dark .settings-users-table td,
body.dark .settings-users-table th {
    border-color: #4a4d51;
}

body.dark .settings-users-table tbody tr td {
    border-bottom: 1px solid #4a4d51 !important;
}

body.dark .settings-users-scroll-hint {
    background: #1a1b1e;
    color: #9aa0a6;
    border-color: #3c4043;
}

/* ===================================
   SCROLL TABLE DARK MODE
   =================================== */

body.dark .scroll-table td,
body.dark .scroll-table th {
    border-top-color: #4a4d51;
    border-bottom-color: #4a4d51;
    border-left: none !important;
    border-right: none !important;
}

body.dark .scroll-table thead th,
html.dark .scroll-table thead th {
    background: #35363a !important;
    color: #9aa0a6;
    border-top: 1px solid #3c4043 !important;
    border-bottom-color: #3c4043;
    box-shadow: 0 -1px 0 #3c4043;
}

body.dark .scroll-table tbody tr td {
    border-bottom: 1px solid #4a4d51 !important;
}

/* Sticky cột ảnh — scroll-table */
body.dark .scroll-table thead th.sticky-photo,
html.dark .scroll-table thead th.sticky-photo {
    background-color: #35363a !important;
    color: #9aa0a6 !important;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
}

body.dark .scroll-table tbody td.sticky-photo,
html.dark .scroll-table tbody td.sticky-photo {
    background: #202124 !important;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
}

body.dark .scroll-table-wrapper.is-sticky-photo-flush .scroll-table thead th.sticky-photo,
html.dark .scroll-table-wrapper.is-sticky-photo-flush .scroll-table thead th.sticky-photo {
    border-left: none !important;
    box-shadow: inset 1px 0 0 var(--dm-th-border), 2px 0 5px rgba(0, 0, 0, 0.3);
}

body.dark .scroll-table-wrapper.is-sticky-photo-flush .scroll-table tbody td.sticky-photo,
html.dark .scroll-table-wrapper.is-sticky-photo-flush .scroll-table tbody td.sticky-photo {
    border-left: none !important;
    box-shadow: inset 1px 0 0 #3c4043, 2px 0 5px rgba(0, 0, 0, 0.3);
}

body.dark .scroll-table tbody tr:hover td.sticky-photo,
html.dark .scroll-table tbody tr:hover td.sticky-photo {
    background: #292a2d !important;
}

body.dark .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table th.sticky-photo,
body.dark .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table td.sticky-photo,
html.dark .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table th.sticky-photo,
html.dark .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table td.sticky-photo {
    box-shadow: inset -1px 0 0 #3c4043;
    border-left: none !important;
    border-right: none !important;
}

body.dark .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table th.sticky-photo::after,
body.dark .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table td.sticky-photo::after,
html.dark .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table th.sticky-photo::after,
html.dark .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table td.sticky-photo::after {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.08) 60%, transparent);
}

body.dark .scroll-table-wrapper.is-sticky-photo-flush.is-sticky-photo-scrolled .scroll-table th.sticky-photo,
body.dark .scroll-table-wrapper.is-sticky-photo-flush.is-sticky-photo-scrolled .scroll-table td.sticky-photo,
html.dark .scroll-table-wrapper.is-sticky-photo-flush.is-sticky-photo-scrolled .scroll-table th.sticky-photo,
html.dark .scroll-table-wrapper.is-sticky-photo-flush.is-sticky-photo-scrolled .scroll-table td.sticky-photo {
    box-shadow: inset -1px 0 0 #3c4043;
    border-left: none !important;
    border-right: none !important;
}

body.dark .scroll-hint {
    background: #1a1b1e;
    color: #9aa0a6;
    border-color: #3c4043;
}

body.dark .gw-order-ops-bar,
html.dark .gw-order-ops-bar {
    background: #202124;
    border-color: #3c4043;
}

body.dark .gw-order-ops-bar--open,
html.dark .gw-order-ops-bar--open {
    background: #1b2e1f;
    border-color: #33691e;
}

body.dark .gw-order-ops-bar--closed,
html.dark .gw-order-ops-bar--closed {
    background: #2a2820;
    border-color: #5f4b32;
}

body.dark .gw-order-ops-bar__title,
html.dark .gw-order-ops-bar__title {
    color: #e8eaed;
}

body.dark .gw-order-ops-bar__status--open,
html.dark .gw-order-ops-bar__status--open {
    color: #a5d6a7;
    background: rgba(165, 214, 167, 0.14);
}

body.dark .gw-order-ops-bar__status--closed,
html.dark .gw-order-ops-bar__status--closed {
    color: #ffb74d;
    background: rgba(255, 183, 77, 0.14);
}

body.dark .gw-order-ops-bar__meta,
body.dark .gw-order-ops-bar__hint,
html.dark .gw-order-ops-bar__meta,
html.dark .gw-order-ops-bar__hint {
    color: #9aa0a6;
}

body.dark .gw-order-ops-bar__btn--close,
html.dark .gw-order-ops-bar__btn--close {
    background: rgba(255, 183, 77, 0.12);
    border-color: #5f4b32;
    color: #ffb74d;
}

body.dark .gw-order-ops-bar__btn--close:hover,
html.dark .gw-order-ops-bar__btn--close:hover {
    background: rgba(255, 183, 77, 0.2);
    border-color: #80868b;
    color: #ffcc80;
}

body.dark .gw-order-ops-bar__btn--reopen-toggle,
html.dark .gw-order-ops-bar__btn--reopen-toggle {
    background: rgba(165, 214, 167, 0.12);
    border-color: #33691e;
    color: #a5d6a7;
}

body.dark .gw-order-ops-bar__btn--reopen-toggle:hover,
body.dark .gw-order-ops-bar__btn--reopen-toggle.is-open,
html.dark .gw-order-ops-bar__btn--reopen-toggle:hover,
html.dark .gw-order-ops-bar__btn--reopen-toggle.is-open {
    background: rgba(165, 214, 167, 0.22);
    border-color: #81c784;
    color: #c8e6c9;
}

body.dark .gw-order-ops-bar__reopen,
html.dark .gw-order-ops-bar__reopen {
    border-top-color: #3c4043;
}

body.dark .gw-order-ops-bar__reopen-label,
html.dark .gw-order-ops-bar__reopen-label {
    color: #9aa0a6;
}

body.dark .gw-order-ops-bar__reopen-input,
html.dark .gw-order-ops-bar__reopen-input {
    background: #303134;
    border-color: #5f6368;
    color: #e8eaed;
}

body.dark .gw-order-toolbar,
html.dark .gw-order-toolbar {
    background: #202124;
    border-color: #3c4043;
}

body.dark .gw-order-toolbar--open,
html.dark .gw-order-toolbar--open {
    background: #1b2e1f;
    border-color: #33691e;
}

body.dark .gw-order-toolbar--closed,
html.dark .gw-order-toolbar--closed {
    background: #2a2820;
    border-color: #5f4b32;
}

body.dark .gw-order-toolbar__label,
html.dark .gw-order-toolbar__label {
    color: #9aa0a6;
}

body.dark .gw-order-toolbar__pill--open,
html.dark .gw-order-toolbar__pill--open {
    color: #a5d6a7;
    background: rgba(165, 214, 167, 0.14);
}

body.dark .gw-order-toolbar__pill--closed,
html.dark .gw-order-toolbar__pill--closed {
    color: #ffb74d;
    background: rgba(255, 183, 77, 0.14);
}

body.dark .gw-order-toolbar__pill--on,
html.dark .gw-order-toolbar__pill--on {
    color: #90caf9;
    background: rgba(144, 202, 249, 0.14);
}

body.dark .gw-order-toolbar__pill--off,
html.dark .gw-order-toolbar__pill--off {
    color: #9aa0a6;
    background: rgba(154, 160, 166, 0.14);
}

body.dark .gw-order-toolbar__meta,
body.dark .gw-order-toolbar__hint,
html.dark .gw-order-toolbar__meta,
html.dark .gw-order-toolbar__hint {
    color: #9aa0a6;
}

body.dark .gw-order-toolbar__divider,
html.dark .gw-order-toolbar__divider {
    background: #3c4043;
}

body.dark .gw-order-toolbar__btn--close,
html.dark .gw-order-toolbar__btn--close {
    background: rgba(255, 183, 77, 0.12);
    border-color: #5f4b32;
    color: #ffb74d;
}

body.dark .gw-order-toolbar__btn--toggle,
html.dark .gw-order-toolbar__btn--toggle {
    background: rgba(144, 202, 249, 0.12);
    border-color: #33691e;
    color: #90caf9;
}

body.dark .gw-order-toolbar__btn--reopen-toggle,
html.dark .gw-order-toolbar__btn--reopen-toggle {
    background: rgba(165, 214, 167, 0.12);
    border-color: #33691e;
    color: #a5d6a7;
}

body.dark .gw-order-toolbar__reopen,
html.dark .gw-order-toolbar__reopen {
    border-top-color: #3c4043;
}

body.dark .gw-order-toolbar__reopen-label,
html.dark .gw-order-toolbar__reopen-label {
    color: #9aa0a6;
}

body.dark .gw-order-toolbar__reopen-input,
html.dark .gw-order-toolbar__reopen-input {
    background: #303134;
    border-color: #5f6368;
    color: #e8eaed;
}

body.dark .gw-order-toolbar__switch-state,
html.dark .gw-order-toolbar__switch-state {
    color: #e8eaed;
}

body.dark .gw-order-filter-bar,
html.dark .gw-order-filter-bar {
    background: #202124;
    border-color: #3c4043;
}

body.dark .gw-filter-chip,
html.dark .gw-filter-chip {
    background: #303134;
    border-color: #5f6368;
    color: #e8eaed;
}

body.dark .gw-filter-chip.is-active,
html.dark .gw-filter-chip.is-active {
    background: #5f6368;
    border-color: #80868b;
    color: #fff;
}

body.dark #gwPieceworkFilterBtn.is-active,
html.dark #gwPieceworkFilterBtn.is-active {
    background: #6a1b9a;
    border-color: #8e24aa;
}

body.dark .gw-filter-chip--warn.is-active,
html.dark .gw-filter-chip--warn.is-active {
    background: #e65100;
    border-color: #ff9800;
}

body.dark .gw-order-ops-wip-alert,
html.dark .gw-order-ops-wip-alert {
    background: #2a2820;
    border-color: #5f4b32;
    border-left-color: #ffb74d;
    color: #e8eaed;
}

body.dark .gw-order-ops-wip-alert .fa-exclamation-triangle,
html.dark .gw-order-ops-wip-alert .fa-exclamation-triangle {
    color: #ffb74d;
}

body.dark .gw-order-greenware-stages .gw-stage-name-cell .progress-container.gw-hangmoc-progress {
    background: #2e3d2f;
}

body.dark .gw-order-greenware-stages .gw-hangmoc-progress .progress-bar,
html.dark .gw-order-greenware-stages .gw-hangmoc-progress .progress-bar {
    background: linear-gradient(90deg, #66bb6a, #43a047);
}

body.dark .gw-order-stages-panel,
html.dark .gw-order-stages-panel {
    background: #2d2e30;
    border-color: #3c4043;
    box-shadow: none;
}

body.dark .gw-order-greenware-stages,
html.dark .gw-order-greenware-stages {
    background: #2d2e30;
}

body.dark .gw-producer-stats-table .gw-order-greenware-stages thead th,
body.dark .gw-producer-stats-table .gw-order-greenware-stages thead th.gw-ost-h,
body.dark .scroll-table .gw-order-greenware-stages thead th,
body.dark .scroll-table .gw-order-greenware-stages thead th.gw-ost-h,
html.dark .gw-producer-stats-table .gw-order-greenware-stages thead th,
html.dark .gw-producer-stats-table .gw-order-greenware-stages thead th.gw-ost-h,
html.dark .scroll-table .gw-order-greenware-stages thead th,
html.dark .scroll-table .gw-order-greenware-stages thead th.gw-ost-h {
    background: #35363a !important;
    background-color: #35363a !important;
    color: #9aa0a6 !important;
    border-bottom-color: #3c4043 !important;
}

body.dark .gw-order-greenware-stages thead .gw-ost-head,
html.dark .gw-order-greenware-stages thead .gw-ost-head {
    background: #35363a;
}

body.dark .gw-order-greenware-stages .gw-ost-focus-trigger:hover,
body.dark .gw-order-greenware-stages .gw-ost-focus-trigger:focus-visible,
html.dark .gw-order-greenware-stages .gw-ost-focus-trigger:hover,
html.dark .gw-order-greenware-stages .gw-ost-focus-trigger:focus-visible {
    background: rgba(138, 180, 248, 0.12);
    color: #8ab4f8;
}

body.dark .gw-order-greenware-stages .gw-ost-focus-trigger.is-active,
html.dark .gw-order-greenware-stages .gw-ost-focus-trigger.is-active {
    background: rgba(138, 180, 248, 0.18);
    color: #aecbfa;
}

body.dark .gw-order-greenware-stages .gw-ost-focus-trigger__badge,
html.dark .gw-order-greenware-stages .gw-ost-focus-trigger__badge {
    color: #9aa0a6;
}

body.dark .gw-order-greenware-stages .gw-ost-focus-trigger:hover .gw-ost-focus-trigger__badge,
body.dark .gw-order-greenware-stages .gw-ost-focus-trigger:focus-visible .gw-ost-focus-trigger__badge,
html.dark .gw-order-greenware-stages .gw-ost-focus-trigger:hover .gw-ost-focus-trigger__badge,
html.dark .gw-order-greenware-stages .gw-ost-focus-trigger:focus-visible .gw-ost-focus-trigger__badge {
    color: #8ab4f8;
}

body.dark .gw-order-greenware-stages .gw-ost-focus-trigger.is-active .gw-ost-focus-trigger__badge,
html.dark .gw-order-greenware-stages .gw-ost-focus-trigger.is-active .gw-ost-focus-trigger__badge {
    color: #aecbfa;
}

body.dark .scroll-table-wrapper.is-row-focus-mode #gwProductTable .gw-product-row--focus-target,
html.dark .scroll-table-wrapper.is-row-focus-mode #gwProductTable .gw-product-row--focus-target {
    background-color: #35363a;
    box-shadow: inset 0 0 0 2px rgba(138, 180, 248, 0.35);
}

body.dark .gw-order-greenware-stages .gw-ost-row:hover,
html.dark .gw-order-greenware-stages .gw-ost-row:hover {
    background: rgba(138, 180, 248, 0.08);
}

body.dark .gw-order-greenware-stages .gw-ost-metric,
html.dark .gw-order-greenware-stages .gw-ost-metric {
    color: #9aa0a6;
    border-bottom-color: #3c4043;
}

body.dark .gw-order-greenware-stages .gw-ost-empty,
html.dark .gw-order-greenware-stages .gw-ost-empty {
    color: #5f6368;
}

body.dark .gw-order-greenware-stages .gw-ost-metric--has-val.gw-ost-metric--in,
html.dark .gw-order-greenware-stages .gw-ost-metric--has-val.gw-ost-metric--in {
    color: #4db6ac;
}

body.dark .gw-order-greenware-stages .gw-ost-metric--has-val.gw-ost-metric--prod,
html.dark .gw-order-greenware-stages .gw-ost-metric--has-val.gw-ost-metric--prod {
    color: #8ab4f8;
}

body.dark .gw-order-greenware-stages .gw-ost-metric--prod-done,
html.dark .gw-order-greenware-stages .gw-ost-metric--prod-done {
    color: #81c784;
}

body.dark .gw-order-greenware-stages .gw-ost-metric--has-val.gw-ost-metric--def,
html.dark .gw-order-greenware-stages .gw-ost-metric--has-val.gw-ost-metric--def {
    color: #f28b82;
}

body.dark .gw-order-greenware-stages .gw-ost-metric--def-warn,
html.dark .gw-order-greenware-stages .gw-ost-metric--def-warn {
    background: rgba(198, 40, 40, 0.12);
}

body.dark .gw-order-greenware-stages .gw-ost-metric--has-val.gw-ost-metric--out,
html.dark .gw-order-greenware-stages .gw-ost-metric--has-val.gw-ost-metric--out {
    color: #ce93d8;
}

body.dark .gw-order-greenware-stages .gw-ost-metric--has-val.gw-ost-metric--stock,
html.dark .gw-order-greenware-stages .gw-ost-metric--has-val.gw-ost-metric--stock {
    color: #81c784;
}

body.dark .gw-order-greenware-stages .gw-ost-act,
html.dark .gw-order-greenware-stages .gw-ost-act {
    border-bottom-color: #3c4043;
}

body.dark .gw-order-greenware-stages .gw-stage-name-label,
html.dark .gw-order-greenware-stages .gw-stage-name-label {
    color: #8ab4f8;
}

body.dark .gw-order-greenware-stages .gw-stage-name-issue--issue,
html.dark .gw-order-greenware-stages .gw-stage-name-issue--issue {
    color: #ffb74d;
}

body.dark .gw-order-greenware-stages .gw-stage-name-issue--defwarn,
html.dark .gw-order-greenware-stages .gw-stage-name-issue--defwarn {
    color: #ff9800;
}

body.dark .gw-order-greenware-stages tbody tr.gw-order-stage-row-qtywarn .gw-stage-name-issue--defwarn,
html.dark .gw-order-greenware-stages tbody tr.gw-order-stage-row-qtywarn .gw-stage-name-issue--defwarn {
    color: #ff9800 !important;
}

body.dark .gw-order-greenware-stages tbody tr.gw-order-stage-row-qtywarn td {
    color: #ff8a80 !important;
}

body.dark .gw-order-greenware-stages tbody tr.gw-order-stage-row-qtywarn .gw-stage-name-label,
body.dark .gw-order-greenware-stages tbody tr.gw-order-stage-row-qtywarn td a:not(.button) {
    color: #ff8a80 !important;
}

body.dark .gw-order-greenware-stages tbody tr.gw-order-stage-row-qtywarn .gw-stage-name-hit.gw-stage-name-hit--qtywarn {
    color: #ff8a80 !important;
}

body.dark .gw-order-greenware-stages tbody tr.gw-order-stage-row-qtywarn .gw-hangmoc-progress .progress-bar--gw-warn {
    background: #ef5350 !important;
}

/* HĐ khoán (puzzle) — tab Hàng mộc */
body.dark .gw-pw-badge,
html.dark .gw-pw-badge {
    color: var(--dm-th-icon);
}

body.dark a.gw-pw-badge:hover,
body.dark a.gw-pw-badge:focus,
html.dark a.gw-pw-badge:hover,
html.dark a.gw-pw-badge:focus {
    color: #a8dab5;
}

body.dark .gw-piecework-filter-link,
html.dark .gw-piecework-filter-link {
    background: #2d2f33;
    border-color: var(--dm-th-icon);
    color: var(--dm-th-icon);
}

body.dark .gw-piecework-filter-link:hover,
body.dark .gw-piecework-filter-link:focus,
html.dark .gw-piecework-filter-link:hover,
html.dark .gw-piecework-filter-link:focus {
    background: rgba(129, 201, 149, 0.12);
    border-color: #a8dab5;
    color: #a8dab5;
}

body.dark .gw-piecework-filter-link.is-active,
html.dark .gw-piecework-filter-link.is-active {
    background: #2e5c3e;
    border-color: var(--dm-th-icon);
    color: #fff;
}

body.dark .gw-piecework-filter-link.is-active i,
html.dark .gw-piecework-filter-link.is-active i {
    color: #c8e6c9;
}

body.dark .gw-order-greenware-stages .gw-stage-name-issue--piecework,
body.dark .gw-order-greenware-stages .gw-stage-name-issue--piecework i,
html.dark .gw-order-greenware-stages .gw-stage-name-issue--piecework,
html.dark .gw-order-greenware-stages .gw-stage-name-issue--piecework i {
    color: var(--dm-th-icon);
}

/* Form / danh sách mộc: khối SP dùng .bgwhite — chỉ viền accent, không còn #fff inline */
body.dark .gw-form-product-confirm {
    border-color: #3d556d;
    color: #e8eaed;
}

body.dark .gw-form-product-confirm .gw-form-product-thumb {
    border-color: #4a4d51;
}

/* Ô vẽ chữ ký: giảm độ chói (canvas vẫn nền trắng trong ảnh, chỉ tông ngoài) */
body.dark .gw-sig-canvas {
    border-color: #4a5563 !important;
    opacity: 0.9;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

body.dark .gw-sig-preview-box {
    background: #252a31 !important;
    border-color: #3c4a58 !important;
    box-shadow: none;
}

body.dark .gw-sig-preview-box img {
    background: #252a31 !important;
    opacity: 0.93;
    border-radius: 4px;
}

body.dark .gw-sig-name-field label {
    color: #9aa0a6;
}

body.dark .gw-sig-name-input:disabled {
    background: #2a2f36 !important;
    color: #e8eaed !important;
    border-color: #4a4d51 !important;
}

/* Greenware stage detail — ledger KPI + workflow tabs */
body.dark .gw-ledger-stats-banner .gw-transfer-drill-btn,
html.dark .gw-ledger-stats-banner .gw-transfer-drill-btn {
    color: inherit;
}

body.dark .gw-ledger-stats-banner .kpi-strip__card--product,
html.dark .gw-ledger-stats-banner .kpi-strip__card--product {
    --kpi-accent: #b39ddb;
    border-top-color: var(--kpi-accent);
}

body.dark .gw-ledger-stats-banner .gw-kpi-product-thumb,
html.dark .gw-ledger-stats-banner .gw-kpi-product-thumb {
    border-color: #3c4043;
    background: #292a2d;
}

body.dark .gw-ledger-stats-banner .gw-kpi-product-thumb--empty,
html.dark .gw-ledger-stats-banner .gw-kpi-product-thumb--empty {
    color: #9aa0a6;
}

body.dark .gw-ledger-stats-banner .gw-kpi-product-qty,
html.dark .gw-ledger-stats-banner .gw-kpi-product-qty {
    color: #9aa0a6;
}

body.dark .gw-workflow-section,
html.dark .gw-workflow-section {
    border-color: #3c4043;
    background: #202124;
}

/* Chi tiết khuôn — dark mode */
body.dark .mould-detail-thumb-wrap,
html.dark .mould-detail-thumb-wrap {
    border-color: #3c4043;
    background: #17191c;
}

body.dark .mould-detail-title,
html.dark .mould-detail-title {
    color: #e8eaed;
}

body.dark .mould-detail-code,
html.dark .mould-detail-code {
    color: #8ab4f8;
}

body.dark .mould-detail-meta-item dd,
html.dark .mould-detail-meta-item dd {
    color: #bdc1c6;
}

body.dark .mould-detail-note,
html.dark .mould-detail-note {
    background: #17191c;
    border-left-color: #5c9ce6;
}

body.dark .mould-detail-price-panel,
html.dark .mould-detail-price-panel {
    background: #17191c;
    border-color: #3c4043;
}

body.dark .mould-detail-price-current,
html.dark .mould-detail-price-current {
    color: #8ab4f8;
}

body.dark .mould-assign-unassign-btn,
html.dark .mould-assign-unassign-btn {
    background: #2a2a2a;
    border-color: #444;
    color: #9aa0a6;
}

body.dark .mould-assign-unassign-btn:hover,
html.dark .mould-assign-unassign-btn:hover {
    background: #3d2020;
    border-color: #c62828;
    color: #ff8a80;
}

body.dark .mould-detail-row-header,
body.dark .mould-detail-section-header,
html.dark .mould-detail-row-header,
html.dark .mould-detail-section-header {
    background: #17191c;
    border-color: #3c4043;
    color: #8ab4f8;
}

body.dark .order-change-history__toggle:hover,
html.dark .order-change-history__toggle:hover {
    background: #2b2f36;
}

body.dark .order-change-history__count,
html.dark .order-change-history__count {
    background: rgba(138, 180, 248, 0.15);
    color: #8ab4f8;
}

body.dark .order-change-history__panel,
html.dark .order-change-history__panel {
    border-bottom-color: #3c4043;
}

body.dark .order-change-log-item,
html.dark .order-change-log-item {
    border-bottom-color: #3c4043;
    color: #e8eaed;
}

body.dark .order-change-log-item__user,
html.dark .order-change-log-item__user {
    color: #e8eaed;
}

body.dark .order-change-log-item__code,
body.dark .order-change-log-item__qty,
html.dark .order-change-log-item__code,
html.dark .order-change-log-item__qty {
    color: #8ab4f8;
}

body.dark .order-change-log-item__qty--new,
html.dark .order-change-log-item__qty--new {
    color: #aecbfa;
}

body.dark .order-change-history.is-open .order-change-history__toggle,
html.dark .order-change-history.is-open .order-change-history__toggle {
    border-bottom-color: #3c4043;
}

body.dark .mould-detail-pane,
html.dark .mould-detail-pane {
    border-top-color: #3c4043;
}

body.dark .mould-detail-sheet.bgwhite,
html.dark .mould-detail-sheet.bgwhite {
    background: #202124;
}

body.dark .mould-detail-bom-total-row,
html.dark .mould-detail-bom-total-row {
    background: #1a2332;
}

body.dark .mould-detail-bom-total-value,
html.dark .mould-detail-bom-total-value {
    color: #8ab4f8;
}

body.dark .mould-detail-assign-suggestions,
html.dark .mould-detail-assign-suggestions {
    background: #252525;
    border-color: #444;
}

body.dark .mould-detail-inactive-notice,
html.dark .mould-detail-inactive-notice {
    background: #2a2418;
    color: #e8eaed;
}

body.dark .gw-workflow-tab-bar,
html.dark .gw-workflow-tab-bar {
    border-top-color: #3c4043;
    border-bottom-color: #3c4043;
    background: #17191c;
}

body.dark .gw-workflow-tab,
html.dark .gw-workflow-tab {
    color: #9aa0a6;
}

body.dark .gw-workflow-tab:hover,
html.dark .gw-workflow-tab:hover {
    background: #292a2d;
    color: #8ab4f8;
}

body.dark .gw-workflow-tab.is-active,
html.dark .gw-workflow-tab.is-active,
body.dark a.gw-workflow-tab.is-active,
html.dark a.gw-workflow-tab.is-active {
    background: #202124;
    color: #8ab4f8;
    border-bottom-color: #8ab4f8;
}

body.dark a.gw-workflow-tab.gw-workflow-tab--danger,
html.dark a.gw-workflow-tab.gw-workflow-tab--danger {
    color: #ff8a80;
}

body.dark a.gw-workflow-tab.gw-workflow-tab--danger:hover,
html.dark a.gw-workflow-tab.gw-workflow-tab--danger:hover {
    background: #351a1c;
    color: #ffab91;
    border-bottom-color: #ef5350;
}

body.dark .gw-workflow-tab-panels,
html.dark .gw-workflow-tab-panels {
    background: #202124;
}

/* Chi tiết khách hàng — token (style.css .customer-detail-readonly) */
html.dark .customer-detail-readonly,
body.dark .customer-detail-readonly {
    --cd-card-bg: #272c31;
    --cd-card-border: #454545;
    --cd-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    --cd-preview-bg: #1a1d21;
    --cd-preview-border: #3c4043;
    --cd-title-border: #3c4043;
    --cd-title-color: #8ab4f8;
    --cd-row-sep: #35393e;
    --cd-label: #9aa0a6;
    --cd-value: #e8eaed;
    --cd-value-mobile-label: #bdc1c6;
}

html.dark .cd-page,
body.dark .cd-page {
    --cd-border: #3c4043;
    --cd-surface: #292a2d;
    --cd-muted: #9aa0a6;
    --cd-text: #e8eaed;
    --cd-accent: #8ab4f8;
    --cd-accent-soft: #1e3a5f;
    --cd-tab-bg: #202124;
    --cd-shadow: none;
    --cd-chip-bg: #35363a;
    --cd-stat-bg: #303134;
    --cd-success-bg: #1e3d32;
    --cd-success-text: #81c995;
    --cd-danger-bg: #3d2624;
    --cd-danger-text: #f28b82;
    --cd-inactive-bg: #3d3520;
    --cd-inactive-text: #fdd663;
}

html.dark .cd-tab:hover,
body.dark .cd-tab:hover {
    background: #35363a;
}

html.dark .cd-orders-table th,
html.dark .cd-orders-table td,
body.dark .cd-orders-table th,
body.dark .cd-orders-table td {
    border-bottom-color: #3c4043;
}

html.dark .cd-orders-table tbody tr:hover,
body.dark .cd-orders-table tbody tr:hover {
    background: #35363a;
}

@media (max-width: 1199px) {
    html.dark .cd-page .scroll-table.cd-customer-orders-table tbody td.sticky-code,
    body.dark .cd-page .scroll-table.cd-customer-orders-table tbody td.sticky-code {
        background-color: #292a2d !important;
    }

    html.dark .cd-page .scroll-table.cd-customer-orders-table tbody tr:hover td.sticky-code,
    body.dark .cd-page .scroll-table.cd-customer-orders-table tbody tr:hover td.sticky-code {
        background: #35363a !important;
    }

    html.dark .cd-page .scroll-table-wrapper.is-sticky-code-flush .scroll-table.cd-customer-orders-table th.sticky-code,
    html.dark .cd-page .scroll-table-wrapper.is-sticky-code-flush .scroll-table.cd-customer-orders-table td.sticky-code,
    body.dark .cd-page .scroll-table-wrapper.is-sticky-code-flush .scroll-table.cd-customer-orders-table th.sticky-code,
    body.dark .cd-page .scroll-table-wrapper.is-sticky-code-flush .scroll-table.cd-customer-orders-table td.sticky-code {
        box-shadow: inset 1px 0 0 #3c4043, 2px 0 5px rgba(0, 0, 0, 0.35);
    }

    html.dark .cd-page .scroll-table.cd-customer-list-table thead th.sticky-photo,
    body.dark .cd-page .scroll-table.cd-customer-list-table thead th.sticky-photo {
        background-color: #35363a !important;
    }

    html.dark .cd-page .scroll-table.cd-customer-list-table tbody td.sticky-photo,
    body.dark .cd-page .scroll-table.cd-customer-list-table tbody td.sticky-photo {
        background-color: #292a2d !important;
    }

    html.dark .cd-page .scroll-table.cd-customer-list-table tbody tr:hover td.sticky-photo,
    body.dark .cd-page .scroll-table.cd-customer-list-table tbody tr:hover td.sticky-photo {
        background: #35363a !important;
    }

    html.dark .cd-page .scroll-table-wrapper.is-sticky-photo-flush .scroll-table.cd-customer-list-table th.sticky-photo,
    html.dark .cd-page .scroll-table-wrapper.is-sticky-photo-flush .scroll-table.cd-customer-list-table td.sticky-photo,
    body.dark .cd-page .scroll-table-wrapper.is-sticky-photo-flush .scroll-table.cd-customer-list-table th.sticky-photo,
    body.dark .cd-page .scroll-table-wrapper.is-sticky-photo-flush .scroll-table.cd-customer-list-table td.sticky-photo {
        box-shadow: inset 1px 0 0 #3c4043, 2px 0 5px rgba(0, 0, 0, 0.35);
    }

    html.dark .cd-page .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table.cd-customer-list-table th.sticky-photo,
    html.dark .cd-page .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table.cd-customer-list-table td.sticky-photo,
    body.dark .cd-page .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table.cd-customer-list-table th.sticky-photo,
    body.dark .cd-page .scroll-table-wrapper.is-sticky-photo-scrolled .scroll-table.cd-customer-list-table td.sticky-photo {
        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.35);
    }

    html.dark .cd-page .scroll-table.cd-customer-defects-table tbody td.sticky-code,
    body.dark .cd-page .scroll-table.cd-customer-defects-table tbody td.sticky-code {
        background-color: #292a2d !important;
    }

    html.dark .cd-page .scroll-table.cd-customer-defects-table tbody tr:hover td.sticky-code,
    body.dark .cd-page .scroll-table.cd-customer-defects-table tbody tr:hover td.sticky-code {
        background: #35363a !important;
    }

    html.dark .cd-page .scroll-table-wrapper.is-sticky-code-flush .scroll-table.cd-customer-defects-table th.sticky-code,
    html.dark .cd-page .scroll-table-wrapper.is-sticky-code-flush .scroll-table.cd-customer-defects-table td.sticky-code,
    body.dark .cd-page .scroll-table-wrapper.is-sticky-code-flush .scroll-table.cd-customer-defects-table th.sticky-code,
    body.dark .cd-page .scroll-table-wrapper.is-sticky-code-flush .scroll-table.cd-customer-defects-table td.sticky-code {
        box-shadow: inset 1px 0 0 #3c4043, 2px 0 5px rgba(0, 0, 0, 0.35);
    }

    html.dark .cd-page .scroll-table.cd-customer-top-orders-table tbody td.sticky-code,
    body.dark .cd-page .scroll-table.cd-customer-top-orders-table tbody td.sticky-code {
        background-color: #292a2d !important;
    }

    html.dark .cd-page .scroll-table.cd-customer-top-orders-table tbody tr:hover td.sticky-code,
    body.dark .cd-page .scroll-table.cd-customer-top-orders-table tbody tr:hover td.sticky-code {
        background: #35363a !important;
    }

    html.dark .cd-page .scroll-table-wrapper.is-sticky-code-flush .scroll-table.cd-customer-top-orders-table th.sticky-code,
    html.dark .cd-page .scroll-table-wrapper.is-sticky-code-flush .scroll-table.cd-customer-top-orders-table td.sticky-code,
    body.dark .cd-page .scroll-table-wrapper.is-sticky-code-flush .scroll-table.cd-customer-top-orders-table th.sticky-code,
    body.dark .cd-page .scroll-table-wrapper.is-sticky-code-flush .scroll-table.cd-customer-top-orders-table td.sticky-code {
        box-shadow: inset 1px 0 0 #3c4043, 2px 0 5px rgba(0, 0, 0, 0.35);
    }
}

@media (max-width: 1199px) {
    html.dark .cd-tab-scroll .cd-tab-bar > .cd-tab:hover:not(.is-active),
    html.dark .cd-tab-scroll .cd-tab-bar .dropdown-menu .menu-trigger.cd-tab:hover:not(.is-active),
    body.dark .cd-tab-scroll .cd-tab-bar > .cd-tab:hover:not(.is-active),
    body.dark .cd-tab-scroll .cd-tab-bar .dropdown-menu .menu-trigger.cd-tab:hover:not(.is-active) {
        background: transparent;
        color: var(--cd-muted);
    }
}

/* Báo cáo ra lò — ?page=qualityreport */
body.dark .qr-page {
    --qr-primary: #8ab4f8;
    --qr-primary-soft: #1e3a5f;
    --qr-border: #3c4043;
    --qr-border-strong: #5f6368;
    --qr-bg: #292a2d;
    --qr-surface: #303134;
    --qr-text: #e8eaed;
    --qr-muted: #9aa0a6;
    --qr-success: #81c995;
    --qr-success-bg: #1e3d32;
    --qr-warning: #fdd663;
    --qr-warning-bg: #3d3520;
    --qr-danger: #f28b82;
    --qr-danger-bg: #3d2624;
    --qr-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), 0 4px 12px rgba(0, 0, 0, 0.2);
    --qr-day-body-bg: #252830;
    --qr-table-head-bg: #35363a;
    --qr-row-hover: #1e3a5f;
    --qr-row-flash: #3d3520;
    --qr-metrics-strip-bg: linear-gradient(180deg, #2d3136 0%, #303134 100%);
    --qr-metrics-strip-inset: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    --qr-link: #8ab4f8;
    --qr-card-open-bg: #23262c;
    --qr-card-open-header-bg: #1a2f45;
}

body.dark .qr-page .qr-summary-head {
    background: linear-gradient(180deg, var(--qr-primary-soft) 0%, var(--qr-surface) 100%);
}

body.dark .qr-day-card.is-open {
    background: var(--qr-card-open-bg);
}

body.dark .qr-day-card.is-open .qr-day-header {
    background: var(--qr-card-open-header-bg);
}

body.dark .qr-day-card.is-open .qr-day-body {
    background: var(--qr-day-body-bg);
}

body.dark .qr-table--detail .qr-col-sticky,
body.dark .qr-table--year .qr-col-sticky {
    box-shadow: 4px 0 10px -4px rgba(0, 0, 0, 0.45);
}

body.dark .qr-table--year tbody .qr-col-sticky {
    background: var(--qr-surface);
}

body.dark .qr-page .qr-table--detail thead th.qr-col-sticky,
body.dark .qr-page .qr-table--year thead th.qr-col-sticky {
    background: var(--qr-table-head-bg);
    color: var(--qr-muted);
    border-color: var(--qr-border);
}

body.dark .qr-month-link {
    color: var(--qr-primary);
}

body.dark .qr-month-link:hover {
    color: #aecbfa;
}

body.dark .qr-empty {
    border-color: var(--qr-border-strong);
}

/* Chấm công cá nhân — bảng danh sách ngày (.amw-day-block) */
body.dark .amw-day-block {
    --amw-primary: #8ab4f8;
    --amw-primary-soft: #1e3a5f;
    --amw-border: #3c4043;
    --amw-border-strong: #5f6368;
    --amw-bg: #292a2d;
    --amw-surface: #303134;
    --amw-text: #e8eaed;
    --amw-muted: #9aa0a6;
    --amw-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), 0 4px 12px rgba(0, 0, 0, 0.2);
    --amw-table-head-bg: #35363a;
    --amw-grid-head-bg: #1e3a5f;
    --amw-row-hover: #1e3a5f;
    --amw-day-body-bg: #252830;
    --amw-metrics-strip-bg: linear-gradient(180deg, #2d3136 0%, #303134 100%);
    --amw-metrics-strip-inset: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    --amw-link: #8ab4f8;
    --amw-flag-bg: #3d2624;
    --amw-flag-border: #f28b82;
    --amw-weekend-bg: #2d3136;
    --amw-leave-panel-bg: #35363a;
    --amw-wage-bg: #1e3a5f;
}

/* Chi tiết định lượng (bom_manage view=type) */
body.dark .bom-type-price-form {
    background: #1e2a38;
}

body.dark .bom-type-price-scroll-hint {
    background: #252d3a;
    border-color: #3a4556;
    color: #94a3b8;
}

/* Piecework — giải trình hiệu suất NV */
body.dark .piecework-norm-eff-detail-btn,
html.dark .piecework-norm-eff-detail-btn {
    background: rgba(56, 189, 248, 0.12);
    color: #7dd3fc;
}

body.dark .piecework-norm-eff-detail-btn:hover,
body.dark .piecework-norm-eff-detail-btn:focus-visible,
html.dark .piecework-norm-eff-detail-btn:hover,
html.dark .piecework-norm-eff-detail-btn:focus-visible {
    background: rgba(56, 189, 248, 0.22);
    color: #bae6fd;
}

body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__close,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__close {
    background: rgba(255, 255, 255, 0.08);
    color: #e5e7eb;
}

body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__close:hover,
body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__close:focus-visible,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__close:hover,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__close:focus-visible {
    background: rgba(255, 255, 255, 0.14);
}

body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__chip,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__chip {
    background: #1e293b;
    border-color: rgba(56, 189, 248, 0.22);
    color: #cbd5e1;
}

body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__formula,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__formula {
    color: #94a3b8;
}

body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__table-panel,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__table-panel {
    border-color: #374151;
}

body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__table-scroll,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__table-scroll {
    border-top-color: #374151;
    border-bottom-color: #374151;
}

body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__table th,
body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__table td,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__table th,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__table td {
    border-bottom-color: #374151;
    color: #e5e7eb;
}

body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__table-head .piecework-norm-eff-modal__table thead th,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__table-head .piecework-norm-eff-modal__table thead th {
    background: #111827;
    color: #e5e7eb;
}

body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__table-foot .piecework-norm-eff-modal__table tfoot td,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__table-foot .piecework-norm-eff-modal__table tfoot td {
    background: #1f2937;
}

body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__table-label,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__table-label {
    color: #9aa0a6;
}

body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__pay-col,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__pay-col {
    background: #1f2937;
    border-color: #374151;
}

body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__pay-title,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__pay-title {
    color: #9ca3af;
}

body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__pay-value--theo,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__pay-value--theo {
    color: #f87171;
}

body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__pay-value--piece,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__pay-value--piece {
    color: #8ab4f8;
}

body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__pay-sub,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__pay-sub {
    color: #80868b;
}

body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__summary,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__summary {
    background: linear-gradient(135deg, #1e293b 0%, #111827 100%);
    border-color: rgba(56, 189, 248, 0.24);
}

body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__summary-row--result,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__summary-row--result {
    border-top-color: rgba(56, 189, 248, 0.28);
}

body.dark #pwNormEffExplainModal .piecework-norm-eff-modal__note,
html.dark #pwNormEffExplainModal .piecework-norm-eff-modal__note {
    color: #9ca3af;
}

/* Greenware production dashboard - period toolbar (tone đen, khớp dark hệ thống) */
body.dark .greenware-production-page .gwp-toolbar,
html.dark .greenware-production-page .gwp-toolbar {
    background: #2d2e30;
    border-color: #3c4043;
}

body.dark .greenware-production-page .gwp-toolbar__label,
html.dark .greenware-production-page .gwp-toolbar__label {
    color: #9aa0a6;
}

body.dark .greenware-production-page .gwp-period-tab,
html.dark .greenware-production-page .gwp-period-tab {
    background: transparent;
    border-color: transparent;
    color: #9aa0a6;
}

body.dark .greenware-production-page .gwp-period-tab:hover,
html.dark .greenware-production-page .gwp-period-tab:hover {
    background: #3c4043;
    border-color: #5f6368;
    color: #e8eaed;
}

body.dark .greenware-production-page .gwp-period-tab.is-active,
html.dark .greenware-production-page .gwp-period-tab.is-active {
    background: #3c4043;
    border-color: #5f6368;
    color: #e8eaed;
    box-shadow: none;
}

body.dark .greenware-production-page .gwp-detail-link,
html.dark .greenware-production-page .gwp-detail-link,
body.dark .greenware-production-page .gwp-action-link,
html.dark .greenware-production-page .gwp-action-link {
    background: #202124;
    border-color: #3c4043;
    color: #e8eaed;
}

body.dark .greenware-production-page .gwp-detail-link:hover,
html.dark .greenware-production-page .gwp-detail-link:hover,
body.dark .greenware-production-page .gwp-action-link:hover,
html.dark .greenware-production-page .gwp-action-link:hover {
    background: #3c4043;
    border-color: #5f6368;
    color: #e8eaed;
}

body.dark .greenware-production-page .gwp-period-mobile__label,
html.dark .greenware-production-page .gwp-period-mobile__label {
    color: #9aa0a6;
}

body.dark .greenware-production-page .gwp-period-mobile-menu__trigger,
html.dark .greenware-production-page .gwp-period-mobile-menu__trigger {
    background: #2d2e30;
    border-color: #3c4043;
    color: #e8eaed;
}

body.dark .greenware-production-page .gwp-period-mobile-menu[open] .gwp-period-mobile-menu__trigger,
html.dark .greenware-production-page .gwp-period-mobile-menu[open] .gwp-period-mobile-menu__trigger {
    border-color: #5f6368;
    box-shadow: 0 0 0 2px rgba(95, 99, 104, 0.35);
}

body.dark .greenware-production-page .gwp-period-mobile-menu__list,
html.dark .greenware-production-page .gwp-period-mobile-menu__list {
    background: #2d2e30;
    border-color: #3c4043;
}

body.dark .greenware-production-page .gwp-period-mobile-menu__item,
html.dark .greenware-production-page .gwp-period-mobile-menu__item {
    color: #e8eaed;
    border-top-color: #3c4043;
}

body.dark .greenware-production-page .gwp-period-mobile-menu__item:hover,
html.dark .greenware-production-page .gwp-period-mobile-menu__item:hover {
    background: #3c4043;
    color: #e8eaed;
}

body.dark .greenware-production-page .gwp-period-mobile-menu__item.is-active,
html.dark .greenware-production-page .gwp-period-mobile-menu__item.is-active {
    background: #3c4043;
    color: #e8eaed;
}

body.dark .greenware-production-page .gwp-apply-btn.button.blue,
html.dark .greenware-production-page .gwp-apply-btn.button.blue {
    background: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
}

body.dark .greenware-production-page .gwp-apply-btn.button.blue:hover,
html.dark .greenware-production-page .gwp-apply-btn.button.blue:hover {
    background: #1d4ed8;
    border-color: #1d4ed8;
}

body.dark .greenware-production-page .gwp-hbar-row__track,
html.dark .greenware-production-page .gwp-hbar-row__track {
    background: #374151;
}

body.dark .greenware-production-page .gwp-hbar-row__stage-name,
html.dark .greenware-production-page .gwp-hbar-row__stage-name {
    color: #e5e7eb;
}

body.dark .greenware-production-page .gwp-hbar-row__rank,
html.dark .greenware-production-page .gwp-hbar-row__rank {
    color: #6b7280;
}

body.dark .greenware-production-page .gwp-back-link:hover,
html.dark .greenware-production-page .gwp-back-link:hover {
    background: #374151;
    color: #93c5fd !important;
}

body.dark .greenware-production-page .gwp-hbar-worker__dept,
html.dark .greenware-production-page .gwp-hbar-worker__dept {
    color: #9ca3af;
}

/* —— Kilnload (page=kilnload) — đồng bộ nền xám #202124 như toàn hệ thống —— */
body.dark .kilnload-page .kl-sheet,
html.dark .kilnload-page .kl-sheet {
    background: #202124 !important;
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-toolbar,
html.dark .kilnload-page .kl-toolbar {
    background: #2b2f36;
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-toolbar__form select,
body.dark .kilnload-page .kl-toolbar__form .input,
html.dark .kilnload-page .kl-toolbar__form select,
html.dark .kilnload-page .kl-toolbar__form .input {
    background: #202124;
    border-color: #5f6368;
    color: #e8eaed;
}

body.dark .kilnload-page .kl-chip,
html.dark .kilnload-page .kl-chip {
    background: #2b2f36;
    border-color: #3c4043;
    color: rgba(232, 234, 237, 0.82);
}

body.dark .kilnload-page .kl-chip:hover,
html.dark .kilnload-page .kl-chip:hover {
    background: #353941;
    border-color: #5f6368;
    color: #e8eaed;
}

body.dark .kilnload-page .kl-chip.active,
body.dark .kilnload-page .kl-view-products-bar__filters .kl-chip.active,
html.dark .kilnload-page .kl-chip.active,
html.dark .kilnload-page .kl-view-products-bar__filters .kl-chip.active {
    border-color: #5c9fd6;
    background: rgba(92, 159, 214, 0.16);
    color: #93c5fd;
}

body.dark .kilnload-page .kl-kpi,
html.dark .kilnload-page .kl-kpi {
    background: #2b2f36;
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-kpi__label,
html.dark .kilnload-page .kl-kpi__label {
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-kpi__value,
html.dark .kilnload-page .kl-kpi__value {
    color: #e8eaed;
}

body.dark .kilnload-page .kl-plan-stats-panel--pick .gw-producer-stats-panel__title,
html.dark .kilnload-page .kl-plan-stats-panel--pick .gw-producer-stats-panel__title {
    color: #ffb74d;
}

body.dark .kilnload-page .kl-plan-stats-panel--pick .gw-producer-stats-panel__icon,
html.dark .kilnload-page .kl-plan-stats-panel--pick .gw-producer-stats-panel__icon {
    background: rgba(255, 183, 77, 0.15);
    color: #ffb74d;
}

body.dark .kilnload-page .kl-plan-stats-panel--pick .gw-producer-stats-kpi__value,
html.dark .kilnload-page .kl-plan-stats-panel--pick .gw-producer-stats-kpi__value {
    color: #ffb74d;
}

body.dark .kilnload-page .kl-load-card,
html.dark .kilnload-page .kl-load-card {
    background: #202124;
    border-color: #3c4043;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

body.dark .kilnload-page .kl-load-card:hover,
html.dark .kilnload-page .kl-load-card:hover {
    border-color: #5f6368;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

body.dark .kilnload-page .kl-load-card--past,
html.dark .kilnload-page .kl-load-card--past {
    background: #26241a;
    border-color: #4a4230;
}

body.dark .kilnload-page .kl-load-card__head,
html.dark .kilnload-page .kl-load-card__head {
    background: #2b2f36;
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-load-card__title,
html.dark .kilnload-page .kl-load-card__title {
    color: #e8eaed;
}

body.dark .kilnload-page .kl-load-card__meta,
body.dark .kilnload-page .kl-load-card__op,
html.dark .kilnload-page .kl-load-card__meta,
html.dark .kilnload-page .kl-load-card__op {
    color: rgba(232, 234, 237, 0.75);
}

body.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="1"],
html.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="1"] {
    background: rgba(92, 159, 214, 0.2);
    color: #90caf9;
}

body.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="2"],
html.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="2"] {
    background: rgba(255, 183, 77, 0.18);
    color: #ffb74d;
}

body.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="3"],
html.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="3"] {
    background: rgba(129, 199, 132, 0.18);
    color: #a5d6a7;
}

body.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="4"],
html.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="4"] {
    background: rgba(239, 154, 154, 0.18);
    color: #ef9a9a;
}

body.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="5"],
html.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="5"] {
    background: rgba(186, 104, 200, 0.18);
    color: #ce93d8;
}

body.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="6"],
html.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="6"] {
    background: rgba(161, 136, 127, 0.2);
    color: #bcaaa4;
}

body.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="7"],
html.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="7"] {
    background: rgba(244, 143, 177, 0.18);
    color: #f48fb1;
}

body.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="8"],
html.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="8"] {
    background: rgba(189, 189, 189, 0.16);
    color: #bdbdbd;
}

body.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="9"],
html.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="9"] {
    background: rgba(220, 231, 117, 0.16);
    color: #dce775;
}

body.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="10"],
html.dark .kilnload-page .kl-load-card__kiln-badge[data-kiln="10"] {
    background: rgba(77, 182, 172, 0.18);
    color: #80cbc4;
}

body.dark .kilnload-page .kl-load-card--type-so_nung .kl-load-card__type,
html.dark .kilnload-page .kl-load-card--type-so_nung .kl-load-card__type {
    background: rgba(230, 81, 0, 0.2);
    color: #ffb74d;
}

body.dark .kilnload-page .kl-load-card--type-nung_chin .kl-load-card__type,
html.dark .kilnload-page .kl-load-card--type-nung_chin .kl-load-card__type {
    background: rgba(198, 40, 40, 0.2);
    color: #ef9a9a;
}

body.dark .kilnload-page .kl-load-card__qty,
html.dark .kilnload-page .kl-load-card__qty {
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-load-card__qty-num,
html.dark .kilnload-page .kl-load-card__qty-num {
    color: #e8eaed;
}

body.dark .kilnload-page .kl-load-card__qty-label,
html.dark .kilnload-page .kl-load-card__qty-label {
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-plan-order__title,
html.dark .kilnload-page .kl-plan-order__title {
    color: #e8eaed;
}

body.dark .kilnload-page .kl-plan-order__customer,
html.dark .kilnload-page .kl-plan-order__customer {
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-plan-order__totals,
html.dark .kilnload-page .kl-plan-order__totals {
    color: #bdc1c6;
}

body.dark .kilnload-page .kl-plan-order .gw-entry-month-title,
html.dark .kilnload-page .kl-plan-order .gw-entry-month-title {
    color: #e8eaed;
}

body.dark .kilnload-page .kl-plan-order .kl-plan-products-table thead th,
html.dark .kilnload-page .kl-plan-order .kl-plan-products-table thead th {
    background: #202124;
    border-bottom-color: #3c4043;
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-plan-order .kl-plan-products-table th,
body.dark .kilnload-page .kl-plan-order .kl-plan-products-table td,
html.dark .kilnload-page .kl-plan-order .kl-plan-products-table th,
html.dark .kilnload-page .kl-plan-order .kl-plan-products-table td {
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-plan-order .kl-plan-products-table tbody td,
html.dark .kilnload-page .kl-plan-order .kl-plan-products-table tbody td {
    border-bottom-color: #3c4043;
}

body.dark .kilnload-page .kl-plan-order__title-sep,
html.dark .kilnload-page .kl-plan-order__title-sep {
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-plan-order .gw-entry-month-body > .scroll-hint,
html.dark .kilnload-page .kl-plan-order .gw-entry-month-body > .scroll-hint {
    background: #2d2e30;
    border-bottom-color: #3c4043;
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-plan-badge--muted,
html.dark .kilnload-page .kl-plan-badge--muted {
    background: rgba(120, 144, 156, 0.2);
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-plan-badge--ok,
html.dark .kilnload-page .kl-plan-badge--ok {
    background: rgba(46, 125, 50, 0.2);
    color: #81c784;
}

body.dark .kilnload-page .kl-plan-badge--warn,
html.dark .kilnload-page .kl-plan-badge--warn {
    background: rgba(230, 81, 0, 0.2);
    color: #ffb74d;
}

body.dark .kilnload-page .kl-plan-badge--danger,
html.dark .kilnload-page .kl-plan-badge--danger {
    background: rgba(198, 40, 40, 0.2);
    color: #ef9a9a;
}

body.dark .kilnload-page .kl-plan-check-all,
html.dark .kilnload-page .kl-plan-check-all {
    color: inherit;
}

body.dark .kilnload-page .kl-plan-product__code a,
html.dark .kilnload-page .kl-plan-product__code a {
    color: #8ab4f8;
}

body.dark .kilnload-page .kl-plan-product__desc,
html.dark .kilnload-page .kl-plan-product__desc {
    color: #e8eaed;
}

body.dark .kilnload-page .kl-plan-product__finish,
html.dark .kilnload-page .kl-plan-product__finish {
    color: #9aa0a6;
}

body.dark .kilnload-page td.kl-plan-product__size,
html.dark .kilnload-page td.kl-plan-product__size {
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-plan-table__ready,
html.dark .kilnload-page .kl-plan-table__ready {
    color: #90caf9;
}

body.dark .kilnload-page .kl-plan-table__vol,
html.dark .kilnload-page .kl-plan-table__vol {
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-view-hero,
body.dark .kilnload-page .kl-view-products-bar,
body.dark .kilnload-page .kl-view-panel,
html.dark .kilnload-page .kl-view-hero,
html.dark .kilnload-page .kl-view-products-bar,
html.dark .kilnload-page .kl-view-panel {
    background: #202124;
    border-color: #3c4043;
    color: #e8eaed;
}

body.dark .kilnload-page .kl-view-hero__identity,
body.dark .kilnload-page .kl-view-actions,
body.dark .kilnload-page .kl-view-footer-cta,
html.dark .kilnload-page .kl-view-hero__identity,
html.dark .kilnload-page .kl-view-actions,
html.dark .kilnload-page .kl-view-footer-cta {
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-view-hero__title,
body.dark .kilnload-page .kl-view-panel__title,
body.dark .kilnload-page .kl-view-products-bar__summary,
html.dark .kilnload-page .kl-view-hero__title,
html.dark .kilnload-page .kl-view-panel__title,
html.dark .kilnload-page .kl-view-products-bar__summary {
    color: #e8eaed;
}

body.dark .kilnload-page .kl-view-products-bar__qty,
html.dark .kilnload-page .kl-view-products-bar__qty {
    color: rgba(232, 234, 237, 0.78);
}

body.dark .kilnload-page .kl-view-hero__date,
html.dark .kilnload-page .kl-view-hero__date {
    color: rgba(232, 234, 237, 0.75);
}

body.dark .kilnload-page .kl-view-meta__item,
html.dark .kilnload-page .kl-view-meta__item {
    background: #2b2f36;
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-view-meta__label,
html.dark .kilnload-page .kl-view-meta__label {
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-view-meta__value,
html.dark .kilnload-page .kl-view-meta__value {
    color: rgba(232, 234, 237, 0.9);
}

body.dark .kilnload-page .kl-view-meta__hint,
body.dark .kilnload-page .kl-view-meta__sep,
html.dark .kilnload-page .kl-view-meta__hint,
html.dark .kilnload-page .kl-view-meta__sep {
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-view-type-badge,
html.dark .kilnload-page .kl-view-type-badge {
    background: #3c4043;
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-view-hero--type-so_nung .kl-view-type-badge,
html.dark .kilnload-page .kl-view-hero--type-so_nung .kl-view-type-badge {
    background: rgba(230, 81, 0, 0.2);
    color: #ffb74d;
}

body.dark .kilnload-page .kl-view-hero--type-nung_chin .kl-view-type-badge,
html.dark .kilnload-page .kl-view-hero--type-nung_chin .kl-view-type-badge {
    background: rgba(198, 40, 40, 0.2);
    color: #ef9a9a;
}

body.dark .kilnload-page .kl-view,
html.dark .kilnload-page .kl-view {
    --kl-product-card-border: #3c4043;
    --kl-product-card-shadow: none;
}

body.dark .kilnload-page .kl-view #productList .product-card,
html.dark .kilnload-page .kl-view #productList .product-card,
body.dark .kilnload-page .kl-view #productList .product-grid.large > .product-card,
html.dark .kilnload-page .kl-view #productList .product-grid.large > .product-card {
    background: #202124;
    border-color: var(--kl-product-card-border);
}

body.dark .kilnload-page .kl-view #productList .product-card:hover,
html.dark .kilnload-page .kl-view #productList .product-card:hover,
body.dark .kilnload-page .kl-view #productList .product-grid.large > .product-card:hover,
html.dark .kilnload-page .kl-view #productList .product-grid.large > .product-card:hover {
    border-color: #5f6368;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

body.dark .kilnload-page .kl-view #productList .product-card .border-bottom,
html.dark .kilnload-page .kl-view #productList .product-card .border-bottom {
    border-bottom-color: #3c4043;
}

body.dark .kilnload-page .kl-form-pane__title,
body.dark .kilnload-page .kl-profile-section__title,
body.dark .kilnload-page .kl-profile-chart__title,
html.dark .kilnload-page .kl-form-pane__title,
html.dark .kilnload-page .kl-profile-section__title,
html.dark .kilnload-page .kl-profile-chart__title {
    color: #e8eaed;
}

body.dark .kilnload-page .kl-form-card,
html.dark .kilnload-page .kl-form-card {
    background: #202124;
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-form-field label,
body.dark .kilnload-page .kl-form-hint,
html.dark .kilnload-page .kl-form-field label,
html.dark .kilnload-page .kl-form-hint {
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-form-divider,
html.dark .kilnload-page .kl-form-divider {
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-form-type__btn,
html.dark .kilnload-page .kl-form-type__btn {
    background: #2b2f36;
    border-color: #3c4043;
    color: #e8eaed;
}

body.dark .kilnload-page .kl-form-type__opt input:checked + .kl-form-type__btn--nung-chin,
html.dark .kilnload-page .kl-form-type__opt input:checked + .kl-form-type__btn--nung-chin {
    border-color: #5c9fd6;
    background: rgba(92, 159, 214, 0.14);
    color: #8ab4f8;
}

body.dark .kilnload-page .kl-form-type__opt input:checked + .kl-form-type__btn--so-nung,
html.dark .kilnload-page .kl-form-type__opt input:checked + .kl-form-type__btn--so-nung {
    border-color: #ff9800;
    background: rgba(230, 81, 0, 0.14);
    color: #ffb74d;
}

body.dark .kilnload-page .kl-form-workers__chips,
html.dark .kilnload-page .kl-form-workers__chips {
    background: #2b2f36;
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-form-workers__chips:empty::before,
html.dark .kilnload-page .kl-form-workers__chips:empty::before {
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-an__card,
html.dark .kilnload-page .kl-an__card {
    background: #202124;
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-an__aside,
html.dark .kilnload-page .kl-an__aside {
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-an__section,
html.dark .kilnload-page .kl-an__section {
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-an__section-title,
html.dark .kilnload-page .kl-an__section-title {
    color: #e8eaed;
}

body.dark .kilnload-page .kl-an__label,
html.dark .kilnload-page .kl-an__label {
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-an__hint,
html.dark .kilnload-page .kl-an__hint {
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-an__counter,
html.dark .kilnload-page .kl-an__counter {
    background: rgba(92, 159, 214, 0.18);
    color: #8ab4f8;
}

body.dark .kilnload-page .kl-an__counter[data-count="0"],
html.dark .kilnload-page .kl-an__counter[data-count="0"] {
    background: #3c4043;
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-an__empty,
html.dark .kilnload-page .kl-an__empty {
    background: #2b2f36;
    border-color: #3c4043;
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-an__chip,
body.dark .kilnload-page .kl-an__worker-card,
html.dark .kilnload-page .kl-an__chip,
html.dark .kilnload-page .kl-an__worker-card {
    background: #2b2f36;
    border-color: #3c4043;
    color: #e8eaed;
}

body.dark .kilnload-page .kl-an__worker-photo,
html.dark .kilnload-page .kl-an__worker-photo {
    border-color: #3c4043;
    background: #202124;
}

body.dark .kilnload-page .kl-an__worker-name,
html.dark .kilnload-page .kl-an__worker-name {
    color: #e8eaed;
}

body.dark .kilnload-page .kl-an__pick-input:checked + .kl-an__chip--chin,
html.dark .kilnload-page .kl-an__pick-input:checked + .kl-an__chip--chin {
    border-color: #5c9fd6;
    background: rgba(92, 159, 214, 0.14);
    color: #8ab4f8;
    box-shadow: none;
}

body.dark .kilnload-page .kl-an__pick-input:checked + .kl-an__chip--so,
html.dark .kilnload-page .kl-an__pick-input:checked + .kl-an__chip--so {
    border-color: #ff9800;
    background: rgba(230, 81, 0, 0.14);
    color: #ffb74d;
    box-shadow: none;
}

body.dark .kilnload-page .kl-an__pick-input:checked + .kl-an__chip--kiln,
html.dark .kilnload-page .kl-an__pick-input:checked + .kl-an__chip--kiln {
    border-color: #5c9fd6;
    background: rgba(92, 159, 214, 0.14);
    color: #8ab4f8;
    box-shadow: none;
}

body.dark .kilnload-page .kl-an__pick-input:checked + .kl-an__worker-card,
html.dark .kilnload-page .kl-an__pick-input:checked + .kl-an__worker-card {
    border-color: #5c9fd6;
    background: rgba(92, 159, 214, 0.14);
    box-shadow: none;
}

body.dark .kilnload-page .kl-an__pick-input:checked + .kl-an__worker-card .kl-an__worker-photo,
html.dark .kilnload-page .kl-an__pick-input:checked + .kl-an__worker-card .kl-an__worker-photo {
    border-color: #5c9fd6;
}

body.dark .kilnload-page .kl-an__pick-input:checked + .kl-an__worker-card .kl-an__worker-name,
html.dark .kilnload-page .kl-an__pick-input:checked + .kl-an__worker-card .kl-an__worker-name {
    color: #8ab4f8;
}

body.dark .kilnload-page .kl-an__worker-check,
html.dark .kilnload-page .kl-an__worker-check {
    background: #5c9fd6;
    border-color: #2b2f36;
}

body.dark .kilnload-page .kl-slips-topbar,
html.dark .kilnload-page .kl-slips-topbar {
    background: #2b2f36;
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-slips-stat,
html.dark .kilnload-page .kl-slips-stat {
    background: #202124;
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-slips-stat__value,
html.dark .kilnload-page .kl-slips-stat__value {
    color: #e8eaed;
}

body.dark .kilnload-page .kl-slips-stat--ok,
html.dark .kilnload-page .kl-slips-stat--ok {
    background: rgba(46, 125, 50, 0.12);
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-slips-stat--ok .kl-slips-stat__value,
html.dark .kilnload-page .kl-slips-stat--ok .kl-slips-stat__value {
    color: #81c784;
}

body.dark .kilnload-page .kl-slips-stat--warn,
html.dark .kilnload-page .kl-slips-stat--warn {
    background: rgba(230, 81, 0, 0.12);
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-slips-stat--warn .kl-slips-stat__value,
html.dark .kilnload-page .kl-slips-stat--warn .kl-slips-stat__value {
    color: #ffb74d;
}

body.dark .kilnload-page .kl-slip-board,
html.dark .kilnload-page .kl-slip-board {
    background: #202124;
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-slip-row,
html.dark .kilnload-page .kl-slip-row {
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-slip-row--head,
html.dark .kilnload-page .kl-slip-row--head {
    background: #2b2f36;
    color: #9aa0a6;
}

body.dark .kilnload-page a.kl-slip-row:hover,
html.dark .kilnload-page a.kl-slip-row:hover {
    background: rgba(92, 159, 214, 0.1);
}

body.dark .kilnload-page .kl-slip-row__col,
html.dark .kilnload-page .kl-slip-row__col {
    color: #e8eaed;
}

body.dark .kilnload-page .kl-slip-row__col--date .kl-slip-row__date,
html.dark .kilnload-page .kl-slip-row__col--date .kl-slip-row__date {
    color: #8ab4f8;
}

body.dark .kilnload-page .kl-slip-row__badge--ok,
html.dark .kilnload-page .kl-slip-row__badge--ok {
    background: rgba(46, 125, 50, 0.22);
    color: #81c784;
}

body.dark .kilnload-page .kl-slip-row__badge--pending,
html.dark .kilnload-page .kl-slip-row__badge--pending {
    background: rgba(230, 81, 0, 0.2);
    color: #ffb74d;
}

body.dark .kilnload-page .kl-profile-bao-card,
html.dark .kilnload-page .kl-profile-bao-card {
    background: #202124;
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-profile-bao-card__kiln,
html.dark .kilnload-page .kl-profile-bao-card__kiln {
    background: rgba(92, 159, 214, 0.14);
    color: #8ab4f8;
}

body.dark .kilnload-page .kl-profile-bao-card__meta,
html.dark .kilnload-page .kl-profile-bao-card__meta {
    border-left-color: #3c4043;
}

body.dark .kilnload-page .kl-profile-bao-card__stat + .kl-profile-bao-card__stat,
html.dark .kilnload-page .kl-profile-bao-card__stat + .kl-profile-bao-card__stat {
    border-left-color: #3c4043;
}

body.dark .kilnload-page .kl-profile-bao-card__main-value,
body.dark .kilnload-page .kl-profile-bao-card__stat-value,
html.dark .kilnload-page .kl-profile-bao-card__main-value,
html.dark .kilnload-page .kl-profile-bao-card__stat-value {
    color: #e8eaed;
}

body.dark .kilnload-page .kl-profile-chart,
html.dark .kilnload-page .kl-profile-chart {
    background: #2b2f36;
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-profile__chart-block,
html.dark .kilnload-page .kl-profile__chart-block {
    background: #2b2f36;
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-load-search-summary,
html.dark .kilnload-page .kl-load-search-summary {
    background: rgba(92, 159, 214, 0.14);
    border-color: #3c4043;
    color: #8ab4f8;
}

body.dark .kilnload-page .kl-empty,
html.dark .kilnload-page .kl-empty {
    color: #9aa0a6;
}

body.dark .kilnload-page .bao-on-card,
html.dark .kilnload-page .bao-on-card {
    background: #202124;
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-settings-item,
html.dark .kilnload-page .kl-settings-item {
    background: #2b2f36;
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-settings-item--inactive,
html.dark .kilnload-page .kl-settings-item--inactive {
    background: #25282d;
}

body.dark .kilnload-page .kl-settings-item__actions,
html.dark .kilnload-page .kl-settings-item__actions {
    border-top-color: #3c4043;
}

body.dark .kilnload-page .kl-settings-item__type--action,
html.dark .kilnload-page .kl-settings-item__type--action {
    background: rgba(121, 134, 203, 0.18);
    color: #9fa8da;
}

body.dark .kilnload-page .kl-settings-item__type--door,
html.dark .kilnload-page .kl-settings-item__type--door {
    background: rgba(92, 159, 214, 0.14);
    color: #8ab4f8;
}

body.dark .kilnload-page .kl-settings-item__type--pipe,
html.dark .kilnload-page .kl-settings-item__type--pipe {
    background: rgba(230, 81, 0, 0.16);
    color: #ffb74d;
}

body.dark .kilnload-page .kl-settings-item__type--piece,
html.dark .kilnload-page .kl-settings-item__type--piece {
    background: rgba(46, 125, 50, 0.16);
    color: #81c784;
}

body.dark .kilnload-page .kl-settings-item__title,
html.dark .kilnload-page .kl-settings-item__title {
    color: #e8eaed;
}

body.dark .kilnload-page .kl-settings-item__desc,
html.dark .kilnload-page .kl-settings-item__desc {
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-settings-item__badge--off,
html.dark .kilnload-page .kl-settings-item__badge--off {
    background: #3c4043;
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-settings-add-panel,
html.dark .kilnload-page .kl-settings-add-panel {
    background: #2b2f36;
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-settings-dept-picker,
html.dark .kilnload-page .kl-settings-dept-picker {
    background: #2b2f36;
    border-color: #3c4043;
}

body.dark .kilnload-page .kl-settings-dept-opt,
html.dark .kilnload-page .kl-settings-dept-opt {
    color: #e8eaed;
}

body.dark .kilnload-page .kl-op-field--warn .input,
html.dark .kilnload-page .kl-op-field--warn .input {
    border-color: #ff9800;
    background: rgba(230, 81, 0, 0.12);
}

body.dark .kilnload-page .kl-op-warn,
html.dark .kilnload-page .kl-op-warn {
    background: rgba(230, 81, 0, 0.14);
    border-color: rgba(255, 183, 77, 0.35);
    color: #ffb74d;
}

body.dark .kilnload-page .kl-view-panel__toggle,
html.dark .kilnload-page .kl-view-panel__toggle {
    background: #2b2f36;
    border-color: #3c4043;
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-view-panel__toggle:hover,
html.dark .kilnload-page .kl-view-panel__toggle:hover {
    background: #35363a;
    color: #e8eaed;
}

body.dark .kilnload-page .kl-load-warn,
html.dark .kilnload-page .kl-load-warn {
    background: rgba(230, 81, 0, 0.12);
    border-color: rgba(255, 183, 77, 0.35);
}

body.dark .kilnload-page .kl-load-warn__head,
body.dark .kilnload-page .kl-load-warn__text strong,
html.dark .kilnload-page .kl-load-warn__head,
html.dark .kilnload-page .kl-load-warn__text strong {
    color: #ffb74d;
}

body.dark .kilnload-page .kl-load-warn__text,
html.dark .kilnload-page .kl-load-warn__text {
    color: #ffcc80;
}

body.dark .kilnload-page .kl-load-warn__badge,
html.dark .kilnload-page .kl-load-warn__badge {
    background: #2b2f36;
    border-color: rgba(255, 183, 77, 0.45);
    color: #ffb74d;
}

body.dark .kilnload-page .kl-load-warn__badge:hover,
html.dark .kilnload-page .kl-load-warn__badge:hover {
    background: rgba(255, 183, 77, 0.16);
    color: #ffe0b2;
}

body.dark .kilnload-page .kl-op-log,
html.dark .kilnload-page .kl-op-log {
    background: #171717;
}

body.dark .kilnload-page .kl-op-entry,
html.dark .kilnload-page .kl-op-entry {
    background: #202124;
    border-color: #3c4043;
    border-top-color: #5c9fd6;
    box-shadow: none;
}

body.dark .kilnload-page .kl-op-entry--alt,
html.dark .kilnload-page .kl-op-entry--alt {
    border-top-color: #4db6ac;
}

body.dark .kilnload-page .kl-op-entry__head,
html.dark .kilnload-page .kl-op-entry__head {
    background: rgba(92, 159, 214, 0.14);
    border-bottom-color: #3c4043;
}

body.dark .kilnload-page .kl-op-entry--alt .kl-op-entry__head,
html.dark .kilnload-page .kl-op-entry--alt .kl-op-entry__head {
    background: rgba(77, 182, 172, 0.12);
}

body.dark .kilnload-page .kl-op-form__block,
html.dark .kilnload-page .kl-op-form__block {
    border-bottom-color: #3c4043;
}

body.dark .kilnload-page .kl-op-entry__action,
html.dark .kilnload-page .kl-op-entry__action {
    color: #8ab4f8;
}

body.dark .kilnload-page .kl-op-entry--alt .kl-op-entry__action,
html.dark .kilnload-page .kl-op-entry--alt .kl-op-entry__action {
    color: #80cbc4;
}

body.dark .kilnload-page .kl-op-entry__num,
html.dark .kilnload-page .kl-op-entry__num {
    background: #5c9fd6;
    box-shadow: none;
}

body.dark .kilnload-page .kl-op-entry--alt .kl-op-entry__num,
html.dark .kilnload-page .kl-op-entry--alt .kl-op-entry__num {
    background: #4db6ac;
}

body.dark .kilnload-page .kl-op-fact--temp dd,
html.dark .kilnload-page .kl-op-fact--temp dd {
    color: #ef9a9a;
}

body.dark .kilnload-page .kl-op-fact--gas dd,
body.dark .kilnload-page .kl-op-fact--worker dd,
html.dark .kilnload-page .kl-op-fact--gas dd,
html.dark .kilnload-page .kl-op-fact--worker dd {
    color: #8ab4f8;
}

body.dark .kilnload-page .kl-op-fact dd,
html.dark .kilnload-page .kl-op-fact dd {
    color: #e8eaed;
}

body.dark .kilnload-page .kl-op-entry__edit,
html.dark .kilnload-page .kl-op-entry__edit {
    background: rgba(92, 159, 214, 0.18);
    border-color: rgba(92, 159, 214, 0.35);
    color: #8ab4f8;
}

body.dark .kilnload-page .kl-op-edit-modal__head h3,
html.dark .kilnload-page .kl-op-edit-modal__head h3 {
    color: #8ab4f8;
}

body.dark .kilnload-page .kl-op-edit-modal__subtitle,
html.dark .kilnload-page .kl-op-edit-modal__subtitle {
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-op-edit-modal__close,
html.dark .kilnload-page .kl-op-edit-modal__close {
    background: #2b2f36;
    border-color: #3c4043;
    color: #9aa0a6;
}

body.dark .kilnload-page .kl-op-entry__delete,
html.dark .kilnload-page .kl-op-entry__delete {
    background: rgba(198, 40, 40, 0.18);
    border-color: rgba(239, 83, 80, 0.35);
    color: #ef9a9a;
}

body.dark .kilnload-page .kl-op-entry__note,
html.dark .kilnload-page .kl-op-entry__note {
    background: rgba(255, 193, 7, 0.08);
    border-top-color: #3c4043;
    color: #ffcc80;
}

body.dark .kilnload-page .kl-op-empty,
html.dark .kilnload-page .kl-op-empty {
    color: #9aa0a6;
}

/* =============================================================================
   VIEW KILNSLIP — Phiếu ra lò chi tiết
   ============================================================================= */
body.dark .vks-page .vks-sheet,
html.dark .vks-page .vks-sheet {
    background: #202124;
}

body.dark .vks-page .vks-topbar,
html.dark .vks-page .vks-topbar {
    background: #2b2f36;
    border-color: #3c4043;
}

body.dark .vks-page .vks-topbar__title,
html.dark .vks-page .vks-topbar__title {
    color: #e8eaed;
}

body.dark .vks-page .vks-topbar__title i,
html.dark .vks-page .vks-topbar__title i {
    color: #8ab4f8;
}

body.dark .vks-page .vks-topbar__date,
body.dark .vks-page .vks-topbar__time,
html.dark .vks-page .vks-topbar__date,
html.dark .vks-page .vks-topbar__time {
    color: #9aa0a6;
}

body.dark .vks-page .vks-topbar__badge--type,
html.dark .vks-page .vks-topbar__badge--type {
    background: rgba(138, 180, 248, 0.15);
    color: #8ab4f8;
}

body.dark .vks-page .vks-topbar__label,
html.dark .vks-page .vks-topbar__label {
    color: #9aa0a6;
}

body.dark .vks-page .vks-topbar__value,
html.dark .vks-page .vks-topbar__value {
    color: #e8eaed;
}

body.dark .vks-page .vks-topbar__link,
html.dark .vks-page .vks-topbar__link {
    color: #8ab4f8;
}

body.dark .vks-page .vks-stat,
html.dark .vks-page .vks-stat {
    background: #202124;
    border-color: #3c4043;
}

body.dark .vks-page .vks-stat__value,
html.dark .vks-page .vks-stat__value {
    color: #e8eaed;
}

body.dark .vks-page .vks-stat__label,
html.dark .vks-page .vks-stat__label {
    color: #9aa0a6;
}

body.dark .vks-page .vks-stat--blue,
html.dark .vks-page .vks-stat--blue {
    background: rgba(138, 180, 248, 0.1);
    border-color: rgba(138, 180, 248, 0.25);
}

body.dark .vks-page .vks-stat--blue .vks-stat__value,
html.dark .vks-page .vks-stat--blue .vks-stat__value {
    color: #8ab4f8;
}

body.dark .vks-page .vks-stat--ok,
html.dark .vks-page .vks-stat--ok {
    background: rgba(129, 199, 132, 0.1);
    border-color: rgba(129, 199, 132, 0.25);
}

body.dark .vks-page .vks-stat--ok .vks-stat__value,
html.dark .vks-page .vks-stat--ok .vks-stat__value {
    color: #81c784;
}

body.dark .vks-page .vks-pending__header,
html.dark .vks-page .vks-pending__header {
    color: #ffb74d;
}

body.dark .vks-page .vks-pending__hint,
html.dark .vks-page .vks-pending__hint {
    color: #9aa0a6;
}

body.dark .vks-page .vks-pending__list,
html.dark .vks-page .vks-pending__list {
    color: #e8eaed;
}

body.dark .vks-page .vks-order__header,
html.dark .vks-page .vks-order__header {
    border-top-color: #3c4043;
}

body.dark .vks-page .vks-order__load,
html.dark .vks-page .vks-order__load {
    color: #8ab4f8;
}

body.dark .vks-page .vks-order__load--missing,
html.dark .vks-page .vks-order__load--missing {
    color: #ef9a9a;
}

body.dark .vks-page .vks-order__totals,
html.dark .vks-page .vks-order__totals {
    color: #9aa0a6;
}

body.dark .vks-page .vks-toggle-finish,
html.dark .vks-page .vks-toggle-finish {
    background: #2b2f36;
    border-color: #3c4043;
    color: #9aa0a6;
}

body.dark .vks-page .vks-toggle-finish:hover,
html.dark .vks-page .vks-toggle-finish:hover {
    background: #353941;
    border-color: #5f6368;
}

body.dark .vks-page .vks-toggle-finish.is-active,
body.dark .vks-page .vks-toggle-finish[aria-pressed="true"],
html.dark .vks-page .vks-toggle-finish.is-active,
html.dark .vks-page .vks-toggle-finish[aria-pressed="true"] {
    background: rgba(138, 180, 248, 0.15);
    border-color: rgba(138, 180, 248, 0.35);
    color: #8ab4f8;
}

body.dark .vks-page .vks-toggle-finish.is-active:hover,
body.dark .vks-page .vks-toggle-finish[aria-pressed="true"]:hover,
html.dark .vks-page .vks-toggle-finish.is-active:hover,
html.dark .vks-page .vks-toggle-finish[aria-pressed="true"]:hover {
    background: rgba(138, 180, 248, 0.22);
    border-color: rgba(138, 180, 248, 0.45);
}

body.dark .vks-page .vks-product__finish,
body.dark .vks-page .vks-product__size,
html.dark .vks-page .vks-product__finish,
html.dark .vks-page .vks-product__size {
    color: #9aa0a6;
}

body.dark .vks-page .vks-product__note,
html.dark .vks-page .vks-product__note {
    background: rgba(198, 40, 40, 0.18);
    color: #ef9a9a;
}