/*
 * Xingtu White UI v1
 * First-batch redesign layer for overview, single-shop dashboard, and mobile dashboard.
 */

:root {
    --xw-page: #f4f7fb;
    --xw-surface: #ffffff;
    --xw-surface-soft: #f8fafc;
    --xw-surface-raised: #ffffff;
    --xw-border: #e2e8f0;
    --xw-border-strong: #cbd5e1;
    --xw-text: #0f172a;
    --xw-muted: #64748b;
    --xw-faint: #94a3b8;
    --xw-blue: #2563eb;
    --xw-blue-soft: #eff6ff;
    --xw-green: #059669;
    --xw-red: #e11d48;
    --xw-amber: #d97706;
    --xw-radius: 10px;
    --xw-radius-sm: 8px;
    --xw-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    --xw-shadow-hover: 0 8px 24px rgba(15, 23, 42, 0.07);
    --bg-main: var(--xw-page);
    --bg-card: var(--xw-surface);
    --bg-input: var(--xw-surface);
    --text-primary: var(--xw-text);
    --text-secondary: var(--xw-muted);
    --border-color: var(--xw-border);
    --border-light: var(--xw-border-strong);
    --surface-soft: var(--xw-surface-soft);
    --surface-raised: var(--xw-surface-raised);
    --accent-blue: var(--xw-blue);
    --accent-blue-bg: var(--xw-blue-soft);
    --accent-green: var(--xw-green);
    --accent-red: var(--xw-red);
    --accent-yellow: var(--xw-amber);
}

:root:not(.theme-light),
:root.theme-dark,
:root.dark {
    --xw-page: #0b1020;
    --xw-surface: #111827;
    --xw-surface-soft: #172033;
    --xw-surface-raised: #1a2438;
    --xw-border: rgba(148, 163, 184, 0.18);
    --xw-border-strong: rgba(148, 163, 184, 0.28);
    --xw-text: #e6eefb;
    --xw-muted: #9aa8bd;
    --xw-faint: #66758c;
    --xw-blue: #60a5fa;
    --xw-blue-soft: rgba(37, 99, 235, 0.18);
    --xw-green: #34d399;
    --xw-red: #fb7185;
    --xw-amber: #fbbf24;
    --xw-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
    --xw-shadow-hover: 0 22px 56px rgba(0, 0, 0, 0.3);
    --bg-main: var(--xw-page);
    --bg-card: var(--xw-surface);
    --bg-input: var(--xw-surface-soft);
    --text-primary: var(--xw-text);
    --text-secondary: var(--xw-muted);
    --border-color: var(--xw-border);
    --border-light: var(--xw-border-strong);
    --surface-soft: var(--xw-surface-soft);
    --surface-raised: var(--xw-surface-raised);
    --accent-blue: var(--xw-blue);
    --accent-blue-bg: var(--xw-blue-soft);
    --accent-green: var(--xw-green);
    --accent-red: var(--xw-red);
    --accent-yellow: var(--xw-amber);
}

html.theme-light {
    color-scheme: light;
}

html.theme-dark,
html.dark {
    color-scheme: dark;
}

body.xw-ui,
body.overview-redesign,
body.ki-bg {
    background: var(--xw-page) !important;
    color: var(--xw-text) !important;
}

body.xw-ui::before,
body.overview-redesign::before,
body.ki-bg::before {
    display: none !important;
}

body.xw-ui .main-content,
body.overview-redesign .main-content,
body.ki-bg .main-content {
    background: var(--xw-page) !important;
}

body.xw-ui .sidebar,
body.overview-redesign .sidebar,
body.ki-bg .sidebar {
    background: var(--xw-surface) !important;
    border-right: 1px solid var(--xw-border) !important;
    box-shadow: none !important;
}

body.xw-ui .sidebar-head,
body.overview-redesign .sidebar-head,
body.ki-bg .sidebar-head {
    border-bottom: 1px solid #eef2f7 !important;
}

body.xw-ui .logo,
body.overview-redesign .logo,
body.ki-bg .logo {
    color: var(--xw-text) !important;
}

