/* Screenshot-led desktop skin. All selectors require the existing overview-only class. */
.dcc-reference-summary-panel { display: contents; }
.dcc-reference-rate, .dcc-reference-table-heading { display: none; }
.dcc-reference-summary-panel .dcc-summary-card .value > small { font: inherit; }
@media (min-width:1024px) {
 .content.dcc-overview-screen { --line:#e4edf8; background:#edf5ff; color:#102852; padding:25px 16px 20px; font-variant-numeric:tabular-nums; min-width:0; }
 .dcc-overview-screen .page-heading { min-height:60px; margin:0 0 16px; gap:16px; align-items:center; }
 .dcc-overview-screen .page-title { color:#0c2450; font-size:28px; font-weight:750; letter-spacing:-.5px; }
 .dcc-overview-screen .page-subtitle { color:#627da5; font-size:13px; margin-top:6px; }
 .dcc-overview-screen .toolbar-right { gap:14px; }
 .dcc-overview-screen .toolbar-right .el-tag { background:#f8fcff; color:#219d7e; border:0; height:32px; }
 .dcc-overview-screen .page-heading .el-select__wrapper { height:32px; border-radius:5px; box-shadow:0 0 0 1px #e3ecf8 inset; }
 .dcc-overview-screen .dcc-kpi-grid { display:grid; grid-template-columns:220px repeat(6,minmax(0,1fr)); gap:0; margin:0 0 16px; padding:0; border:0; border-radius:9px; overflow:hidden; background:#fff; }
 .dcc-overview-screen .dcc-kpi-card { position:relative; display:flex; align-items:center; gap:15px; min-width:0; height:134px; min-height:0; border:0; padding:18px 14px; background:none; border-radius:0; box-shadow:none; }
 .dcc-overview-screen .dcc-kpi-card + .dcc-kpi-card::before { content:""; position:absolute; left:0; top:26px; bottom:20px; width:1px; background:var(--line); }
 .dcc-overview-screen .dcc-kpi-card:nth-child(2)::before { display:none; }
 .dcc-overview-screen .dcc-kpi-card > div:last-child { min-width:0; flex:1; }
 .dcc-overview-screen .dcc-kpi-card .dcc-kpi-icon { position:relative; inset:auto; width:44px; height:44px; flex:0 0 44px; border-radius:50%; color:white; background:#0877ff; font-size:22px; font-weight:700; box-shadow:inset 0 0 0 1px #ffffff40; }
 .dcc-overview-screen .dcc-kpi-card.green .dcc-kpi-icon { background:#26c389; }
 .dcc-overview-screen .dcc-kpi-card.purple .dcc-kpi-icon { background:#8646fb; }
 .dcc-overview-screen .dcc-kpi-card.orange .dcc-kpi-icon { background:#ff9b00; }
 .dcc-overview-screen .dcc-kpi-card.cyan .dcc-kpi-icon { background:#00b7c6; }
 .dcc-overview-screen .dcc-kpi-icon::after { content:""; position:absolute; inset:11px; background:currentColor; mask:var(--icon) center/contain no-repeat; }
 .dcc-overview-screen .dcc-kpi-card:not(:nth-child(4)) .dcc-kpi-icon { font-size:0; }
 .dcc-overview-screen .dcc-kpi-card:first-child { width:auto; margin:0; padding:20px 24px; gap:17px; background:linear-gradient(160deg,#2ab4ef,#0877ff 72%); clip-path:polygon(0 0,80% 0,100% 100%,0 100%); color:#fff; border-radius:8px 0 0 8px; }
 .dcc-overview-screen .dcc-kpi-card:first-child .dcc-kpi-icon { width:40px; flex-basis:40px; background:none; box-shadow:none; --icon:url('./overview-icons/calendar3.svg'); }
 .dcc-overview-screen .dcc-kpi-card:first-child .dcc-kpi-icon::after { inset:2px; }
 .dcc-overview-screen .dcc-kpi-card:nth-child(2) .dcc-kpi-icon { --icon:url('./overview-icons/telephone-fill.svg'); }
 .dcc-overview-screen .dcc-kpi-card:nth-child(3) .dcc-kpi-icon { --icon:url('./overview-icons/telephone-fill.svg'); }
 .dcc-overview-screen .dcc-kpi-card:nth-child(n+5) .dcc-kpi-icon { --icon:url('./overview-icons/clock.svg'); }
 .dcc-overview-screen .dcc-kpi-card:nth-child(4) .dcc-kpi-icon::after { display:none; }
 .dcc-overview-screen .dcc-kpi-label { color:#294574; font-size:13px; padding:0; min-height:0; line-height:19px; }
 .dcc-overview-screen .dcc-kpi-value { color:#0c2450; font-size:27px; line-height:1.15; font-weight:750; margin-top:7px; }
 .dcc-overview-screen .dcc-kpi-delta { color:#7489aa; font-size:11px; line-height:17px; margin-top:7px; }
 .dcc-overview-screen .dcc-kpi-delta.down { color:#d95355; }
 .dcc-overview-screen .dcc-kpi-delta.up { color:#1f9877; }
 .dcc-overview-screen .dcc-kpi-card:first-child .dcc-kpi-label,.dcc-overview-screen .dcc-kpi-card:first-child .dcc-kpi-value,.dcc-overview-screen .dcc-kpi-card:first-child .dcc-kpi-delta { color:#fff; }
 .dcc-overview-screen .dcc-kpi-card:first-child .dcc-kpi-value { font-size:25px; white-space:nowrap; }
 .dcc-overview-screen .dcc-kpi-card:first-child .dcc-kpi-delta { font-size:13px; white-space:nowrap; }
 .dcc-overview-screen .main-grid,.dcc-overview-screen .primary-module-stack,.dcc-overview-screen .dcc-page { min-width:0; }
 .dcc-overview-screen .dcc-page > .dcc-dashboard-panel { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
 .dcc-overview-screen .dcc-reference-summary-panel { display:block; padding:18px 18px 15px; background:#fff; border-radius:10px; margin-bottom:0; }
 .dcc-overview-screen .dcc-report-head { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:4px; min-height:34px; }
 .dcc-overview-screen .dcc-panel-title { position:relative; color:#11284f; font-size:20px; font-weight:750; }
 .dcc-overview-screen .dcc-report-head .dcc-panel-title::before,.dcc-overview-screen .dcc-reference-table-heading strong::before { content:""; display:inline-block; width:4px; height:19px; background:#1677ff; border-radius:2px; margin-right:12px; vertical-align:-3px; }
 .dcc-overview-screen .dcc-toolbar { gap:8px; margin-left:auto; flex-wrap:wrap; }
 .dcc-overview-screen .dcc-toolbar .el-date-editor.el-input { width:137px; }
 .dcc-overview-screen .dcc-toolbar .el-input__wrapper { min-height:32px; border-radius:5px; box-shadow:0 0 0 1px #e1eaf7 inset; }
 .dcc-overview-screen .dcc-toolbar .el-button { height:32px; padding:0 17px; border-radius:5px; border-color:#e1eaf7; color:#21426c; background:white; font-size:12px; }
 .dcc-overview-screen .dcc-toolbar .el-button + .el-button { margin-left:0; }
 .dcc-overview-screen .dcc-toolbar .el-button--primary { background:#0877ff; border-color:#0877ff; color:#fff; }
 .dcc-overview-screen .dcc-toolbar .el-button:last-child.el-button--primary::before { content:""; width:14px; height:14px; margin-right:8px; background:currentColor; mask:url('./overview-icons/download.svg') center/contain no-repeat; }
 .dcc-overview-screen .dcc-toolbar .el-button:hover:not(:disabled) { color:#0877ff; background:#edf5ff; border-color:#accdff; }
 .dcc-overview-screen .dcc-toolbar .el-button:focus-visible,.dcc-overview-screen .dcc-summary-card:focus-visible { outline:2px solid #1677ff; outline-offset:3px; }
 .dcc-overview-screen .dcc-toolbar .el-button.is-disabled { opacity:.5; }
 .dcc-overview-screen .section-note { font-size:12px; line-height:19px; color:#788baa; }
 .dcc-overview-screen .dcc-summary-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; padding:16px 0; margin:10px 0 0; background:#fff; border:1px solid var(--line); border-radius:8px; }
 .dcc-overview-screen .dcc-summary-card { position:relative; min-width:0; min-height:87px; padding:0 10px 0 75px; border:0; border-right:1px solid var(--line); border-radius:0; background:none; box-shadow:none; }
 .dcc-overview-screen .dcc-summary-card:last-child { border-right:0; }
 .dcc-overview-screen .dcc-summary-card::before { content:""; position:absolute; left:14px; top:10px; width:46px; height:46px; border-radius:50%; background:#edf6ff; }
 .dcc-overview-screen .dcc-summary-card::after { content:""; position:absolute; left:26px; top:22px; width:22px; height:22px; background:#0877ff; mask:var(--summary-icon) center/contain no-repeat; }
 .dcc-overview-screen .dcc-summary-card[data-metric="call_count"] { --summary-icon:url('./overview-icons/telephone-outbound-fill.svg'); }
 .dcc-overview-screen .dcc-summary-card[data-metric="call_count"]::before { background:#e6faf3; }
 .dcc-overview-screen .dcc-summary-card[data-metric="call_count"]::after { background:#0cbc89; }
 .dcc-overview-screen .dcc-summary-card[data-metric="connected_count"] { --summary-icon:url('./overview-icons/telephone-fill.svg'); }
 .dcc-overview-screen .dcc-summary-card[data-metric="connected_count"]::before { background:#f4efff; }
 .dcc-overview-screen .dcc-summary-card[data-metric="connected_count"]::after { background:#8646fb; }
 .dcc-overview-screen .dcc-summary-card[data-metric="call_30_count"] { --summary-icon:url('./overview-icons/clock.svg'); }
 .dcc-overview-screen .dcc-summary-card[data-metric="review_required_count"] { --summary-icon:url('./overview-icons/file-earmark-text.svg'); }
 .dcc-overview-screen .dcc-summary-card[data-metric="ai_effective_count"]::after { content:"AI"; mask:none; background:none; left:24px; width:28px; color:#0877ff; font-size:20px; font-weight:750; top:19px; }
 .dcc-overview-screen .dcc-summary-card .label { color:#647fa5; font-size:12px; line-height:18px; white-space:nowrap; }
 .dcc-overview-screen .dcc-summary-card .value { margin-top:7px; color:#10254c; font-size:24px; font-weight:750; line-height:28px; }
 .dcc-overview-screen .dcc-summary-card .value small { font-size:13px; margin-left:4px; }
 .dcc-overview-screen .dcc-summary-card .delta { margin-top:5px; color:#7c8fac; font-size:10px; line-height:16px; overflow-wrap:anywhere; }
 .dcc-overview-screen .dcc-summary-card[data-metric="connected_rate"] { padding-left:91px; }
 .dcc-overview-screen .dcc-summary-card[data-metric="connected_rate"]::before,.dcc-overview-screen .dcc-summary-card[data-metric="connected_rate"]::after { display:none; }
 .dcc-overview-screen .dcc-reference-rate { display:block; position:absolute; left:10px; top:4px; }
 .dcc-overview-screen .dcc-summary-card[data-metric="connected_rate"] .value { position:absolute; left:10px; top:21px; width:72px; text-align:center; font-size:18px; margin:0; }
 .dcc-overview-screen .dcc-summary-card[data-metric="connected_rate"] .value small { font-size:15px; margin:0; }
 .dcc-overview-screen .dcc-summary-card[data-metric="connected_rate"] .label { margin-top:7px; }
 .dcc-overview-screen .dcc-summary-card.is-action { cursor:pointer; }
 .dcc-overview-screen .dcc-summary-card.is-action:hover { background:#f2f7ff; box-shadow:none; }
 .dcc-overview-screen .dcc-report-body { display:grid; grid-template-columns:minmax(0,1fr) 292px; gap:16px; align-items:start; }
 .dcc-overview-screen .dcc-table-wrap { padding:0 18px; min-width:0; background:#fff; border:0; border-radius:9px; overflow:hidden; }
 .dcc-overview-screen .dcc-reference-table-heading { display:flex; height:39px; align-items:center; }
 .dcc-overview-screen .dcc-reference-table-heading strong { font-size:15px; font-weight:700; color:#10274e; }
 .dcc-overview-screen .dcc-page .el-table { --el-table-header-bg-color:#eef5fd; --el-table-header-text-color:#1c3965; --el-table-text-color:#4e6890; --el-table-border-color:transparent; --el-table-row-hover-bg-color:#e8f1ff; font-size:12px; }
 .dcc-overview-screen .dcc-page .el-table th.el-table__cell { padding:8px 0; font-weight:600; }
 .dcc-overview-screen .dcc-page .el-table td.el-table__cell { padding:4px 0; height:30px; }
 .dcc-overview-screen .dcc-page .el-table .cell { line-height:21px; padding:0 8px; white-space:nowrap; }
 .dcc-overview-screen .dcc-page .el-table__row:nth-child(even) td.el-table__cell { background:#f2f7fd; }
 .dcc-overview-screen .dcc-table-wrap .el-table { height:342px!important; }
 .dcc-overview-screen .dcc-table-wrap .el-table__header,.dcc-overview-screen .dcc-table-wrap .el-table__body { width:100%!important; min-width:1060px; }
 .dcc-overview-screen .dcc-table-wrap .el-table col { width:78px!important; }
 .dcc-overview-screen .dcc-table-wrap .el-table col:nth-child(1) { width:48px!important; }
 .dcc-overview-screen .dcc-table-wrap .el-table col:nth-child(2) { width:80px!important; }
 .dcc-overview-screen .dcc-table-wrap .el-table col:nth-child(5) { width:58px!important; }
 .dcc-overview-screen .dcc-table-wrap .el-table col:nth-child(7),.dcc-overview-screen .dcc-table-wrap .el-table col:nth-child(11) { width:104px!important; }
 .dcc-overview-screen .dcc-table-wrap .el-table col:nth-child(13) { width:90px!important; }
 .dcc-overview-screen .rank-badge { position:relative; width:20px; height:20px; border-radius:50%; color:#19355b; background:#e7effa; font-size:12px; font-weight:700; }
 .dcc-overview-screen .rank-badge.gold,.dcc-overview-screen .rank-badge.silver,.dcc-overview-screen .rank-badge.bronze { border-radius:0; background:none; isolation:isolate; color:white; }
 .dcc-overview-screen .rank-badge:is(.gold,.silver,.bronze)::before { content:""; position:absolute; inset:-2px; z-index:-1; background:#ffb423; mask:url('./overview-icons/award-fill.svg') center/contain no-repeat; }
 .dcc-overview-screen .rank-badge.silver::before { background:#93accd; }
 .dcc-overview-screen .rank-badge.bronze::before { background:#e7963f; }
 .dcc-overview-screen .dcc-weather-card { display:block; padding:18px; min-height:0; border:0; border-radius:9px; background:#e9f4ff; box-shadow:none; }
 .dcc-overview-screen .dcc-weather-card::before { display:none; }
 .dcc-overview-screen .dcc-weather-location { gap:8px; }
 .dcc-overview-screen .dcc-weather-location-icon { width:18px; height:18px; flex-basis:18px; border-radius:0; font-size:0; background:#122e5b; mask:url('./overview-icons/geo-alt-fill.svg') center/contain no-repeat; box-shadow:none; }
 .dcc-overview-screen .dcc-weather-location > div { display:flex; align-items:center; gap:12px; }
 .dcc-overview-screen .dcc-weather-location strong { color:#112953; font-size:14px; }
 .dcc-overview-screen .dcc-weather-location div > span { font-size:10px; }
 .dcc-overview-screen .dcc-weather-refresh { width:22px; height:22px; padding:3px; background:none; border:0; color:#7a93b3; }
 .dcc-overview-screen .dcc-weather-current { margin-top:18px; padding-bottom:0; border:0; gap:10px; }
 .dcc-overview-screen .dcc-weather-symbol { position:relative; display:block; width:74px; height:74px; flex-basis:74px; border:0; box-shadow:none; background:transparent; border-radius:0; font-size:0; }
 .dcc-overview-screen .dcc-weather-symbol::after { content:""; display:block; position:absolute; inset:0; width:100%; height:100%; background:#80abcb; mask:url('./overview-icons/cloud-fill.svg') center/contain no-repeat; }
 .dcc-overview-screen .dcc-weather-symbol[data-weather="100"]::after { background:#ffc13c; mask-image:url('./overview-icons/sun-fill.svg'); }
 .dcc-overview-screen .dcc-weather-symbol[data-weather="101"]::after,.dcc-overview-screen .dcc-weather-symbol[data-weather="102"]::after { background:transparent url('./overview-icons/partly-cloudy.png') center/125% no-repeat; mask:none; }
 .dcc-overview-screen .dcc-weather-symbol[data-symbol="☂"]::after { mask-image:url('./overview-icons/cloud-rain-fill.svg'); }
 .dcc-overview-screen .dcc-weather-symbol[data-symbol="❄"]::after { mask-image:url('./overview-icons/cloud-snow-fill.svg'); }
 .dcc-overview-screen .dcc-weather-symbol[data-symbol="≋"]::after { mask-image:url('./overview-icons/cloud-fog2-fill.svg'); }
 .dcc-overview-screen .dcc-weather-symbol[data-symbol="♨"]::after { background:#e7a146; mask-image:url('./overview-icons/thermometer-high.svg'); }
 .dcc-overview-screen .dcc-weather-symbol[data-symbol="❄"]::after { mask-image:url('./overview-icons/cloud-snow-fill.svg'); }
 .dcc-overview-screen .dcc-weather-temp { color:#10244c; font-size:40px; font-weight:750; }
 .dcc-overview-screen .dcc-weather-temp sup { font-size:20px; }
 .dcc-overview-screen .dcc-weather-condition { font-size:12px; line-height:19px; color:#6f86a9; margin-top:6px; }
 .dcc-overview-screen .dcc-weather-metrics { margin-top:18px; gap:8px; }
 .dcc-overview-screen .dcc-weather-metric { min-height:54px; padding:9px 12px; border:1px solid #dcebf9; border-radius:7px; background:#f7fbff; }
 .dcc-overview-screen .dcc-weather-metric span { font-size:11px; color:#7d93b2; }
 .dcc-overview-screen .dcc-weather-metric strong { font-size:13px; color:#18365e; margin-top:4px; }
 .dcc-overview-screen .dcc-weather-advice { padding:12px; background:#f8fcff; border:0; border-radius:7px; margin-top:12px; }
 .dcc-overview-screen .dcc-weather-risk { color:#09977b; font-size:13px; }
 .dcc-overview-screen .dcc-weather-copy { font-size:10px; }
 .dcc-overview-screen .dcc-weather-advice p { font-size:12px; color:#546d93; line-height:21px; }
 .dcc-overview-screen .dcc-weather-source { font-size:10px; margin-top:8px; }
 .dcc-overview-screen .dcc-bottom-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:16px; }
 .dcc-overview-screen .dcc-bottom-grid .dcc-dashboard-panel { padding:18px; border:0; border-radius:9px; box-shadow:none; background:#fff; }
 .dcc-overview-screen .dcc-bottom-grid .dcc-overview-body { grid-template-columns:1fr; }
}
@media (min-width:1024px) and (max-width:1500px) {
 .content.dcc-overview-screen { padding:18px 14px; }
 .dcc-overview-screen .dcc-kpi-grid { grid-template-columns:170px repeat(6,minmax(0,1fr)); }
 .dcc-overview-screen .dcc-kpi-card { gap:8px; padding:14px 10px; }
 .dcc-overview-screen .dcc-kpi-card .dcc-kpi-icon { width:32px; height:32px; flex-basis:32px; font-size:17px; }
 .dcc-overview-screen .dcc-kpi-icon::after { inset:8px; }
 .dcc-overview-screen .dcc-kpi-card:first-child { padding:18px 14px; gap:10px; }
 .dcc-overview-screen .dcc-kpi-card:first-child .dcc-kpi-icon { width:28px; flex-basis:28px; }
 .dcc-overview-screen .dcc-kpi-value { font-size:24px; }
 .dcc-overview-screen .dcc-kpi-label { font-size:12px; }
 .dcc-overview-screen .dcc-summary-card { padding-left:50px; padding-right:8px; }
 .dcc-overview-screen .dcc-summary-card::before { left:10px; width:32px; height:32px; }
 .dcc-overview-screen .dcc-summary-card::after { left:18px; top:18px; width:16px; height:16px; }
 .dcc-overview-screen .dcc-summary-card[data-metric="ai_effective_count"]::after { left:15px; top:15px; font-size:17px; }
 .dcc-overview-screen .dcc-summary-card .value { font-size:22px; }
 .dcc-overview-screen .dcc-summary-card[data-metric="connected_rate"] { padding-left:83px; }
 .dcc-overview-screen .dcc-reference-rate { left:4px; }
 .dcc-overview-screen .dcc-summary-card[data-metric="connected_rate"] .value { left:4px; }
 .dcc-overview-screen .dcc-toolbar { margin-left:0; }
 .dcc-overview-screen .dcc-toolbar .el-button { padding:0 12px; }
 .dcc-overview-screen .dcc-report-body { grid-template-columns:minmax(0,1fr) 250px; gap:12px; }
 .dcc-overview-screen .dcc-weather-card { padding:14px; }
 .dcc-overview-screen .dcc-weather-symbol { width:58px; height:58px; flex-basis:58px; }
 .dcc-overview-screen .dcc-weather-temp { font-size:34px; }
 .dcc-overview-screen .dcc-weather-location > div { gap:8px; }
}