/* Shared customer design system. Cockpit remains the approved visual reference. */
.customer-view{--ds-space:16px;--ds-gutter:20px;--ds-border:#e5eaf2;--ds-ink:#20334d;--ds-muted:#718198;--ds-blue:#3569f5;--ds-radius:9px;font-size:13px}
.customer-view .main{max-width:1360px;margin-inline:auto;padding:18px 24px 28px;box-sizing:border-box}
.customer-view .topbar h1{font-size:22px;line-height:1.3;font-weight:650}
.customer-view .subnav .nav-label{font-size:11px;margin:14px 14px 8px;color:var(--ds-muted)}
.customer-view .subnav .sub-link{min-height:40px;padding:9px 12px;font-size:13px;margin:3px 10px;border-radius:6px;box-sizing:border-box}
.customer-view .real-filters{border:0;padding:0;min-height:38px;background:transparent;box-shadow:none;margin:0 0 16px;gap:10px}
.customer-view .real-filters .filter-item{height:36px;border-radius:6px;background:#fff;font-size:12px}
.ds-section-tabs{display:flex;gap:4px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--ds-border);padding:0 0 10px;margin:0 0 16px}
.ds-section-tabs a{padding:7px 13px;border-radius:6px;font-size:13px;color:#697b94;text-decoration:none}
.ds-section-tabs a[aria-current]{background:#eaf1ff;color:#285fdb;font-weight:600}.ds-section-tabs a:hover{background:#f0f4fa}
.customer-dashboard:not(:has(.cockpit-v2)){font-size:13px;line-height:1.55;color:var(--ds-ink);min-width:0}
.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-panel,.cap-panel,.mv-panel){border:1px solid var(--ds-border);border-radius:var(--ds-radius);box-shadow:none;background:#fff;margin:0 0 var(--ds-space);overflow:hidden;min-width:0}
.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-panel,.cap-panel,.mv-panel)>header{padding:12px var(--ds-gutter);min-height:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f6}
.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-panel,.cap-panel,.mv-panel)>header h2{font-size:16px;line-height:1.4;font-weight:650;margin:0;color:var(--ds-ink)}
.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-panel,.cap-panel,.mv-panel)>header h2:before{display:none}
.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-panel,.cap-panel,.mv-panel)>header :is(.cd-note,p,span){font-size:11px;line-height:1.5;color:var(--ds-muted);margin:0;padding:0;max-width:48%}
.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-grid,.cap-grid-main,.cap-grid-equal,.mv-source-grid){gap:var(--ds-space);align-items:stretch;margin-bottom:var(--ds-space)}
.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-grid,.cap-grid-main,.cap-grid-equal)>.cd-panel,.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-grid,.cap-grid-main,.cap-grid-equal)>.cap-panel{display:flex;flex-direction:column;margin-bottom:0;min-width:0}
.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-kpis,.cap-metrics,.cap-result-strip){display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid var(--ds-border);border-radius:var(--ds-radius);margin:0 0 var(--ds-space);background:#fff;overflow:hidden}
.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-kpis,.cap-metrics,.cap-result-strip)>:is(div,article,a){padding:16px var(--ds-gutter);min-width:0;border-right:1px solid #edf1f6;display:flex;flex-direction:column;gap:5px;text-decoration:none}
.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-kpis,.cap-metrics,.cap-result-strip) strong{font-size:28px;line-height:1.2;font-weight:650;letter-spacing:-.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-kpis,.cap-metrics,.cap-result-strip) span{font-size:12px;color:#65778f}
.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-kpis,.cap-metrics,.cap-result-strip) small{font-size:11px;color:var(--ds-muted)}
.customer-dashboard:not(:has(.cockpit-v2)) :is(.table-wrap,div.cd-table,.cap-table){width:100%;overflow-x:auto;min-width:0}
.customer-dashboard:not(:has(.cockpit-v2)) table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.5}
.customer-dashboard:not(:has(.cockpit-v2)) table th{height:38px;padding:9px 14px;background:#f8fafd;border-bottom:1px solid #e8edf5;color:#74839a;font-size:12px;font-weight:500;white-space:nowrap;text-align:left}
.customer-dashboard:not(:has(.cockpit-v2)) table td{height:46px;box-sizing:border-box;padding:10px 14px;border-bottom:1px solid #edf1f6;vertical-align:middle;font-size:13px;color:#304560;overflow-wrap:anywhere;white-space:normal}
.customer-dashboard:not(:has(.cockpit-v2)) table :is(th,td):first-child{padding-left:var(--ds-gutter)}
.customer-dashboard:not(:has(.cockpit-v2)) table :is(th,td):last-child{padding-right:var(--ds-gutter)}
.customer-dashboard:not(:has(.cockpit-v2)) table tr:last-child td{border-bottom:0}
.customer-dashboard:not(:has(.cockpit-v2)) table td small{display:block;color:var(--ds-muted);font-size:11px;line-height:1.5;margin-top:3px}
.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-note,.cap-scope){padding:10px var(--ds-gutter);font-size:11px;line-height:1.6;color:var(--ds-muted);margin:0}
.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-chart,.cap-chart){padding:16px var(--ds-gutter) 12px;min-width:0}
.customer-dashboard:not(:has(.cockpit-v2)) .cd-panel>svg{box-sizing:border-box;padding:16px var(--ds-gutter);width:100%;height:auto;max-height:280px}
.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-bars,.cap-distribution){padding:14px var(--ds-gutter)}
.customer-dashboard:not(:has(.cockpit-v2)) .cd-bar-row{padding:8px 0;margin:0;display:grid;grid-template-columns:1fr;gap:5px}
.customer-dashboard:not(:has(.cockpit-v2)) .cd-bar-track{height:6px!important}
.customer-dashboard:not(:has(.cockpit-v2)) .cd-bar-row small{font-size:11px;color:var(--ds-muted)}
.customer-dashboard:not(:has(.cockpit-v2)) .cd-ratio{display:flex;align-items:center;gap:10px;min-width:130px}
.customer-dashboard:not(:has(.cockpit-v2)) .cd-ratio>i{flex:1;background:#edf2f8;height:6px;border-radius:4px;overflow:hidden;min-width:40px}
.customer-dashboard:not(:has(.cockpit-v2)) .cd-ratio em{display:block;height:100%;border-radius:4px}.customer-dashboard:not(:has(.cockpit-v2)) .cd-ratio>b{font-size:12px;min-width:44px;text-align:right;font-variant-numeric:tabular-nums}
.customer-dashboard:not(:has(.cockpit-v2)) .cap-heading{display:none}
.customer-dashboard:not(:has(.cockpit-v2)) .cap-empty{min-height:64px;padding:20px var(--ds-gutter)!important;font-size:12px;background:#fafbfd;color:var(--ds-muted)}
.customer-dashboard:not(:has(.cockpit-v2)) .ds-platform-table td:first-child{min-width:110px;font-weight:600}
.customer-dashboard:not(:has(.cockpit-v2)) .ds-percent{display:flex;align-items:center;gap:9px;min-width:115px}
.ds-percent>i{width:64px;flex:1;height:6px;background:#edf2f8;border-radius:4px;overflow:hidden}.ds-percent em{display:block;height:100%;border-radius:4px}.ds-percent>b{min-width:44px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}
.ds-platform-trend{padding:16px var(--ds-gutter);min-width:0}.ds-platform-trend svg{width:100%;display:block;height:auto;max-height:280px}.ds-platform-trend text{fill:#7b8ba2;font-size:11px}
.ds-chart-legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px;font-size:12px;color:#62758e}.ds-chart-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}
.ds-data-caption{padding:0 var(--ds-gutter) 14px;color:#7b8ba2;font-size:11px}
@media(max-width:1100px){.customer-view{--ds-gutter:16px}.customer-view .main{padding:16px}.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-panel,.cap-panel)>header{align-items:flex-start;flex-wrap:wrap}.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-panel,.cap-panel)>header :is(.cd-note,p,span){max-width:100%}}
@media(max-width:800px){.customer-dashboard:not(:has(.cockpit-v2)) :is(.cd-grid,.cap-grid-main,.cap-grid-equal,.mv-source-grid){grid-template-columns:1fr}.customer-view .main{padding:12px}.customer-view .topbar h1{font-size:18px}.customer-dashboard:not(:has(.cockpit-v2)) .cd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ds-demo-notice{display:flex;gap:10px;align-items:center;padding:10px 14px;border:1px solid #f0e3c7;background:#fffcf5;border-radius:7px;font-size:11px;color:#807052;margin:0 0 16px}.ds-demo-notice>span{color:#a67a20;white-space:nowrap;font-weight:600}
.customer-dashboard:not(:has(.cockpit-v2)) .cd-bars>div:not(.cd-bar-row){display:grid;grid-template-columns:minmax(100px,1fr) minmax(60px,2fr) auto;gap:12px;align-items:center;min-height:42px;font-size:12px}
.customer-dashboard:not(:has(.cockpit-v2)) .cd-bars>div:not(.cd-bar-row)>i{height:6px;background:#edf2f8;border-radius:4px;overflow:hidden}
.customer-dashboard:not(:has(.cockpit-v2)) .cd-bars>div:not(.cd-bar-row) strong{font-size:13px;font-variant-numeric:tabular-nums}
.customer-dashboard:not(:has(.cockpit-v2)) details>summary{cursor:pointer;font-size:12px;color:#3569f5}
.customer-dashboard:not(:has(.cockpit-v2)) .ds-platform-table details[open]{max-width:250px;max-height:210px;overflow:auto}

/* Restored platform and cockpit evidence styles from 14:43. */
.ae-order{display:flex;flex-wrap:wrap;gap:5px;min-width:200px;max-width:460px}.ae-order>span{font-size:12px;padding:3px 6px;background:#f3f5f9;border-radius:4px}.ae-order>.ae-own{background:#e8efff;color:#2659e8;font-weight:600}.ae-text{white-space:pre-wrap;max-height:260px;overflow:auto;max-width:580px;font-size:12px}.answer-evidence td{vertical-align:top}.answer-evidence td:first-child{max-width:320px}.answer-evidence small{display:block;color:#8592a5;font-size:11px;margin-top:4px}.answer-evidence summary{font-size:12px;cursor:pointer}
/* Platform metrics and their evidence form one continuous section. */
.platform-evidence-block > header h2{color:var(--platform-color)}
.platform-evidence-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:18px 24px;border-bottom:1px solid #e7edf5;gap:24px}
.platform-evidence-metrics>div{display:grid;gap:6px;border-right:1px solid #e7edf5}
.platform-evidence-metrics>div:last-child{border-right:0}
.platform-evidence-metrics span,.platform-evidence-metrics small{color:#8290a6;font-size:12px}
.platform-evidence-metrics strong{font-size:26px;line-height:1.2;color:var(--platform-color);font-variant-numeric:tabular-nums}
.ae-embedded{margin:0;border:0;border-radius:0;box-shadow:none}
@media(max-width:800px){.platform-evidence-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
/* Paired panels share content and footer baselines, not just outer borders. */
@media(min-width:1051px){
 .customer-dashboard:not(:has(.cockpit-v2)) .cd-grid>.cd-panel>header{flex:none}
 .customer-dashboard:not(:has(.cockpit-v2)) .cd-grid>.cd-panel>.table-wrap{display:flex;flex-direction:column;flex:1}
 .customer-dashboard:not(:has(.cockpit-v2)) .cd-grid>.cd-panel>.table-wrap>table{flex:1}
 .customer-dashboard:not(:has(.cockpit-v2)) .cd-grid>.cd-panel>.cd-bars{display:flex;flex-direction:column;justify-content:space-between;flex:1}
 .customer-dashboard:not(:has(.cockpit-v2)) .cd-grid>.cd-panel>.cd-kpis{flex:1;margin:0;border:0;border-radius:0;align-content:stretch}
 .customer-dashboard:not(:has(.cockpit-v2)) .cd-grid>.cd-panel>.cd-kpis>article{justify-content:center;border-bottom:1px solid #edf1f6}
 .customer-dashboard:not(:has(.cockpit-v2)) .cd-grid>.cd-panel>.cd-note:last-child{margin-top:auto;flex:none}
}
.customer-dashboard:not(:has(.cockpit-v2)) .platform-evidence-metrics{padding-inline:var(--ds-gutter)}
.customer-dashboard:not(:has(.cockpit-v2)) .handoff-form{padding-inline:var(--ds-gutter)}
@media(min-width:1051px){
 .customer-dashboard:not(:has(.cockpit-v2)) .cd-grid:has(>.cd-panel>svg){grid-template-columns:repeat(2,minmax(0,1fr))}
 .customer-dashboard:not(:has(.cockpit-v2)) .cd-grid>.cd-panel>.cd-kpis{grid-template-columns:1fr}
 .customer-dashboard:not(:has(.cockpit-v2)) .cd-grid>.cd-panel>.cd-kpis>article{display:grid;grid-template-columns:1fr auto;align-content:center;align-items:center;border-right:0;gap:6px 16px}
 .customer-dashboard:not(:has(.cockpit-v2)) .cd-grid>.cd-panel>.cd-kpis>article>strong{grid-column:2;grid-row:1/3}
 .customer-dashboard:not(:has(.cockpit-v2)) .cd-grid>.cd-panel>.cd-kpis>article>small{grid-column:1}
 .customer-dashboard:not(:has(.cockpit-v2)) .cd-grid>.cd-panel>.cd-kpis>article:last-child{border-bottom:0}
}
.customer-dashboard:not(:has(.cockpit-v2)) .cd-panel>.bt-days{padding:4px var(--ds-gutter) 12px}