/* Only the desktop overview shell is restyled. All actions remain in the original DOM. */
@media (min-width:1024px) {
 .app-shell:has(.dcc-overview-screen) > .topbar { height:69px; padding:0 28px; position:relative; isolation:isolate; background:#0065e8; box-shadow:none; border:0; border-radius:0 0 8px 8px; }
 .app-shell:has(.dcc-overview-screen) > .topbar::before { content:""; position:absolute; inset:0; z-index:-1; background:url('./overview-icons/header-crystal.png') 50% 40%/cover no-repeat; opacity:.1; pointer-events:none; }
 .app-shell:has(.dcc-overview-screen) > .topbar::after { content:"以客户为中心 · 驱动汽车业务增长"; position:absolute; left:445px; top:28px; font-size:12px; letter-spacing:3px; color:#d9efff; pointer-events:none; }
 .app-shell:has(.dcc-overview-screen) .topbar .brand { position:relative; padding-bottom:15px; gap:18px; font-size:20px; font-weight:750; white-space:nowrap; }
 .app-shell:has(.dcc-overview-screen) .topbar .brand::after { content:"KUNSHAN KUNZHONG GROUP CRM"; position:absolute; left:58px; bottom:0; font-size:10px; letter-spacing:1px; font-weight:400; color:#d9eaff; }
 .app-shell:has(.dcc-overview-screen) .topbar .brand-icon { width:40px; height:40px; margin-bottom:-12px; flex:0 0 40px; border:0; border-radius:0; font-size:0; background:url('./overview-icons/brand-mark.png') center/48px auto no-repeat; }
 .app-shell:has(.dcc-overview-screen) .topbar .subtitle { gap:14px; position:relative; font-size:12px; }
 .app-shell:has(.dcc-overview-screen) .topbar .subtitle > span { display:flex; align-items:center; gap:10px; }
 .app-shell:has(.dcc-overview-screen) .topbar .subtitle > span::before { content:""; width:32px; height:32px; background:url('./overview-icons/person-circle.svg') center/contain no-repeat; filter:brightness(0) invert(1); opacity:.95; }
 .app-shell:has(.dcc-overview-screen) .topbar .el-button { height:30px; color:white; background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.35); border-radius:5px; box-shadow:inset 0 1px 0 rgba(255,255,255,.15); }
 .app-shell:has(.dcc-overview-screen) .topbar .el-button:hover { background:rgba(255,255,255,.24); }
 .workspace:has(> .dcc-overview-screen) { grid-template-columns:206px minmax(0,1fr); min-height:calc(100vh - 69px); }
 .workspace.is-nav-collapsed:has(> .dcc-overview-screen) { grid-template-columns:72px minmax(0,1fr); }
 .workspace:has(> .dcc-overview-screen) > .nav-bar { position:sticky; top:0; align-self:start; min-height:calc(100vh - 69px); max-height:calc(100vh - 69px); overflow:auto; gap:8px; padding:18px 8px; border-color:#e7f0fa; background:#fff url('./overview-icons/sidebar-crystal.png') center bottom/100% auto no-repeat; box-shadow:none; }
 .workspace:has(> .dcc-overview-screen) .nav-group-title { color:#112b53; font-size:14px; padding:8px 14px; min-height:34px; }
 .workspace:has(> .dcc-overview-screen) .nav-group-main { gap:12px; }
 .workspace:has(> .dcc-overview-screen) .nav-group-main > span:first-child { width:17px; height:17px; font-size:0; background:#193660; mask:url('./overview-icons/grid.svg') center/contain no-repeat; }
 .workspace:has(> .dcc-overview-screen) .ui-nav-group { min-height:44px; padding:12px 14px; color:#17325c; font-size:14px; font-weight:600; justify-content:flex-start; gap:12px; }
 .workspace:has(> .dcc-overview-screen) .ui-nav-group::before { content:""; flex:0 0 17px; width:17px; height:17px; background:currentColor; mask:url('./overview-icons/clipboard-data.svg') center/contain no-repeat; }
 .workspace:has(> .dcc-overview-screen) .ui-nav-group[data-group="customers"]::before { mask-image:url('./overview-icons/people.svg'); }
 .workspace:has(> .dcc-overview-screen) .ui-nav-group[data-group="reports"]::before { mask-image:url('./overview-icons/clipboard-data.svg'); }
 .workspace:has(> .dcc-overview-screen) .ui-nav-group[data-group="ai"]::before { mask-image:url('./overview-icons/cpu.svg'); }
 .workspace:has(> .dcc-overview-screen) .ui-nav-group[data-group="collection"]::before { mask-image:url('./overview-icons/database-gear.svg'); }
 .workspace:has(> .dcc-overview-screen) .ui-nav-chevron { margin-left:auto; color:#7791b6; }
 .workspace:has(> .dcc-overview-screen) .nav-bar .nav-tab { color:#17325c; gap:12px; min-height:43px; height:43px; border-radius:7px; font-size:13px; font-weight:500; }
 .workspace:has(> .dcc-overview-screen) .nav-bar .nav-tab.active { color:#0874ff; background:#eaf4ff; box-shadow:inset 3px 0 #0877ff; font-weight:650; }
 .workspace:has(> .dcc-overview-screen) .nav-icon { font-size:0; width:17px; height:17px; flex:0 0 17px; background:currentColor; mask:url('./overview-icons/file-earmark-text.svg') center/contain no-repeat; }
 .workspace:has(> .dcc-overview-screen) .nav-tab.active .nav-icon { mask-image:url('./overview-icons/telephone-fill.svg'); }
 .workspace:has(> .dcc-overview-screen) .nav-tab[data-ui-nav-group="customers"] .nav-icon { mask-image:url('./overview-icons/person-badge.svg'); }
 .workspace:has(> .dcc-overview-screen) .nav-tab[data-ui-nav-group="ai"] .nav-icon { mask-image:url('./overview-icons/cpu.svg'); }
 .workspace:has(> .dcc-overview-screen) .nav-tab[data-ui-nav-group="collection"] .nav-icon { mask-image:url('./overview-icons/clock-history.svg'); }
 .workspace:has(> .dcc-overview-screen) .nav-collapse .nav-icon { mask:none; background:none; font-size:20px; }
 .workspace:has(> .dcc-overview-screen) .nav-collapse { margin-top:0; order:30; flex-shrink:0; background:rgba(255,255,255,.78); border-color:#dce9f8; min-height:34px; height:34px; z-index:1; }
 .workspace:has(> .dcc-overview-screen) .nav-bar::after { content:"数据驱动增长\A客户成就未来"; white-space:pre; display:block; order:20; margin:auto 16px 45px; padding-top:32px; font-family:KaiTi,"Microsoft YaHei",sans-serif; font-size:20px; font-weight:600; line-height:1.5; color:#2d87ee; text-align:center; pointer-events:none; }
 .workspace.is-nav-collapsed:has(> .dcc-overview-screen) .nav-bar::after { display:none; }
 .content.dcc-overview-screen { position:relative; isolation:isolate; padding:20px 18px 20px 16px; background:#eef6ff; }
 .content.dcc-overview-screen::before { content:""; position:absolute; top:0; left:0; right:0; height:96px; z-index:-1; background:url('./overview-icons/header-crystal.png') 50% 40%/cover no-repeat; opacity:.42; pointer-events:none; }
 .dcc-overview-screen .page-heading { position:relative; }
 .dcc-overview-screen .page-heading::after { content:"用数据连接客户\A让服务创造更大价值"; position:absolute; right:350px; top:1px; white-space:pre; color:#4479be; font:italic 21px/1.45 KaiTi,STKaiti,serif; letter-spacing:3px; pointer-events:none; }
 .dcc-overview-screen .dcc-kpi-card .dcc-kpi-icon { box-shadow:inset 0 2px 3px rgba(255,255,255,.4),inset 0 -2px 3px rgba(0,51,105,.08); }
 .dcc-overview-screen .dcc-kpi-card:first-child { box-shadow:inset 0 2px 3px rgba(255,255,255,.25); }
 .dcc-overview-screen .dcc-kpi-delta { color:#e85461; }
 .dcc-overview-screen .dcc-toolbar .el-button--primary { box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 1px 2px rgba(14,91,204,.12); border-color:#006eff; }
 .dcc-overview-screen .dcc-toolbar .el-button:not(.el-button--primary) { box-shadow:inset 0 1px 0 #fff; background:#fcfdff; border-color:#e1eaf7; }
 .dcc-overview-screen .dcc-table-wrap .rank-badge::before { mask-image:url('./overview-icons/trophy-fill.svg'); }
}
@media (min-width:1024px) and (max-width:1500px) {
 .app-shell:has(.dcc-overview-screen) > .topbar::after { display:none; }
 .app-shell:has(.dcc-overview-screen) .topbar .brand { font-size:18px; }
 .dcc-overview-screen .page-heading::after { right:305px; font-size:16px; letter-spacing:1px; top:5px; }
 .content.dcc-overview-screen { padding:18px 14px; }
}
@media (min-width:1024px) and (max-width:1250px) {
 .dcc-overview-screen .page-heading::after { display:none; }
 .app-shell:has(.dcc-overview-screen) .topbar .brand { font-size:16px; }
}