body.xw-ui .brand-mark,
body.overview-redesign .brand-mark,
body.ki-bg .brand-mark {
    background: #ffffff !important;
    border: 1px solid #e7edf6 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

body.xw-ui .logo img,
body.overview-redesign .logo img,
body.ki-bg .logo img {
    filter: none !important;
}

body.xw-ui .brand-copy strong,
body.overview-redesign .brand-copy strong,
body.ki-bg .brand-copy strong {
    color: var(--xw-text) !important;
}

body.xw-ui .brand-copy small,
body.overview-redesign .brand-copy small,
body.ki-bg .brand-copy small {
    color: var(--xw-muted) !important;
}

body.xw-ui.sidebar-collapsed .sidebar-head,
body.overview-redesign.sidebar-collapsed .sidebar-head,
body.ki-bg.sidebar-collapsed .sidebar-head {
    min-height: 86px;
    max-height: 86px;
}

body.xw-ui.sidebar-collapsed .brand-mark,
body.overview-redesign.sidebar-collapsed .brand-mark,
body.ki-bg.sidebar-collapsed .brand-mark {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
}

body.xw-ui.sidebar-collapsed .logo img,
body.overview-redesign.sidebar-collapsed .logo img,
body.ki-bg.sidebar-collapsed .logo img {
    max-width: 32px;
    max-height: 32px;
}

body.xw-ui .nav-section,
body.overview-redesign .nav-section,
body.ki-bg .nav-section {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.xw-ui .nav-group,
body.overview-redesign .nav-group,
body.ki-bg .nav-group {
    min-height: 36px !important;
    color: #334155 !important;
    background: #f6f9fc !important;
    border-radius: 9px !important;
    border: 1px solid #e2e8f0 !important;
    font-size: 13px !important;
    font-weight: 880 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    opacity: 1 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}

body.xw-ui .nav-group i,
body.xw-ui .nav-group svg,
body.overview-redesign .nav-group i,
body.overview-redesign .nav-group svg,
body.ki-bg .nav-group i,
body.ki-bg .nav-group svg {
    color: #64748b !important;
    width: 15px !important;
    height: 15px !important;
}

body.xw-ui .nav-section.is-active .nav-group,
body.xw-ui .nav-group[aria-expanded="true"],
body.overview-redesign .nav-section.is-active .nav-group,
body.overview-redesign .nav-group[aria-expanded="true"],
body.ki-bg .nav-section.is-active .nav-group,
body.ki-bg .nav-group[aria-expanded="true"] {
    color: #0f172a !important;
    background: #eef5ff !important;
    border-color: #bfdbfe !important;
}

body.xw-ui .nav-section.is-active .nav-group i,
body.xw-ui .nav-section.is-active .nav-group svg,
body.xw-ui .nav-group[aria-expanded="true"] i,
body.xw-ui .nav-group[aria-expanded="true"] svg,
body.overview-redesign .nav-section.is-active .nav-group i,
body.overview-redesign .nav-section.is-active .nav-group svg,
body.overview-redesign .nav-group[aria-expanded="true"] i,
body.overview-redesign .nav-group[aria-expanded="true"] svg,
body.ki-bg .nav-section.is-active .nav-group i,
body.ki-bg .nav-section.is-active .nav-group svg,
body.ki-bg .nav-group[aria-expanded="true"] i,
body.ki-bg .nav-group[aria-expanded="true"] svg {
    color: #2563eb !important;
}

body.xw-ui .nav-section-items,
body.overview-redesign .nav-section-items,
body.ki-bg .nav-section-items {
    margin: 5px 0 2px 8px !important;
    padding-left: 8px !important;
    border-left: 1px solid #e8edf5 !important;
}

body.xw-ui .sidebar nav a,
body.overview-redesign .sidebar nav a,
body.ki-bg .sidebar nav a {
    min-height: 32px;
    border-radius: 7px !important;
    color: #334155 !important;
    background: transparent !important;
    border-left: 0 !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 720 !important;
    padding-left: 10px !important;
}

body.xw-ui .sidebar nav a:hover,
body.overview-redesign .sidebar nav a:hover,
body.ki-bg .sidebar nav a:hover {
    background: var(--xw-surface-soft) !important;
    color: var(--xw-text) !important;
}

body.xw-ui .sidebar nav a.active,
body.overview-redesign .sidebar nav a.active,
body.ki-bg .sidebar nav a.active {
    background: #eef5ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #cfe0ff !important;
    box-shadow: inset 3px 0 0 #2563eb, 0 1px 2px rgba(37,99,235,.08) !important;
    font-weight: 840 !important;
}

body.xw-ui .sidebar-footer,
body.overview-redesign .sidebar-footer,
body.ki-bg .sidebar-footer,
body.xw-ui .sidebar > div:last-child,
body.overview-redesign .sidebar > div:last-child,
body.ki-bg .sidebar > div:last-child {
    background: var(--xw-surface) !important;
    border-top: 1px solid #eef2f7 !important;
}

body.xw-ui .sidebar-action,
body.overview-redesign .sidebar-action,
body.ki-bg .sidebar-action,
body.xw-ui #sidebarLangSwitch .lang-btn,
body.overview-redesign #sidebarLangSwitch .lang-btn,
body.ki-bg #sidebarLangSwitch .lang-btn {
    background: var(--xw-surface-soft) !important;
    color: #475569 !important;
    border: 1px solid var(--xw-border) !important;
    box-shadow: none !important;
}

body.xw-ui .sidebar-action[onclick="toggleTheme()"],
body.overview-redesign .sidebar-action[onclick="toggleTheme()"],
body.ki-bg .sidebar-action[onclick="toggleTheme()"] {
    display: none !important;
}

body.xw-ui .topbar,
body.xw-ui .ki-topbar,
body.overview-redesign .topbar,
body.ki-bg .ki-topbar {
    min-height: 56px !important;
    height: auto !important;
    padding: 9px 22px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid var(--xw-border) !important;
    box-shadow: none !important;
    backdrop-filter: blur(10px) !important;
}

body.xw-desktop-shell .main-content {
    background: var(--xw-page) !important;
    transition: margin-left .24s ease, width .24s ease, background .2s ease;
}

body.xw-desktop-shell .sidebar {
    background: #ffffff !important;
    border-right: 1px solid #dbe4f0 !important;
    transition: width .24s ease, transform .24s ease, box-shadow .2s ease;
}

body.xw-desktop-shell .sidebar-head {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    background: #fff !important;
    border-bottom: 1px solid #e6edf6 !important;
}

body.xw-desktop-shell .sidebar-nav {
    padding: 9px 8px 12px !important;
}

body.xw-desktop-shell .nav-section {
    margin: 0 0 8px !important;
}

body.xw-desktop-shell .nav-group {
    min-height: 36px !important;
    padding: 0 10px !important;
    background: #f4f8fd !important;
    border: 1px solid #dfe8f4 !important;
    border-radius: 7px !important;
    color: #26354a !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

body.xw-desktop-shell .nav-group:hover {
    transform: translateX(1px);
}

body.xw-desktop-shell .nav-section.is-active .nav-group,
body.xw-desktop-shell .nav-group[aria-expanded="true"] {
    background: #eaf3ff !important;
    border-color: #bad4ff !important;
    color: #0f2f66 !important;
}

body.xw-desktop-shell .nav-section-items {
    margin: 5px 0 0 10px !important;
    padding-left: 8px !important;
    border-left: 1px solid #e5edf6 !important;
}

body.xw-desktop-shell .sidebar nav a {
    min-height: 32px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    color: #35445b !important;
    font-size: 12px !important;
    font-weight: 720 !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

body.xw-desktop-shell .sidebar nav a:hover {
    transform: translateX(1px);
}

body.xw-desktop-shell .sidebar nav a.active {
    background: #eaf2ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #c7dafb !important;
    box-shadow: inset 3px 0 0 #2563eb !important;
}

body.xw-desktop-shell .sidebar-footer.xw-sidebar-lite {
    padding: 10px 12px 12px !important;
    background: #fff !important;
}

body.xw-desktop-shell .xw-site-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 28px 24px 0;
    padding: 18px 16px 24px;
    border-top: 1px solid #dbe4f0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.8;
    text-align: center;
}

body.xw-desktop-shell .beian {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    row-gap: 2px;
    flex-wrap: wrap;
}

body.xw-desktop-shell .beian a {
    color: #64748b;
    text-decoration: none;
    transition: color .18s ease;
}

body.xw-desktop-shell .beian a:hover {
    color: #2563eb;
}

body.xw-desktop-shell .beian-divider {
    color: #cbd5e1;
}

body.xw-desktop-shell .xw-workbench-shell {
    position: sticky;
    top: 0;
    z-index: 90;
    background: rgba(255,255,255,.96);
    border-bottom: 1px solid #dbe4f0;
    box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 12px 30px rgba(15,23,42,.035);
    backdrop-filter: blur(10px);
    transition: box-shadow .2s ease, background .2s ease, border-color .2s ease;
}

body.xw-desktop-shell .xw-workbench-head {
    min-height: 42px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 7px 18px 6px;
    background: rgba(255,255,255,.96);
    color: #172033;
}

body.xw-desktop-shell .xw-mobile-menu {
    display: none;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbe4f0;
    border-radius: 6px;
    background: #f8fafc;
    color: #334155;
}

body.xw-desktop-shell .xw-breadcrumb {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    color: #64748b;
    font-size: 13px;
    font-weight: 720;
    white-space: nowrap;
    overflow: hidden;
}

body.xw-desktop-shell .xw-breadcrumb span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.xw-desktop-shell .xw-breadcrumb .current {
    color: #0f172a;
    font-weight: 850;
}

body.xw-desktop-shell .xw-breadcrumb i,
body.xw-desktop-shell .xw-breadcrumb svg {
    width: 13px;
    height: 13px;
    flex: 0 0 auto;
    color: #94a3b8;
}

body.xw-desktop-shell .xw-action-zone {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    min-width: 0;
}

body.xw-desktop-shell .xw-data-time,
body.xw-desktop-shell .xw-user-pill,
body.xw-desktop-shell .xw-action-btn,
body.xw-desktop-shell .xw-action-lang {
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid #dbe4f0;
    background: #ffffff;
    color: #334155;
    font-size: 12px;
    font-weight: 760;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

body.xw-desktop-shell .xw-data-time {
    gap: 6px;
    padding: 0 10px;
    color: #2563eb;
    background: #eff6ff;
    border-color: #bfdbfe;
}

body.xw-desktop-shell .xw-user-pill {
    gap: 6px;
    padding: 0 10px;
    max-width: 160px;
}

body.xw-desktop-shell .xw-user-pill span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.xw-desktop-shell .xw-action-btn {
    width: 30px;
    padding: 0;
    cursor: pointer;
}

body.xw-desktop-shell .xw-tv-shortcut,
body.xw-desktop-shell .xw-supply-shortcut {
    width: auto;
    min-width: 74px;
    padding: 0 12px;
    gap: 6px;
    border-color: #60a5fa;
    background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(37,99,235,.24);
    font-weight: 850;
}

body.xw-desktop-shell .xw-tv-shortcut span {
    display: inline-block;
    line-height: 1;
}

body.xw-desktop-shell .xw-tv-shortcut:hover {
    background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);
    border-color: #1d4ed8;
    color: #ffffff;
    box-shadow: 0 8px 22px rgba(37,99,235,.30);
}

body.xw-desktop-shell .xw-supply-shortcut {
    min-width: 84px;
    border-color: #34d399;
    background: linear-gradient(180deg, #10b981 0%, #059669 100%);
    box-shadow: 0 6px 18px rgba(5,150,105,.22);
}

body.xw-desktop-shell .xw-supply-shortcut span {
    display: inline-block;
    line-height: 1;
}

body.xw-desktop-shell .xw-supply-shortcut:hover {
    background: linear-gradient(180deg, #059669 0%, #047857 100%);
    border-color: #047857;
    color: #ffffff;
    box-shadow: 0 8px 22px rgba(5,150,105,.28);
}

body.xw-desktop-shell .xw-action-btn:hover,
body.xw-desktop-shell .xw-action-lang:hover,
body.xw-desktop-shell .xw-action-lang.active {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
    box-shadow: 0 4px 12px rgba(37,99,235,.08);
    transform: translateY(-1px);
}

body.xw-desktop-shell .xw-action-btn.danger:hover {
    background: #fff1f2;
    border-color: #fecdd3;
    color: #e11d48;
}

body.xw-desktop-shell .xw-action-btn i,
body.xw-desktop-shell .xw-action-btn svg,
body.xw-desktop-shell .xw-data-time i,
body.xw-desktop-shell .xw-data-time svg,
body.xw-desktop-shell .xw-user-pill i,
body.xw-desktop-shell .xw-user-pill svg {
    width: 14px;
    height: 14px;
}

body.xw-desktop-shell .xw-lang-actions {
    display: inline-flex;
    gap: 4px;
}

body.xw-desktop-shell .xw-legal-actions {
    height: 28px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 0 7px;
    border: 1px solid #dbe4f0;
    border-radius: 999px;
    background: #ffffff;
}

body.xw-desktop-shell .xw-legal-actions a {
    height: 20px;
    display: inline-flex;
    align-items: center;
    padding: 0 6px;
    border-radius: 999px;
    color: #64748b;
    font-size: 11px;
    font-weight: 780;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}

body.xw-desktop-shell .xw-legal-actions a:hover {
    background: #eff6ff;
    color: #1d4ed8;
}

body.xw-desktop-shell .xw-action-lang {
    min-width: 34px;
    padding: 0 8px;
    cursor: pointer;
}

body.xw-desktop-shell .xw-tab-strip {
    height: 36px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 14px;
    overflow-x: auto;
    overflow-y: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.xw-desktop-shell .xw-tab-strip::-webkit-scrollbar {
    height: 4px;
}

body.xw-desktop-shell .xw-tab-strip::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}

body.xw-desktop-shell .xw-tab {
    height: 26px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    border: 1px solid #dce5f0;
    border-radius: 3px;
    background: #fff;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

body.xw-desktop-shell .xw-tab:hover {
    border-color: #bfdbfe;
    color: #1d4ed8;
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(15,23,42,.06);
}

body.xw-desktop-shell .xw-tab.active {
    background: #3388f2;
    border-color: #3388f2;
    color: #fff;
    box-shadow: 0 6px 16px rgba(51,136,242,.18);
}

body.xw-desktop-shell .xw-tab-close {
    width: 16px;
    height: 16px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: currentColor;
    opacity: .72;
    cursor: pointer;
}

body.xw-desktop-shell .xw-tab-close:hover {
    background: rgba(15,23,42,.12);
    opacity: 1;
}

body.xw-desktop-shell .xw-tab-close i,
body.xw-desktop-shell .xw-tab-close svg {
    width: 12px;
    height: 12px;
}

body.xw-desktop-shell .main-content > .topbar,
body.xw-desktop-shell .main-content > .ki-topbar {
    top: 78px;
}

body.xw-desktop-shell.sidebar-collapsed .sidebar-head {
    min-height: 82px !important;
    max-height: 82px !important;
    padding: 8px 8px 7px !important;
    gap: 6px !important;
}

body.xw-desktop-shell.sidebar-collapsed .brand-mark {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
}

body.xw-desktop-shell.sidebar-collapsed .logo img {
    max-width: 31px !important;
    max-height: 31px !important;
}

body.xw-desktop-shell.sidebar-collapsed .sidebar-collapse-btn {
    width: 38px !important;
    height: 30px !important;
    flex-basis: 30px !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    border-color: #dbe4f0 !important;
}

body.xw-desktop-shell.sidebar-collapsed .sidebar-nav {
    overflow: visible !important;
}

body.xw-desktop-shell.sidebar-collapsed .nav-section-items,
body.xw-desktop-shell.sidebar-collapsed .nav-section-items[data-collapsed="true"] {
    display: none !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    min-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

body.xw-desktop-shell.sidebar-collapsed .nav-section:hover .nav-section-items,
body.xw-desktop-shell.sidebar-collapsed .nav-section:focus-within .nav-section-items {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.xw-desktop-shell.sidebar-collapsed .nav-section:hover .nav-group {
    transform: translateY(-1px);
}

body.xw-desktop-shell.sidebar-collapsed .nav-group {
    position: relative;
}

body.xw-desktop-shell.sidebar-collapsed .nav-group::after {
    content: attr(title);
    position: absolute;
    left: 50px;
    top: 50%;
    z-index: 20;
    max-width: 160px;
    padding: 6px 9px;
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 10px 24px rgba(15,23,42,.12);
    font-size: 12px;
    font-weight: 760;
    line-height: 1.2;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translate(0, -50%) scale(.98);
    transition: opacity .14s ease, transform .14s ease;
}

body.xw-desktop-shell.sidebar-collapsed .nav-group::before {
    content: "";
    position: absolute;
    left: 45px;
    top: 50%;
    z-index: 21;
    width: 8px;
    height: 8px;
    border-left: 1px solid #dbe4f0;
    border-bottom: 1px solid #dbe4f0;
    background: #ffffff;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-50%) rotate(45deg);
    transition: opacity .14s ease;
}

body.xw-desktop-shell.sidebar-collapsed .nav-group:hover::after,
body.xw-desktop-shell.sidebar-collapsed .nav-group:focus-visible::after,
body.xw-desktop-shell.sidebar-collapsed .nav-group:hover::before,
body.xw-desktop-shell.sidebar-collapsed .nav-group:focus-visible::before {
    opacity: 1;
    transform: translate(4px, -50%) scale(1);
}

body.xw-desktop-shell.sidebar-collapsed .nav-group::after,
body.xw-desktop-shell.sidebar-collapsed .nav-group::before {
    content: none !important;
    display: none !important;
}

@media (max-width: 1280px) {
    body.xw-desktop-shell .xw-workbench-head {
        grid-template-columns: minmax(160px, 1fr) auto;
        gap: 10px;
        padding: 7px 14px 6px;
    }

    body.xw-desktop-shell .xw-mobile-menu {
        display: none !important;
    }

    body.xw-desktop-shell .xw-action-zone {
        gap: 5px;
    }

    body.xw-desktop-shell .xw-data-time,
    body.xw-desktop-shell .xw-user-pill {
        max-width: 142px;
    }

    body.xw-desktop-shell .xw-lang-actions {
        display: none;
    }

    body.xw-desktop-shell .xw-legal-actions {
        display: none;
    }

    body.xw-desktop-shell .xw-tv-shortcut {
        min-width: 34px;
        width: 34px;
        padding: 0;
    }

    body.xw-desktop-shell .xw-tv-shortcut span {
        display: none;
    }
}

@media (max-width: 1080px) {
    body.xw-desktop-shell .xw-workbench-head {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    body.xw-desktop-shell .xw-data-time {
        display: none !important;
    }

    body.xw-desktop-shell .xw-user-pill {
        max-width: 112px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.xw-desktop-shell .main-content,
    body.xw-desktop-shell .sidebar,
    body.xw-desktop-shell .nav-group,
    body.xw-desktop-shell .sidebar nav a,
    body.xw-desktop-shell .xw-workbench-shell,
    body.xw-desktop-shell .xw-data-time,
    body.xw-desktop-shell .xw-user-pill,
    body.xw-desktop-shell .xw-action-btn,
    body.xw-desktop-shell .xw-action-lang,
    body.xw-desktop-shell .xw-tab {
        transition: none !important;
        transform: none !important;
    }
}

body.xw-ui select,
body.xw-ui input[type="date"],
body.xw-ui input[type="text"],
body.overview-redesign select,
body.overview-redesign input[type="date"],
body.ki-bg select,
body.ki-bg input[type="date"] {
    height: 36px !important;
    min-height: 36px !important;
    background: var(--xw-surface) !important;
    border: 1px solid var(--xw-border-strong) !important;
    border-radius: var(--xw-radius-sm) !important;
    color: var(--xw-text) !important;
    box-shadow: none !important;
}

body.xw-ui button,
body.overview-redesign button,
body.ki-bg button {
    letter-spacing: 0;
}

.xw-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(460px, auto);
    gap: 10px 12px;
    align-items: start;
    width: 100%;
}

.xw-filter-group {
    display: grid !important;
    grid-template-columns: minmax(120px, 0.8fr) minmax(140px, 0.9fr) minmax(230px, 1.2fr);
    gap: 8px;
    min-width: 0;
    align-items: center;
}

.xw-filter-group .xw-label {
    display: none;
}

.xw-date-group {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end;
    gap: 8px !important;
    min-width: 0;
}

.xw-date-group .date-picker,
.xw-date-group .xw-date-pair {
    height: 36px;
    flex-shrink: 0;
}

.xw-date-pair {
    display: flex;
    align-items: center;
    gap: 6px;
}

.xw-quick-dates,
.xw-date-group .quick-dates {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(48px, auto));
    gap: 6px;
}

.xw-quick-dates button,
.xw-date-group .quick-dates button,
body.overview-redesign .quick-dates button,
body.ki-bg .ki-topbar .sd-date-panel .xw-quick-dates button {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 9px !important;
    border-radius: var(--xw-radius-sm) !important;
    background: var(--xw-surface) !important;
    color: #475569 !important;
    border: 1px solid var(--xw-border) !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    white-space: nowrap;
}

body.ki-bg .ki-topbar .sd-filter-trigger,
body.ki-bg .ki-topbar .sd-shop-trigger,
body.ki-bg .ki-topbar .sd-date-trigger {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 11px 0 13px !important;
    border: 1px solid #dbe3ee !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #fff, #f8fafc) !important;
    color: #0f172a !important;
    box-shadow: 0 1px 1px rgba(15, 23, 42, .03) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
}

body.ki-bg .ki-topbar .sd-date-trigger {
    min-width: 248px !important;
    border-radius: 999px !important;
    font-weight: 720 !important;
}

body.ki-bg .ki-topbar .sd-filter-trigger:hover,
body.ki-bg .ki-topbar .sd-filter-trigger[aria-expanded="true"],
body.ki-bg .ki-topbar .sd-shop-trigger:hover,
body.ki-bg .ki-topbar .sd-shop-trigger[aria-expanded="true"],
body.ki-bg .ki-topbar .sd-date-trigger:hover,
body.ki-bg .ki-topbar .sd-date-trigger[aria-expanded="true"] {
    border-color: #bfdbfe !important;
    background: #fff !important;
}

body.ki-bg .ki-topbar .sd-select-option,
body.ki-bg .ki-topbar .sd-shop-option {
    height: auto !important;
    min-height: 32px !important;
    padding: 7px 10px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #0f172a !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 620 !important;
    justify-content: space-between !important;
}

body.ki-bg .ki-topbar .sd-select-option + .sd-select-option,
body.ki-bg .ki-topbar .sd-shop-option + .sd-shop-option {
    border-top: 1px solid #eef2f7 !important;
}

body.ki-bg .ki-topbar .sd-select-option:hover,
body.ki-bg .ki-topbar .sd-select-option.active,
body.ki-bg .ki-topbar .sd-shop-option:hover,
body.ki-bg .ki-topbar .sd-shop-option.active {
    background: #eef4ff !important;
    color: #1d4ed8 !important;
}

#mobileMenuBtn {
    width: 36px !important;
    height: 36px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--xw-border) !important;
    border-radius: var(--xw-radius-sm) !important;
    background: var(--xw-surface) !important;
    color: var(--xw-muted) !important;
}

@media (min-width: 821px) {
    body.xw-ui #mobileMenuBtn,
    body.overview-redesign #mobileMenuBtn,
    body.ki-bg #mobileMenuBtn {
        display: none !important;
    }
}

.xw-shell,
.xt-dashboard-body,
.overview-shell {
    max-width: 1520px;
    margin: 0 auto;
    padding: 18px 24px 36px;
    display: grid;
    gap: 16px;
}

body.xw-ui .content-body,
body.xw-ui .dashboard-container,
body.xw-ui .section-title {
    color: var(--xw-text);
}

.xw-page-head,
.xt-page-head,
.overview-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 14px;
    margin: 0;
    padding: 0;
}

.xw-page-title::before,
.xt-page-title::before,
.overview-title::before {
    content: "XINGTU BUSINESS REVIEW";
    display: block;
    margin-bottom: 6px;
    color: var(--xw-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.xw-page-title h1,
.xt-page-title #sdShopName,
.overview-title h1 {
    margin: 0;
    color: var(--xw-text) !important;
    font-size: clamp(22px, 1.75vw, 26px);
    font-weight: 860;
    letter-spacing: 0;
}

.xw-page-title p,
.xt-page-title p,
.overview-title p {
    margin: 6px 0 0;
    color: var(--xw-muted) !important;
    font-size: 13px;
}

.xw-chip-row,
.xt-alert-strip,
.overview-health {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.xw-chip,
.xt-alert-pill,
.overview-chip {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid var(--xw-border);
    background: var(--xw-surface);
    color: #475569 !important;
    font-size: 12px;
    font-weight: 760;
    box-shadow: none;
}

.xw-chip.warn,
.xt-alert-pill.warn,
.overview-chip.warn {
    color: var(--xw-amber) !important;
    background: #fff7ed !important;
    border-color: #fed7aa !important;
}

.xw-panel,
.overview-panel,
.overview-kpi-section,
.ki-card,
.xt-section-card,
.xt-kpi-card,
.m-card {
    background: var(--xw-surface) !important;
    border: 1px solid var(--xw-border) !important;
    border-radius: var(--xw-radius) !important;
    box-shadow: var(--xw-shadow) !important;
    backdrop-filter: none !important;
}

.xw-panel-head,
.overview-panel-head,
.overview-section-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.xw-panel-head h2,
.overview-panel-head h2,
.overview-section-head h2,
.ki-section-title {
    margin: 0;
    color: var(--xw-text) !important;
    font-size: 16px;
    font-weight: 830;
    letter-spacing: 0;
}

.xw-panel-head span,
.overview-panel-head span,
.overview-section-head span {
    color: var(--xw-muted) !important;
    font-size: 12px;
}

.xt-kpi-strip {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.xt-kpi-card {
    min-height: 82px !important;
    padding: 11px 14px !important;
    justify-content: flex-start !important;
}

.xt-kpi-value,
.kpi-value {
    color: var(--xw-text) !important;
    font-size: clamp(20px, 1.45vw, 26px) !important;
    line-height: 1.08 !important;
    font-weight: 860 !important;
    text-shadow: none !important;
}

.xt-kpi-sub,
.ki-metric-label {
    color: var(--xw-muted) !important;
}

.ki-hero-grid {
    grid-template-columns: minmax(0, 1.42fr) minmax(320px, 0.58fr) !important;
    gap: 14px !important;
    min-height: 0 !important;
}

.ki-mid-grid,
.xt-ops-grid {
    gap: 14px !important;
}

.xt-section-card {
    padding: 15px !important;
}

.xt-section-card.is-chart {
    min-height: 286px !important;
}

.xt-section-card #sdChartRevenue {
    min-height: 248px !important;
}

.xt-section-card #sdRegionChart,
.xt-section-card #sdChartPulse {
    height: 238px !important;
}

.xt-section-card #sdSkuPieChart {
    height: 212px !important;
}

.xt-summary-tile,
.xt-fulfillment-tile {
    background: var(--xw-surface-soft) !important;
    border: 1px solid #eef2f7 !important;
    border-radius: var(--xw-radius-sm) !important;
}

.xt-summary-tile strong,
.xt-fulfillment-tile .value {
    color: var(--xw-text) !important;
}

.xt-review-note {
    background: var(--xw-blue-soft) !important;
    border: 1px dashed #bfdbfe !important;
    color: var(--xw-muted) !important;
}

.xt-product-section.ki-top-grid {
    background: var(--xw-surface) !important;
    border: 1px solid var(--xw-border) !important;
    border-radius: var(--xw-radius) !important;
    box-shadow: var(--xw-shadow) !important;
    padding: 15px !important;
}

.xt-product-section .ki-product-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 10px !important;
}

body.xw-ui .ki-pcard,
body.ki-bg .ki-pcard {
    min-height: 0 !important;
    padding: 12px !important;
    border-radius: var(--xw-radius-sm) !important;
    background: var(--xw-surface) !important;
    border: 1px solid #e8edf5 !important;
    box-shadow: none !important;
    transform: none !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 9px !important;
}

body.xw-ui .ki-pcard:hover,
body.ki-bg .ki-pcard:hover {
    background: #fbfdff !important;
    border-color: #cbd5e1 !important;
    transform: none !important;
}

body.xw-ui .ki-pcard::before,
body.ki-bg .ki-pcard::before {
    display: none !important;
}

body.xw-ui .ki-pcard-rank,
body.ki-bg .ki-pcard-rank {
    position: static !important;
    justify-self: start;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    background: var(--xw-surface-soft) !important;
    color: var(--xw-muted) !important;
    font-size: 10px !important;
    font-weight: 820 !important;
}

body.xw-ui .ki-pcard.top-1 .ki-pcard-rank,
body.ki-bg .ki-pcard.top-1 .ki-pcard-rank {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

body.xw-ui .ki-pcard.top-2 .ki-pcard-rank,
body.ki-bg .ki-pcard.top-2 .ki-pcard-rank,
body.xw-ui .ki-pcard.top-3 .ki-pcard-rank,
body.ki-bg .ki-pcard.top-3 .ki-pcard-rank {
    background: #f8fafc !important;
    color: #475569 !important;
}

body.xw-ui .ki-pcard-head,
body.ki-bg .ki-pcard-head {
    margin: 0 !important;
    padding: 0 !important;
    gap: 10px !important;
}

body.xw-ui .ki-pcard-img,
body.ki-bg .ki-pcard-img {
    width: 54px !important;
    height: 54px !important;
    border-radius: 9px !important;
    background: var(--xw-surface-soft) !important;
    border: 1px solid #e8edf5 !important;
    flex: 0 0 54px;
}

body.xw-ui .ki-pcard-name,
body.ki-bg .ki-pcard-name {
    color: var(--xw-text) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 780 !important;
    word-break: break-word;
}

body.xw-ui .ki-pcard-sku,
body.ki-bg .ki-pcard-sku {
    color: var(--xw-muted) !important;
    font-size: 11px !important;
}

body.xw-ui .ki-pcard-kpis,
body.ki-bg .ki-pcard-kpis {
    margin: 0 !important;
    gap: 8px !important;
}

body.xw-ui .ki-pcard-kpi,
body.ki-bg .ki-pcard-kpi {
    background: var(--xw-surface-soft) !important;
    border: 1px solid #eef2f7;
    padding: 8px !important;
}

body.xw-ui .ki-pcard-kpi-label,
body.ki-bg .ki-pcard-kpi-label,
body.xw-ui .ki-pcard-rates,
body.ki-bg .ki-pcard-rates,
body.xw-ui .ki-pcard-footer,
body.ki-bg .ki-pcard-footer {
    color: var(--xw-muted) !important;
}

body.xw-ui .ki-pcard-rates,
body.ki-bg .ki-pcard-rates {
    margin: 0 !important;
    padding-top: 9px !important;
    border-top: 1px solid #eef2f7 !important;
}

body.xw-ui .ki-pcard-rates span,
body.ki-bg .ki-pcard-rates span,
body.xw-ui .ki-pcard-footer span,
body.ki-bg .ki-pcard-footer span {
    color: var(--xw-text) !important;
}

body.xw-ui .ki-pcard-footer,
body.ki-bg .ki-pcard-footer {
    padding-top: 0 !important;
    gap: 8px;
}

.chart-card,
.overview-redesign .chart-card {
    background: var(--xw-surface) !important;
    border: 1px solid var(--xw-border) !important;
    border-radius: var(--xw-radius) !important;
    box-shadow: var(--xw-shadow) !important;
}

table.data-table,
.overview-sku-table,
.shop-pk-table {
    color: var(--xw-text) !important;
}

table.data-table th,
.overview-sku-table th,
.shop-pk-table th {
    background: var(--xw-surface-soft) !important;
    color: var(--xw-muted) !important;
}

table.data-table td,
.overview-sku-table td,
.shop-pk-table td {
    color: var(--xw-text) !important;
}

.overview-redesign .controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(470px, auto) !important;
    gap: 10px 12px !important;
    align-items: start !important;
}

.overview-filter-group {
    grid-template-columns: minmax(160px, .9fr) minmax(160px, .9fr) minmax(260px, 1.2fr) !important;
    gap: 8px !important;
}

.overview-select-wrap {
    min-width: 0 !important;
}

.overview-shop-jump {
    min-width: 260px !important;
}

.overview-shop-picker {
    width: 100% !important;
}

.overview-date-group {
    gap: 8px !important;
}

.overview-date-group .date-picker {
    background: var(--xw-surface) !important;
    border: 1px solid var(--xw-border-strong) !important;
    border-radius: var(--xw-radius-sm) !important;
    box-shadow: none !important;
}

.overview-redesign .kpi-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.overview-redesign .kpi-card {
    min-height: 82px !important;
    padding: 11px 14px !important;
    overflow: hidden !important;
}

.overview-redesign .kpi-value {
    font-size: clamp(19px, 1.35vw, 25px) !important;
}

.overview-redesign .kpi-sub-row {
    display: none !important;
}

.overview-redesign .kpi-sub-item {
    display: grid !important;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.overview-redesign .kpi-sub-label,
.overview-redesign .kpi-sub-val {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.overview-main-grid {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 0.35fr) !important;
}

.shop-cards-wrapper {
    max-height: 520px !important;
}

.store-recap-grid.is-focused {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important;
}

.shop-card-compact.shop-trend-card {
    min-height: 218px !important;
    padding: 14px !important;
    color: inherit !important;
    text-decoration: none !important;
    cursor: pointer;
    width: 100% !important;
    text-align: left !important;
    font: inherit !important;
}

.shop-card-compact .gmv {
    font-size: 21px !important;
}


.shop-trend-card .mini-trend {
    height: 72px !important;
}

.shop-card-link {
    flex: 0 0 auto;
    color: var(--xw-blue);
    font-size: 12px;
    font-weight: 780;
}

@media (max-width: 1180px) {
    .xw-toolbar {
        grid-template-columns: 1fr;
    }

    .overview-redesign .controls {
        grid-template-columns: 1fr !important;
    }

    .xw-date-group {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 1360px) {
    .xw-shell,
    .xt-dashboard-body,
    .overview-shell {
        padding: 14px 18px 32px;
    }

    .xt-kpi-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        overflow-x: visible;
        scrollbar-width: thin;
    }

    .ki-hero-grid {
        grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr) !important;
    }

    .xt-ops-grid,
    .ki-mid-grid,
    .overview-main-grid {
        grid-template-columns: 1fr !important;
    }

    .xt-section-card.is-chart {
        min-height: 264px !important;
    }

    .overview-redesign .kpi-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .ods-kpi-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ods-hero-grid,
    .ods-ops-grid {
        grid-template-columns: 1fr;
    }

    .ods-product-row {
        grid-template-columns: 28px 40px minmax(0, 1fr);
    }

    .ods-product-row em,
    .ods-product-row > span:last-child {
        display: none;
    }
}

@media (min-width: 821px) and (max-width: 1120px) {
    body.xw-desktop-shell.inventory-page .topbar {
        padding: 10px 14px !important;
    }

    body.xw-desktop-shell.inventory-page .inventory-filter-bar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 48px !important;
        align-items: center !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

    body.xw-desktop-shell.inventory-page .inventory-filter-primary {
        display: grid !important;
        grid-template-columns: minmax(122px, 1fr) minmax(122px, 1fr) minmax(122px, 1fr) minmax(160px, 1.25fr) !important;
        gap: 8px !important;
        min-width: 0 !important;
        flex-wrap: nowrap !important;
        width: auto !important;
        max-width: none !important;
    }

    body.xw-desktop-shell.inventory-page .inventory-filter-primary .xw-select-wrap,
    body.xw-desktop-shell.inventory-page .inventory-filter-primary [data-xw-select="shopFilter"],
    body.xw-desktop-shell.inventory-page .inventory-filter-primary .inv-search,
    body.xw-desktop-shell.inventory-page .inventory-export-btn {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: initial !important;
    }

    body.xw-desktop-shell.inventory-page .inventory-export-btn {
        width: 48px !important;
        height: 36px !important;
        align-self: stretch !important;
        padding: 0 !important;
        border-radius: 10px !important;
    }

    body.xw-desktop-shell.inventory-page .inventory-export-btn span {
        display: none !important;
    }
}

@media (max-width: 820px) {
    body.xw-ui .main-content,
    body.overview-redesign .main-content,
    body.ki-bg .main-content {
        margin-left: 0 !important;
        width: 100% !important;
    }

    body.xw-ui .topbar,
    body.xw-ui .ki-topbar,
    body.overview-redesign .topbar,
    body.ki-bg .ki-topbar {
        padding: 8px 12px !important;
        min-height: 0 !important;
    }

    .xw-filter-group {
        grid-template-columns: minmax(0, 1fr);
    }

    .xw-filter-group select {
        grid-column: auto;
    }

    .xw-date-pair,
    .xw-date-group .date-picker {
        width: 100%;
    }

    .xw-quick-dates,
    .xw-date-group .quick-dates {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .xw-page-head,
    .xt-page-head,
    .overview-hero {
        grid-template-columns: 1fr;
    }

    .xw-chip-row,
    .xt-alert-strip,
    .overview-health {
        justify-content: flex-start;
    }

    .xt-kpi-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .overview-redesign .kpi-grid {
        grid-template-columns: 1fr !important;
    }

    .overview-main-grid,
    .overview-redesign .charts-grid-3,
    .charts-grid-3.overview-secondary {
        grid-template-columns: 1fr !important;
    }
}

/* Mobile white shell */
html.xw-mobile,
body.mobile-app.xw-mobile {
    --m-bg: var(--xw-page);
    --m-surface: var(--xw-surface);
    --m-surface-2: var(--xw-surface-soft);
    --m-text: var(--xw-text);
    --m-muted: var(--xw-muted);
    --m-line: var(--xw-border);
    --m-primary: var(--xw-blue);
    --m-primary-soft: var(--xw-blue-soft);
    --m-good: var(--xw-green);
    --m-warn: var(--xw-amber);
    --m-bad: var(--xw-red);
    --m-shadow: var(--xw-shadow);
    color-scheme: light;
}

body.mobile-app.xw-mobile {
    background: var(--xw-page) !important;
    color: var(--xw-text) !important;
}

body.mobile-app.xw-mobile .m-shell {
    max-width: 430px;
    background: transparent !important;
}

body.mobile-app.xw-mobile .m-topbar {
    background: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid var(--xw-border) !important;
    backdrop-filter: blur(12px);
}

body.mobile-app.xw-mobile .m-page {
    padding: 12px 14px 22px;
}

body.mobile-app.xw-mobile .m-hero {
    margin: 0 0 10px;
    gap: 5px;
}

body.mobile-app.xw-mobile .m-title {
    font-size: 23px;
    letter-spacing: 0;
}

body.mobile-app.xw-mobile .m-subtitle {
    color: var(--xw-muted) !important;
    line-height: 1.45;
}

body.mobile-app.xw-mobile .m-filter-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 10px;
}

body.mobile-app.xw-mobile .m-filter-row .m-shop-select {
    grid-column: 1 / 3;
}

body.mobile-app.xw-mobile .m-select,
body.mobile-app.xw-mobile .m-icon-btn,
body.mobile-app.xw-mobile .m-chip-btn {
    background: var(--xw-surface) !important;
    border: 1px solid var(--xw-border) !important;
    box-shadow: none !important;
    color: var(--xw-text) !important;
}

body.mobile-app.xw-mobile .m-card,
body.mobile-app.xw-mobile .m-executive-summary {
    background: var(--xw-surface) !important;
    border-color: var(--xw-border) !important;
    border-radius: var(--xw-radius) !important;
    box-shadow: var(--xw-shadow) !important;
}

body.mobile-app.xw-mobile .m-summary-strip span {
    background: var(--xw-surface-soft) !important;
    border-color: #eef2f7 !important;
}

body.mobile-app.xw-mobile .m-kpi-scroll {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    overflow: visible;
}

body.mobile-app.xw-mobile .m-kpi-card {
    min-width: 0;
    padding: 12px;
}

body.mobile-app.xw-mobile .m-kpi-value {
    font-size: 19px;
    line-height: 1.12;
}

body.mobile-app.xw-mobile .m-alert-list,
body.mobile-app.xw-mobile .m-list {
    gap: 8px;
}

body.mobile-app.xw-mobile .m-alert-card,
body.mobile-app.xw-mobile .m-list-item {
    padding: 12px;
}

body.mobile-app.xw-mobile .m-chart {
    height: 226px;
}

body.mobile-app.xw-mobile .m-chart-card.is-expanded {
    inset: calc(10px + env(safe-area-inset-top, 0)) 10px calc(76px + env(safe-area-inset-bottom, 0));
    border-radius: 12px !important;
}

body.mobile-app.xw-mobile .m-segmented {
    background: var(--xw-surface-soft) !important;
    border: 1px solid var(--xw-border) !important;
    border-radius: 12px !important;
    padding: 4px !important;
}

body.mobile-app.xw-mobile .m-segmented button {
    border-radius: 9px !important;
}

body.mobile-app.xw-mobile .m-segmented button.active {
    background: var(--xw-surface) !important;
    color: var(--xw-blue) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08) !important;
}

body.mobile-app.xw-mobile .m-product-list-row {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 10px;
}

body.mobile-app.xw-mobile .m-product-list-row .m-row-media,
body.mobile-app.xw-mobile .m-row-media {
    width: 54px;
    height: 54px;
    border-radius: 10px;
}

body.mobile-app.xw-mobile .m-row-title {
    color: var(--xw-text) !important;
}

body.mobile-app.xw-mobile .m-row-sub,
body.mobile-app.xw-mobile .m-section-head span {
    color: var(--xw-muted) !important;
}

body.mobile-app.xw-mobile .m-bottom-nav {
    background: rgba(255, 255, 255, 0.96) !important;
    border-top: 1px solid var(--xw-border) !important;
    box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.06) !important;
    padding-top: 7px !important;
}

body.mobile-app.xw-mobile .m-bottom-nav a.active {
    color: var(--xw-blue) !important;
}

body.mobile-app.xw-mobile .m-bottom-nav a {
    border-radius: 12px !important;
    min-height: 52px !important;
}

/* Single-shop filter bar final override: keep it visually aligned with overview. */
body.ki-bg .ki-topbar {
    min-height: 56px !important;
    padding: 0 30px !important;
    overflow: visible !important;
}

body.ki-bg .ki-topbar .xw-toolbar {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
    align-items: center !important;
    gap: 10px 12px !important;
    width: 100% !important;
    justify-content: start !important;
}

body.ki-bg .ki-topbar .xw-filter-group {
    display: grid !important;
    grid-template-columns: minmax(128px, 180px) minmax(128px, 180px) minmax(260px, 420px) !important;
    justify-content: start !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}

body.ki-bg .ki-topbar .sd-filter-wrap,
body.ki-bg .ki-topbar .sd-shop-wrap,
body.ki-bg .ki-topbar .sd-date-group {
    min-width: 0 !important;
}

body.ki-bg .ki-topbar .sd-filter-trigger,
body.ki-bg .ki-topbar .sd-shop-trigger,
body.ki-bg .ki-topbar .sd-date-trigger,
body.ki-bg .ki-topbar .sd-back-overview {
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 10px !important;
}

body.ki-bg .ki-topbar .sd-back-overview {
    padding: 0 13px 0 11px !important;
    border-color: #bfdbfe !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #eff6ff, #dbeafe) !important;
    color: #1d4ed8 !important;
    font-weight: 840 !important;
    box-shadow: 0 1px 2px rgba(37,99,235,.12) !important;
}

body.ki-bg .ki-topbar .sd-back-overview::after {
    content: "返回";
    height: 20px;
    display: inline-flex;
    align-items: center;
    padding: 0 6px;
    border-radius: 999px;
    background: #fff;
    color: #2563eb;
    font-size: 11px;
    font-weight: 820;
}

body.ki-bg .ki-topbar .sd-back-overview:hover {
    border-color: #93c5fd !important;
    color: #1e40af !important;
    background: #dbeafe !important;
}

body.ki-bg .ki-topbar .sd-date-trigger {
    width: 270px !important;
    min-width: 270px !important;
    border-radius: 999px !important;
}

body.ki-bg .ki-topbar .sd-shop-menu {
    width: max(100%, min(340px, calc(100vw - 40px))) !important;
    right: auto !important;
    max-height: min(34vh, 260px) !important;
    padding: 6px !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 34px rgba(15,23,42,.14) !important;
    overscroll-behavior: contain;
}

body.ki-bg .ki-topbar .sd-shop-option {
    min-height: 30px !important;
    align-items: center !important;
    padding: 5px 9px !important;
    gap: 8px !important;
}

body.ki-bg .ki-topbar .sd-shop-option span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
}

