/* v26 - presentation only. Target-status artwork is 15% smaller than the v25 HLV size (108x77 -> 92x65)
   and that single size is the reference for every scorecard. Six HLV KPI cards follow the compact
   reference-card proportions. No data, formula, filter or script is touched. */
:root{--v26-tw:92px;--v26-th:65px}
body .v13-rag.v18-image-rag,body #page-hlv #v2Trends .v13-rag.v18-image-rag,body #page-deep #v3MovedPanels .v13-rag.v18-image-rag,body #hvOlaBig .v13-rag.v18-image-rag,body #hvWarrantyBig .v13-rag.v18-image-rag{width:var(--v26-tw)!important;height:var(--v26-th)!important;min-height:0!important}
body .v13-rag.v18-image-rag img,body #page-hlv #v2Trends .v13-rag.v18-image-rag img,body #page-deep #v3MovedPanels .v13-rag.v18-image-rag img,body #hvOlaBig .v13-rag.v18-image-rag img,body #hvWarrantyBig .v13-rag.v18-image-rag img{width:var(--v26-tw)!important;height:var(--v26-th)!important;min-width:0!important;object-fit:contain}
/* Deep Dive service scorecards (Carepack / Warranty / Service & Quality): same icon, header sized to it. */
body #page-deep #v3MovedPanels .v13-service-head,body #hvOlaBig .v13-service-head,body #hvWarrantyBig .v13-service-head{min-height:calc(var(--v26-th) + 4px)!important;padding-right:calc(var(--v26-tw) + 14px)!important}
body #page-deep #v3MovedPanels .v13-rag.v18-image-rag,body #hvOlaBig .v13-rag.v18-image-rag,body #hvWarrantyBig .v13-rag.v18-image-rag{top:0!important;right:0!important}
/* HLV: icon column follows the shared icon size. */
body #page-hlv #v2Trends .v12-summary{grid-template-columns:minmax(0,1fr) auto!important}
body #page-hlv #v2Trends .v12-summary>.v18-image-rag{width:var(--v26-tw)!important;height:var(--v26-th)!important}
/* Six KPI cards (Field OLA 2BD, E2E 5BD TAT, RR30, Field OLA 3BD, E2E 10BD TAT, 3+OS):
   compact reference-card proportions, three per row. */
body #page-hlv #v2Trends>.hvrow2b>.v12-trend-card,body #page-hlv #v2Trends>#v6ExtraTrends>.v12-trend-card{padding:14px 16px!important;border:1px solid #d9e5f0!important;border-radius:17px!important;background:#fff!important;box-shadow:0 7px 18px #193d6309!important}
body #page-hlv #v2Trends>.hvrow2b>.v12-trend-card .v12-card-head,body #page-hlv #v2Trends>#v6ExtraTrends>.v12-trend-card .v12-card-head{padding:0 0 8px!important;margin:0 0 6px!important}
body #page-hlv #v2Trends>.hvrow2b>.v12-trend-card .v12-summary,body #page-hlv #v2Trends>#v6ExtraTrends>.v12-trend-card .v12-summary{grid-template-rows:auto auto auto auto!important;row-gap:4px!important;column-gap:12px!important}
body #page-hlv #v2Trends>.hvrow2b>.v12-trend-card .v12-name,body #page-hlv #v2Trends>#v6ExtraTrends>.v12-trend-card .v12-name{font-size:20px!important;line-height:1.25!important;font-weight:800!important}
body #page-hlv #v2Trends>.hvrow2b>.v12-trend-card .v12-period,body #page-hlv #v2Trends>#v6ExtraTrends>.v12-trend-card .v12-period{font-size:14px!important;line-height:1.4!important}
body #page-hlv #v2Trends>.hvrow2b>.v12-trend-card .v12-actual,body #page-hlv #v2Trends>#v6ExtraTrends>.v12-trend-card .v12-actual{font-size:32px!important;line-height:1.15!important}
body #page-hlv #v2Trends>.hvrow2b>.v12-trend-card .v12-summary>.v13-rag,body #page-hlv #v2Trends>#v6ExtraTrends>.v12-trend-card .v12-summary>.v13-rag{grid-row:1/4!important;align-self:start!important}
body #page-hlv #v2Trends>.hvrow2b>.v12-trend-card .v12-details,body #page-hlv #v2Trends>#v6ExtraTrends>.v12-trend-card .v12-details{grid-column:1!important;grid-row:4!important;margin-top:2px!important}
body #page-hlv #v2Trends>.hvrow2b>.v12-trend-card .v12-status,body #page-hlv #v2Trends>#v6ExtraTrends>.v12-trend-card .v12-status{grid-column:2!important;grid-row:4!important;justify-self:end!important;align-self:center!important;margin-top:2px!important;max-width:132px;text-align:center}
body #page-hlv #v2Trends>.hvrow2b>.v12-trend-card>div:not(.note),body #page-hlv #v2Trends>#v6ExtraTrends>.v12-trend-card>div:not(.note){height:auto!important;min-height:0!important}
body #page-hlv #v2Trends>.hvrow2b>.v12-trend-card>div>svg,body #page-hlv #v2Trends>#v6ExtraTrends>.v12-trend-card>div>svg{height:auto!important;max-height:none!important}
body #page-hlv #v2Trends>.hvrow2b>.v12-trend-card>div>svg text,body #page-hlv #v2Trends>#v6ExtraTrends>.v12-trend-card>div>svg text{font-size:12.5px!important}
@media(max-width:520px){
body #page-hlv #v2Trends>.hvrow2b>.v12-trend-card .v12-details,body #page-hlv #v2Trends>#v6ExtraTrends>.v12-trend-card .v12-details{grid-column:1/-1!important;grid-row:4!important}
body #page-hlv #v2Trends>.hvrow2b>.v12-trend-card .v12-status,body #page-hlv #v2Trends>#v6ExtraTrends>.v12-trend-card .v12-status{grid-column:1/-1!important;grid-row:5!important;justify-self:start!important}
body #page-hlv #v2Trends>.hvrow2b>.v12-trend-card .v12-summary,body #page-hlv #v2Trends>#v6ExtraTrends>.v12-trend-card .v12-summary{grid-template-rows:auto auto auto auto auto!important}
}
@media(max-width:380px){
:root{--v26-tw:88px;--v26-th:63px}
body #page-hlv #v2Trends>.hvrow2b>.v12-trend-card,body #page-hlv #v2Trends>#v6ExtraTrends>.v12-trend-card{padding:12px!important}
body #page-hlv #v2Trends>.hvrow2b>.v12-trend-card .v12-name,body #page-hlv #v2Trends>#v6ExtraTrends>.v12-trend-card .v12-name{font-size:18px!important}
body #page-hlv #v2Trends>.hvrow2b>.v12-trend-card .v12-actual,body #page-hlv #v2Trends>#v6ExtraTrends>.v12-trend-card .v12-actual{font-size:28px!important}
}