/* ============================================================================
   >>> BREAKPOINT - DARK THEME FIX (Fluent Dark / Blazing Dark)  -  css/sabdark.css
   Sirf tab lagta hai jab <html> par "sab-dark" class ho (js/sabtheme.js lagata hai).
   Light theme par is file ka koi asar nahi.

   Problem : bahut si .razor.css / site.css me rang HARDCODE the (#fff background,
   #1f2937 akshar ...). Dark theme me DevExpress akshar safed kar deta tha par
   hamara background safed hi rehta  ->  safed par safed / safed par kala.

   Hal :
     1) Upar ke GENERIC niyam - popup, page, native input / select / table, inline style.
     2) Neeche ke niyam AUTO BANE hain (_tools/gendark.py) - har halke background
        ko gehra, har gehre akshar ko halka, halki border ko gehri (rang ka hue wahi).
        Koi nayi .razor.css me hardcode rang daalo to script dobara chala do :
            python _tools/gendark.py . wwwroot/css/sabdark.css
   Website (Components/Website) ki css nahi chhedi - uska apna design hai.
   Assumption : jis rule me apna rangeen / gehra background hai (jaise header #1f4e79)
   uske akshar nahi badle - wahan pehle se safed akshar hain.
   ============================================================================ */

/* ---- 1) GENERIC ---- */
/* >>> BREAKPOINT - yahan body ka background / color NAHI dena : js/sabtheme.js body ka rang padh kar hi
   --sab-bg banata hai. Pehle "body { background: var(--sab-bg) }" tha - gol ghera (circular) ban gaya aur
   --sab-bg safed aa gaya -> har jagah safed par safed. */
html.sab-dark { color-scheme: dark; }

/* DevExpress popup / dropdown : hamesha theme ka gehra background + safed akshar */
html.sab-dark .dxbl-popup,
html.sab-dark .dxbl-modal-content,
html.sab-dark .dxbl-popup-header,
html.sab-dark .dxbl-popup-body,
html.sab-dark .dxbl-popup-footer,
html.sab-dark .dxbl-dropdown-dialog,
html.sab-dark .dxbl-dropdown-body {
    color: var(--sab-text);
}