body.ki-bg .ki-topbar .sd-shop-option small {
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    padding-left: 8px !important;
}

@media (max-width: 1280px) {
    body.ki-bg .ki-topbar .xw-toolbar {
        grid-template-columns: auto minmax(0, 1fr) !important;
    }

    body.ki-bg .ki-topbar .sd-date-group {
        grid-column: 1 / -1;
        justify-content: flex-start !important;
    }

    body.ki-bg .ki-topbar .xw-filter-group {
        grid-template-columns: minmax(116px, 150px) minmax(116px, 150px) minmax(240px, 1fr) !important;
    }
}

@media (max-width: 900px) {
    body.ki-bg .ki-topbar {
        padding: 10px 12px !important;
    }

    body.ki-bg .ki-topbar .xw-toolbar,
    body.ki-bg .ki-topbar .xw-filter-group {
        grid-template-columns: minmax(0, 1fr) !important;
        justify-content: stretch !important;
    }

    body.ki-bg .ki-topbar .sd-date-group {
        grid-column: auto;
        justify-content: stretch !important;
    }

    body.ki-bg .ki-topbar .sd-date-trigger {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* Operations pages: bring the next business views into the same white system. */
body.xw-page-orders,
body.xw-page-category,
body.xw-page-reviews,
body.xw-page-shops {
    --primary-color: var(--xw-blue);
}

body.xw-page-orders .content,
body.xw-page-category #scrollContainer > div[style*="padding"],
body.xw-page-reviews .dashboard-content,
body.xw-page-shops .content-body {
    padding: 24px 30px !important;
}

body.xw-page-orders .topbar,
body.xw-page-category .topbar,
body.xw-page-reviews .topbar,
body.xw-page-shops .topbar {
    min-height: 64px !important;
    height: auto !important;
    padding: 12px 24px !important;
    overflow: visible !important;
}

body.xw-page-orders .topbar .controls,
body.xw-page-category .topbar .controls,
body.xw-page-reviews .topbar .controls,
body.xw-page-shops .topbar .controls {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px 12px !important;
    flex-wrap: wrap !important;
}

body.xw-page-orders .orders-filter-row,
body.xw-page-reviews .topbar .controls > div,
body.xw-page-category .topbar .controls > div,
body.xw-page-shops .topbar .controls > div {
    min-width: 0 !important;
}

body.xw-page-orders .topbar select,
body.xw-page-orders .topbar input,
body.xw-page-category .topbar select,
body.xw-page-category .topbar input,
body.xw-page-reviews .topbar select,
body.xw-page-reviews .topbar input,
body.xw-page-shops .topbar select,
body.xw-page-shops .topbar input,
body.xw-page-category #trendInterval,
body.xw-page-category #modalInterval,
body.xw-page-reviews #reviewRatingFilter,
body.xw-page-shops .modal-box input,
body.xw-page-shops .modal-box select {
    height: 36px !important;
    min-height: 36px !important;
    border-radius: var(--xw-radius-sm) !important;
    border: 1px solid var(--xw-border-strong) !important;
    background: var(--xw-surface) !important;
    color: var(--xw-text) !important;
    box-shadow: none !important;
}

body.xw-page-orders .date-picker,
body.xw-page-category .date-picker,
body.xw-page-reviews .date-picker,
body.xw-page-orders .search-input-wrap {
    min-height: 36px !important;
    border-radius: var(--xw-radius-sm) !important;
    border: 1px solid var(--xw-border-strong) !important;
    background: var(--xw-surface) !important;
    box-shadow: none !important;
}

body.xw-page-orders .quick-dates,
body.xw-page-category .quick-dates {
    gap: 6px !important;
}

body.xw-page-orders .quick-dates button,
body.xw-page-category .quick-dates button {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 11px !important;
    border-radius: var(--xw-radius-sm) !important;
    border: 1px solid var(--xw-border) !important;
    background: var(--xw-surface) !important;
    color: var(--xw-muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

body.xw-page-orders .quick-dates button:hover,
body.xw-page-category .quick-dates button:hover {
    border-color: #bfdbfe !important;
    background: var(--xw-blue-soft) !important;
    color: var(--xw-blue) !important;
}

body.xw-page-orders .btn-export,
body.xw-page-category .btn-export,
body.xw-page-reviews .topbar button:not(#mobileMenuBtn),
body.xw-page-shops .topbar button:not(#mobileMenuBtn),
body.xw-page-shops .modal-box .btn-primary {
    min-height: 36px !important;
    border-radius: var(--xw-radius-sm) !important;
    background: #2563eb !important;
    border: 1px solid #2563eb !important;
    color: #fff !important;
    box-shadow: 0 1px 2px rgba(37,99,235,.16) !important;
}

body.xw-page-orders .kpi-card,
body.xw-page-orders .chart-card,
body.xw-page-category .ki-card,
body.xw-page-reviews .kpi-card,
body.xw-page-reviews .chart-card,
body.xw-page-shops .shop-card,
body.xw-page-shops .modal-box {
    background: var(--xw-surface) !important;
    border: 1px solid var(--xw-border) !important;
    border-radius: var(--xw-radius) !important;
    box-shadow: var(--xw-shadow) !important;
}

body.xw-page-shops .shop-card:hover,
body.xw-page-orders .kpi-card:hover,
body.xw-page-reviews .kpi-card:hover {
    border-color: #bfdbfe !important;
    box-shadow: var(--xw-shadow-hover) !important;
}

body.xw-page-shops .add-shop-card {
    border-style: dashed !important;
    background: var(--xw-surface-soft) !important;
}

body.xw-page-orders .section-title,
body.xw-page-category .ki-section-title,
body.xw-page-reviews .section-title,
body.xw-page-reviews .chart-card h3,
body.xw-page-shops .shop-name,
body.xw-page-shops .modal-box h2 {
    color: var(--xw-text) !important;
}

body.xw-page-orders .kpi-header,
body.xw-page-orders .glass-table th,
body.xw-page-category .category-table th,
body.xw-page-reviews .kpi-label,
body.xw-page-shops .shop-meta,
body.xw-page-shops .add-shop-card span,
body.xw-page-shops .modal-box label {
    color: var(--xw-muted) !important;
}

body.xw-page-orders .kpi-card h2,
body.xw-page-reviews .kpi-value,
body.xw-page-shops .shop-meta code {
    color: var(--xw-text) !important;
}

body.xw-page-orders .table-container,
body.xw-page-category .category-table,
body.xw-page-reviews #reviewsListContainer {
    background: transparent !important;
}

body.xw-page-orders .glass-table,
body.xw-page-category .category-table {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

body.xw-page-orders .glass-table th,
body.xw-page-category .category-table th {
    background: var(--xw-surface-soft) !important;
    border-bottom: 1px solid var(--xw-border) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body.xw-page-orders .glass-table td,
body.xw-page-category .category-table td {
    color: var(--xw-text) !important;
    border-bottom: 1px solid #eef2f7 !important;
}

body.xw-page-orders .glass-table tr:hover,
body.xw-page-category .category-table tr:hover {
    background: var(--xw-surface-soft) !important;
}

body.xw-page-category .modal-overlay,
body.xw-page-shops .modal-overlay {
    background: rgba(15, 23, 42, 0.32) !important;
}

body.xw-page-category .modal-container {
    background: var(--xw-surface) !important;
    border: 1px solid var(--xw-border) !important;
    border-radius: var(--xw-radius) !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18) !important;
}

body.xw-page-category .modal-header {
    border-bottom: 1px solid var(--xw-border) !important;
}

body.xw-page-shops .platform-badge {
    letter-spacing: 0 !important;
}

body.xw-page-shops .badge-ozon,
body.xw-page-shops .badge-wb,
body.xw-page-shops .badge-yandex {
    background: var(--xw-blue-soft) !important;
    color: var(--xw-blue) !important;
    border-color: #bfdbfe !important;
}

body.xw-page-shops .shop-actions {
    border-top-color: var(--xw-border) !important;
}

body.xw-page-shops .shop-actions button,
body.xw-page-shops .modal-box .btn-secondary {
    min-height: 34px !important;
    border-radius: var(--xw-radius-sm) !important;
    background: var(--xw-surface-soft) !important;
    border: 1px solid var(--xw-border) !important;
    color: var(--xw-text) !important;
    box-shadow: none !important;
}

body.xw-page-shops .shop-actions .btn-sync {
    background: var(--xw-blue-soft) !important;
    border-color: #bfdbfe !important;
    color: var(--xw-blue) !important;
}

body.xw-page-shops .shop-actions .btn-delete {
    color: var(--xw-red) !important;
}

body.xw-page-shops .shop-meta code {
    background: var(--xw-surface-soft) !important;
    border: 1px solid var(--xw-border) !important;
}

body.xw-page-reviews .kpi-icon.blue {
    background: var(--xw-blue-soft) !important;
    color: var(--xw-blue) !important;
}

body.xw-page-reviews .kpi-icon.green {
    background: #ecfdf5 !important;
    color: var(--xw-green) !important;
}

body.xw-page-reviews .kpi-icon.red {
    background: #fff1f2 !important;
    color: var(--xw-red) !important;
}

body.xw-page-reviews .text-green {
    color: var(--xw-green) !important;
}

body.xw-page-reviews .text-red {
    color: var(--xw-red) !important;
}

/* System and commercial pages: align remaining desktop tools with the white shell. */
body.xw-page-price-index,
body.xw-page-notifications,
body.xw-page-help,
body.xw-page-health,
body.xw-page-pricing,
body.xw-page-admin {
    --primary-color: var(--xw-blue);
}

body.xw-page-price-index .main-content,
body.xw-page-notifications .main-content,
body.xw-page-help .main-content,
body.xw-page-health .main-content,
body.xw-page-pricing .main-content,
body.xw-page-admin .main-content {
    background: var(--xw-page-bg) !important;
}

body.xw-page-price-index .topbar,
body.xw-page-notifications .topbar,
body.xw-page-help .topbar,
body.xw-page-health .topbar,
body.xw-page-admin .topbar {
    min-height: 64px !important;
    height: auto !important;
    padding: 12px 24px !important;
    overflow: visible !important;
    background: rgba(255,255,255,.9) !important;
    border-bottom: 1px solid var(--xw-border) !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
}

body.xw-page-price-index .topbar .controls,
body.xw-page-notifications .topbar .controls,
body.xw-page-help .topbar .controls,
body.xw-page-health .topbar .controls {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px 12px !important;
    flex-wrap: wrap !important;
}

body.xw-page-price-index .topbar select,
body.xw-page-price-index .topbar input,
body.xw-page-notifications .topbar select,
body.xw-page-notifications .topbar input,
body.xw-page-help .topbar input,
body.xw-page-health .topbar select,
body.xw-page-admin input,
body.xw-page-admin select,
body.xw-page-admin textarea,
body.xw-page-notifications .admin-compose select,
body.xw-page-notifications .admin-compose input,
body.xw-page-notifications .admin-compose textarea,
body.xw-page-help .edit-row input,
body.xw-page-help .edit-row textarea {
    border-radius: var(--xw-radius-sm) !important;
    border: 1px solid var(--xw-border-strong) !important;
    background: var(--xw-surface) !important;
    color: var(--xw-text) !important;
    box-shadow: none !important;
}

body.xw-page-price-index .pi-kpi-card,
body.xw-page-price-index .pi-chart-card,
body.xw-page-notifications .notif-card,
body.xw-page-notifications .admin-compose,
body.xw-page-help .faq-card,
body.xw-page-help .step-card,
body.xw-page-help .feature-card,
body.xw-page-help .contact-card,
body.xw-page-help .admin-edit-bar,
body.xw-page-help .edit-box,
body.xw-page-health .log-card,
body.xw-page-health .sys-kpi-card,
body.xw-page-pricing .pricing-card,
body.xw-page-pricing .compare-table,
body.xw-page-pricing .faq-item,
body.xw-page-pricing .enterprise-panel,
body.xw-page-admin .admin-card,
body.xw-page-admin .admin-section,
body.xw-page-admin .admin-panel,
body.xw-page-admin .admin-compose,
body.xw-page-admin .user-card,
body.xw-page-admin .tier-card,
body.xw-page-admin .perm-card,
body.xw-page-admin .modal-box {
    background: var(--xw-surface) !important;
    border: 1px solid var(--xw-border) !important;
    border-radius: var(--xw-radius) !important;
    box-shadow: var(--xw-shadow) !important;
}

body.xw-page-price-index .pi-table,
body.xw-page-pricing .compare-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
}

body.xw-page-price-index .pi-table th,
body.xw-page-pricing .compare-table thead th {
    background: var(--xw-surface-soft) !important;
    border-bottom: 1px solid var(--xw-border) !important;
    color: var(--xw-muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

body.xw-page-price-index .pi-table td,
body.xw-page-pricing .compare-table tbody td {
    color: var(--xw-text) !important;
    border-bottom: 1px solid #eef2f7 !important;
}

body.xw-page-price-index .pi-table tbody tr:hover,
body.xw-page-pricing .compare-table tbody tr:hover {
    background: var(--xw-surface-soft) !important;
}

body.xw-page-price-index .pi-kpi-label,
body.xw-page-notifications .notif-msg,
body.xw-page-notifications .notif-time,
body.xw-page-help .faq-a,
body.xw-page-help .feature-card p,
body.xw-page-help .step-card p,
body.xw-page-health .log-time,
body.xw-page-health .sys-kpi-label,
body.xw-page-pricing .card-desc,
body.xw-page-pricing .card-price-monthly,
body.xw-page-pricing .card-price-yearly,
body.xw-page-pricing .card-features h5,
body.xw-page-pricing .faq-a,
body.xw-page-pricing .pricing-header p,
body.xw-page-admin .muted,
body.xw-page-admin small,
body.xw-page-admin label {
    color: var(--xw-muted) !important;
}

body.xw-page-price-index .pi-kpi-value,
body.xw-page-price-index .pi-chart-title,
body.xw-page-notifications .notif-title,
body.xw-page-help .faq-q,
body.xw-page-help .feature-card h4,
body.xw-page-help .step-card h3,
body.xw-page-health .log-shop,
body.xw-page-health .sys-kpi-val,
body.xw-page-pricing .card-tier,
body.xw-page-pricing .card-price .currency,
body.xw-page-pricing .card-price .amount,
body.xw-page-pricing .faq-q,
body.xw-page-pricing .pricing-header h1,
body.xw-page-admin h1,
body.xw-page-admin h2,
body.xw-page-admin h3 {
    color: var(--xw-text) !important;
}

body.xw-page-notifications .admin-compose,
body.xw-page-help .admin-edit-bar,
body.xw-page-pricing .featured,
body.xw-page-pricing .enterprise-panel {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    border-color: #bfdbfe !important;
}

body.xw-page-notifications .btn-send,
body.xw-page-help .edit-btn-save,
body.xw-page-health .btn-primary,
body.xw-page-pricing .card-btn.primary,
body.xw-page-admin .admin-save-btn,
body.xw-page-admin .btn-primary {
    background: #2563eb !important;
    border: 1px solid #2563eb !important;
    color: #fff !important;
    box-shadow: 0 1px 2px rgba(37,99,235,.16) !important;
}

body.xw-page-pricing .card-btn.outline,
body.xw-page-help .edit-btn-add,
body.xw-page-admin .btn-secondary {
    background: var(--xw-surface-soft) !important;
    border: 1px solid var(--xw-border) !important;
    color: var(--xw-text) !important;
    box-shadow: none !important;
}

body.xw-page-pricing .pricing-card:hover,
body.xw-page-price-index .pi-kpi-card:hover,
body.xw-page-notifications .notif-card:hover,
body.xw-page-help .faq-card:hover,
body.xw-page-help .step-card:hover {
    border-color: #bfdbfe !important;
    box-shadow: var(--xw-shadow-hover) !important;
}

body.xw-page-health .log-message {
    background: var(--xw-surface-soft) !important;
    color: var(--xw-text) !important;
    border: 1px solid var(--xw-border) !important;
}

/* Unified desktop filter bars v20260520navtabs15. */
body.xw-ui .xw-filter-shell {
    min-height: 68px !important;
    padding: 12px 24px !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
}

body.xw-ui .xw-filter-toolbar,
body.xw-ui .xw-filter-primary,
body.xw-ui .xw-filter-actions {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

body.xw-ui .xw-filter-toolbar {
    width: 100% !important;
    gap: 10px 12px !important;
}

body.xw-ui .xw-filter-title {
    min-width: 240px !important;
    flex: 0 1 auto !important;
}

body.xw-ui .xw-filter-primary {
    flex: 1 1 auto !important;
}

body.xw-ui .xw-filter-actions {
    flex: 0 1 auto !important;
    justify-content: flex-end !important;
}

body.xw-ui .xw-filter-spacer {
    flex: 1 1 auto !important;
    min-width: 8px !important;
}

body.xw-ui .xw-filter-shell select,
body.xw-ui .xw-filter-shell input,
body.xw-ui .xw-inline-filter-bar select,
body.xw-ui .xw-inline-filter-bar input {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 11px !important;
    border: 1px solid var(--xw-border-strong) !important;
    border-radius: var(--xw-radius-sm) !important;
    background: var(--xw-surface) !important;
    color: var(--xw-text) !important;
    box-shadow: none !important;
    font-size: 12px !important;
    line-height: 34px !important;
}

body.xw-ui .xw-filter-shell .xw-native-select,
body.xw-ui .xw-inline-filter-bar .xw-native-select,
body.xw-ui .xw-filter-shell .xw-native-date {
    position: absolute !important;
    width: 1px !important;
    min-width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.xw-ui .xw-filter-shell select {
    flex: 0 1 180px !important;
    min-width: 150px !important;
    max-width: 240px !important;
}

body.xw-ui .xw-filter-shell .date-picker {
    position: relative !important;
    min-height: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    flex: 0 1 auto !important;
}

body.xw-ui .xw-filter-shell .date-picker input {
    width: 118px !important;
    min-width: 108px !important;
    max-width: 126px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    line-height: 32px !important;
}

body.xw-ui .xw-filter-select-wrap {
    position: relative !important;
    min-width: 150px !important;
    flex: 0 1 180px !important;
    z-index: 30 !important;
}

body.xw-ui .xw-filter-shell .xw-filter-select-wrap,
body.xw-ui .xw-inline-filter-bar .xw-filter-select-wrap {
    display: block !important;
}

body.xw-ui .xw-select-trigger,
body.xw-ui .xw-date-range-trigger {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 0 11px !important;
    border: 1px solid var(--xw-border-strong) !important;
    border-radius: var(--xw-radius-sm) !important;
    background: linear-gradient(180deg, #fff, #f8fafc) !important;
    color: var(--xw-text) !important;
    box-shadow: 0 1px 1px rgba(15,23,42,.03) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    outline: none !important;
}

body.xw-ui .xw-select-trigger:hover,
body.xw-ui .xw-select-trigger[aria-expanded="true"],
body.xw-ui .xw-date-range-trigger:hover,
body.xw-ui .xw-date-range-trigger[aria-expanded="true"] {
    border-color: #bfdbfe !important;
    background: #fff !important;
}

body.xw-ui .xw-select-trigger span,
body.xw-ui .xw-date-range-trigger span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.xw-ui .xw-select-trigger i {
    width: 15px !important;
    height: 15px !important;
    color: #64748b !important;
    flex: 0 0 auto !important;
}

body.xw-ui .xw-date-range-trigger i {
    width: 16px !important;
    height: 16px !important;
    color: #64748b !important;
    flex: 0 0 auto !important;
}

body.xw-ui .xw-select-menu {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: calc(100% + 6px) !important;
    width: max(100%, 190px) !important;
    max-width: min(420px, calc(100vw - 40px)) !important;
    max-height: 280px !important;
    overflow: auto !important;
    padding: 6px !important;
    border: 1px solid #dbe3ee !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(15,23,42,.16) !important;
    z-index: 10020 !important;
    display: none !important;
}

body.xw-ui .xw-select-menu.open {
    display: block !important;
}

body.xw-ui .xw-select-option {
    width: 100% !important;
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 10px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    text-align: left !important;
    cursor: pointer !important;
}

body.xw-ui .xw-select-option span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.xw-ui .xw-select-option:hover,
body.xw-ui .xw-select-option.active {
    background: #eef4ff !important;
    color: #1d4ed8 !important;
}

body.xw-ui .xw-select-option:disabled {
    opacity: .5 !important;
    cursor: not-allowed !important;
}

body.xw-ui .xw-date-range-trigger {
    min-width: 246px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

body.xw-ui .xw-date-panel {
    position: absolute !important;
    right: 0 !important;
    top: calc(100% + 8px) !important;
    width: min(520px, calc(100vw - 40px)) !important;
    display: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 12px !important;
    border: 1px solid #dbe3ee !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(15,23,42,.16) !important;
    z-index: 10040 !important;
}

body.xw-ui .xw-date-panel.open {
    display: grid !important;
}

body.xw-ui .xw-date-panel-fields {
    height: 42px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 10px !important;
    border-radius: 11px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

body.xw-ui .xw-date-panel-fields label {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body.xw-ui .xw-date-panel-fields label > span {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

body.xw-ui .xw-date-panel-fields input {
    width: 100% !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    font-variant-numeric: tabular-nums !important;
}

body.xw-ui .xw-date-panel-sep {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body.xw-ui .xw-date-quick {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(58px, auto)) !important;
    gap: 6px !important;
}

body.xw-ui .xw-date-quick [data-range] {
    height: 32px !important;
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 9px !important;
    border-radius: 9px !important;
    border: 1px solid #e2e8f0 !important;
    background: #fff !important;
    color: #334155 !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
}

body.xw-ui .xw-date-quick [data-range]:hover {
    background: #eef4ff !important;
    border-color: #bfdbfe !important;
    color: #1d4ed8 !important;
}

body.xw-page-category .xw-filter-primary select {
    flex: 1 1 190px !important;
}

body.xw-page-category .xw-filter-primary .xw-filter-select-wrap {
    flex: 1 1 300px !important;
    max-width: 520px !important;
}

body.xw-page-category .xw-filter-date-actions {
    flex: 1 1 520px !important;
}

body.xw-page-orders .orders-topbar {
    gap: 8px !important;
}

body.xw-page-orders .orders-filter-primary {
    margin-bottom: 0 !important;
}

body.xw-page-orders .orders-filter-primary select {
    flex: 1 1 170px !important;
    max-width: 230px !important;
}

body.xw-page-orders .orders-filter-primary .xw-filter-select-wrap {
    flex: 1 1 230px !important;
    max-width: 360px !important;
}

body.xw-page-orders .orders-filter-primary .date-picker {
    flex: 0 0 282px !important;
}

body.xw-page-orders .orders-filter-actions .search-input-wrap {
    height: 36px !important;
    min-height: 36px !important;
    flex: 1 1 220px !important;
    max-width: 320px !important;
}

body.xw-page-orders .orders-filter-actions .search-input-wrap input {
    width: 100% !important;
    min-width: 0 !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    line-height: 32px !important;
}

body.xw-page-orders .orders-filter-actions .btn-export,
body.xw-page-category .btn-export,
body.xw-page-reviews .xw-filter-actions button:not(#mobileMenuBtn) {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.xw-page-price-index .xw-filter-primary {
    justify-content: flex-end !important;
}

body.xw-page-price-index .xw-filter-primary select {
    flex: 0 1 170px !important;
}

body.xw-page-price-index .xw-filter-primary .xw-filter-select-wrap {
    flex: 1 1 240px !important;
    max-width: 360px !important;
}

body.xw-page-price-index .pi-panel > div:first-child {
    gap: 10px !important;
}

body.xw-page-price-index .xw-inline-filter-bar {
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

body.xw-page-price-index .xw-inline-filter-bar select {
    flex: 0 1 150px !important;
}

body.xw-page-price-index .xw-inline-filter-bar .xw-filter-select-wrap {
    flex: 0 1 180px !important;
}

body.xw-page-price-index .xw-inline-filter-bar input {
    width: 180px !important;
    max-width: 220px !important;
}

body.xw-page-reviews .xw-filter-primary {
    justify-content: flex-end !important;
}

body.xw-page-reviews .xw-review-date-range {
    flex: 0 0 282px !important;
}

body.xw-page-reviews .xw-filter-primary select {
    flex: 0 1 150px !important;
}

body.xw-page-reviews .xw-filter-primary .xw-filter-select-wrap {
    flex: 1 1 220px !important;
    max-width: 360px !important;
}

body.xw-page-reviews .xw-filter-title span,
body.xw-page-price-index .xw-filter-title span {
    white-space: nowrap !important;
}

/* Filter bar bugfixes v20260520navtabs15: keep enhanced controls matching overview. */
body.xw-ui .xw-filter-shell .date-picker > i,
body.xw-ui .xw-filter-shell .date-picker > span:not(.xw-date-panel-sep),
body.xw-ui .xw-filter-shell .date-picker > input[type="date"] {
    display: none !important;
}

body.xw-ui .xw-filter-shell .xw-date-range-trigger,
body.xw-page-reviews .xw-filter-actions .xw-date-range-trigger,
body.xw-page-reviews .xw-filter-actions .xw-select-trigger,
body.xw-page-reviews .xw-filter-actions .xw-date-quick [data-range] {
    background: linear-gradient(180deg, #fff, #f8fafc) !important;
    border: 1px solid #dbe3ee !important;
    color: #0f172a !important;
    box-shadow: 0 1px 1px rgba(15,23,42,.03) !important;
}

body.xw-page-reviews .xw-filter-actions .xw-date-quick [data-range]:hover {
    background: #eef4ff !important;
    border-color: #bfdbfe !important;
    color: #1d4ed8 !important;
}

body.xw-ui .xw-filter-shell .xw-date-range-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

body.xw-page-category .xw-filter-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
}

body.xw-page-category .xw-filter-primary {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
    gap: 8px !important;
}

body.xw-page-category .xw-filter-primary .xw-filter-select-wrap {
    max-width: none !important;
    width: 100% !important;
}

body.xw-page-category .xw-filter-spacer {
    display: none !important;
}

body.xw-page-category .xw-filter-date-actions {
    justify-content: flex-end !important;
}

body.xw-page-orders .orders-filter-actions {
    display: grid !important;
    grid-template-columns: auto minmax(220px, 1fr) auto !important;
    align-items: center !important;
}

body.xw-page-orders .orders-filter-actions .quick-dates {
    display: none !important;
}

body.xw-page-orders .orders-filter-actions .xw-filter-spacer {
    display: none !important;
}

body.xw-page-orders .orders-filter-primary .date-picker {
    flex: 0 0 282px !important;
    max-width: 282px !important;
}

body.xw-page-orders .orders-filter-primary .orders-search-control {
    flex: 0 1 260px !important;
    width: 260px !important;
    max-width: 300px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    border: 1px solid #dbe3ee !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #0f172a !important;
    box-shadow: none !important;
}

body.xw-page-orders .orders-filter-primary .orders-export-control {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 98px !important;
    max-width: none !important;
    height: 36px !important;
    min-height: 36px !important;
}

body.xw-page-reviews .xw-filter-toolbar {
    display: grid !important;
    grid-template-columns: minmax(240px, auto) minmax(560px, 1fr) !important;
    align-items: start !important;
}

body.xw-page-reviews .xw-filter-primary {
    display: grid !important;
    grid-template-columns: minmax(250px, .9fr) minmax(180px, .65fr) minmax(180px, .65fr) minmax(220px, .85fr) auto !important;
    gap: 8px !important;
    justify-content: stretch !important;
}

body.xw-page-reviews .xw-review-date-range,
body.xw-page-reviews .xw-filter-primary .xw-filter-select-wrap {
    max-width: none !important;
    width: 100% !important;
}

body.xw-page-reviews .xw-filter-primary > button:not(#mobileMenuBtn):not(.xw-date-range-trigger) {
    white-space: nowrap !important;
}

/* Focused fixes v20260520navtabs15: prevent old button rules from stretching or tinting filters. */
body.xw-page-orders .orders-filter-actions {
    display: none !important;
}

body.xw-page-orders .orders-filter-actions .search-input-wrap {
    flex: 0 1 320px !important;
    width: 320px !important;
    max-width: 320px !important;
}

body.xw-page-orders .orders-filter-actions .btn-export {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 98px !important;
    background: #2563eb !important;
    border: 1px solid #2563eb !important;
    color: #fff !important;
}

body.xw-page-reviews .xw-filter-actions .xw-select-trigger,
body.xw-page-reviews .xw-filter-actions .xw-date-range-trigger {
    background: linear-gradient(180deg, #fff, #f8fafc) !important;
    border: 1px solid #dbe3ee !important;
    color: #0f172a !important;
}

body.xw-page-reviews .topbar .xw-filter-actions button.xw-select-trigger:not(#mobileMenuBtn),
body.xw-page-reviews .topbar .xw-filter-actions button.xw-date-range-trigger:not(#mobileMenuBtn) {
    background: linear-gradient(180deg, #fff, #f8fafc) !important;
    border: 1px solid #dbe3ee !important;
    color: #0f172a !important;
    box-shadow: 0 1px 1px rgba(15,23,42,.03) !important;
}

body.xw-page-reviews .topbar .xw-filter-actions button.xw-select-trigger:not(#mobileMenuBtn) span,
body.xw-page-reviews .topbar .xw-filter-actions button.xw-date-range-trigger:not(#mobileMenuBtn) span {
    color: #0f172a !important;
}

body.xw-page-reviews .topbar .xw-filter-actions button.xw-select-trigger:not(#mobileMenuBtn) i,
body.xw-page-reviews .topbar .xw-filter-actions button.xw-date-range-trigger:not(#mobileMenuBtn) i {
    color: #64748b !important;
}

body.xw-page-reviews .xw-filter-actions .xw-select-trigger span,
body.xw-page-reviews .xw-filter-actions .xw-date-range-trigger span {
    color: #0f172a !important;
}

body.xw-page-reviews .xw-filter-actions .xw-select-trigger i,
body.xw-page-reviews .xw-filter-actions .xw-date-range-trigger i {
    color: #64748b !important;
}

body.xw-page-reviews .xw-filter-actions .xw-filter-submit {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 86px !important;
    background: #2563eb !important;
    border: 1px solid #2563eb !important;
    color: #fff !important;
}

/* Internal control fixes v20260520navtabs15: menus and nested inputs must not inherit topbar button/input styles. */
body.xw-page-reviews .topbar .xw-filter-actions .xw-select-menu .xw-select-option,
body.xw-page-reviews .topbar .xw-filter-actions .xw-date-panel [data-range] {
    min-height: 32px !important;
    background: #fff !important;
    border: 1px solid transparent !important;
    color: #0f172a !important;
    box-shadow: none !important;
}

body.xw-page-reviews .topbar .xw-filter-actions .xw-select-menu .xw-select-option:hover,
body.xw-page-reviews .topbar .xw-filter-actions .xw-select-menu .xw-select-option.active,
body.xw-page-reviews .topbar .xw-filter-actions .xw-date-panel [data-range]:hover {
    background: #eef4ff !important;
    border-color: #bfdbfe !important;
    color: #1d4ed8 !important;
}

body.xw-page-reviews .topbar .xw-filter-actions .xw-select-menu .xw-select-option span {
    color: inherit !important;
}

body.xw-page-reviews .topbar .xw-filter-actions .xw-date-quick [data-range] {
    height: 32px !important;
    padding: 0 9px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

@media (min-width: 901px) and (max-width: 1280px) {
    body.xw-page-price-index .xw-filter-title,
    body.xw-page-reviews .xw-filter-title {
        flex: 1 1 100% !important;
    }

    body.xw-page-price-index .xw-filter-primary,
    body.xw-page-reviews .xw-filter-primary {
        justify-content: flex-start !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 900px) {
    body.xw-page-price-index .topbar,
    body.xw-page-notifications .topbar,
    body.xw-page-help .topbar,
    body.xw-page-health .topbar,
    body.xw-page-admin .topbar {
        padding: 10px 12px !important;
    }

    body.xw-page-price-index .topbar select,
    body.xw-page-price-index .topbar input,
    body.xw-page-notifications .topbar select,
    body.xw-page-notifications .topbar input {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.xw-ui .xw-filter-shell {
        padding: 10px 12px !important;
        align-items: stretch !important;
    }

    body.xw-ui .xw-filter-toolbar,
    body.xw-ui .xw-filter-primary,
    body.xw-ui .xw-filter-actions {
        width: 100% !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
    }

    body.xw-ui .xw-filter-title {
        width: 100% !important;
        min-width: 0 !important;
    }

    body.xw-ui .xw-filter-title span {
        white-space: normal !important;
    }

    body.xw-ui .xw-filter-spacer {
        display: none !important;
    }

    body.xw-ui .xw-filter-shell select,
    body.xw-ui .xw-filter-shell input,
    body.xw-ui .xw-filter-shell .date-picker,
    body.xw-ui .xw-filter-shell .xw-filter-select-wrap,
    body.xw-ui .xw-inline-filter-bar select,
    body.xw-ui .xw-inline-filter-bar .xw-filter-select-wrap,
    body.xw-ui .xw-inline-filter-bar input {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }

    body.xw-ui .xw-filter-shell .date-picker input {
        width: 100% !important;
        min-width: 0 !important;
        flex: 1 1 0 !important;
    }

    body.xw-ui .xw-date-range-trigger {
        width: 100% !important;
        flex: 1 1 0 !important;
    }

    body.xw-page-orders .orders-filter-actions .search-input-wrap,
    body.xw-page-orders .orders-filter-actions .btn-export {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
}

@media (max-width: 900px) {
    body.xw-page-orders .content,
    body.xw-page-category #scrollContainer > div[style*="padding"],
    body.xw-page-reviews .dashboard-content,
    body.xw-page-shops .content-body {
        padding: 16px 12px 88px !important;
    }

    body.xw-page-orders .topbar,
    body.xw-page-category .topbar,
    body.xw-page-reviews .topbar,
    body.xw-page-shops .topbar {
        padding: 10px 12px !important;
    }

    body.xw-page-orders .orders-filter-primary,
    body.xw-page-orders .orders-filter-actions,
    body.xw-page-reviews .topbar .controls,
    body.xw-page-category .topbar .controls,
    body.xw-page-shops .topbar .controls {
        align-items: stretch !important;
    }

    body.xw-page-orders .topbar select,
    body.xw-page-orders .topbar input,
    body.xw-page-orders .date-picker,
    body.xw-page-orders .search-input-wrap,
    body.xw-page-category .topbar select,
    body.xw-page-category .date-picker,
    body.xw-page-reviews .topbar select,
    body.xw-page-reviews .topbar input,
    body.xw-page-shops .topbar select {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Night mode v20260525dark3: final layer after all white-mode desktop fixes. */
:root:not(.theme-light) {
    color-scheme: dark;
    --xw-page: #0b1020;
    --xw-surface: #111827;
    --xw-surface-soft: #172033;
    --xw-surface-raised: #1a2438;
    --xw-border: rgba(148, 163, 184, 0.18);
    --xw-border-strong: rgba(148, 163, 184, 0.28);
    --xw-text: #e6eefb;
    --xw-muted: #9aa8bd;
    --xw-faint: #66758c;
    --xw-blue: #60a5fa;
    --xw-blue-soft: rgba(37, 99, 235, 0.18);
    --xw-green: #34d399;
    --xw-red: #fb7185;
    --xw-amber: #fbbf24;
    --xw-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);
    --xw-shadow-hover: 0 24px 64px rgba(0, 0, 0, 0.34);
    --bg-main: var(--xw-page);
    --bg-sidebar: #0f172a;
    --bg-card: var(--xw-surface);
    --bg-input: var(--xw-surface-soft);
    --text-primary: var(--xw-text);
    --text-secondary: var(--xw-muted);
    --border-color: var(--xw-border);
    --border-light: var(--xw-border-strong);
    --surface-soft: var(--xw-surface-soft);
    --surface-raised: var(--xw-surface-raised);
    --accent-blue: var(--xw-blue);
    --accent-blue-bg: var(--xw-blue-soft);
    --accent-green: var(--xw-green);
    --accent-red: var(--xw-red);
    --accent-yellow: var(--xw-amber);
}

:root:not(.theme-light) body.xw-ui,
:root:not(.theme-light) body.overview-redesign,
:root:not(.theme-light) body.ki-bg,
:root:not(.theme-light) body.xw-page-orders,
:root:not(.theme-light) body.xw-page-reviews {
    background: radial-gradient(circle at 18% -12%, rgba(37, 99, 235, 0.16), transparent 34%),
        linear-gradient(180deg, #0b1020 0%, #090e1c 100%) !important;
    color: var(--xw-text) !important;
}

:root:not(.theme-light) body.xw-ui .main-content,
:root:not(.theme-light) body.overview-redesign .main-content,
:root:not(.theme-light) body.ki-bg .main-content,
:root:not(.theme-light) body.xw-page-reviews .dashboard-content,
:root:not(.theme-light) body.xw-page-shops .content-body,
:root:not(.theme-light) body.xw-page-orders .content,
:root:not(.theme-light) .overview-shell {
    background: transparent !important;
    color: var(--xw-text) !important;
}

:root:not(.theme-light) body.xw-ui .sidebar,
:root:not(.theme-light) body.overview-redesign .sidebar,
:root:not(.theme-light) body.ki-bg .sidebar,
:root:not(.theme-light) body.xw-desktop-shell .sidebar {
    background: rgba(15, 23, 42, 0.97) !important;
    border-right: 1px solid var(--xw-border) !important;
    box-shadow: 18px 0 46px rgba(0, 0, 0, 0.18) !important;
}

:root:not(.theme-light) body.xw-ui .sidebar-head,
:root:not(.theme-light) body.overview-redesign .sidebar-head,
:root:not(.theme-light) body.ki-bg .sidebar-head,
:root:not(.theme-light) body.xw-desktop-shell .sidebar-head,
:root:not(.theme-light) body.xw-ui .sidebar-footer,
:root:not(.theme-light) body.overview-redesign .sidebar-footer,
:root:not(.theme-light) body.ki-bg .sidebar-footer,
:root:not(.theme-light) body.xw-desktop-shell .sidebar-footer,
:root:not(.theme-light) body.xw-desktop-shell .sidebar-footer.xw-sidebar-lite {
    background: rgba(15, 23, 42, 0.97) !important;
    border-color: var(--xw-border) !important;
}

:root:not(.theme-light) body.xw-ui .brand-mark,
:root:not(.theme-light) body.overview-redesign .brand-mark,
:root:not(.theme-light) body.ki-bg .brand-mark,
:root:not(.theme-light) body.xw-desktop-shell.sidebar-collapsed .sidebar-collapse-btn {
    background: rgba(30, 41, 59, 0.9) !important;
    border-color: var(--xw-border-strong) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

:root:not(.theme-light) body.xw-ui .logo,
:root:not(.theme-light) body.overview-redesign .logo,
:root:not(.theme-light) body.ki-bg .logo,
:root:not(.theme-light) body.xw-ui .brand-copy strong,
:root:not(.theme-light) body.overview-redesign .brand-copy strong,
:root:not(.theme-light) body.ki-bg .brand-copy strong,
:root:not(.theme-light) .overview-title h1,
:root:not(.theme-light) .overview-section-head h2,
:root:not(.theme-light) .overview-panel-head h2,
:root:not(.theme-light) .xt-page-title,
:root:not(.theme-light) .ki-section-title,
:root:not(.theme-light) .card-tier,
:root:not(.theme-light) .card-price .currency,
:root:not(.theme-light) .card-price .amount,
:root:not(.theme-light) .modal h2 {
    color: var(--xw-text) !important;
    text-shadow: none !important;
}

:root:not(.theme-light) body.xw-ui .brand-copy small,
:root:not(.theme-light) body.overview-redesign .brand-copy small,
:root:not(.theme-light) body.ki-bg .brand-copy small,
:root:not(.theme-light) .overview-title p,
:root:not(.theme-light) .overview-section-head span,
:root:not(.theme-light) .overview-panel-head span,
:root:not(.theme-light) .ki-metric-label,
:root:not(.theme-light) .card-desc,
:root:not(.theme-light) .card-price .period,
:root:not(.theme-light) .card-price-monthly,
:root:not(.theme-light) .card-price-yearly,
:root:not(.theme-light) .brand-help-text {
    color: var(--xw-muted) !important;
}

:root:not(.theme-light) body.xw-ui .nav-group,
:root:not(.theme-light) body.overview-redesign .nav-group,
:root:not(.theme-light) body.ki-bg .nav-group,
:root:not(.theme-light) body.xw-desktop-shell .nav-group {
    background: rgba(30, 41, 59, 0.72) !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
    color: #cbd5e1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

:root:not(.theme-light) body.xw-ui .nav-group:hover,
:root:not(.theme-light) body.overview-redesign .nav-group:hover,
:root:not(.theme-light) body.ki-bg .nav-group:hover,
:root:not(.theme-light) body.xw-desktop-shell .nav-group:hover,
:root:not(.theme-light) body.xw-ui .nav-section.is-active .nav-group,
:root:not(.theme-light) body.xw-ui .nav-group[aria-expanded="true"],
:root:not(.theme-light) body.overview-redesign .nav-section.is-active .nav-group,
:root:not(.theme-light) body.overview-redesign .nav-group[aria-expanded="true"],
:root:not(.theme-light) body.ki-bg .nav-section.is-active .nav-group,
:root:not(.theme-light) body.ki-bg .nav-group[aria-expanded="true"],
:root:not(.theme-light) body.xw-desktop-shell .nav-section.is-active .nav-group,
:root:not(.theme-light) body.xw-desktop-shell .nav-group[aria-expanded="true"] {
    background: rgba(37, 99, 235, 0.2) !important;
    border-color: rgba(96, 165, 250, 0.4) !important;
    color: #eff6ff !important;
}

:root:not(.theme-light) body.xw-ui .nav-section-items,
:root:not(.theme-light) body.overview-redesign .nav-section-items,
:root:not(.theme-light) body.ki-bg .nav-section-items,
:root:not(.theme-light) body.xw-desktop-shell .nav-section-items {
    border-left-color: rgba(148, 163, 184, 0.18) !important;
}

:root:not(.theme-light) body.xw-ui .sidebar nav a,
:root:not(.theme-light) body.overview-redesign .sidebar nav a,
:root:not(.theme-light) body.ki-bg .sidebar nav a,
:root:not(.theme-light) body.xw-desktop-shell .sidebar nav a {
    color: #a8b3c7 !important;
    background: transparent !important;
}

:root:not(.theme-light) body.xw-ui .sidebar nav a:hover,
:root:not(.theme-light) body.overview-redesign .sidebar nav a:hover,
:root:not(.theme-light) body.ki-bg .sidebar nav a:hover,
:root:not(.theme-light) body.xw-desktop-shell .sidebar nav a:hover {
    background: rgba(148, 163, 184, 0.1) !important;
    color: var(--xw-text) !important;
}

:root:not(.theme-light) body.xw-ui .sidebar nav a.active,
:root:not(.theme-light) body.overview-redesign .sidebar nav a.active,
:root:not(.theme-light) body.ki-bg .sidebar nav a.active,
:root:not(.theme-light) body.xw-desktop-shell .sidebar nav a.active {
    background: rgba(37, 99, 235, 0.22) !important;
    border-color: rgba(96, 165, 250, 0.35) !important;
    color: #dbeafe !important;
    box-shadow: inset 3px 0 0 #60a5fa !important;
}

:root:not(.theme-light) body.xw-desktop-shell .xw-workbench-shell,
:root:not(.theme-light) body.xw-desktop-shell .xw-workbench-head,
:root:not(.theme-light) body.xw-ui .topbar,
:root:not(.theme-light) body.overview-redesign .topbar,
:root:not(.theme-light) body.ki-bg .topbar,
:root:not(.theme-light) body.xw-ui .ki-topbar,
:root:not(.theme-light) body.ki-bg .ki-topbar {
    background: rgba(11, 16, 32, 0.88) !important;
    border-color: var(--xw-border) !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.2) !important;
    backdrop-filter: blur(14px) !important;
}

:root:not(.theme-light) body.xw-desktop-shell .xw-tab-strip {
    background: rgba(11, 16, 32, 0.74) !important;
    border-color: var(--xw-border) !important;
}

:root:not(.theme-light) body.xw-desktop-shell .xw-tab,
:root:not(.theme-light) body.xw-desktop-shell .xw-action-btn,
:root:not(.theme-light) body.xw-desktop-shell .xw-action-lang,
:root:not(.theme-light) body.xw-desktop-shell .xw-user-pill,
:root:not(.theme-light) body.xw-desktop-shell .xw-mobile-menu,
:root:not(.theme-light) body.xw-desktop-shell .xw-lang-actions,
:root:not(.theme-light) body.xw-desktop-shell .xw-legal-actions,
:root:not(.theme-light) body.xw-ui .sidebar-action,
:root:not(.theme-light) body.xw-ui #sidebarLangSwitch .lang-btn {
    background: rgba(30, 41, 59, 0.78) !important;
    border-color: var(--xw-border) !important;
    color: var(--xw-muted) !important;
    box-shadow: none !important;
}

:root:not(.theme-light) body.xw-desktop-shell .xw-legal-actions a {
    color: var(--xw-muted) !important;
}

:root:not(.theme-light) body.xw-desktop-shell .xw-legal-actions a:hover {
    background: rgba(37, 99, 235, 0.20) !important;
    color: #dbeafe !important;
}

:root:not(.theme-light) body.xw-desktop-shell .xw-tab:hover,
:root:not(.theme-light) body.xw-desktop-shell .xw-action-btn:hover,
:root:not(.theme-light) body.xw-desktop-shell .xw-action-lang:hover,
:root:not(.theme-light) body.xw-desktop-shell .xw-mobile-menu:hover {
    background: rgba(37, 99, 235, 0.18) !important;
    border-color: rgba(96, 165, 250, 0.35) !important;
    color: #e0f2fe !important;
}

:root:not(.theme-light) body.xw-desktop-shell .xw-tab.active,
:root:not(.theme-light) body.xw-desktop-shell .xw-action-lang.active,
:root:not(.theme-light) body.xw-desktop-shell .xw-supply-shortcut,
:root:not(.theme-light) body.xw-desktop-shell .xw-tv-shortcut {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.92), rgba(14, 165, 233, 0.86)) !important;
    border-color: rgba(125, 211, 252, 0.46) !important;
    color: #ffffff !important;
}

:root:not(.theme-light) body.xw-desktop-shell .xw-action-btn.danger {
    background: rgba(127, 29, 29, 0.32) !important;
    border-color: rgba(251, 113, 133, 0.32) !important;
    color: #fecdd3 !important;
}

:root:not(.theme-light) body.xw-ui .xw-filter-shell,
:root:not(.theme-light) body.xw-ui .xw-inline-filter-bar,
:root:not(.theme-light) body.xw-ui .xw-filter-card,
:root:not(.theme-light) body.xw-ui .xw-filter-actions,
:root:not(.theme-light) body.xw-ui .xw-filter-primary,
:root:not(.theme-light) .overview-redesign .controls,
:root:not(.theme-light) .overview-filter-group {
    background: rgba(15, 23, 42, 0.82) !important;
    border-color: var(--xw-border) !important;
    box-shadow: var(--xw-shadow) !important;
}

:root:not(.theme-light) body.xw-ui .xw-filter-title,
:root:not(.theme-light) body.xw-ui .xw-filter-title span,
:root:not(.theme-light) body.xw-ui .xw-label,
:root:not(.theme-light) body.xw-ui label,
:root:not(.theme-light) .overview-filter-group label,
:root:not(.theme-light) .brand-field-label {
    color: var(--xw-text) !important;
}

:root:not(.theme-light) body.xw-ui select,
:root:not(.theme-light) body.xw-ui textarea,
:root:not(.theme-light) body.xw-ui input[type="text"],
:root:not(.theme-light) body.xw-ui input[type="search"],
:root:not(.theme-light) body.xw-ui input[type="password"],
:root:not(.theme-light) body.xw-ui input[type="number"],
:root:not(.theme-light) body.xw-ui input[type="date"],
:root:not(.theme-light) body.xw-ui .inv-search,
:root:not(.theme-light) body.xw-ui #searchInput,
:root:not(.theme-light) body.xw-ui .search-input-wrap,
:root:not(.theme-light) body.xw-page-orders .orders-filter-primary .orders-search-control,
:root:not(.theme-light) .brand-input,
:root:not(.theme-light) .admin-field input {
    background: rgba(15, 23, 42, 0.78) !important;
    border-color: var(--xw-border-strong) !important;
    color: var(--xw-text) !important;
    box-shadow: none !important;
}

:root:not(.theme-light) body.xw-ui input::placeholder,
:root:not(.theme-light) body.xw-ui textarea::placeholder {
    color: #64748b !important;
}

:root:not(.theme-light) body.xw-ui select option {
    background: #111827 !important;
    color: var(--xw-text) !important;
}

:root:not(.theme-light) body.xw-ui .xw-select-trigger,
:root:not(.theme-light) body.xw-ui .xw-date-range-trigger,
:root:not(.theme-light) body.xw-ui button.xw-select-trigger,
:root:not(.theme-light) body.xw-ui button.xw-date-range-trigger,
:root:not(.theme-light) body.xw-ui .xw-filter-shell .xw-date-range-trigger,
:root:not(.theme-light) body.xw-page-reviews .xw-filter-actions .xw-select-trigger,
:root:not(.theme-light) body.xw-page-reviews .xw-filter-actions .xw-date-range-trigger,
:root:not(.theme-light) body.xw-page-reviews .topbar .xw-filter-actions button.xw-select-trigger:not(#mobileMenuBtn),
:root:not(.theme-light) body.xw-page-reviews .topbar .xw-filter-actions button.xw-date-range-trigger:not(#mobileMenuBtn),
:root:not(.theme-light) .overview-select-trigger,
:root:not(.theme-light) .overview-shop-picker,
:root:not(.theme-light) .overview-date-trigger {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.96), rgba(15, 23, 42, 0.96)) !important;
    border-color: var(--xw-border-strong) !important;
    color: var(--xw-text) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

:root:not(.theme-light) body.xw-ui .xw-select-trigger:hover,
:root:not(.theme-light) body.xw-ui .xw-select-trigger[aria-expanded="true"],
:root:not(.theme-light) body.xw-ui .xw-date-range-trigger:hover,
:root:not(.theme-light) body.xw-ui .xw-date-range-trigger[aria-expanded="true"],
:root:not(.theme-light) .overview-select-trigger:hover,
:root:not(.theme-light) .overview-select-trigger[aria-expanded="true"],
:root:not(.theme-light) .overview-shop-picker:hover,
:root:not(.theme-light) .overview-shop-picker[aria-expanded="true"],
:root:not(.theme-light) .overview-date-trigger:hover,
:root:not(.theme-light) .overview-date-trigger[aria-expanded="true"] {
    background: rgba(30, 41, 59, 0.98) !important;
    border-color: rgba(96, 165, 250, 0.42) !important;
}

:root:not(.theme-light) body.xw-ui .xw-select-trigger span,
:root:not(.theme-light) body.xw-ui .xw-date-range-trigger span,
:root:not(.theme-light) body.xw-page-reviews .xw-filter-actions .xw-select-trigger span,
:root:not(.theme-light) body.xw-page-reviews .xw-filter-actions .xw-date-range-trigger span,
:root:not(.theme-light) body.xw-page-reviews .topbar .xw-filter-actions button.xw-select-trigger:not(#mobileMenuBtn) span,
:root:not(.theme-light) body.xw-page-reviews .topbar .xw-filter-actions button.xw-date-range-trigger:not(#mobileMenuBtn) span,
:root:not(.theme-light) .overview-select-trigger span,
:root:not(.theme-light) .overview-shop-picker span,
:root:not(.theme-light) .overview-date-trigger span {
    color: var(--xw-text) !important;
}

:root:not(.theme-light) body.xw-ui .xw-select-trigger i,
:root:not(.theme-light) body.xw-ui .xw-date-range-trigger i,
:root:not(.theme-light) body.xw-page-reviews .xw-filter-actions .xw-select-trigger i,
:root:not(.theme-light) body.xw-page-reviews .xw-filter-actions .xw-date-range-trigger i,
:root:not(.theme-light) .overview-select-trigger i,
:root:not(.theme-light) .overview-shop-picker i,
:root:not(.theme-light) .overview-date-trigger i {
    color: var(--xw-muted) !important;
}

:root:not(.theme-light) body.xw-ui .xw-select-menu,
:root:not(.theme-light) body.xw-ui .xw-date-panel,
:root:not(.theme-light) body.xw-page-reviews .topbar .xw-filter-actions .xw-select-menu,
:root:not(.theme-light) .overview-select-menu,
:root:not(.theme-light) .overview-shop-menu,
:root:not(.theme-light) .overview-date-panel {
    background: rgba(15, 23, 42, 0.98) !important;
    border-color: var(--xw-border-strong) !important;
    box-shadow: 0 22px 58px rgba(0, 0, 0, 0.42) !important;
}

:root:not(.theme-light) body.xw-ui .xw-select-option,
:root:not(.theme-light) body.xw-ui .xw-date-panel [data-range],
:root:not(.theme-light) body.xw-page-reviews .topbar .xw-filter-actions .xw-select-menu .xw-select-option,
:root:not(.theme-light) body.xw-page-reviews .topbar .xw-filter-actions .xw-date-panel [data-range],
:root:not(.theme-light) .overview-select-option,
:root:not(.theme-light) .overview-shop-option,
:root:not(.theme-light) .overview-date-group .quick-dates button {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--xw-text) !important;
}

:root:not(.theme-light) body.xw-ui .xw-select-option:hover,
:root:not(.theme-light) body.xw-ui .xw-select-option.active,
:root:not(.theme-light) body.xw-ui .xw-date-panel [data-range]:hover,
:root:not(.theme-light) body.xw-page-reviews .topbar .xw-filter-actions .xw-select-menu .xw-select-option:hover,
:root:not(.theme-light) body.xw-page-reviews .topbar .xw-filter-actions .xw-select-menu .xw-select-option.active,
:root:not(.theme-light) body.xw-page-reviews .topbar .xw-filter-actions .xw-date-panel [data-range]:hover,
:root:not(.theme-light) .overview-select-option:hover,
:root:not(.theme-light) .overview-select-option.active,
:root:not(.theme-light) .overview-shop-option:hover,
:root:not(.theme-light) .overview-shop-option.active,
:root:not(.theme-light) .overview-date-group .quick-dates button:hover {
    background: rgba(37, 99, 235, 0.22) !important;
    border-color: rgba(96, 165, 250, 0.32) !important;
    color: #dbeafe !important;
}

:root:not(.theme-light) .overview-date-group .date-picker,
:root:not(.theme-light) body.xw-ui .xw-date-panel-row,
:root:not(.theme-light) body.xw-ui .xw-date-panel-head {
    background: rgba(30, 41, 59, 0.62) !important;
    border-color: var(--xw-border) !important;
}

:root:not(.theme-light) .overview-date-field,
:root:not(.theme-light) body.xw-ui .xw-date-panel input,
:root:not(.theme-light) body.xw-ui .xw-date-panel [type="date"] {
    background: rgba(15, 23, 42, 0.78) !important;
    color: var(--xw-text) !important;
    border-color: var(--xw-border) !important;
}

:root:not(.theme-light) .overview-chip,
:root:not(.theme-light) .overview-kpi-section,
:root:not(.theme-light) .overview-panel,
:root:not(.theme-light) .overview-breakdown-card,
:root:not(.theme-light) .overview-redesign .kpi-grid,
:root:not(.theme-light) .overview-redesign .kpi-card,
:root:not(.theme-light) .shop-pk-toolbar,
:root:not(.theme-light) .shop-pk-card,
:root:not(.theme-light) .shop-pk-vs,
:root:not(.theme-light) .shop-card-compact.shop-trend-card,
:root:not(.theme-light) .exception-item,
:root:not(.theme-light) .overview-sku-panel,
:root:not(.theme-light) .overview-redesign .chart-card,
:root:not(.theme-light) .ki-card,
:root:not(.theme-light) .xt-section-card,
:root:not(.theme-light) .xt-kpi-card,
:root:not(.theme-light) .m-card,
:root:not(.theme-light) body.xw-ui .card,
:root:not(.theme-light) body.xw-ui .chart-card,
:root:not(.theme-light) body.xw-ui .kpi-cards .card,
:root:not(.theme-light) body.xw-ui .shop-card,
:root:not(.theme-light) body.xw-ui .log-card,
:root:not(.theme-light) body.xw-ui .sys-kpi-card,
:root:not(.theme-light) body.xw-ui .glass,
:root:not(.theme-light) body.xw-ui .xw-card,
:root:not(.theme-light) body.xw-ui .xw-panel,
:root:not(.theme-light) body.xw-ui .xw-module-card,
:root:not(.theme-light) .pricing-card,
:root:not(.theme-light) .compare-table,
:root:not(.theme-light) .faq-item,
:root:not(.theme-light) .admin-tier-card,
:root:not(.theme-light) .brand-asset-card,
:root:not(.theme-light) .brand-user-card,
:root:not(.theme-light) .permission-group,
:root:not(.theme-light) .checkbox-item {
    background: rgba(15, 23, 42, 0.82) !important;
    border-color: var(--xw-border) !important;
    box-shadow: var(--xw-shadow) !important;
    color: var(--xw-text) !important;
}

:root:not(.theme-light) .overview-chip.warn {
    background: rgba(245, 158, 11, 0.13) !important;
    border-color: rgba(251, 191, 36, 0.32) !important;
    color: #fde68a !important;
}

:root:not(.theme-light) .overview-redesign .kpi-card,
:root:not(.theme-light) .overview-redesign .kpi-secondary-metric,
:root:not(.theme-light) .overview-redesign .kpi-card:nth-child(n+4),
:root:not(.theme-light) .overview-redesign .kpi-grid,
:root:not(.theme-light) .overview-breakdown-card,
:root:not(.theme-light) .shop-pk-card,
:root:not(.theme-light) .shop-card-compact.shop-trend-card,
:root:not(.theme-light) .shop-card-compact .sub-metrics,
:root:not(.theme-light) .shop-trend-card .mini-trend,
:root:not(.theme-light) .overview-sku-table th,
:root:not(.theme-light) .overview-sku-table td,
:root:not(.theme-light) .overview-redesign .chart-card {
    border-color: var(--xw-border) !important;
}

:root:not(.theme-light) .overview-breakdown-card,
:root:not(.theme-light) .shop-pk-toolbar,
:root:not(.theme-light) .shop-card-compact .sub-metric,
:root:not(.theme-light) .exception-item i,
:root:not(.theme-light) .overview-sku-rank,
:root:not(.theme-light) .overview-sku-img,
:root:not(.theme-light) .overview-empty-state,
:root:not(.theme-light) body.xw-ui .ki-pcard-img,
:root:not(.theme-light) body.xw-ui .ki-pcard-kpi,
:root:not(.theme-light) body.xw-ui .ki-ful-item {
    background: rgba(30, 41, 59, 0.66) !important;
    border-color: var(--xw-border) !important;
}

:root:not(.theme-light) .overview-breakdown-bar {
    background: rgba(148, 163, 184, 0.18) !important;
}

:root:not(.theme-light) .overview-redesign .kpi-value,
:root:not(.theme-light) .overview-redesign .kpi-secondary-value,
:root:not(.theme-light) .overview-redesign .kpi-inline-sub b,
:root:not(.theme-light) .overview-breakdown-row b,
:root:not(.theme-light) .shop-pk-card strong,
:root:not(.theme-light) .shop-pk-table td,
:root:not(.theme-light) .shop-card-compact .name,
:root:not(.theme-light) .shop-card-compact .orders,
:root:not(.theme-light) .shop-card-compact .sub-metric .val,
:root:not(.theme-light) .exception-item strong,
:root:not(.theme-light) .overview-sku-table td,
:root:not(.theme-light) .overview-sku-name,
:root:not(.theme-light) .overview-redesign .chart-card h3,
:root:not(.theme-light) body.xw-ui .section-title,
:root:not(.theme-light) body.xw-ui .hero-name,
:root:not(.theme-light) body.xw-ui .kpi-card .kpi-value,
:root:not(.theme-light) body.xw-ui .kpi-card h2,
:root:not(.theme-light) body.xw-ui .product-name,
:root:not(.theme-light) body.xw-ui .ki-pcard-name,
:root:not(.theme-light) body.xw-ui h1,
:root:not(.theme-light) body.xw-ui h2,
:root:not(.theme-light) body.xw-ui h3,
:root:not(.theme-light) body.xw-ui h4 {
    color: var(--xw-text) !important;
    text-shadow: none !important;
}

:root:not(.theme-light) .overview-redesign .kpi-header,
:root:not(.theme-light) .overview-redesign .kpi-secondary-label,
:root:not(.theme-light) .overview-redesign .kpi-inline-sub,
:root:not(.theme-light) .overview-breakdown-title,
:root:not(.theme-light) .overview-breakdown-total,
:root:not(.theme-light) .overview-breakdown-row,
:root:not(.theme-light) .shop-pk-card span,
:root:not(.theme-light) .shop-pk-card small,
:root:not(.theme-light) .shop-card-compact .sub-metric .lbl,
:root:not(.theme-light) .shop-trend-card .shop-ad-row,
:root:not(.theme-light) .exception-item small,
:root:not(.theme-light) .shop-zero-note,
:root:not(.theme-light) .overview-sku-table th,
:root:not(.theme-light) .overview-sku-code,
:root:not(.theme-light) .overview-sku-muted,
:root:not(.theme-light) body.xw-ui .ki-pcard-sku,
:root:not(.theme-light) body.xw-ui .ki-pcard-kpi-label,
:root:not(.theme-light) body.xw-ui .ki-pcard-rates,
:root:not(.theme-light) body.xw-ui .ki-pcard-footer,
:root:not(.theme-light) body.xw-ui .content-body,
:root:not(.theme-light) body.xw-ui .subtext,
:root:not(.theme-light) body.xw-ui .metric-label {
    color: var(--xw-muted) !important;
}

:root:not(.theme-light) .overview-redesign select,
:root:not(.theme-light) .overview-redesign input[type="date"],
:root:not(.theme-light) .shop-pk-field select {
    background: rgba(15, 23, 42, 0.78) !important;
    border-color: var(--xw-border-strong) !important;
    color: var(--xw-text) !important;
}

:root:not(.theme-light) .view-toggle,
:root:not(.theme-light) body.xw-ui .quick-dates button,
:root:not(.theme-light) body.xw-ui .xw-filter-btn,
:root:not(.theme-light) body.xw-ui .btn-secondary,
:root:not(.theme-light) body.xw-ui .view-toggle button,
:root:not(.theme-light) body.xw-ui .page-btn,
:root:not(.theme-light) .card-btn.outline,
:root:not(.theme-light) .permission-toolbar button {
    background: rgba(30, 41, 59, 0.78) !important;
    border-color: var(--xw-border) !important;
    color: var(--xw-muted) !important;
}

:root:not(.theme-light) .view-toggle button.active,
:root:not(.theme-light) body.xw-ui .quick-dates button:hover,
:root:not(.theme-light) body.xw-ui .xw-filter-btn:hover,
:root:not(.theme-light) body.xw-ui .btn-secondary:hover,
:root:not(.theme-light) body.xw-ui .view-toggle button:hover,
:root:not(.theme-light) body.xw-ui .page-btn:hover,
:root:not(.theme-light) .permission-toolbar button:hover {
    background: rgba(37, 99, 235, 0.18) !important;
    border-color: rgba(96, 165, 250, 0.34) !important;
    color: var(--xw-text) !important;
}

:root:not(.theme-light) body.xw-ui .btn-export,
:root:not(.theme-light) body.xw-ui .xw-filter-submit,
:root:not(.theme-light) body.xw-page-reviews .xw-filter-actions .xw-filter-submit,
:root:not(.theme-light) body.xw-page-orders .orders-filter-actions .btn-export,
:root:not(.theme-light) .card-btn.primary {
    background: linear-gradient(135deg, #2563eb, #0284c7) !important;
    border-color: rgba(125, 211, 252, 0.42) !important;
    color: #ffffff !important;
}

:root:not(.theme-light) body.xw-ui table,
:root:not(.theme-light) body.xw-ui .table-wrap,
:root:not(.theme-light) .shop-pk-table,
:root:not(.theme-light) .overview-sku-table {
    background: rgba(15, 23, 42, 0.78) !important;
    border-color: var(--xw-border) !important;
}

:root:not(.theme-light) body.xw-ui table tr,
:root:not(.theme-light) body.xw-ui table th,
:root:not(.theme-light) body.xw-ui table td {
    border-color: var(--xw-border) !important;
}

:root:not(.theme-light) body.xw-ui table th,
:root:not(.theme-light) .compare-table thead th {
    background: rgba(30, 41, 59, 0.8) !important;
    color: #cbd5e1 !important;
}

:root:not(.theme-light) body.xw-ui table td,
:root:not(.theme-light) .compare-table tbody td {
    color: var(--xw-text) !important;
}

:root:not(.theme-light) body.xw-ui .modal,
:root:not(.theme-light) body.xw-ui .modal-box,
:root:not(.theme-light) body.xw-ui .modal-container,
:root:not(.theme-light) body.xw-ui .dropdown-menu {
    background: rgba(15, 23, 42, 0.96) !important;
    border-color: var(--xw-border-strong) !important;
    color: var(--xw-text) !important;
    box-shadow: 0 22px 58px rgba(0, 0, 0, 0.42) !important;
}

:root:not(.theme-light) body.xw-ui .loading-overlay {
    background: rgba(11, 16, 32, 0.86) !important;
}

/* Night mode v20260525dark3: targeted late-stage desktop page fixes. */
:root:not(.theme-light) body.product-page,
:root:not(.theme-light) body.inventory-page {
    background: radial-gradient(circle at 18% -12%, rgba(37, 99, 235, 0.16), transparent 34%),
        linear-gradient(180deg, #0b1020 0%, #090e1c 100%) !important;
    color: var(--xw-text) !important;
}

:root:not(.theme-light) body.product-page .content,
:root:not(.theme-light) body.inventory-page .content,
:root:not(.theme-light) body.xw-page-admin .admin-main-content,
:root:not(.theme-light) body.xw-page-price-index .content,
:root:not(.theme-light) body.xw-page-notifications .content,
:root:not(.theme-light) body.xw-page-help .content,
:root:not(.theme-light) body.xw-page-health .content {
    background: transparent !important;
    color: var(--xw-text) !important;
}

:root:not(.theme-light) body.product-page .product-date-trigger,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-filter-trigger,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-shop-trigger,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-date-trigger,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-back-overview,
:root:not(.theme-light) .sd-filter-trigger,
:root:not(.theme-light) .sd-shop-trigger,
:root:not(.theme-light) .sd-date-trigger,
:root:not(.theme-light) .sd-back-overview,
:root:not(.theme-light) body.inventory-page .inventory-risk-actions button,
:root:not(.theme-light) body.inventory-page .inventory-filter-primary .inv-search {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.96), rgba(15, 23, 42, 0.96)) !important;
    border-color: var(--xw-border-strong) !important;
    color: var(--xw-text) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

:root:not(.theme-light) body.product-page .product-date-trigger:hover,
:root:not(.theme-light) body.product-page .product-date-trigger[aria-expanded="true"],
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-filter-trigger:hover,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-filter-trigger[aria-expanded="true"],
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-shop-trigger:hover,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-shop-trigger[aria-expanded="true"],
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-date-trigger:hover,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-date-trigger[aria-expanded="true"],
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-back-overview:hover,
:root:not(.theme-light) .sd-filter-trigger:hover,
:root:not(.theme-light) .sd-filter-trigger[aria-expanded="true"],
:root:not(.theme-light) .sd-shop-trigger:hover,
:root:not(.theme-light) .sd-shop-trigger[aria-expanded="true"],
:root:not(.theme-light) .sd-date-trigger:hover,
:root:not(.theme-light) .sd-date-trigger[aria-expanded="true"],
:root:not(.theme-light) .sd-back-overview:hover,
:root:not(.theme-light) body.inventory-page .inventory-risk-actions button:hover {
    background: rgba(30, 41, 59, 0.98) !important;
    border-color: rgba(96, 165, 250, 0.42) !important;
    color: #dbeafe !important;
}

:root:not(.theme-light) body.product-page .product-date-trigger span,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-filter-trigger span,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-shop-trigger span,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-date-trigger span,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-back-overview span,
:root:not(.theme-light) .sd-filter-trigger span,
:root:not(.theme-light) .sd-shop-trigger span,
:root:not(.theme-light) .sd-date-trigger span,
:root:not(.theme-light) .sd-back-overview span {
    color: var(--xw-text) !important;
}

:root:not(.theme-light) body.product-page .product-date-trigger i,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-filter-trigger i,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-shop-trigger i,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-date-trigger i,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-back-overview i,
:root:not(.theme-light) .sd-filter-trigger i,
:root:not(.theme-light) .sd-shop-trigger i,
:root:not(.theme-light) .sd-date-trigger i,
:root:not(.theme-light) .sd-back-overview i {
    color: var(--xw-muted) !important;
}

:root:not(.theme-light) body.product-page .product-date-panel,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-select-menu,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-shop-menu,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-date-panel,
:root:not(.theme-light) .sd-select-menu,
:root:not(.theme-light) .sd-shop-menu,
:root:not(.theme-light) .sd-date-panel,
:root:not(.theme-light) body.product-page #comboboxDropdown {
    background: rgba(15, 23, 42, 0.98) !important;
    border-color: var(--xw-border-strong) !important;
    box-shadow: 0 22px 58px rgba(0, 0, 0, 0.42) !important;
}

:root:not(.theme-light) body.product-page .product-date-group .date-picker,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-date-panel .xw-date-pair,
:root:not(.theme-light) .sd-date-panel .xw-date-pair,
:root:not(.theme-light) body.product-page #comboboxDropdown > div:first-child {
    background: rgba(30, 41, 59, 0.66) !important;
    border-color: var(--xw-border) !important;
    color: var(--xw-muted) !important;
}

:root:not(.theme-light) body.product-page .product-date-field,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-date-field,
:root:not(.theme-light) .sd-date-field,
:root:not(.theme-light) body.product-page #skuComboboxInput,
:root:not(.theme-light) body.product-page .product-guide-search #skuComboboxInput,
:root:not(.theme-light) body.product-page #skuComboboxInput.combobox-input:focus {
    background: rgba(15, 23, 42, 0.78) !important;
    border-color: var(--xw-border-strong) !important;
    color: var(--xw-text) !important;
    box-shadow: none !important;
}

:root:not(.theme-light) body.product-page #skuComboboxInput::placeholder {
    color: #64748b !important;
}

:root:not(.theme-light) body.product-page .product-date-group .quick-dates button,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-date-panel .xw-quick-dates button,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-select-option,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-shop-option,
:root:not(.theme-light) .sd-date-panel .xw-quick-dates button,
:root:not(.theme-light) .sd-select-option,
:root:not(.theme-light) .sd-shop-option,
:root:not(.theme-light) body.product-page #comboboxDropdown .combobox-item {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--xw-text) !important;
}

:root:not(.theme-light) body.product-page .product-date-group .quick-dates button:hover,
:root:not(.theme-light) body.product-page .product-date-group .quick-dates button.active,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-date-panel .xw-quick-dates button:hover,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-select-option:hover,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-select-option.active,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-shop-option:hover,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-shop-option.active,
:root:not(.theme-light) .sd-date-panel .xw-quick-dates button:hover,
:root:not(.theme-light) .sd-select-option:hover,
:root:not(.theme-light) .sd-select-option.active,
:root:not(.theme-light) .sd-shop-option:hover,
:root:not(.theme-light) .sd-shop-option.active,
:root:not(.theme-light) body.product-page #comboboxDropdown .combobox-item:hover {
    background: rgba(37, 99, 235, 0.22) !important;
    border-color: rgba(96, 165, 250, 0.32) !important;
    color: #dbeafe !important;
}

:root:not(.theme-light) body.product-page .combobox-item-id,
:root:not(.theme-light) body.product-page #comboboxDropdown > div:first-child b {
    color: var(--xw-text) !important;
}

:root:not(.theme-light) body.product-page .combobox-item-name,
:root:not(.theme-light) body.ki-bg .ki-topbar .sd-shop-option small,
:root:not(.theme-light) .sd-shop-option small {
    color: var(--xw-muted) !important;
}

:root:not(.theme-light) body.product-page .combobox-item-img,
:root:not(.theme-light) body.product-page .product-empty-guide i,
:root:not(.theme-light) body.product-page .hero-img,
:root:not(.theme-light) body.inventory-page table.data-table img {
    background: rgba(30, 41, 59, 0.66) !important;
    border-color: var(--xw-border) !important;
}

:root:not(.theme-light) body.product-page .product-command-chip,
:root:not(.theme-light) body.inventory-page .inventory-risk-health span,
:root:not(.theme-light) body.ki-bg .xt-alert-pill,
:root:not(.theme-light) body.product-page .product-command-grid,
:root:not(.theme-light) body.product-page .product-command-card,
:root:not(.theme-light) body.product-page .product-empty-guide,
:root:not(.theme-light) body.product-page #hotProductsContainer,
:root:not(.theme-light) body.product-page #hotProductsContainer .table-container,
:root:not(.theme-light) body.product-page .product-hero,
:root:not(.theme-light) body.product-page .hero-stat,
:root:not(.theme-light) body.inventory-page .inventory-risk-strip,
:root:not(.theme-light) body.inventory-page .inv-stat-pill,
:root:not(.theme-light) body.inventory-page .table-container,
:root:not(.theme-light) body.inventory-page .inv-search-row,
:root:not(.theme-light) body.ki-bg .xt-summary-tile,
:root:not(.theme-light) body.ki-bg .xt-fulfillment-tile,
:root:not(.theme-light) body.ki-bg .xt-review-note {
    background: rgba(15, 23, 42, 0.82) !important;
    border-color: var(--xw-border) !important;
    box-shadow: var(--xw-shadow) !important;
    color: var(--xw-text) !important;
}

:root:not(.theme-light) body.product-page .product-command-chip.warn,
:root:not(.theme-light) body.inventory-page .inventory-risk-health span.warn,
:root:not(.theme-light) body.ki-bg .xt-alert-pill.warn {
    background: rgba(245, 158, 11, 0.13) !important;
    border-color: rgba(251, 191, 36, 0.32) !important;
    color: #fde68a !important;
}

:root:not(.theme-light) body.product-page .product-command-copy h1,
:root:not(.theme-light) body.product-page .product-command-card strong,
:root:not(.theme-light) body.product-page .product-empty-guide p,
:root:not(.theme-light) body.product-page #hotProductsTitle,
:root:not(.theme-light) body.product-page .hero-name,
:root:not(.theme-light) body.product-page .hero-stat b,
:root:not(.theme-light) body.inventory-page .inv-topbar h1,
:root:not(.theme-light) body.inventory-page .section-title,
:root:not(.theme-light) body.inventory-page .inventory-risk-main strong,
:root:not(.theme-light) body.inventory-page .inv-stat-val,
:root:not(.theme-light) body.ki-bg .xt-kpi-value,
:root:not(.theme-light) body.ki-bg .xt-summary-tile strong,
:root:not(.theme-light) body.ki-bg .xt-fulfillment-tile .value,
:root:not(.theme-light) body.ki-bg .xt-fulfillment-tile .val {
    color: var(--xw-text) !important;
    text-shadow: none !important;
}

:root:not(.theme-light) body.product-page .product-command-eyebrow,
:root:not(.theme-light) body.product-page .product-command-copy p,
:root:not(.theme-light) body.product-page .product-command-card span,
:root:not(.theme-light) body.product-page .product-command-card small,
:root:not(.theme-light) body.product-page .product-empty-guide span,
:root:not(.theme-light) body.product-page .hero-sku,
:root:not(.theme-light) body.product-page .hero-stat span,
:root:not(.theme-light) body.inventory-page .inventory-risk-main span,
:root:not(.theme-light) body.inventory-page .inventory-risk-main p,
:root:not(.theme-light) body.inventory-page .inv-stat-label,
:root:not(.theme-light) body.ki-bg .xt-summary-tile span,
:root:not(.theme-light) body.ki-bg .xt-fulfillment-tile .label,
:root:not(.theme-light) body.ki-bg .xt-fulfillment-tile .sub,
:root:not(.theme-light) body.ki-bg .xt-review-note {
    color: var(--xw-muted) !important;
}

:root:not(.theme-light) body.product-page table.data-table,
:root:not(.theme-light) body.inventory-page table.data-table {
    background: rgba(15, 23, 42, 0.78) !important;
    border-color: var(--xw-border) !important;
}

:root:not(.theme-light) body.product-page table.data-table th,
:root:not(.theme-light) body.inventory-page table.data-table th {
    background: rgba(30, 41, 59, 0.8) !important;
    color: #cbd5e1 !important;
    border-color: var(--xw-border) !important;
}

:root:not(.theme-light) body.product-page table.data-table td,
:root:not(.theme-light) body.inventory-page table.data-table td {
    background: transparent !important;
    color: var(--xw-text) !important;
    border-color: var(--xw-border) !important;
}

:root:not(.theme-light) body.product-page table.data-table tr:hover td,
:root:not(.theme-light) body.inventory-page table.data-table tr:hover td {
    background: rgba(37, 99, 235, 0.12) !important;
}

:root:not(.theme-light) body.overview-redesign .overview-sku-table tbody tr:hover td,
:root:not(.theme-light) body.xw-ui .overview-sku-table tbody tr:hover td,
:root:not(.theme-light) body.xw-ui table tbody tr:hover td,
:root:not(.theme-light) body.xw-page-orders .glass-table tbody tr:hover td,
:root:not(.theme-light) body.xw-page-category .category-table tbody tr:hover td,
:root:not(.theme-light) body.xw-page-price-index .pi-table tbody tr:hover td,
:root:not(.theme-light) body.xw-page-pricing .compare-table tbody tr:hover td {
    background: rgba(37, 99, 235, 0.12) !important;
    color: var(--xw-text) !important;
}

:root:not(.theme-light) body.ki-bg .ki-pcard,
:root:not(.theme-light) body.xw-ui .ki-pcard {
    background: rgba(15, 23, 42, 0.86) !important;
    border-color: var(--xw-border) !important;
    color: var(--xw-text) !important;
}

:root:not(.theme-light) body.ki-bg .ki-pcard:hover,
:root:not(.theme-light) body.xw-ui .ki-pcard:hover {
    background: rgba(30, 41, 59, 0.76) !important;
    border-color: rgba(96, 165, 250, 0.38) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28) !important;
    transform: none !important;
}

:root:not(.theme-light) body.ki-bg .ki-pcard.top-1,
:root:not(.theme-light) body.xw-ui .ki-pcard.top-1 {
    background: linear-gradient(180deg, rgba(37, 99, 235, 0.16), rgba(15, 23, 42, 0.86)) !important;
    border-color: rgba(96, 165, 250, 0.42) !important;
}

:root:not(.theme-light) body.ki-bg .ki-pcard.top-2,
:root:not(.theme-light) body.ki-bg .ki-pcard.top-3,
:root:not(.theme-light) body.xw-ui .ki-pcard.top-2,
:root:not(.theme-light) body.xw-ui .ki-pcard.top-3 {
    background: rgba(15, 23, 42, 0.86) !important;
    border-color: var(--xw-border-strong) !important;
}

:root:not(.theme-light) body.ki-bg .ki-pcard-kpi,
:root:not(.theme-light) body.xw-ui .ki-pcard-kpi {
    background: rgba(30, 41, 59, 0.72) !important;
    border-color: var(--xw-border) !important;
}

:root:not(.theme-light) body.ki-bg .ki-pcard-rates,
:root:not(.theme-light) body.xw-ui .ki-pcard-rates {
    border-top-color: var(--xw-border-strong) !important;
}

:root:not(.theme-light) body.product-page .text-blue,
:root:not(.theme-light) body.inventory-page .text-blue,
:root:not(.theme-light) body.product-page .product-command-card.is-blue strong {
    color: #93c5fd !important;
}

:root:not(.theme-light) body.product-page .text-green,
:root:not(.theme-light) body.inventory-page .text-green,
:root:not(.theme-light) body.product-page .product-command-card.is-green strong {
    color: #6ee7b7 !important;
}

:root:not(.theme-light) body.product-page .text-yellow,
:root:not(.theme-light) body.inventory-page .text-yellow,
:root:not(.theme-light) body.product-page .product-command-card.is-amber strong {
    color: #fde68a !important;
}

:root:not(.theme-light) body.product-page .text-red,
:root:not(.theme-light) body.inventory-page .text-red,
:root:not(.theme-light) body.product-page .product-command-card.is-red strong {
    color: #fda4af !important;
}

:root:not(.theme-light) body.product-page .text-purple,
:root:not(.theme-light) body.inventory-page .text-purple {
    color: #c4b5fd !important;
}

/* Night mode cleanup: inventory filter row + remove duplicate sidebar footer profile */
:root:not(.theme-light) body.inventory-page #filterRow {
    background: rgba(15, 23, 42, 0.92) !important;
}

:root:not(.theme-light) body.inventory-page #filterRow td,
:root:not(.theme-light) body.inventory-page #filterRow th {
    background: rgba(15, 23, 42, 0.92) !important;
    border-color: var(--xw-border) !important;
}

:root:not(.theme-light) body.inventory-page #filterRow input,
:root:not(.theme-light) body.inventory-page #filterRow select {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.96), rgba(15, 23, 42, 0.96)) !important;
    color: var(--xw-text) !important;
    border: 1px solid var(--xw-border-strong) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

:root:not(.theme-light) body.inventory-page #filterRow input::placeholder {
    color: var(--xw-muted) !important;
}

:root:not(.theme-light) body.inventory-page #filterRow input:focus,
:root:not(.theme-light) body.inventory-page #filterRow select:focus {
    border-color: rgba(96, 165, 250, 0.42) !important;
    outline: none !important;
}

body.xw-ui .sidebar-footer,
body.overview-redesign .sidebar-footer,
body.ki-bg .sidebar-footer,
body.xw-desktop-shell .sidebar-footer,
body.xw-desktop-shell .sidebar-footer.xw-sidebar-lite {
    display: none !important;
}

:root:not(.theme-light) body.xw-desktop-shell .xw-site-footer {
    border-top-color: rgba(148, 163, 184, 0.20);
    color: #94a3b8;
}

:root:not(.theme-light) body.xw-desktop-shell .beian a {
    color: #94a3b8;
}

:root:not(.theme-light) body.xw-desktop-shell .beian a:hover {
    color: #60a5fa;
}

:root:not(.theme-light) body.xw-desktop-shell .beian-divider {
    color: rgba(148, 163, 184, 0.45);
}

/* Overview SKU table alignment hotfix */
body.overview-redesign .overview-sku-table-wrap,
body.xw-ui .overview-sku-table-wrap {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    margin: 0 -4px !important;
    padding: 0 4px 2px !important;
}

body.overview-redesign .overview-sku-table,
body.xw-ui .overview-sku-table {
    width: 100% !important;
    min-width: 1100px !important;
    table-layout: fixed !important;
}

body.overview-redesign .overview-sku-col-rank,
body.xw-ui .overview-sku-col-rank { width: 54px !important; }

body.overview-redesign .overview-sku-col-product,
body.xw-ui .overview-sku-col-product { width: auto !important; min-width: 310px !important; }

body.overview-redesign .overview-sku-col-money,
body.xw-ui .overview-sku-col-money { width: 128px !important; }

body.overview-redesign .overview-sku-col-qty,
body.xw-ui .overview-sku-col-qty { width: 92px !important; }

body.overview-redesign .overview-sku-col-avg,
body.xw-ui .overview-sku-col-avg { width: 104px !important; }

body.overview-redesign .overview-sku-col-rate,
body.xw-ui .overview-sku-col-rate { width: 82px !important; }

body.overview-redesign .overview-sku-table th,
body.overview-redesign .overview-sku-table td,
body.xw-ui .overview-sku-table th,
body.xw-ui .overview-sku-table td {
    box-sizing: border-box !important;
}

body.overview-redesign .overview-sku-table th.num-col,
body.overview-redesign .overview-sku-table td:nth-child(n+3),
body.xw-ui .overview-sku-table th.num-col,
body.xw-ui .overview-sku-table td:nth-child(n+3) {
    text-align: right !important;
}

body.overview-redesign .overview-sku-product,
body.xw-ui .overview-sku-product,
body.overview-redesign .overview-sku-meta,
body.xw-ui .overview-sku-meta {
    min-width: 0 !important;
}

body.overview-redesign .overview-sku-name,
body.xw-ui .overview-sku-name {
    max-width: 100% !important;
}