/* v33: presentation-only alignment and fluid reflow. */
:root{--v26-tw:72px;--v26-th:51px}
html body .v13-rag.v18-image-rag,html body .v13-rag.v18-image-rag img{width:var(--v26-tw)!important;height:var(--v26-th)!important;min-height:0!important;min-width:0!important;object-fit:contain}
html body #page-hlv #v2Trends .v13-rag.v18-image-rag,html body #page-hlv #v2Trends .v13-rag.v18-image-rag img,html body #page-deep #v3MovedPanels .v13-rag.v18-image-rag,html body #page-deep #v3MovedPanels .v13-rag.v18-image-rag img,html body #hvOlaBig .v13-rag.v18-image-rag,html body #hvOlaBig .v13-rag.v18-image-rag img,html body #hvWarrantyBig .v13-rag.v18-image-rag,html body #hvWarrantyBig .v13-rag.v18-image-rag img{width:var(--v26-tw)!important;height:var(--v26-th)!important;min-height:0!important;min-width:0!important}
html body .v13-rag.v14-image-rag{width:48px!important;height:32px!important;min-height:0!important}
html body .v13-rag.v14-image-rag img{width:40px!important;height:20px!important}
html body .v13-rag.v15-pill-rag,html body .v13-rag.v15-pill-rag img{width:80px!important;height:26px!important;min-height:0!important}
html body .v13-rag:not(.v14-image-rag):not(.v15-pill-rag):not(.v18-image-rag){width:34px!important;height:36px!important;min-height:0!important;border-radius:7px!important}
html body .v13-rag:not(.v14-image-rag):not(.v15-pill-rag):not(.v18-image-rag) svg{width:22px!important;height:22px!important;max-height:22px!important}
html body .v13-rag:not(.v18-image-rag)>span{font-size:7px!important;line-height:1.1!important}
html body #hvCards .v7-rag-icon{width:28px!important;height:28px!important;flex-basis:28px!important}
html body #hvCards .v7-rag-icon svg{width:25px!important;height:25px!important}
html body .v2-status-icon{width:12px!important;height:12px!important;line-height:10px!important;font-size:9px!important}
#v33TrendStatus{display:flex;flex:0 0 var(--v26-tw);align-items:flex-start;justify-content:center;min-width:0;min-height:var(--v26-th)}
html body #v33TrendStatus>.v13-rag{position:static!important;margin:0!important;transform:none!important}
html body #page-deep #v5MetricPanel .v33-chart-header{display:flex!important;align-items:flex-start!important;flex-wrap:wrap!important;gap:8px 12px!important}
html body #page-deep #v5MetricPanel .v33-chart-header>.v33-chart-title{flex:1 1 180px;min-width:0}
/* Match the top and bottom edges of the two lower cards. */
#page-deep#page-deep#page-deep #v31Main .v31-grid #v5CustomerPanel>.v5-body.v5-customer-grid{flex:1 1 auto!important;align-self:stretch!important}
#page-deep#page-deep#page-deep #v31Main .v31-grid #v5CustomerCard{flex:1 1 auto!important;align-self:stretch!important}
#page-deep#page-deep#page-deep #v31Main .v31-grid #v5ContributionPanel>.v5-body{align-items:stretch!important}
#page-deep#page-deep#page-deep #v31Main .v31-grid #v5ContributionPanel .v5-body>.card{align-self:stretch!important}
#page-deep#page-deep#page-deep #v31Main .v31-grid #top10,#page-deep#page-deep#page-deep #v31Main .v31-grid .v31-bars{flex:1 1 auto!important;min-height:0!important}
#page-deep#page-deep#page-deep #v31Main .v31-grid .v31-bars{justify-content:space-evenly!important}
#page-deep#page-deep#page-deep #v31Main .v31-grid #v5ContributionPanel .scroll{flex:1 1 auto!important}
@container v31main (min-width:1100px){
#page-deep#page-deep#page-deep #v31Main .v31-grid #v5ContributionPanel>.v5-body{grid-template-columns:minmax(0,1fr) 184px!important;grid-template-areas:"table dim"!important}
#page-deep#page-deep#page-deep #v31Main .v31-grid #contribBox{grid-template-columns:minmax(0,1fr)!important}
}
/* Both sections share one flow; every original panel and chart remains intact. */
#page-deep:not(.hidden)>#v3MovedPanels>#v33CombinedArea{order:12!important;display:grid!important;gap:12px!important;min-width:0!important;margin:0!important;container-type:inline-size;container-name:v33analysis}
#v33CombinedArea>h2{margin:0!important}
html body #v33CombinedArea>#v2ServiceCustomers,html body #v33CombinedArea>#v2AnalysisPanels{margin:0!important;min-width:0!important}
html body #v33CombinedArea>#v2ServiceCustomers{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,470px),1fr))!important;align-items:stretch!important}
html body #v33CombinedArea>#v2AnalysisPanels{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))!important;align-items:stretch!important}
/* Use available content width, including Wide View, instead of fixed page widths. */
html body .main{min-width:0!important;max-width:100%!important;container-type:inline-size;container-name:v33canvas}
html body .main .tabpage,html body .main .card,html body .main .hvpanel,html body .main .v5-panel{min-width:0;max-width:100%;box-sizing:border-box}
html body .main .scroll{min-width:0;max-width:100%;overflow:auto}
html.pr-wide body .main .hvrow2,html.pr-wide body .main .hvrow2b,html.pr-wide body .main .hvrow3,html.pr-wide body .main .hvrow4,html.pr-wide body .main .rd-analysis-grid,html.pr-wide body .main .rd-plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))!important}
html.pr-wide body .main .hvcards{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important}
html.pr-wide body #page-hlv #v2Trends>.hvrow2,html.pr-wide body #page-hlv #v2Trends>.hvrow2b,html.pr-wide body #page-hlv #v2Trends>#v6ExtraTrends{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))!important}
html.pr-wide body .main svg{max-width:100%}
@container v33canvas (max-width:700px){
html body .main .hvrow2,html body .main .hvrow2b,html body .main .hvrow3,html body .main .hvrow4,html body .main .rd-analysis-grid,html body .main .rd-plan-grid{grid-template-columns:minmax(0,1fr)!important}
html body #v15CustomerPanel>.pb{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:380px){:root{--v26-tw:64px;--v26-th:45px}}