/* native input / select / textarea (DevExpress ke bahar wale) */
html.sab-dark :is(input:not([type]), input[type=text], input[type=search], input[type=number],
                  input[type=date], input[type=email], input[type=password], input[type=tel],
                  select, textarea):not([class*="dxbl"]):not([class*="dxbl"] *) {
    background-color: #1e232b !important;
    color: #f1f3f5 !important;
    border-color: #3a414c !important;
}
html.sab-dark ::placeholder { color: #8b95a3 !important; }
html.sab-dark option { background-color: #1e232b; color: #f1f3f5; }

/* inline style="color:#123372" jaise gehre neele icon / akshar (MainLayout drawer) */
html.sab-dark [style*="color:#123372"],
html.sab-dark [style*="color: #123372"] { color: #9db8ff !important; }
html.sab-dark [style*="color:#b00020"] { color: #ff8a9a !important; }
html.sab-dark [style*="background:#fff"],
html.sab-dark [style*="background: #fff"],
html.sab-dark [style*="background-color:#fff"],
html.sab-dark [style*="background-color: #fff"],
html.sab-dark [style*="background:white"],
html.sab-dark [style*="background-color:white"] {
    background: var(--sab-surface) !important;
    color: var(--sab-text) !important;
}

/* ---- 2) AUTO (gendark.py) ---- */

/* ---- wwwroot/css/site.css ---- */
html.sab-dark .sab-install-btn {
    background: transparent !important;
}
html.sab-dark .dxbl-grid-header,
html.sab-dark .dxbl-grid-header-content,
html.sab-dark .dxbl-grid-header-caption,
html.sab-dark .dxbl-grid-header a,
html.sab-dark .dxbl-grid-header span,
html.sab-dark .dxbl-grid thead th,
html.sab-dark .dxbl-grid thead th * {
    color: #ffffff !important;
}
html.sab-dark .dxbl-grid-header,
html.sab-dark .dxbl-grid thead th {
    background-color: #2a2f38 !important;
    border-color: #3a414c !important;
}
html.sab-dark .dxbl-grid-header i,
html.sab-dark .dxbl-grid-header svg,
html.sab-dark .dxbl-grid-header .dxbl-image {
    color: #ffffff !important;
    fill: #ffffff !important;
}
html.sab-dark .dxbl-grid-group-panel,
html.sab-dark .dxbl-grid-filter-row,
html.sab-dark .dxbl-grid-filter-row * {
    color: #ffffff !important;
}
html.sab-dark .text-danger {
    color: var(--dxds-color-content-danger-default-rest);
}
html.sab-dark .valid.modified:not([type=checkbox]) {
    outline-color: var(--dxds-color-border-success-default-rest);
}
html.sab-dark .invalid {
    outline-color: var(--dxds-color-border-danger-default-rest);
}
html.sab-dark .validation-message {
    color: var(--dxds-color-content-danger-default-rest);
}
html.sab-dark .title.title-secondary {
    color: var(--dxds-color-content-secondary-default-rest);
}
html.sab-dark .sab-drill-link {
    color: inherit;
    border-bottom-color: var(--sab-primary-border);
}
html.sab-dark .sab-drill-link:hover {
    color: var(--sab-primary-text);
    border-bottom-color: var(--sab-primary);
}
html.sab-dark .sab-drill-sabid {
    color: var(--sab-primary-text);
}
html.sab-dark .sab-drill-crumb {
    background: var(--sab-primary-soft);
    border-color: var(--sab-primary-border);
}
html.sab-dark .sab-drill-sep {
    color: var(--sab-text-muted);
}
html.sab-dark .sab-drill-count {
    color: var(--sab-text-muted);
}
html.sab-dark .sab-sum-item:hover {
    background: var(--sab-surface-hover);
}
html.sab-dark .sab-report-bottombar {
    border-top-color: var(--sab-border);
    background: var(--sab-surface);
}
html.sab-dark .sab-drill-popup.dxbl-popup::after {
    background: linear-gradient(180deg, #ffffff 0%, #c9cdd3 45%, #6e737a 100%);
}
html.sab-dark .sab-childgrid-trigger-icon {
    color: var(--sab-primary-text);
}
html.sab-dark .sab-childgrid-msg {
    color: var(--sab-text-muted);
}
html.sab-dark .sab-childgrid-table {
    color: var(--sab-text-muted);
}
html.sab-dark .sab-childgrid-err {
    color: var(--sab-danger);
}
html.sab-dark .sab-childgrid-head {
    border-color: var(--sab-border);
    background: var(--sab-surface);
}
html.sab-dark .sab-childgrid-head-label {
    color: var(--sab-text-muted);
}
html.sab-dark .sab-childgrid-head-value {
    color: var(--sab-text);
}
html.sab-dark .sab-childgrid .dxbl-grid-focused-row > td,
html.sab-dark .sab-childgrid tr.dxbl-grid-focused-row,
html.sab-dark .sab-childgrid tr.dxbl-grid-selected-row > td {
    background: transparent !important;
    color: inherit !important;
}
html.sab-dark .sab-childgrid td.dxbl-grid-edit-cell,
html.sab-dark .sab-childgrid td.dxbl-grid-focused-cell,
html.sab-dark .sab-childgrid td:has(> .dxbl-grid-edit-cell),
html.sab-dark .sab-childgrid td:focus-within {
    background: var(--sab-primary-soft) !important;
}
html.sab-dark .sab-required.dxbl-text-edit,
html.sab-dark .sab-required.dxbl-date-edit,
html.sab-dark .sab-required.dxbl-spin-edit,
html.sab-dark .dxbl-fl-item-content > .sab-required {
    border-left-color: #d9534f !important;
}
html.sab-dark .sab-chat-users {
    border-right-color: var(--sab-border, #e0e0e0);
}
html.sab-dark .sab-chat-user:hover {
    background: var(--sab-primary-soft, #eef3ff);
}
html.sab-dark .sab-chat-user.active {
    background: var(--sab-primary-soft, #dce8ff);
}
html.sab-dark .sab-chat-badge {
    background: #d9534f;
    color: #fff;
}
html.sab-dark .sab-chat-head {
    border-bottom-color: var(--sab-border, #e0e0e0);
}
html.sab-dark .sab-chat-msg.mine {
    background: var(--sab-primary-soft, #dcf8c6);
}
html.sab-dark .sab-chat-msg.other {
    background: #2b2b2b;
}
html.sab-dark .sab-chat-time {
    color: gray;
}
html.sab-dark .sab-chat-send {
    border-top-color: var(--sab-border, #e0e0e0);
}
html.sab-dark .sab-chat-empty {
    color: gray;
}
html.sab-dark .sab-chat-count {
    background: #d9534f;
    color: #fff;
}
html.sab-dark .login-restoring {
    background: var(--sab-primary-soft, #dce8ff);
    color: var(--sab-primary-text, #1c3faa);
}
html.sab-dark .nav-mic-status {
    color: var(--sab-primary-text, #3b5bdb);
}
html.sab-dark .mst-v2-norights {
    color: #d9534f;
}
html.sab-dark .sab-busy-overlay {
    background: rgba(33, 33, 33, 0.45);
}
html.sab-dark .sab-busy-box {
    background: var(--sab-bg, #fff);
    border-color: var(--sab-border, #ddd);
}
html.sab-dark .sab-busy-text {
    color: var(--sab-text-muted, #666);
}
html.sab-dark .sab-chat-dot.on {
    background: #22c55e;
}
html.sab-dark .sab-chat-dot.off {
    background: #ef4444;
}

/* ---- Components/Controls/DashBoardDtls.razor.css ---- */
html.sab-dark .sab-group {
    background: var(--sab-surface);
    border-color: var(--sab-border);
}
html.sab-dark .sab-group .dxbl-panel {
    background: var(--sab-surface);
    border-color: var(--sab-border);
}

/* ---- Components/Controls/SabChildGrid.razor.css ---- */
html.sab-dark .sab-childgrid-msg {
    color: var(--sab-text-muted);
}
html.sab-dark .sab-childgrid-table {
    color: var(--sab-text-muted);
}
html.sab-dark .sab-childgrid-err {
    color: var(--sab-danger);
}
html.sab-dark .sab-childgrid-head {
    border-color: var(--sab-border);
    background: var(--sab-surface);
}
html.sab-dark .sab-childgrid-head-label {
    color: var(--sab-text-muted);
}
html.sab-dark .sab-childgrid-head-value {
    color: var(--sab-text);
}
html.sab-dark .sab-childgrid .dxbl-grid-focused-row > td,
html.sab-dark .sab-childgrid tr.dxbl-grid-focused-row,
html.sab-dark .sab-childgrid tr.dxbl-grid-selected-row > td {
    background: transparent !important;
    color: inherit !important;
}
html.sab-dark .sab-childgrid td.dxbl-grid-edit-cell,
html.sab-dark .sab-childgrid td.dxbl-grid-focused-cell,
html.sab-dark .sab-childgrid td:has(> .dxbl-grid-edit-cell),
html.sab-dark .sab-childgrid td:focus-within {
    background: var(--sab-primary-soft) !important;
}
html.sab-dark input.sab-childgrid-editor {
    background: transparent;
    color: inherit;
}
html.sab-dark .sab-button {
    border-color: var(--sab-border);
    background-color: var(--sab-bg);
    color: var(--sab-text);
}

/* ---- Components/Controls/SabEntryGrid.razor.css ---- */
html.sab-dark .sab-entry-grid {
    border-color: var(--sab-border);
    background: var(--sab-bg);
}
html.sab-dark .sab-grid .dxbl-grid-header {
    background-color: var(--sab-surface) !important;
    color: var(--sab-text);
}
html.sab-dark input.sab-grid-inline-editor {
    background: transparent;
    color: inherit;
}
html.sab-dark input.sab-grid-inline-editor.sab-required {
    border-left-color: #d9534f;
}
html.sab-dark .sab-childgrid-cell-btn {
    border-color: var(--sab-border);
    background: var(--sab-surface);
    color: var(--sab-primary-text);
}
html.sab-dark .sab-childgrid-cell-btn:hover {
    border-color: var(--sab-border-strong);
}

/* ---- Components/Controls/SabGrid.razor.css ---- */
html.sab-dark .sab-toolbar {
    background: var(--sab-bg);
    border-color: var(--sab-border);
}
html.sab-dark .sab-grid .dxbl-grid-row.dxbl-selection td {
    background-color: var(--sab-surface-active) !important;
}
html.sab-dark .sab-grid .dxbl-grid-header-content:hover {
    background-color: var(--sab-primary-soft);
}
html.sab-dark .sab-grid .dxbl-grid-header:hover {
    background-color: var(--sab-primary-soft-hover);
}
html.sab-dark .sab-grid th:hover {
    background-color: var(--sab-primary-soft-hover);
}
html.sab-dark .sab-grid .dxbl-grid-header-row:has(.dxbl-grid-header:hover) {
    background-color: var(--sab-surface-active) !important;
}
html.sab-dark .sab-toolbar .sab-export-grid {
    background-color: var(--sab-surface-active) !important;
}
html.sab-dark .sab-grid .dxbl-grid-header {
    background-color: var(--sab-surface) !important;
    color: var(--sab-text);
}

/* ---- Components/Controls/SabGridPopup.razor.css ---- */
html.sab-dark .sab-button {
    border-color: var(--sab-border);
    background-color: var(--sab-bg);
    color: var(--sab-text);
}
html.sab-dark .sab-button:hover {
    background-color: var(--sab-surface-hover);
    border-color: var(--sab-border-strong);
}

/* ---- Components/Controls/SabHtmlGrid.razor.css ---- */
html.sab-dark .sab-html-grid th {
    background: var(--sab-surface);
    border-color: var(--sab-border-strong);
}
html.sab-dark .sab-html-grid td {
    border-color: var(--sab-border);
}

/* ---- Components/Controls/SabLookup.razor.css ---- */
html.sab-dark .sablookup-box {
    background: var(--sab-bg);
    border-color: var(--sab-border);
}
html.sab-dark .sablookup-text {
    background: var(--sab-bg);
}
html.sab-dark .sablookup-button {
    background: var(--sab-bg);
    border-left-color: var(--sab-border);
}
html.sab-dark .sablookup-button:hover {
    background: var(--sab-surface-hover);
}
html.sab-dark .sab-grid .dxbl-grid-header-row > th {
    background: var(--sab-primary-soft);
}
html.sab-dark .sablookup-grid .dxbl-grid-header,
html.sab-dark .sablookup-grid .dxbl-grid-header-content,
html.sab-dark .sablookup-grid th {
    background: var(--sab-surface) !important;
    color: var(--sab-text) !important;
}

/* ---- Components/Controls/SabText.razor.css ---- */
html.sab-dark .sabtext-clear {
    color: #e47a7a;
}

/* ---- Components/Controls/SabToolTip.razor.css ---- */
html.sab-dark .sab-control-tooltip::after {
    background: var(--sab-text);
    color: var(--sab-bg);
}

/* ---- Components/Hr/HrPunch.razor.css ---- */
html.sab-dark .hp-card {
    background: #212121;
}
html.sab-dark .hp-clock {
    color: #cfd8ea;
}
html.sab-dark .hp-date {
    color: #a9adb7;
}
html.sab-dark .hp-name {
    color: #c9d3e1;
}
html.sab-dark .hp-dim {
    color: #a9adb7;
}
html.sab-dark .hp-err {
    background: #391d1a;
    color: #ec7f7f;
}
html.sab-dark .hp-cam {
    background: #2e3034;
}
html.sab-dark .hp-btn {
    color: #fff;
}
html.sab-dark .hp-btn.in {
    background: linear-gradient(145deg, #22c55e, #15803d);
}
html.sab-dark .hp-btn.out {
    background: linear-gradient(145deg, #f87171, #b91c1c);
}
html.sab-dark .hp-status {
    color: #c9d3e1;
}
html.sab-dark .hp-link {
    background: transparent;
    color: #2563eb;
}
html.sab-dark .hp-title {
    color: #cfd8ea;
}
html.sab-dark .hp-row {
    border-bottom-color: #3c3e42;
}
html.sab-dark .hp-tag {
    color: #fff;
}
html.sab-dark .hp-tag.in {
    background: #16a34a;
}
html.sab-dark .hp-tag.out {
    background: #dc2626;
}
html.sab-dark .hp-warn {
    color: #f1b485;
    background: #4c431e;
}
html.sab-dark .hp-loc {
    color: #bec6d3;
    background: #23252a;
}
html.sab-dark .hp-addr {
    color: #a9adb7;
    border-bottom-color: #3c3e42;
}

/* ---- Components/Layout/Drawer.razor.css ---- */
html.sab-dark .navigation-drawer-shading {
    background-color: var(--dxds-color-surface-backdrop-default-rest);
}

/* ---- Components/Layout/MainLayout.razor.css ---- */
html.sab-dark .navigation-drawer > .dxbl-drawer-panel {
    background: var(--sab-surface);
    border-right-color: var(--sab-border);
}
html.sab-dark .navigation-drawer-header {
    background: var(--sab-surface);
}
html.sab-dark .drawer-body {
    background: var(--sab-surface);
}
html.sab-dark .drawer-content {
    background: var(--sab-bg);
}
html.sab-dark .page-content-container {
    background: var(--sab-bg);
}
html.sab-dark .nav-buttons-container > a {
    color: inherit;
}
html.sab-dark .company-name {
    color: var(--sab-text);
}
html.sab-dark .top-header {
    background: var(--sab-surface);
    border-bottom-color: var(--sab-border);
    color: var(--sab-text);
}
html.sab-dark .top-icon,
html.sab-dark .top-icon i {
    color: var(--sab-text) !important;
    background: transparent !important;
}
html.sab-dark .top-icon .fa-circle-user {
    color: var(--sab-text) !important;
}
html.sab-dark .top-icon .dxbl-btn {
    background: transparent !important;
}
html.sab-dark .top-header .dxbl-btn {
    color: var(--sab-text) !important;
    background: transparent !important;
    border-color: transparent !important;
}
html.sab-dark .top-header .dxbl-btn:hover {
    background: var(--sab-surface-hover) !important;
}
html.sab-dark .trial-version {
    color: var(--sab-danger);
}
html.sab-dark .header-reminder-badge {
    background: var(--sab-danger);
    color: white;
}
html.sab-dark .navigation-drawer-footer {
    border-top-color: var(--sab-border);
    background: var(--sab-surface);
}
html.sab-dark .reminder-row {
    background: var(--sab-surface-hover);
    color: var(--sab-text);
}
html.sab-dark .reminder-row:hover {
    background: var(--sab-surface-active);
}
html.sab-dark .reminder-badge {
    background: var(--sab-danger);
    color: white;
}
html.sab-dark .sab-notepad-popup .sab-popup-header {
    background: var(--sab-surface);
    color: var(--sab-primary-text);
    border-bottom-color: var(--sab-border);
}
html.sab-dark .sab-notepad-popup .sab-popup-footer {
    background: var(--sab-surface);
    color: var(--sab-text-muted);
    border-top-color: var(--sab-border);
}
html.sab-dark .powered-by {
    color: var(--sab-primary-text);
    background: transparent;
}
html.sab-dark .sab-theme-card {
    border-color: var(--sab-border);
}
html.sab-dark .sab-theme-card:hover {
    border-color: var(--sab-primary);
}
html.sab-dark .sab-theme-card.active {
    border-color: var(--sab-primary);
}
html.sab-dark .sab-theme-swatch {
    color: #fff;
}
html.sab-dark .powered-by .sab-install-btn {
    background: transparent !important;
}
html.sab-dark .powered-by-text::after {
    background: #1f2937;
    color: #fff;
}
html.sab-dark .powered-by .sab-support-btn {
    background: transparent !important;
}
html.sab-dark .powered-by .sab-support-btn i {
    color: #e53935;
}
html.sab-dark .powered-by .sab-support-btn:disabled i,
html.sab-dark .powered-by .sab-support-btn[aria-disabled="true"] i {
    color: #9e9e9e;
}
html.sab-dark .top-icon.swimg-btn.on,
html.sab-dark .top-icon.swimg-btn.on i,
html.sab-dark .top-icon.swimg-btn.on,
html.sab-dark .top-icon.swimg-btn.on i {
    color: #2a78d6 !important;
}

/* ---- Components/Layout/NavMenu.razor.css ---- */
html.sab-dark .menu {
    background: var(--sab-bg);
}
html.sab-dark .menu-item-active {
    background: linear-gradient(180deg, color-mix(in srgb, var(--sab-primary) 80%, var(--sab-bg)) 0%, var(--sab-primary) 100%);
    color: var(--sab-on-primary) !important;
}
html.sab-dark .menu .dxbl-menu-item:hover {
    background: var(--sab-surface-hover);
}
html.sab-dark .navigation-drawer {
    background: linear-gradient(180deg, color-mix(in srgb, var(--sab-primary) 80%, var(--sab-bg)) 0%, var(--sab-primary) 100%);
}
html.sab-dark .menu-item-active .dxbl-menu-item-text,
html.sab-dark .menu-item-active .dxbl-menu-item-image {
    color: var(--sab-on-primary) !important;
}
html.sab-dark .sab-tree {
    background: var(--sab-bg);
}
html.sab-dark .sab-tree .dxbl-tv-node:hover {
    background: var(--sab-surface-hover);
}
html.sab-dark .sab-tree .dxbl-tv-node-selected {
    background: linear-gradient(180deg, color-mix(in srgb, var(--sab-primary) 80%, var(--sab-bg)) 0%, var(--sab-primary) 100%);
    color: var(--sab-on-primary);
}
html.sab-dark .reminder-row {
    background: var(--sab-bg);
}
html.sab-dark .reminder-row:hover {
    background: var(--sab-surface-hover);
}

/* ---- Components/Pages/Dashboard.razor.css ---- */
html.sab-dark .dash-card {
    background: var(--sab-bg);
    border-color: var(--sab-border);
}
html.sab-dark .dash-card:hover {
    border-color: var(--sab-primary-border);
}
html.sab-dark .dash-icon {
    background: var(--sab-surface);
    color: var(--sab-text);
}
html.sab-dark .dash-content h3 {
    color: var(--sab-text);
}
html.sab-dark .dash-content p {
    color: var(--sab-text);
}
html.sab-dark .dash-growth {
    background: var(--sab-surface);
    color: var(--sab-text);
}
html.sab-dark .chart-box {
    background: var(--sab-bg);
}
html.sab-dark .chart-card {
    background: var(--sab-bg);
    border-color: var(--sab-border);
}
html.sab-dark .dashboard-charts .dashboard-panel {
    background: var(--sab-bg);
    border-color: var(--sab-border);
}
html.sab-dark .dashboard-charts .dashboard-panel .dxbl-panel-header {
    border-bottom-color: var(--sab-border);
    background: linear-gradient(to bottom, var(--sab-neutral-6), transparent);
}
html.sab-dark .dashboard-charts .dashboard-panel h3 {
    color: var(--sab-text);
}
html.sab-dark .dashboard-charts .dashboard-grid,
html.sab-dark .dashboard-charts .dashboard-grid .dxbl-grid {
    background: transparent !important;
}
html.sab-dark .dashboard-charts .dxbl-chart,
html.sab-dark .dashboard-charts .dxbl-pie-chart {
    background: transparent !important;
}
html.sab-dark .dashboard-status {
    color: var(--sab-text-muted, #6b7785);
}

/* ---- Components/Pages/Dashboard2.razor.css ---- */
html.sab-dark .d2-title {
    color: var(--sab-text);
}
html.sab-dark .d2-measure {
    border-color: var(--sab-border);
}
html.sab-dark .d2-mbtn {
    background: var(--sab-bg);
    color: var(--sab-text);
}
html.sab-dark .d2-mbtn + .d2-mbtn {
    border-left-color: var(--sab-border);
}
html.sab-dark .d2-mbtn.on {
    background: #2a78d6;
    color: #fff;
}
html.sab-dark .d2-chip {
    background: #3b2416;
    border-color: #72503b;
    color: #f1b496;
}
html.sab-dark .d2-clear {
    color: #2a78d6;
}
html.sab-dark .d2-kpi {
    background: var(--sab-bg);
    border-color: var(--sab-border);
}
html.sab-dark .d2-kpi span {
    color: var(--sab-text-muted, #6b7785);
}
html.sab-dark .d2-kpi b {
    color: var(--sab-text);
}
html.sab-dark .d2-panel {
    background: var(--sab-bg);
    border-color: var(--sab-border);
}
html.sab-dark .d2-ph {
    border-bottom-color: var(--sab-border);
    background: linear-gradient(to bottom, var(--sab-neutral-6), transparent);
}
html.sab-dark .d2-pt {
    color: var(--sab-text);
}
html.sab-dark .d2-ps {
    color: var(--sab-text-muted, #8a95a3);
}
html.sab-dark .d2-empty,
html.sab-dark .d2-msg {
    color: var(--sab-text-muted, #8a95a3);
}
html.sab-dark .d2-err {
    background: #391d1a;
    color: #e2877e;
}
html.sab-dark .d2-panel .dxbl-chart,
html.sab-dark .d2-panel .dxbl-chart svg {
    background: transparent !important;
}
html:not(.sab-dark) .sab-dash2 {
    background: #ffffff;
}
html:not(.sab-dark) .d2-kpi,
html:not(.sab-dark) .d2-panel {
    background: #ffffff;
    border-color: #dbe3ee;
}
html:not(.sab-dark) .d2-kpi b,
html:not(.sab-dark) .d2-pt {
    color: #0f172a;
}
html.sab-dark .d2-chip,
.sab-dark .d2-chip {
    background: #3a2a20;
    border-color: #7a4a2a;
    color: #f5c4a5;
}

/* ---- Components/Pages/DashboardNew.razor.css ---- */
html.sab-dark .dashnew-status {
    color: var(--sab-text-muted, #6b7785);
}
html.sab-dark .dn-card {
    background: var(--sab-bg);
    border-color: var(--sab-border);
}
html.sab-dark .dn-card:hover {
    border-color: var(--sab-primary-border);
}
html.sab-dark .dn-ic {
    color: #fff;
}
html.sab-dark .dn-t {
    color: var(--sab-text-muted, #6b7785);
}
html.sab-dark .dn-v {
    color: var(--sab-text);
}
html.sab-dark .up {
    color: #9eeab6;
}
html.sab-dark .dn {
    color: #e2877e;
}
html.sab-dark .dashnew-item .dashnew-panel {
    background: var(--sab-bg);
    border-color: var(--sab-border);
}
html.sab-dark .dn-wait {
    color: var(--sab-text-muted, #8a95a3);
}
html.sab-dark .dashnew-item .dashnew-panel .dxbl-panel-header {
    border-bottom-color: var(--sab-border);
    background: linear-gradient(to bottom, var(--sab-neutral-6), transparent);
}
html.sab-dark .dn-pt {
    color: var(--sab-text);
}
html.sab-dark .dn-ps {
    color: var(--sab-text-muted, #8a95a3);
}
html.sab-dark .dashnew-item .dxbl-chart,
html.sab-dark .dashnew-item .dxbl-pie-chart,
html.sab-dark .dashnew-item .dxbl-chart svg,
html.sab-dark .dashnew-item .dxbl-pie-chart svg {
    background: transparent !important;
}
html.sab-dark .dashnew-item .dashnew-grid,
html.sab-dark .dashnew-item .dashnew-grid .dxbl-grid {
    background: transparent !important;
}
html.sab-dark .dn-card[data-tip]:hover::after {
    background: #1f2937;
    color: #fff;
}
html.sab-dark .dashnew-err {
    background: #391d1a;
    color: #e2877e;
}
html:not(.sab-dark) .sab-dashnew {
    background: #ffffff;
}
html:not(.sab-dark) .dn-card {
    background: #ffffff;
    border-color: #dbe3ee;
}
html:not(.sab-dark) .dn-t {
    color: #334155;
}
html:not(.sab-dark) .dn-v {
    color: #0f172a;
}
html:not(.sab-dark) .dn-pt {
    color: #0f172a;
}
html:not(.sab-dark) .up {
    color: #15803d;
}
html:not(.sab-dark) .dn {
    color: #dc2626;
}
html:not(.sab-dark) .dashnew-item .dashnew-panel {
    background: #ffffff;
    border-color: #dbe3ee;
}
html:not(.sab-dark) .dashnew-item .dashnew-panel .dxbl-panel-header {
    background: linear-gradient(to bottom, #f5f8fc, #ffffff);
    border-bottom-color: #e3e9f1;
}
@media (pointer: coarse), (max-width: 1280px) {
html:not(.sab-dark) .dn-t {
    color: #1e293b;
}
}
html.sab-dark .dn-swing::-webkit-scrollbar-thumb {
    background: #3e4650;
}
html.sab-dark .dn-swcard {
    background: var(--sab-bg);
    border-color: var(--sab-border);
}
html.sab-dark .dn-swcard:hover {
    border-color: #2a78d6;
}
html.sab-dark .dn-swimg {
    background: #21282f;
    color: #94a3b8;
}
html.sab-dark .dn-swt {
    color: var(--sab-text);
}
html.sab-dark .dn-sws {
    color: var(--sab-text-muted, #6b7785);
}
html.sab-dark .dn-swv {
    color: #9eeab6;
}
html.sab-dark .dn-swimg img.nophoto {
    background: #212121;
}
html.sab-dark .dn-swcnt {
    color: #2a78d6;
}
html.sab-dark .dn-swbtn {
    border-color: var(--sab-border);
    background: var(--sab-bg);
    color: var(--sab-text);
}
html.sab-dark .dn-swbtn:hover {
    border-color: #2a78d6;
    color: #2a78d6;
}
html.sab-dark .dn-swbtn.share {
    color: #9eeab6;
}
html.sab-dark .dn-swbtn.enq {
    color: #2a78d6;
}
html.sab-dark .dn-swcard.sel {
    border-color: #2a78d6;
}
html.sab-dark .dn-swchk {
    border-color: #383838;
    background: rgba(0, 0, 0, .25);
    color: transparent;
}
html.sab-dark .dn-swchk.on {
    background: #2a78d6;
    border-color: #2a78d6;
    color: #fff;
}
html.sab-dark .dn-pdfview {
    border-color: var(--sab-border);
    background: #212121;
}
html.sab-dark .dn-loading {
    color: var(--sab-text-muted, #8a95a3);
}
html.sab-dark .dn-swonly {
    color: #2a78d6;
}

/* ---- Components/Pages/MorningBrief.razor.css ---- */
html.sab-dark .mb-title {
    color: var(--sab-text);
}
html.sab-dark .mb-title i {
    color: #efc670;
}
html.sab-dark .mb-rules {
    color: #afb6bf;
}
html.sab-dark .mb-dl {
    color: #e2877e;
    border-color: var(--sab-border);
}
html.sab-dark .mb-status {
    color: var(--sab-text-muted, #6b7785);
}
html.sab-dark .mb-msg {
    color: var(--sab-text-muted, #6b7785);
}
html.sab-dark .mb-send .ok {
    background: #24352b;
    color: #9eeab6;
}
html.sab-dark .mb-send .bad {
    background: #391d1a;
    color: #e2877e;
}
html.sab-dark .mb-err {
    background: #391d1a;
    color: #e2877e;
}
html.sab-dark .mb-page {
    background: #212121;
    color: #c9d3e1;
    border-color: #3b444f;
}
html.sab-dark .mb-foot {
    color: var(--sab-text-muted, #6b7785);
}
html.sab-dark .mb-warn {
    color: #e2877e;
}
html.sab-dark .mb-pdfview {
    border-color: var(--sab-border);
    background: #212121;
}

/* ---- Components/Pages/MyTasksPanel.razor.css ---- */
html.sab-dark .dn-tasks {
    background: #212121;
}
html.sab-dark .dn-tasks-head {
    color: #aec5e6;
    border-bottom-color: #39404a;
}
html.sab-dark .dn-tasks-cnt {
    background: #2a78d6;
    color: #fff;
}
html.sab-dark .dn-tasks-empty {
    color: #a0aab8;
}
html.sab-dark .dn-tasks-tbl th {
    background: #20262e;
    color: #b6c2d3;
    border-bottom-color: #3b424c;
}
html.sab-dark .dn-tasks-tbl td {
    border-bottom-color: #383e45;
}
html.sab-dark .dn-tasks-tbl tr.late td {
    color: #e2877e;
}
html.sab-dark .dn-tasks-tbl tr.today td {
    color: #f2c88a;
}
html.sab-dark .dn-task-done {
    border-color: #2e9b57;
    background: #212121;
    color: #92dfaf;
}
html.sab-dark .dn-task-done:hover {
    background: #2e9b57;
    color: #fff;
}
html.sab-dark .dn-tasks {
    background: #1f2630;
}
html.sab-dark .dn-tasks-head {
    color: #dbe6f5;
    border-color: #2e3846;
}
html.sab-dark .dn-tasks-tbl th {
    background: #262f3b;
    color: #c9d4e3;
    border-color: #2e3846;
}
html.sab-dark .dn-tasks-tbl td {
    border-color: #2a3340;
}
html.sab-dark .dn-tasks-tbl th.dn-sort:hover {
    color: #2a78d6;
}
html.sab-dark .dn-tasks-btn {
    border-color: var(--sab-border);
    background: var(--sab-bg);
    color: var(--sab-text);
}
html.sab-dark .dn-tasks-btn:hover {
    border-color: #2a78d6;
    color: #2a78d6;
}

/* ---- Components/Pages/QueryAnalyzer.razor.css ---- */
html.sab-dark .qa {
    background: #282b2f;
    border-color: #4b4f54;
}
html.sab-dark .qa-denied {
    color: #f28b9e;
}
html.sab-dark .qa-bar {
    background: #252729;
    border-bottom-color: #4b4f54;
}
html.sab-dark .qa-db {
    background: #212121;
    border-color: #54575c;
}
html.sab-dark .qa-btn {
    background: transparent;
    border-color: transparent;
    color: #dcdcdc;
}
html.sab-dark .qa-btn:hover:not(:disabled) {
    background: #263749;
    border-color: #3f556e;
}
html.sab-dark .qa-btn:disabled {
    color: #9aa0a6;
}
html.sab-dark .qa-run i {
    color: #a3dda6;
}
html.sab-dark .qa-btn i.fa-stop {
    color: #e47a7a;
}
html.sab-dark .qa-hint {
    color: #a9adb7;
}
html.sab-dark .qa-obj {
    background: #212121;
    border-right-color: #4b4f54;
}
html.sab-dark .qa-objhead {
    background: #313438;
    border-bottom-color: #4b4f54;
}
html.sab-dark .qa-objsearch {
    border-color: #54575c;
}
html.sab-dark .qa-objitem:hover {
    background: #1d2d3a;
}
html.sab-dark .qa-objitem i {
    color: #9eaab8;
}
html.sab-dark .qa-caret {
    color: #c0c0c0;
}
html.sab-dark .qa-col {
    color: #d1d1d1;
}
html.sab-dark .qa-col:hover {
    background: #1d2d3a;
}
html.sab-dark .qa-col i {
    color: #9aa4b2;
}
html.sab-dark .qa-editor {
    background: #212121;
}
html.sab-dark .qa-vsplit {
    background: #313438;
}
html.sab-dark .qa-hsplit {
    background: #313438;
}
html.sab-dark .qa-vsplit:hover,
html.sab-dark .qa-hsplit:hover {
    background: #464b51;
}
html.sab-dark .qa-gutter {
    color: #87cde1;
    background: #212121;
    border-right-color: #404448;
}
html.sab-dark .qa-text {
    color: #9c9cf4;
    background: #212121;
}
html.sab-dark .qa-tabs {
    background: #313438;
}
html.sab-dark .qa-tabs span {
    border-color: transparent;
}
html.sab-dark .qa-tabs span.on {
    background: #212121;
    border-color: #4b4f54;
}
html.sab-dark .qa-res {
    background: #212121;
}
html.sab-dark .qa-grid {
    border-bottom-color: #4b4f54;
}
html.sab-dark .qa-grid th {
    background: #2c2c2c;
    border-color: #545454;
}
html.sab-dark .qa-grid td {
    border-color: #474747;
}
html.sab-dark .qa-grid tr:hover td {
    background: #1d2d3a;
}
html.sab-dark .qa-no {
    background: #2c2c2c !important;
    color: #c0c0c0;
}
html.sab-dark .qa-null {
    background: #3c3917;
    color: #8a8a8a;
}
html.sab-dark .qa-err {
    color: #f17e7e;
}
html.sab-dark .qa-dim {
    color: #8a8f98;
}
html.sab-dark .qa-status {
    background: #4e441e;
    color: #d1d1d1;
}
html.sab-dark .qa-status.ok {
    background: #4e441e;
}
html.sab-dark .qa-status.run {
    background: #213247;
}
html.sab-dark .qa-status.bad {
    background: #412225;
    color: #f49c9c;
}
html.sab-dark .qa-objgroup:hover {
    background: #1d2d3a;
}
html.sab-dark .qa-objgroup i {
    color: #e0c179;
}
html.sab-dark .qa-modify {
    color: #9eaab8;
}
html.sab-dark .qa-modify:hover {
    color: #a2c6e7;
}
html.sab-dark .qa-settitle {
    background: #313438;
    border-top-color: #4b4f54;
}
html.sab-dark .qa-qtabs {
    background: #313438;
    border-bottom-color: #4b4f54;
}
html.sab-dark .qa-qtab {
    background: #282b2f;
    border-color: #4b4f54;
    color: #d1d1d1;
}
html.sab-dark .qa-qtab.on {
    background: #453e1a;
}
html.sab-dark .qa-qtab .fa-spinner {
    color: #73a9ea;
}
html.sab-dark .qa-qx {
    color: #8a8f98;
}
html.sab-dark .qa-qx:hover {
    color: #e47a7a;
}

/* ---- Components/Pages/SabAdmin.razor.css ---- */
html.sab-dark .adm-title {
    color: var(--sab-text);
}
html.sab-dark .adm-title i {
    color: #2a78d6;
}
html.sab-dark .adm-client {
    color: var(--sab-text);
}
html.sab-dark .adm-client small {
    color: var(--sab-text-muted, #8a95a3);
}
html.sab-dark .adm-status {
    color: var(--sab-text-muted, #8a95a3);
}
html.sab-dark .adm-err {
    background: #391d1a;
    color: #ec7f7f;
}
html.sab-dark .adm-note {
    background: #3d3117;
    color: #f4d59c;
}
html.sab-dark .adm-card {
    background: #212121;
    border-color: #3a414b;
}
html.sab-dark .adm-cardt {
    color: #a2c6e7;
}
html.sab-dark .adm-small {
    color: #a9adb7;
}
html.sab-dark .adm-dim {
    color: #9aa4b2;
}
html.sab-dark .adm-svcitem {
    border-color: #3a414b;
}
html.sab-dark .adm-svcitem.on {
    border-color: #2a78d6;
    background: #162439;
}
html.sab-dark .adm-svcname {
    color: var(--sab-text);
}
html.sab-dark .adm-ulab {
    color: var(--sab-text);
}
html.sab-dark .adm-ulab small {
    color: #a9adb7;
}
html.sab-dark .adm-num {
    border-color: #434a53;
}
html.sab-dark .adm-text {
    border-color: #434a53;
}
html.sab-dark .adm-live {
    color: #9eeab6;
}
html.sab-dark .adm-total {
    background: #1d242f;
}
html.sab-dark .adm-list {
    border-color: #3a414b;
}
html.sab-dark .adm-tab th {
    background: #1f4e79;
    color: #fff;
}
html.sab-dark .adm-tab td {
    border-bottom-color: #353d47;
}
html.sab-dark .adm-tab tr.on td {
    background: #152437;
}

/* ---- Components/Pages/SabDashRights.razor.css ---- */
html.sab-dark .dr-title {
    color: var(--sab-text);
}
html.sab-dark .dr-title i {
    color: #2a78d6;
}
html.sab-dark .dr-user {
    border-color: #434a53;
}
html.sab-dark .dr-status {
    color: var(--sab-text-muted, #8a95a3);
}
html.sab-dark .dr-err {
    background: #391d1a;
    color: #ec7f7f;
}
html.sab-dark .dr-note {
    background: #3d3117;
    color: #f4d59c;
}
html.sab-dark .dr-card {
    background: #212121;
    border-color: #3a414b;
}
html.sab-dark .dr-cardt {
    color: #a2c6e7;
}
html.sab-dark .dr-small {
    color: #a9adb7;
}
html.sab-dark .dr-dim {
    color: #9aa4b2;
}
html.sab-dark .dr-text {
    border-color: #434a53;
}
html.sab-dark .dr-list {
    border-color: #3a414b;
}
html.sab-dark .dr-tab th {
    background: #1f4e79;
    color: #fff;
}
html.sab-dark .dr-tab td {
    border-bottom-color: #353d47;
}
html.sab-dark .dr-tab tr.on td {
    background: #152437;
}

/* ---- Components/Pages/SabDealerSetup.razor.css ---- */
html.sab-dark .dl-title {
    color: var(--sab-text);
}
html.sab-dark .dl-title i {
    color: #2a78d6;
}
html.sab-dark .dl-user {
    border-color: #434a53;
}
html.sab-dark .dl-status {
    color: var(--sab-text-muted, #8a95a3);
}
html.sab-dark .dl-err {
    background: #391d1a;
    color: #ec7f7f;
}
html.sab-dark .dl-note {
    background: #3d3117;
    color: #f4d59c;
}
html.sab-dark .dl-card {
    background: #212121;
    border-color: #3a414b;
}
html.sab-dark .dl-cardt {
    color: #a2c6e7;
}
html.sab-dark .dl-small {
    color: #a9adb7;
}
html.sab-dark .dl-dim {
    color: #9aa4b2;
}
html.sab-dark .dl-text {
    border-color: #434a53;
}
html.sab-dark .dl-list {
    border-color: #3a414b;
}
html.sab-dark .dl-tab th {
    background: #1f4e79;
    color: #fff;
}
html.sab-dark .dl-tab td {
    border-bottom-color: #353d47;
}
html.sab-dark .dl-tab tr.on td {
    background: #152437;
}

/* ---- Components/Pages/SabErpLogin.razor.css ---- */
html.sab-dark .login-top {
    color: white;
}
html.sab-dark .logo-area h2 {
    color: white;
}
html.sab-dark .logo-area h3 {
    color: white;
}
html.sab-dark .sab-login-textbox {
    background: rgba(33, 33, 33, 0.14) !important;
    color: white !important;
}
html.sab-dark .sab-login-textbox input::placeholder {
    color: rgba(255,255,255,0.70) !important;
}
html.sab-dark .sab-login-button {
    background: rgba(33, 33, 33, 0.22) !important;
    border-color: rgba(56, 56, 56, 0.35) !important;
    color: white !important;
}
html.sab-dark .sab-login-button:hover {
    background: rgba(33, 33, 33, 0.35) !important;
}
html.sab-dark .sab-field .dxbl-checkbox {
    color: white !important;
}
html.sab-dark .Login_message {
    color: #ebebeb;
}
html.sab-dark .login-support {
    color: inherit;
}
html.sab-dark .login-footer {
    color: rgba(255,255,255,0.70);
    background: radial-gradient(circle at 20% 20%, rgba(80,140,255,0.35), transparent 35%), radial-gradient(circle at 80% 30%, rgba(180,80,255,0.30), transparent 35%), radial-gradient(circle at 50% 90%, rgba(0,200,180,0.25), transparent 40%), linear-gradient(135deg, #101827, #17243a);
}
html.sab-dark .sab-login-button {
    background-image: linear-gradient( 180deg, var(--dxds-primary-40) 0%, var(--dxds-primary-90) 100% ) !important;
}
html.sab-dark .Login_message,
html.sab-dark .Login_message .login-support,
html.sab-dark .Login_message .login-support h1,
html.sab-dark .Login_message .login-support h2,
html.sab-dark .Login_message .login-support h3,
html.sab-dark .Login_message .login-support p,
html.sab-dark .Login_message .login-support li {
    color: #ebebeb;
}
html.sab-dark .Login_message,
html.sab-dark .Login_message .login-support,
html.sab-dark .Login_message .login-support h1,
html.sab-dark .Login_message .login-support h2,
html.sab-dark .Login_message .login-support h3,
html.sab-dark .Login_message .login-support p,
html.sab-dark .Login_message .login-support li {
    color: #ffffff;
}
html.sab-dark .sab-userrow .sab-devcheck {
    color: white !important;
}
html.sab-dark .sab-lbl {
    color: #ebebeb;
}
html.sab-dark .sab-lbl {
    color: #fff;
}
html:not(.sab-dark) .sab-userrow .sab-devcheck {
    color: #000 !important;
}

/* ---- Components/Pages/SabUsersRights.razor.css ---- */
html.sab-dark .ur-denied,
html.sab-dark .ur-empty {
    color: #afb6bf;
}
html.sab-dark .ur-bar {
    background: #1e252f;
    border-color: #3b424d;
}
html.sab-dark .ur-grp label {
    color: #a3bdf0;
}
html.sab-dark .ur-grp select {
    border-color: #454c56;
}
html.sab-dark .ur-btn {
    border-color: #123372;
    background: #212121;
    color: #a3bdf0;
}
html.sab-dark .ur-btn.ur-main {
    background: #123372;
    color: #fff;
}
html.sab-dark .ur-wrap {
    border-color: #3b424d;
}
html.sab-dark .ur-table th {
    background: #123372;
    color: #fff;
}
html.sab-dark .ur-table td {
    border-bottom-color: #373d46;
}
html.sab-dark .ur-table tr:hover td {
    background: #141f35;
}
html.sab-dark .ur-name {
    background: #212121;
}
html.sab-dark .ur-table th.ur-name {
    background: #123372;
}
html.sab-dark .ur-tog {
    color: #a3bdf0;
}
html.sab-dark .ur-subrow {
    border-bottom-color: #373d46;
}

/* ---- Components/Reports/MstEntryV2.Razor.css ---- */
html.sab-dark .mst-v2-card {
    background: var(--sab-bg);
}
html.sab-dark .mst-v2-field-row {
    border-bottom-color: var(--sab-border);
}
html.sab-dark .mst-v2-field-row small {
    color: var(--sab-text-muted);
}
html.sab-dark .mst-v2-header {
    background: var(--sab-surface);
    color: var(--sab-text);
}
html.sab-dark .mst-v2-info {
    color: var(--sab-text-muted);
}
html.sab-dark .menu-tooltip {
    background: var(--sab-bg);
    color: var(--sab-text);
}
html.sab-dark .dxbl-tabs-tablist {
    background: linear-gradient(var(--sab-primary-soft) 0%, var(--sab-primary-soft-hover) 100%);
}
html.sab-dark .sab-image-thumb {
    border-color: var(--sab-border);
    background: var(--sab-bg);
}
html.sab-dark .sab-image-thumb:hover {
    border-color: var(--sab-primary);
}
html.sab-dark .sab-divider {
    background: var(--sab-border);
}
html.sab-dark .sab-panel-header {
    border-bottom-color: var(--sab-border);
    background: var(--sab-surface-hover);
}
html.sab-dark .sab-button {
    border-color: var(--sab-border);
    background-color: var(--sab-bg);
    color: var(--sab-text);
}
html.sab-dark .sab-button:hover {
    background-color: var(--sab-surface-hover);
    border-color: var(--sab-border-strong);
}
html.sab-dark .barcode-camera-box {
    background: #111;
    border-color: var(--sab-border);
}
html.sab-dark .barcode-cam-btn {
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
}
html.sab-dark .barcode-cam-btn:hover {
    background: rgba(0, 0, 0, 0.7);
}
html.sab-dark .barcode-cam-btn.on {
    background: var(--sab-primary);
    border-color: var(--sab-primary);
}
html.sab-dark .barcode-cam-info {
    color: rgba(255, 255, 255, 0.75);
}
html.sab-dark .barcode-hint {
    color: var(--sab-text-muted);
}
html.sab-dark .barcode-scan-line {
    background: red;
}
html.sab-dark .barcode-listbox {
    border-color: var(--sab-border);
    background: var(--sab-bg);
}
html.sab-dark .tooltip {
    background: var(--sab-text);
    color: var(--sab-bg);
}
html.sab-dark .sab-pdf-header {
    background: linear-gradient(var(--sab-primary-soft), var(--sab-primary-soft-hover));
    border-color: var(--sab-primary-border);
}
html.sab-dark .sab-pdf-title-button {
    color: var(--sab-text) !important;
    background: transparent !important;
}
html.sab-dark .sab-pdf-close {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--sab-text) !important;
}
html.sab-dark .sab-pdf-close:hover {
    background: #dc3545 !important;
    color: white !important;
}
html.sab-dark .dxbl-fl-cpt {
    color: var(--sab-text) !important;
}
html.sab-dark .sab-mstai-panel {
    border-color: var(--sab-border);
    background: var(--sab-surface);
    color: var(--sab-text);
}
html.sab-dark .sab-mstai-head {
    border-bottom-color: var(--sab-border);
}
html.sab-dark .sab-mstai-close {
    background: transparent;
    color: var(--sab-text);
}
html.sab-dark .sab-mstai-close:hover {
    background: var(--sab-surface-hover);
}
html.sab-dark .sab-mstai-msg.user {
    background: var(--sab-primary);
    color: #fff;
}
html.sab-dark .sab-mstai-msg.bot {
    background: var(--sab-surface-hover);
}
html.sab-dark .sab-attach-img {
    background: var(--sab-surface-hover);
}
html.sab-dark .sab-attach-empty {
    background: var(--sab-surface-hover);
}
html.sab-dark .sab-attach-note {
    background: var(--sab-surface-hover);
}
html.sab-dark .sab-attach-err {
    color: #fff;
    background: var(--sab-danger, #c0392b);
}

/* ---- Components/Reports/Report.razor.css ---- */
html.sab-dark .menu-title {
    background: var(--sab-surface);
    color: var(--sab-text);
    border-color: var(--sab-border);
}
html.sab-dark .tooltip {
    background: var(--sab-text);
    color: var(--sab-bg);
}
html.sab-dark .filter-header {
    background: var(--sab-bg);
}
html.sab-dark .report-filter-box {
    background: var(--sab-bg);
}
html.sab-dark .report-filter-box input {
    background-color: var(--sab-bg) !important;
}
html.sab-dark .report-filter-box .dxbl-text-edit,
html.sab-dark .report-filter-box .dxbl-date-edit,
html.sab-dark .report-filter-box .dxbl-input {
    background-color: var(--sab-bg) !important;
}
html.sab-dark .report-filter-box .sab-help-textbox {
    background-color: var(--sab-bg) !important;
}

/* ---- Components/Reports/Report_grid.razor.css ---- */
html.sab-dark .sab-group {
    background: var(--sab-surface);
    border-color: var(--sab-border);
}
html.sab-dark .sab-group .dxbl-panel {
    background: var(--sab-surface);
    border-color: var(--sab-border);
}
html.sab-dark .report-loading-overlay {
    background: var(--sab-overlay);
}
html.sab-dark .report-loading-box {
    background: var(--sab-bg);
}
html.sab-dark .report-spinner {
    border-color: var(--sab-border);
    border-top-color: var(--sab-text);
}

/* ---- Components/Reports/SabEntryReportSetup.razor.css ---- */
html.sab-dark .er-err {
    color: #e47a7a;
}
html.sab-dark .er-keygrid td.sab-cell-sel {
    outline-color: var(--dxbl-primary, #1565c0);
    background: rgba(21, 101, 192, .10);
}

/* ---- Components/Reports/SabEntryReportShow.razor.css ---- */
html.sab-dark .es-msg {
    color: #e47a7a;
}
html.sab-dark .es-err {
    color: #e47a7a;
}

/* ---- Components/Reports/SabEwayPopup.razor.css ---- */
html.sab-dark .sab-eway-grid span {
    color: #afb6bf;
}
html.sab-dark .sab-eway-sec {
    border-top-color: #3d424a;
    color: #a3bdf0;
}
html.sab-dark .sab-eway-msg {
    background: #22252d;
}
html.sab-dark .sab-eway-msg.ok {
    background: #24352b;
    color: #a9edc7;
}
html.sab-dark .sab-eway-msg.err {
    background: #371a1a;
    color: #e88b8b;
}

/* ---- Components/Reports/SabPivotPanel.razor.css ---- */
html.sab-dark .sab-pivot-empty {
    color: var(--sab-text-muted, #6b7785);
}
html.sab-dark .sab-pivot-fields {
    border-color: var(--sab-border);
    background: var(--sab-neutral-6, #f7f9fb);
}
html.sab-dark .sab-pivot-fl {
    color: var(--sab-text-muted, #6b7785);
}
html.sab-dark .sab-pivot-fld {
    border-color: var(--sab-border);
    background: var(--sab-bg);
}
html.sab-dark .sab-pivot-fn {
    color: var(--sab-text);
}
html.sab-dark .sab-pivot-chart {
    border-color: var(--sab-border);
    background: var(--sab-bg);
}
html.sab-dark .sab-pivot-ct {
    color: var(--sab-text);
}
html.sab-dark .sab-pivot-cs {
    color: var(--sab-text-muted, #8a95a3);
}
html.sab-dark .sab-pivot-chart .dxbl-chart,
html.sab-dark .sab-pivot-chart .dxbl-chart svg {
    background: transparent !important;
}
html.sab-dark .sab-pivot-sep {
    background: var(--bs-border-color, #dee2e6);
}
html.sab-dark .sab-pivot a.sab-drill-link,
html.sab-dark .sab-pivot a.sab-drill-link {
    color: inherit;
    border-bottom-color: currentColor;
}
html.sab-dark .sab-pivot-chip {
    border-color: var(--bs-border-color, #dee2e6);
    background: var(--bs-tertiary-bg, #f8f9fa);
}
html.sab-dark .sab-pivot-chip-x {
    background: transparent;
    color: inherit;
}
html.sab-dark .sab-pivot-chip-x:hover {
    background: var(--bs-secondary-bg, #e9ecef);
}
html.sab-dark .sab-pivot-chip.ar-row {
    border-left-color: #4e79a7;
}
html.sab-dark .sab-pivot-chip.ar-column {
    border-left-color: #59a14f;
}
html.sab-dark .sab-pivot-chip.ar-data {
    border-left-color: #e15759;
}
html.sab-dark .sab-pivot-chip.ar-filter {
    border-left-color: #b07aa1;
}
html.sab-dark .sab-pivot .sab-pivot-hdr-x {
    background: transparent;
    color: inherit;
}
html.sab-dark .sab-pivot .sab-pivot-hdr-x:hover {
    background: rgba(220, 53, 69, .18);
    color: #dc3545;
}

/* ---- Components/Reports/Sabgridreport.razor.css ---- */
html.sab-dark .menu-title {
    background-color: var(--sab-surface);
}
html.sab-dark .menu-title h2 {
    color: var(--sab-text);
}
html.sab-dark .report-sabtext {
    background-color: var(--sab-surface) !important;
}
html.sab-dark .report-sabtext .dxbl-text-editor {
    background-color: var(--sab-surface) !important;
}
html.sab-dark .report-sabtext .dxbl-text-editor-input {
    background-color: var(--sab-surface) !important;
}
html.sab-dark .tooltip {
    background: var(--sab-text);
    color: var(--sab-bg);
}
html.sab-dark .filter-header {
    background: var(--sab-bg);
}
html.sab-dark .report-filter-box {
    background: var(--sab-bg);
}
html.sab-dark .report-filter-box input {
    background-color: var(--sab-bg) !important;
}
html.sab-dark .report-filter-box .dxbl-text-edit,
html.sab-dark .report-filter-box .dxbl-date-edit,
html.sab-dark .report-filter-box .dxbl-input {
    background-color: var(--sab-bg) !important;
}
html.sab-dark .report-filter-box .sab-help-textbox {
    background-color: var(--sab-bg) !important;
}
html.sab-dark .report-loading-overlay {
    background: var(--sab-overlay);
}
html.sab-dark .sab-gridai-panel {
    background: var(--sab-surface);
    border-color: var(--sab-border);
    color: var(--sab-text);
}
html.sab-dark .sab-gridai-head {
    color: var(--sab-primary-text);
}
html.sab-dark .sab-gridai-provider {
    color: var(--sab-text-muted);
    border-color: var(--sab-border);
}
html.sab-dark .sab-gridai-close {
    background: transparent;
    color: var(--sab-text-muted);
}
html.sab-dark .sab-gridai-close:hover {
    color: var(--sab-danger);
}
html.sab-dark .sab-gridai-chat {
    background: var(--sab-bg);
    border-color: var(--sab-border);
}
html.sab-dark .sab-gridai-hint {
    color: var(--sab-text-muted);
}
html.sab-dark .sab-gridai-msg.user {
    background: var(--sab-primary);
    color: var(--sab-on-primary);
}
html.sab-dark .sab-gridai-msg.bot {
    background: var(--sab-surface-hover);
}
html.sab-dark .sab-gridai-interim {
    color: var(--sab-text-muted);
}
html.sab-dark .sab-chart-popup .sab-chart-box {
    color: var(--sab-text, #1a1a1a);
}
html.sab-dark .sab-chart-foot {
    border-top-color: var(--sab-border, #dde5ea);
}
html.sab-dark .sab-gridai-chartlink button {
    background: transparent;
    border-color: currentColor;
    color: inherit;
}
html.sab-dark .sab-pdf-share {
    border-color: var(--sab-border, #ccc);
    background: var(--sab-surface, #f5f5f5);
    color: var(--sab-text, #222);
}
html.sab-dark .sab-pdf-share:hover {
    border-color: var(--sab-border-strong, #999);
}
html.sab-dark .sab-report-bottombar i[class*="fa-"] {
    color: #a6aeb7 !important;
}
html.sab-dark .sab-report-bottombar .sab-send-done .fa-file-pdf {
    color: #e47a7a !important;
}
html.sab-dark .sab-report-bottombar .sab-send-done .fa-envelope {
    color: #e47a7a !important;
}
html.sab-dark .sab-report-bottombar .sab-send-done .fa-whatsapp {
    color: #73e69e !important;
}
html.sab-dark .sab-report-bottombar .sab-send-done .fa-telegram {
    color: #6fc1e8 !important;
}
html.sab-dark .sab-gsheet-lbl {
    color: var(--sab-text-muted, #6b7785);
}
html.sab-dark .sab-sum-item:focus-within {
    background: #1d2d3a;
    outline-color: #3f556e;
}
html.sab-dark .sab-rep-count {
    background: var(--sab-surface-active, rgba(42,120,214,.10));
    color: var(--sab-text);
}

/* ---- Components/SabCrm/CrmShell.razor.css ---- */
html.sab-dark .crm-denied {
    color: #f28b9e;
}
html.sab-dark .crm {
    background: #26282b;
}
html.sab-dark .crm-side {
    background: #212121;
    border-right-color: #404247;
}
html.sab-dark .crm-brand {
    color: #c9d3e1;
    border-bottom-color: #3c3e42;
}
html.sab-dark .crm-iconbtn {
    background: transparent;
    color: #b6bec8;
}
html.sab-dark .crm-iconbtn:hover {
    background: #26282b;
}
html.sab-dark .crm-group {
    color: #bec6d3;
}
html.sab-dark .crm-group i {
    color: #5f6be8;
}
html.sab-dark .crm-link {
    color: #b6bec8;
    border-left-color: transparent;
}
html.sab-dark .crm-link:hover {
    background: #141735;
    color: #c9d3e1;
}
html.sab-dark .crm-link.on {
    background: #161a39;
    color: #3b45c4;
    border-left-color: #5f6be8;
}
html.sab-dark .crm-card {
    background: #212121;
}
html.sab-dark .crm-title {
    color: #cfd8ea;
}
html.sab-dark .crm-dim {
    color: #a9adb7;
}
html.sab-dark .crm-err {
    background: #391d1a;
    color: #ec7f7f;
}
html.sab-dark .crm-sub {
    color: #a9adb7;
}
html.sab-dark .crm-cardtitle {
    color: #cfd8ea;
}
html.sab-dark .crm-btnlink {
    background: transparent;
    color: #b6bec8;
}
html.sab-dark .crm-btnlink:hover {
    background: #26282b;
    color: #ec7f7f;
}
html.sab-dark .crm-st::before {
    background: currentColor;
}
html.sab-dark .crm-st-lead {
    color: #2563eb;
}
html.sab-dark .crm-st-prospect {
    color: #f0b776;
}
html.sab-dark .crm-st-customer {
    color: #8aefaf;
}
html.sab-dark .crm-st-inactive {
    color: #9ca3af;
}
html.sab-dark .crm-st-open {
    color: #a9adb7;
}
html.sab-dark .crm-st-progress {
    color: #f19f7e;
}
html.sab-dark .crm-st-done {
    color: #8aefaf;
}
html.sab-dark .crm-st-deferred {
    color: #dc2626;
}
html.sab-dark .crm-pr-high {
    color: #dc2626;
}
html.sab-dark .crm-pr-normal {
    color: #2563eb;
}
html.sab-dark .crm-pr-low {
    color: #a9adb7;
}
html.sab-dark .dxbl-grid-focused-row .crm-st {
    color: inherit !important;
}
html.sab-dark .crm-namecell div:first-child {
    color: #cfd8ea;
}
html.sab-dark .crm-acc {
    border-top-color: #3b3e44;
}
html.sab-dark .crm-acc-head {
    color: #c9d3e1;
}
html.sab-dark .crm-acc-item:hover {
    background: #20232a;
}
html.sab-dark .crm-acc-item .t {
    color: #cfd8ea;
}
html.sab-dark .crm-cap {
    color: #a9adb7;
}
html.sab-dark .crm-val {
    color: #cfd8ea;
}
html.sab-dark .crm-sep {
    border-top-color: #3b3e44;
}
html.sab-dark .crm-avatar {
    background: #182140;
    color: #3b45c4;
}
html.sab-dark .crm-tabs {
    border-bottom-color: #404247;
}
html.sab-dark .crm-tabs span {
    color: #b6bec8;
    border-bottom-color: transparent;
}
html.sab-dark .crm-tabs span.on {
    color: #3b45c4;
    border-bottom-color: #5f6be8;
}
html.sab-dark .crm-group-h {
    color: #bec6d3;
}
html.sab-dark .crm-opp {
    border-left-color: #5f6be8;
    background: #141735;
}
html.sab-dark .crm-opp.closed {
    border-left-color: #9ca3af;
    background: #23252a;
}
html.sab-dark .crm-opp .name {
    color: #cfd8ea;
}
html.sab-dark .crm-list-item {
    border-bottom-color: #3c3e42;
}
html.sab-dark .crm-list-item .meta {
    color: #a9adb7;
}
html.sab-dark .crm-res-0 {
    background-color: #5f6be8 !important;
    color: #fff !important;
}
html.sab-dark .crm-res-1 {
    background-color: #16a34a !important;
    color: #fff !important;
}
html.sab-dark .crm-res-2 {
    background-color: #d97706 !important;
    color: #fff !important;
}
html.sab-dark .crm-res-3 {
    background-color: #0891b2 !important;
    color: #fff !important;
}
html.sab-dark .crm-res-4 {
    background-color: #db2777 !important;
    color: #fff !important;
}
html.sab-dark .crm-ticker .ic.pos {
    background: #22362a;
    color: #8aefaf;
}
html.sab-dark .crm-ticker .ic.neg {
    background: #371a1a;
    color: #dc2626;
}
html.sab-dark .crm-ticker .t {
    color: #a9adb7;
}
html.sab-dark .crm-ticker .v {
    color: #cfd8ea;
}
html.sab-dark .crm-ticker .pct.pos {
    background: #22362a;
    color: #8aefaf;
}
html.sab-dark .crm-ticker .pct.neg {
    background: #371a1a;
    color: #dc2626;
}
html.sab-dark .crm-rangebtn {
    border-color: transparent;
    background: transparent;
    color: #bec6d3;
}
html.sab-dark .crm-rangebtn.on {
    background: #161a39;
    border-color: #2a2e62;
    color: #3b45c4;
}
html.sab-dark .crm-bar {
    background: #282b2f;
}
html.sab-dark .crm-bar > div {
    background: #5f6be8;
}
html.sab-dark .crm-ai-msg.user {
    background: #161a39;
}
html.sab-dark .crm-ai-msg.ai {
    background: #23252a;
}
html.sab-dark .crm-ai-sugg button {
    border-color: #2a2e62;
    background: #212121;
    color: #3b45c4;
}

/* ---- Components/SabErpAI/BusinessAI.razor.css ---- */
html.sab-dark .bz-dl {
    color: #e2877e;
    border-color: var(--sab-border);
}
html.sab-dark .bz-info {
    color: var(--sab-text-muted, #6b7785);
}
html.sab-dark .bz-prog {
    border-color: var(--sab-border);
}
html.sab-dark .bz-prog-bar {
    background: var(--sab-neutral-6, #e9eef5);
}
html.sab-dark .bz-prog-fill {
    background: linear-gradient(90deg, #2a78d6, #1baf7a);
}
html.sab-dark .bz-prog-txt {
    color: var(--sab-text);
}
html.sab-dark .bz-step {
    color: var(--sab-text-muted, #6b7785);
}
html.sab-dark .bz-step.ok {
    color: #9eeab6;
}
html.sab-dark .bz-step.bad {
    color: #e2877e;
}
html.sab-dark .bz-step.run {
    color: #2a78d6;
}
html.sab-dark .bz-msg.user {
    background: #2a78d6;
    color: #fff;
}
html.sab-dark .bz-msg.ai {
    background: var(--sab-neutral-6, #eef3f9);
    color: var(--sab-text);
    border-color: var(--sab-border);
}
html.sab-dark .bz-hint {
    color: var(--sab-text-muted, #6b7785);
    border-color: var(--sab-border);
}
html.sab-dark .bz-input {
    border-color: var(--sab-border);
    background: var(--sab-bg);
    color: var(--sab-text);
}
html.sab-dark .bz-input:focus {
    border-color: #2a78d6;
}
html.sab-dark .bz-pdfview {
    border-color: var(--sab-border);
    background: #212121;
}
html.sab-dark .bz-days {
    border-color: var(--sab-border);
    background: var(--sab-surface, transparent);
}
html.sab-dark .bz-days-msg {
    color: #e47a7a;
}

/* ---- Components/SabErpAI/EnquiryAI.razor.css ---- */
html.sab-dark .eq-msg.user {
    background: #2a78d6;
    color: #fff;
}
html.sab-dark .eq-msg.ai {
    background: var(--sab-neutral-6, #eef3f9);
    color: var(--sab-text);
    border-color: var(--sab-border);
}
html.sab-dark .eq-card {
    background: var(--sab-bg);
    border-color: var(--sab-border);
}
html.sab-dark .eq-card img {
    background: #21282f;
}
html.sab-dark .eq-s b {
    color: #9eeab6;
}
html.sab-dark .eq-r b {
    color: #a2c6e7;
}
html.sab-dark .eq-draft {
    background: var(--sab-bg);
}
html.sab-dark .eq-draft th,
html.sab-dark .eq-draft td {
    border-color: var(--sab-border);
}
html.sab-dark .eq-draft th {
    background: var(--sab-neutral-6, #eef3f9);
}
html.sab-dark .eq-draft tr.short td {
    color: #e2877e;
}
html.sab-dark .eq-state {
    color: #9eeab6;
}
html.sab-dark .eq-input {
    border-color: var(--sab-border);
    background: var(--sab-bg);
    color: var(--sab-text);
}
html.sab-dark .eq-input:focus {
    border-color: #2a78d6;
}
html.sab-dark .eq-pdf {
    border-color: var(--sab-border);
    background: var(--sab-bg);
    color: #e2877e;
}
html.sab-dark .eq-sg {
    border-color: #2a78d6;
    background: var(--sab-bg);
    color: #a2c6e7;
}
html.sab-dark .eq-sg small {
    color: #9eeab6;
}
html.sab-dark .eq-sg:hover {
    background: #2a78d6;
    color: #fff;
}
html.sab-dark .eq-sg:hover small {
    color: #fff;
}
html.sab-dark .eq-mic {
    border-color: var(--sab-border);
    background: var(--sab-bg);
    color: #2a78d6;
}
html.sab-dark .eq-mic.on {
    background: #c0392b;
    border-color: #c0392b;
    color: #fff;
}
html.sab-dark .eq-sgq {
    color: var(--sab-text-muted, #6b7785);
}
html.sab-dark .eq-sg:hover .eq-sgq {
    color: #fff;
}
html.sab-dark .eq-scard {
    background: var(--sab-bg);
    border-color: var(--sab-border);
}
html.sab-dark .eq-scard:hover {
    border-color: #2a78d6;
}
html.sab-dark .eq-simg {
    background: #21282f;
    color: #94a3b8;
}
html.sab-dark .eq-sd {
    color: var(--sab-text);
}
html.sab-dark .eq-sq {
    color: var(--sab-text-muted, #6b7785);
}
html.sab-dark .eq-sm {
    color: #9eeab6;
}
html.sab-dark .eq-card img.nophoto {
    background: #212121;
}

/* ---- Components/SabErpAI/SabPickBox.razor.css ---- */
html.sab-dark .pb-box {
    background: var(--sab-bg);
    border-color: var(--sab-border);
}
html.sab-dark .pb-text {
    color: var(--sab-text);
}
html.sab-dark .pb-ph {
    color: var(--sab-text-muted, #94a3b8);
}
html.sab-dark .pb-btn {
    background: var(--sab-bg);
    color: var(--sab-text);
    border-left-color: var(--sab-border);
}
html.sab-dark .pb-btn:hover {
    background: var(--sab-surface-hover, #eef3f9);
}
html.sab-dark .pb-ro .pb-text {
    background: var(--sab-neutral-6, #f5f8fc);
}

/* ---- Components/SabErpAI/SabReminderPopup.razor.css ---- */
html.sab-dark .tk-form {
    border-color: var(--sab-border);
    background: var(--sab-neutral-6, #f5f8fc);
}
html.sab-dark .tk-lbl {
    color: var(--sab-text);
}
html.sab-dark .tk-head {
    color: var(--sab-text);
}
html.sab-dark .tk-count {
    background: #2a78d6;
    color: #fff;
}
html.sab-dark .tk-late {
    background: #391d1a;
    color: #e2877e;
}
html.sab-dark .tk-done {
    color: #9eeab6;
}
html.sab-dark .tk-done:hover {
    color: #9cefbb;
}
html.sab-dark .tk-wrap .tk-overdue td {
    color: #e2877e;
}
html.sab-dark .tk-empty {
    color: var(--sab-text-muted, #6b7785);
}

/* ---- Components/SabErpAI/WebOrderPopup.razor.css ---- */
html.sab-dark .wo-form {
    border-color: #3a414b;
    background: #212121;
}
html.sab-dark .wo-row label {
    color: var(--sab-text);
}
html.sab-dark .wo-shade {
    border-color: var(--sab-border);
    background: var(--sab-bg);
    color: var(--sab-text);
}
html.sab-dark .wo-info {
    color: var(--sab-text);
}
html.sab-dark .wo-short {
    color: #ec7f7f;
    background: #3e1919;
}
html.sab-dark .wo-img {
    border-color: var(--sab-border);
    background: #212121;
}
html.sab-dark .wo-noimg {
    color: #94a3b8;
}
html.sab-dark .wo-tot {
    color: var(--sab-text-muted, #6b7785);
}
html.sab-dark .wo-del {
    color: #e2877e;
}
html.sab-dark .wo-edit {
    color: #2a78d6;
}
html.sab-dark .wo-dcards::-webkit-scrollbar-thumb {
    background: #3e4650;
}
html.sab-dark .wo-dcard {
    background: var(--sab-bg);
    border-color: var(--sab-border);
}
html.sab-dark .wo-dcard:hover {
    border-color: #2a78d6;
}
html.sab-dark .wo-dcard.sel {
    border-color: #2a78d6;
    background: #1c2838;
}
html.sab-dark .wo-dimg {
    background: #21282f;
    color: #94a3b8;
}
html.sab-dark .wo-dname {
    color: var(--sab-text);
}
html.sab-dark .wo-dqty {
    color: #9eeab6;
}
html.sab-dark .wo-mic {
    border-color: var(--sab-border);
    background: var(--sab-bg);
    color: #2a78d6;
}
html.sab-dark .wo-mic.on {
    background: #c0392b;
    border-color: #c0392b;
    color: #fff;
}
html.sab-dark .wo-heard {
    color: var(--sab-text-muted, #6b7785);
}
html.sab-dark .wo-pdfview {
    border-color: var(--sab-border);
    background: #212121;
}
html.sab-dark .wo-scan > i {
    color: var(--sab-text);
}
html.sab-dark .wo-scanin {
    border-color: var(--sab-border);
    background: var(--sab-bg);
    color: var(--sab-text);
}
html.sab-dark .wo-scanin:focus {
    border-color: #2a78d6;
}
html.sab-dark .wo-scanbtn {
    border-color: var(--sab-border);
    background: var(--sab-bg);
    color: #2a78d6;
}
html.sab-dark .wo-scanbtn.on {
    background: #c0392b;
    border-color: #c0392b;
    color: #fff;
}
html.sab-dark .wo-cam {
    background: #000;
}
html.sab-dark .wo-cam-line {
    background: #e53935;
}
html.sab-dark .wo-img img.nophoto,
html.sab-dark .wo-dimg img.nophoto {
    background: #212121;
}
html.sab-dark .wo-zoom {
    background: #111827;
}
html.sab-dark .wo-pdfmobile {
    color: var(--sab-text);
    border-color: var(--sab-border);
}
html.sab-dark .wo-pdfmobile i {
    color: #e47a7a;
}

/* ---- Components/Setup/SabNotePad.razor.css ---- */
html.sab-dark .np-denied {
    color: #888;
}
html.sab-dark .np-msg {
    color: #b8b8b8;
}
html.sab-dark .np-restitle {
    color: #c0c0c0;
}

/* ---- Components/Setup/SabProperty.razor.css ---- */
html.sab-dark .sp-denied {
    color: #888;
}
html.sab-dark .sp-msg {
    color: #b8b8b8;
}

/* ---- Components/Setup/SabWebErpSetup.razor.css ---- */
html.sab-dark .es-bar {
    background: #1e252f;
    border-color: #3b424d;
}
html.sab-dark .es-bar label {
    color: #a3bdf0;
}
html.sab-dark .es-btn {
    border-color: #123372;
    background: #212121;
    color: #a3bdf0;
}
html.sab-dark .es-btn.es-mainbtn {
    background: #123372;
    color: #fff;
}
html.sab-dark .es-link {
    color: #2a78d6;
}
html.sab-dark .es-note {
    color: #afb6bf;
}
html.sab-dark .es-busy {
    color: #f2c98a;
}
html.sab-dark .es-msg.ok {
    background: #24352b;
    color: #a9edc7;
}
html.sab-dark .es-msg.err {
    background: #371a1a;
    color: #e88b8b;
}
html.sab-dark .es-sel {
    color: #84ecc7;
}
html.sab-dark .es-search {
    border-color: #454c56;
}
html.sab-dark .es-tree {
    border-color: #3b424d;
}
html.sab-dark .es-ttable th {
    background: #1e252f;
    color: #a3bdf0;
    border-bottom-color: #3b424d;
}
html.sab-dark .es-ttable td {
    border-bottom-color: #383c44;
}
html.sab-dark .es-tgroup td {
    background: #1d2634;
    color: #a3bdf0;
}
html.sab-dark .es-head {
    color: #a3bdf0;
}

/* ---- Components/Shared/SabEntRibbon.razor.css ---- */
html.sab-dark .sab-ribbon button {
    background: linear-gradient(var(--sab-primary-soft) 0%, var(--sab-primary-soft-hover) 100%) !important;
    color: var(--sab-text) !important;
    border-color: var(--sab-primary-border) !important;
}
html.sab-dark .sab-ribbon button:hover {
    background: linear-gradient(var(--sab-primary-soft-hover) 0%, var(--sab-primary-border) 100%) !important;
}
html.sab-dark .sab-ribbon .dxbl-btn {
    background: linear-gradient(var(--sab-primary-soft), var(--sab-primary-soft-hover)) !important;
    color: var(--sab-text) !important;
}
html.sab-dark .sab-ribbon .sab-print-running {
    background: var(--sab-primary) !important;
    color: white !important;
}
html.sab-dark .sab-ribbon .sab-print-running .dxbl-btn-icon,
html.sab-dark .sab-ribbon .sab-print-running svg {
    color: white !important;
}
html.sab-dark .sab-ribbon .dxbl-btn .fa-magnifying-glass {
    color: #1e88e5 !important;
}
html.sab-dark .sab-ribbon .dxbl-btn .fa-plus {
    color: #a3dda6 !important;
}
html.sab-dark .sab-ribbon .dxbl-btn .fa-pen-to-square {
    color: #f9a825 !important;
}
html.sab-dark .sab-ribbon .dxbl-btn .fa-floppy-disk {
    color: #84c9f1 !important;
}
html.sab-dark .sab-ribbon .dxbl-btn .fa-xmark {
    color: #b0b0b0 !important;
}
html.sab-dark .sab-ribbon .dxbl-btn .fa-trash {
    color: #d32f2f !important;
}
html.sab-dark .sab-ribbon .dxbl-btn .fa-rotate-right {
    color: #9df4eb !important;
}
html.sab-dark .sab-ribbon .dxbl-btn .fa-print {
    color: #bfccd3 !important;
}
html.sab-dark .sab-ribbon .dxbl-btn .fa-file-invoice {
    color: #a387db !important;
}
html.sab-dark .sab-ribbon .dxbl-btn .fa-envelope {
    color: #e47a7a !important;
}
html.sab-dark .sab-ribbon .dxbl-btn .fa-whatsapp {
    color: #73e69e !important;
}
html.sab-dark .sab-ribbon .dxbl-btn .fa-telegram {
    color: #6fc1e8 !important;
}
html.sab-dark .sab-ribbon .dxbl-btn .fa-barcode {
    color: #dadada !important;
}
html.sab-dark .sab-ribbon .dxbl-btn .fa-paperclip {
    color: #cfb7af !important;
}
html.sab-dark .sab-ribbon .dxbl-btn .fa-wand-magic-sparkles {
    color: #d288e6 !important;
}
html.sab-dark .sab-ribbon .dxbl-btn:disabled i[class*="fa-"],
html.sab-dark .sab-ribbon .dxbl-btn[aria-disabled="true"] i[class*="fa-"] {
    color: var(--sab-text-muted, #9e9e9e) !important;
}
html.sab-dark .sab-ribbon .sab-print-running i[class*="fa-"] {
    color: #fff !important;
}

/* ---- Components/Support/SabSupportPopup.razor.css ---- */
html.sab-dark .sp-mail {
    border-color: #3b424d;
    background: #19202c;
}
html.sab-dark .sp-lbl {
    color: #afb6bf;
}
html.sab-dark .sp-in {
    border-color: #454c56;
}
html.sab-dark .sp-query {
    border-color: #454c56;
}
html.sab-dark .sp-foot {
    border-top-color: #3d424a;
    border-bottom-color: #3d424a;
}
html.sab-dark .sp-btn {
    border-color: #123372;
    background: #212121;
    color: #a3bdf0;
}
html.sab-dark .sp-btn.sp-save {
    background: #123372;
    color: #fff;
}
html.sab-dark .sp-msg.ok {
    background: #24352b;
    color: #a9edc7;
}
html.sab-dark .sp-msg.err {
    background: #371a1a;
    color: #e88b8b;
}
html.sab-dark .sp-hist-head {
    color: #a3bdf0;
}
html.sab-dark .sp-btn.sp-rej {
    border-color: #a32020;
    color: #e88b8b;
}

/* ---- Components/Support/SabSupportPopup_solutions.razor.css ---- */
html.sab-dark .ss-bar {
    background: #1e252f;
    border-color: #3b424d;
}
html.sab-dark .ss-bar select,
html.sab-dark .ss-acts select {
    border-color: #454c56;
}
html.sab-dark .ss-me {
    color: #a3bdf0;
}
html.sab-dark .ss-time {
    color: #afb6bf;
}
html.sab-dark .ss-btn {
    border-color: #123372;
    background: #212121;
    color: #a3bdf0;
}
html.sab-dark .ss-btn.ss-main {
    background: #123372;
    color: #fff;
}
html.sab-dark .ss-dgrid span {
    color: #afb6bf;
}
html.sab-dark .ss-query {
    background: #19202c;
    border-color: #3b424d;
}
html.sab-dark .ss-lbl {
    color: #a3bdf0;
}
html.sab-dark .ss-sol {
    border-color: #454c56;
}
html.sab-dark .ss-ai {
    border-color: #454c56;
    color: #afb6bf;
}
html.sab-dark .ss-msg.ok {
    background: #24352b;
    color: #a9edc7;
}
html.sab-dark .ss-msg.err {
    background: #371a1a;
    color: #e88b8b;
}
html.sab-dark .ss-log {
    border-color: #373d46;
}

/* ---- Components/User/SabTutorialPopup.razor.css ---- */
html.sab-dark .tut-card {
    border-color: var(--sab-border);
    background: var(--sab-bg);
}
html.sab-dark .tut-card.on {
    border-color: #2a78d6;
}
html.sab-dark .tut-thumb {
    background: #0d47a1;
}
html.sab-dark .tut-play {
    color: rgba(255,255,255,.92);
}
html.sab-dark .tut-dur {
    background: rgba(0,0,0,.7);
    color: #fff;
}
html.sab-dark .tut-name {
    color: var(--sab-text);
}
html.sab-dark .tut-sub {
    color: var(--sab-text-muted, #6b7785);
}
html.sab-dark .tut-player {
    background: #0b1220;
}
html.sab-dark .tut-video {
    background: #000;
}
html.sab-dark .tut-now {
    background: rgba(0,0,0,.55);
    color: #fff;
}
html.sab-dark .tut-empty {
    color: #c7d2e3;
}
html.sab-dark .tut-empty i {
    color: #ffd666;
}
html.sab-dark .tut-lang {
    color: var(--sab-text);
}
html.sab-dark .tut-lang-opt {
    border-color: var(--sab-border);
}
html.sab-dark .tut-lang-opt.on {
    border-color: #2a78d6;
    background: rgba(42,120,214,.10);
}
html.sab-dark .tut-miss {
    background: rgba(214,120,42,.85);
    color: #fff;
}

/* >>> BREAKPOINT - MSTENTRY PANEL LOOK (dark) : card ko surface rang + border + shadow, page se alag dikhe. site.css ke baad load hota hai. */
html.sab-dark .mst-v2-card {
    background: var(--sab-surface);
    border: 1px solid var(--sab-border);
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .45);
    padding: 12px 14px;
    margin-bottom: 14px;
}
html.sab-dark .mst-v2-header {
    box-shadow: 0 4px 14px rgba(0, 0, 0, .45);
    border-radius: 12px;
    margin-bottom: 14px;
}

/* >>> REPORT HEADING PANEL (dark) : MstEntry heading jaisa */
html.sab-dark .report-filter-container .menu-title {
    box-shadow: 0 4px 14px rgba(0, 0, 0, .45) !important;
    border-radius: 12px !important;
    margin-bottom: 14px !important;
}

/* >>> CATALOG POPUP (dark) */
html.sab-dark .ct-bar { background: var(--sab-surface); border-color: var(--sab-border); }
html.sab-dark .ct-card { background: var(--sab-bg); border-color: var(--sab-border); }
html.sab-dark .ct-ph,
html.sab-dark .ct-pf { background: var(--sab-surface); border-color: var(--sab-border); }
html.sab-dark .ct-lbl, html.sab-dark .ct-all,
html.sab-dark .ct-q, html.sab-dark .ct-d, html.sab-dark .ct-n b { color: var(--sab-text); }
html.sab-dark .ct-s, html.sab-dark .ct-n, html.sab-dark .ct-cnt, html.sab-dark .ct-status { color: var(--sab-text-muted, #9aa4b2); }

/* >>> LEFT SIDE LISTBOX (dark) */
html.sab-dark .navigation-drawer > .dxbl-drawer-panel .sab-sidelist { background: var(--sab-surface); border-color: var(--sab-border); }
html.sab-dark .navigation-drawer > .dxbl-drawer-panel .sab-sidelist .reminder-row { background: var(--sab-surface) !important; border-bottom-color: var(--sab-border) !important; }
html.sab-dark .navigation-drawer > .dxbl-drawer-panel .sab-sidelist .reminder-row:hover { background: var(--sab-surface-hover) !important; }