/* DCC-only desktop theme. No global theme, API, mobile or data behavior changes. */
@import url('./dcc-unified-shell.css?v=20260920-local1');
@media (min-width:1024px) {
 .app-shell:has(> .dcc-ui-workspace), body.dcc-ui-page {
  --el-color-primary:#1677ff; --el-color-primary-light-3:#5c9fff; --el-color-primary-light-5:#9ec7ff;
  --el-color-primary-light-9:#edf5ff; --el-text-color-primary:#102852; --el-text-color-regular:#345173;
  --el-border-color:#dce7f5; --el-border-color-light:#e5edf7; --el-border-color-lighter:#edf2f8;
  --el-fill-color-light:#f3f7fd; --el-border-radius-base:6px;
  color:#102852; font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; font-variant-numeric:tabular-nums;
 }
 /* The selected menu keeps its actual icon rather than turning every module into a phone. */
 .app-shell:has(> .dcc-ui-workspace) .workspace .nav-bar .nav-tab .nav-icon {
  mask:var(--dcc-nav-icon,url('./overview-icons/file-earmark-text.svg')) center/contain no-repeat;
  -webkit-mask:var(--dcc-nav-icon,url('./overview-icons/file-earmark-text.svg')) center/contain no-repeat;
  background:currentColor; font-size:0; width:17px; height:17px;
 }
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="telephone-fill"] {--dcc-nav-icon:url('./overview-icons/telephone-fill.svg')}
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="clipboard-data"] {--dcc-nav-icon:url('./overview-icons/clipboard-data.svg')}
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="person-badge"] {--dcc-nav-icon:url('./overview-icons/person-badge.svg')}
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="people"] {--dcc-nav-icon:url('./overview-icons/people.svg')}
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="growth"] {--dcc-nav-icon:url('./dcc-ui-icons/growth.svg')}
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="geo-alt-fill"] {--dcc-nav-icon:url('./overview-icons/geo-alt-fill.svg')}
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="conversion"] {--dcc-nav-icon:url('./dcc-ui-icons/conversion.svg')}
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="calendar3"] {--dcc-nav-icon:url('./overview-icons/calendar3.svg')}
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="comparison"] {--dcc-nav-icon:url('./dcc-ui-icons/comparison.svg')}
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="trophy-fill"] {--dcc-nav-icon:url('./overview-icons/trophy-fill.svg')}
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="voice"],.app-shell:has(> .dcc-ui-workspace) #voiceprintEntry {--dcc-nav-icon:url('./dcc-ui-icons/voice.svg')}
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="file-earmark-text"] {--dcc-nav-icon:url('./overview-icons/file-earmark-text.svg')}
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="calibration"] {--dcc-nav-icon:url('./dcc-ui-icons/calibration.svg')}
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="cpu"],.app-shell:has(> .dcc-ui-workspace) #privateIntentEntry {--dcc-nav-icon:url('./overview-icons/cpu.svg')}
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="upload"] {--dcc-nav-icon:url('./dcc-ui-icons/upload.svg')}
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="telephone-outbound-fill"] {--dcc-nav-icon:url('./overview-icons/telephone-outbound-fill.svg')}
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="database-gear"] {--dcc-nav-icon:url('./overview-icons/database-gear.svg')}
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="clock-history"] {--dcc-nav-icon:url('./overview-icons/clock-history.svg')}
 .app-shell:has(> .dcc-ui-workspace) [data-dcc-icon="vehicle"] {--dcc-nav-icon:url('./dcc-ui-icons/vehicle.svg')}
 .app-shell:has(> .dcc-ui-workspace) .workspace .nav-bar .nav-collapse .nav-icon {mask:none;-webkit-mask:none;background:none;font-size:20px}
 .app-shell:has(> .dcc-ui-workspace) .workspace .nav-bar .nav-tab:hover {background:#f0f6ff;color:#0877ff}
 .app-shell:has(> .dcc-ui-workspace) .workspace .nav-bar .nav-tab:focus-visible {outline:2px solid #1677ff;outline-offset:-2px}
 .app-shell:has(> .dcc-ui-workspace) .workspace .nav-bar .nav-tab.active::before {display:none}
 .app-shell:has(> .dcc-ui-workspace) .workspace .nav-bar .nav-tab {flex-shrink:0}
 /* Shared headings, retaining the overview's existing data layout. */
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .page-heading {min-height:60px;margin:0 0 16px;gap:16px;align-items:center}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .page-title {font-size:28px;font-weight:750;color:#0c2450;letter-spacing:-.5px}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .page-subtitle {font-size:13px;color:#627da5;margin-top:6px;line-height:1.6}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) :is(.panel,.call-detail-page) {background:#fff;border:1px solid #e5edf7;border-radius:10px;box-shadow:none;padding:20px;min-width:0}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .panel .panel {padding:16px;border-color:#edf2f8}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) :is(.panel-title,.intent-quality-section-title) {color:#102852;font-weight:650;font-size:17px;gap:12px;line-height:1.5}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) :is(.toolbar,.dcc-toolbar,.intent-quality-toolbar,.arrival-tracking-toolbar,.medium-ops-toolbar) {display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) :is(.toolbar,.dcc-toolbar) .el-button+.el-button {margin-left:0}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) :is(.toolbar,.dcc-toolbar) .el-input {max-width:100%}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .toolbar-right {gap:12px;flex-wrap:wrap}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .toolbar-right>.el-tag {height:32px;border:0;background:#f8fcff;color:#219d7e}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .el-button:not(.is-link):not(.is-text):not(.is-circle) {min-height:32px;border-radius:5px;font-size:13px}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .el-button--default {background:#fcfdff;border-color:#dce7f5;color:#345173;box-shadow:inset 0 1px #fff}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .el-button--primary:not(.is-link):not(.is-text):not(.is-plain) {background:#1677ff;border-color:#1677ff;box-shadow:inset 0 1px #ffffff40}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .el-button.is-disabled {box-shadow:none;opacity:.65}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) :is(.el-input__wrapper,.el-select__wrapper) {min-height:32px;border-radius:5px;box-shadow:0 0 0 1px #dce7f5 inset}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) :is(.el-input__wrapper.is-focus,.el-select__wrapper.is-focused) {box-shadow:0 0 0 1px #1677ff inset,0 0 0 3px #1677ff14}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .el-table {--el-table-header-bg-color:#f1f6fe;--el-table-header-text-color:#17365f;--el-table-border-color:#e8eff8;--el-table-row-hover-bg-color:#eaf4ff;--el-table-current-row-bg-color:#eaf4ff;color:#345173;font-size:13px;border-radius:7px}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .el-table th.el-table__cell {background:#f1f6fe;color:#17365f;font-weight:650;padding:11px 0}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .el-table td.el-table__cell {padding:10px 0;border-bottom-color:#e8eff8}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .el-table .cell {line-height:1.6}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .el-table__body tr:nth-child(even)>td.el-table__cell {background:#f7faff}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .el-table__body tr:hover>td.el-table__cell {background:#eaf4ff}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .el-tag {border-radius:4px;font-size:12px}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .el-pagination {padding-top:14px;justify-content:flex-end}
 /* Existing statistical groups become coherent bands, not new metrics. */
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) :is(.ops-filter-bar,.ops-card) {background:#fff;border:1px solid #e5edf7;border-radius:10px;box-shadow:none;padding:18px}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .ops-filter-actions {display:flex;flex-wrap:wrap;align-items:center;gap:10px}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) :is(.ops-kpis,.ops-daily-summary) {grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid #e5edf7;background:#fff;border-radius:9px;overflow:hidden}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) :is(.ops-kpi,.ops-daily-summary-card) {background:#fff;border:0;border-right:1px solid #e5edf7;border-bottom:1px solid #e5edf7;border-radius:0;box-shadow:none;padding:18px}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) :is(.ops-kpi .label,.ops-daily-summary-label) {color:#627da5;font-size:13px}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) :is(.ops-kpi .value,.ops-daily-summary-value) {color:#102852;font-size:27px;font-weight:750}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .ops-table th {background:#f1f6fe;border-color:#e5edf7;color:#17365f;font-size:13px;padding:12px 10px}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .ops-table td {border-color:#e8eff8;padding:11px 10px;font-size:13px}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .ops-table tbody tr:nth-child(even) {background:#f7faff}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .ops-table tbody tr:hover {background:#eaf4ff}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) :is(.intent-quality-summary,.arrival-tracking-summary,.medium-ops-summary) {gap:0;border:1px solid #e5edf7;border-radius:8px;overflow:hidden;background:#fff}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) :is(.intent-quality-card,.arrival-tracking-card,.medium-ops-card) {border:0;border-right:1px solid #e5edf7;border-bottom:1px solid #e5edf7;border-radius:0;background:#fff;box-shadow:none;padding:16px;min-width:0}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) :is(.arrival-tracking-card,.medium-ops-card) strong {color:#102852;font-size:26px}
 /* Standalone DCC pages keep their own DOM/navigation; only skin changes. */
 body.dcc-ui-page {background:#eef6ff;--blue:#1677ff;--ink:#102852;--muted:#627da5;--line:#e5edf7}
 body.dcc-ui-page :is(header.topbar,header.page-head,body>header,#app>header) {min-height:69px;background:linear-gradient(#0065e8e8,#0065e8e8),url('./overview-icons/header-crystal.png') center/cover;color:#fff;border:0;padding:14px 28px;box-shadow:none}
 body.dcc-ui-page :is(header.topbar,header.page-head,body>header,#app>header) :is(h1,h2,strong,p,.brand,.subtitle,.hint,.muted) {color:inherit}
 body.dcc-ui-page :is(header.topbar,header.page-head,body>header,#app>header) :is(a,button) {color:#fff;border-color:#ffffff66;background:#ffffff12;border-radius:5px}
 body.dcc-ui-page :is(main,.page) {min-width:0}
 body.dcc-ui-page :is(.panel,.card,.section) {border-color:#e5edf7;border-radius:10px;box-shadow:none}
 body.dcc-ui-page :is(h1,h2,h3) {color:#102852}
 body.dcc-ui-page h1 {font-size:26px}
 body.dcc-ui-page :is(.filters,.toolbar) {gap:10px;align-items:center;flex-wrap:wrap}
 body.dcc-ui-page :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,button:not(.link)) {min-height:34px;border-radius:5px}
 body.dcc-ui-page :is(input,select,textarea):focus-visible {outline:2px solid #1677ff55;outline-offset:1px}
 body.dcc-ui-page :is(button.primary,.btn-primary) {background:#1677ff;border-color:#1677ff;color:white}
 body.dcc-ui-page th {background:#f1f6fe;color:#17365f;font-weight:650;border-color:#e5edf7}
 body.dcc-ui-page td {border-color:#e8eff8}
 body.dcc-ui-page tbody tr:nth-child(even) {background:#f7faff}
 body.dcc-ui-page tbody tr:hover {background:#eaf4ff}
 body.dcc-ui-page .card.active {background:#edf5ff;border-color:#1677ff}
 body.dcc-ui-page .shell>.side {background:#fff url('./overview-icons/sidebar-crystal.png') center bottom/100% auto no-repeat;color:#17325c;border-right:1px solid #e5edf7}
 body.dcc-ui-page .shell>.side .brand {border-bottom-color:#e5edf7}
 body.dcc-ui-page .shell>.side .brand b {color:#102852}
 body.dcc-ui-page .shell>.side .brand small {color:#627da5}
 body.dcc-ui-page .shell>.side .mark {color:#1677ff;border-color:#c9e0fc}
 body.dcc-ui-page .shell>.side .nav button {color:#17325c}
 body.dcc-ui-page .shell>.side .nav button.active {color:#0874ff;background:#eaf4ff;box-shadow:inset 3px 0 #0877ff;font-weight:650}
 body.dcc-ui-page .shell>.side .nav button:hover {background:#f0f6ff}
 body.dcc-ui-page .main>.top {height:69px;background:#0065e8;color:#fff;border:0}
 body.dcc-ui-page .main>.top :is(h1,.hint,.muted) {color:#fff}
 body.dcc-ui-page .el-input__wrapper,body.dcc-ui-page .el-select__wrapper {min-height:34px;border-radius:5px;box-shadow:0 0 0 1px #dce7f5 inset}
 body.dcc-ui-page .el-button:not(.is-link):not(.is-text) {min-height:34px;border-radius:5px}
}
@media (min-width:1024px) and (max-width:1500px) {
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .page-heading::after {display:none}
 .app-shell:has(> .dcc-ui-workspace) .content:not(.dcc-overview-screen) .panel {padding:16px}
}