/* v34 proportional analytical cards; data and charts are not removed. */
:root{--v34-heading:15px;--v34-gap:14px}
html body #page-deep #v33CombinedArea>#v2AnalysisPanels{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:16px!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels>.hvpanel{display:flex!important;flex-direction:column!important;min-width:0!important;height:auto!important;container-type:inline-size;container-name:v34card}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels>.hvpanel>.ph,html body #v15CustomerPanel>.ph,html body #v2ServiceCustomers>.hvpanel>.ph{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:8px 12px!important;min-height:64px!important;padding:12px 16px!important;box-sizing:border-box;line-height:1.4!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels>.hvpanel>.pb{display:flex!important;flex-direction:column!important;gap:var(--v34-gap)!important;padding:16px!important;flex:1 1 auto!important;min-width:0!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels .v34-section{display:flex;flex-direction:column;gap:8px;min-width:0}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels .pt{font-size:13px!important;line-height:1.4!important;margin:0!important;letter-spacing:0!important;color:#43617a!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels .note{font-size:12px!important;line-height:1.5!important;margin:0!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels .hvpanel>.v7-target-row{margin:0!important;padding:10px 16px!important;border-top:1px solid #dce7ef!important;background:#f4f9fc!important;flex:0 0 auto!important;min-height:42px;box-sizing:border-box}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels .ph .lnk,html body #page-deep #v2AnalysisPanels#v2AnalysisPanels .ph button{font-size:12px!important;min-height:34px!important;min-width:108px!important;padding:7px 11px!important;white-space:nowrap!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels #hvRrBig{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels #hvRrBig>.hvmini{padding:10px 9px!important;min-width:0!important;display:flex;flex-direction:column;gap:5px}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels #hvRrBig .v{font-size:23px!important;line-height:1.2!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels #hvRrBig .v.s{font-size:17px!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels #hvRrBig .v7-target-row{margin-top:auto!important;padding-top:6px!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels #hvRrTrend>svg{width:100%!important;height:165px!important;max-height:none!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels #hvPareto>svg{width:100%!important;height:190px!important;max-height:none!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels #hvMr{max-height:290px!important;overflow:auto!important;min-width:0;scrollbar-width:thin;padding:1px}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels #hvMr .v8-driver-bars{display:grid!important;grid-template-columns:minmax(0,1fr);gap:7px!important;margin:0!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels #hvMr .v8-driver-row{grid-template-columns:minmax(0,1fr)!important;gap:4px!important;padding:8px 9px!important;min-width:0;line-height:1.35!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels #hvMr .v8-driver-row .v8-source{overflow-wrap:anywhere;font-size:12px}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels #hvMr .v8-driver-row b{display:flex;justify-content:space-between;gap:6px;font-size:13px}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels #hvParts{max-height:310px;overflow:auto;scrollbar-width:thin}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels #hvParts table{width:100%;min-width:340px;font-size:12px!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels #hvParts th,html body #page-deep #v2AnalysisPanels#v2AnalysisPanels #hvParts td{padding:9px 7px!important;font-size:12px!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels .hvdonut{display:grid!important;grid-template-columns:116px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;min-width:0}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels .hvdonut>svg{width:116px!important;height:116px!important;max-height:none!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels .hvlg{min-width:0!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels .hvlg .lg{font-size:12px!important;line-height:1.45!important;min-width:0;overflow-wrap:anywhere}
@container v34card (min-width:420px){html body #page-deep #v2AnalysisPanels#v2AnalysisPanels #hvMr .v8-driver-bars{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@container v33analysis (min-width:800px){
html body #page-deep #v33CombinedArea>#v2AnalysisPanels{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels>#v34RcaPanel{grid-column:1/-1!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels>#v34RcaPanel>.pb{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important}
html body #page-deep #v34RcaPanel .v34-rca-intro{grid-column:1/-1}
}
@container v33analysis (min-width:1180px){
html body #page-deep #v33CombinedArea>#v2AnalysisPanels{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels>#v34RcaPanel{grid-column:auto!important}
html body #page-deep #v2AnalysisPanels#v2AnalysisPanels>#v34RcaPanel>.pb{display:flex!important;flex-direction:column!important}
}
/* Customer Analysis uses the same active metric for both plots, the table and the target footer. */
html body #v15CustomerPanel{container-type:inline-size;container-name:v34customer}
html body #v15CustomerPanel>.pb{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;padding:16px!important}
html body #v15CustomerPanel .v15-customer-plot{min-width:0;padding:12px;border:1px solid #e0e9f1;border-radius:10px;background:#fbfdff}
html body #v15CustomerPanel .v15-customer-ranking{grid-column:1/-1;min-width:0}
html body #v15CustomerPanel .pt{font-size:13px!important;line-height:1.4!important;margin:0 0 12px!important}
html body #v34CustomerScope{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;padding:10px 16px;background:#f7fafc;border-bottom:1px solid #e1eaf2;font-size:12px;line-height:1.5;color:#526d84}
html body #v34CustomerScope strong{color:#174d72;font-size:13px}
html body #v15CustomerPanel .v34-customer-bars{display:flex;flex-direction:column;gap:8px}
html body #v15CustomerPanel .v34-customer-bar{display:grid;grid-template-columns:minmax(100px,40%) minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;min-width:0;padding:5px 0;border:0;border-radius:6px;background:transparent;color:#284d68;font:inherit;text-align:left;cursor:pointer}
html body #v15CustomerPanel .v34-customer-name{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
html body #v15CustomerPanel .v34-customer-bar b{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
html body #v15CustomerPanel .v34-customer-track{display:block;min-width:0;height:9px;background:#eaf0f6;border-radius:4px;overflow:hidden}
html body #v15CustomerPanel .v34-customer-track i{display:block;height:100%;border-radius:4px}
html body #v15CustomerPanel .v34-customer-bar:hover,html body #v15CustomerPanel .v34-customer-bar.xsel{background:#eaf5fc}
html body #hvCustTbl{max-height:390px;overflow:auto;scrollbar-width:thin}
html body #hvCustTbl .v34-customer-table{width:100%;min-width:760px;font-size:12px!important}
html body #hvCustTbl th,html body #hvCustTbl td{font-size:12px!important;padding:10px!important;white-space:nowrap;text-align:right}
html body #hvCustTbl th:first-child,html body #hvCustTbl td:first-child{text-align:left;white-space:normal;min-width:170px;overflow-wrap:anywhere}
html body #hvCustTbl th{position:sticky;top:0;background:#edf4fa;z-index:1;cursor:pointer}
html body #hvCustTbl tbody tr{cursor:pointer}
html body #hvCustTbl tbody tr:hover{background:#edf7fc}
html body #v15CustomerPanel .v34-status{font-weight:700;white-space:normal}
html body #v15CustomerPanel .v34-green{color:#137047}html body #v15CustomerPanel .v34-red{color:#ba3041}html body #v15CustomerPanel .v34-amber{color:#946300}html body #v15CustomerPanel .v34-neutral{color:#63758a}
html body #v15CustomerPanel>.v7-target-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:10px 16px!important;margin:0!important;border-top:1px solid #e0e9f1;font-size:12px;line-height:1.5}
html body #v15CustomerPanel :is(button,tr,th):focus-visible{outline:2px solid #1689b0;outline-offset:2px}
@container v34customer (max-width:719.98px){html body #v15CustomerPanel>.pb{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:760px){html body #v15CustomerPanel>.pb{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:380px){html body #page-deep #v2AnalysisPanels#v2AnalysisPanels #hvRrBig{grid-template-columns:minmax(0,1fr)!important}html body #page-deep #v2AnalysisPanels#v2AnalysisPanels .hvdonut{grid-template-columns:90px minmax(0,1fr)!important}html body #page-deep #v2AnalysisPanels#v2AnalysisPanels .hvdonut>svg{width:90px!important;height:90px!important}}