/* v38: compact two-table Aging Heatmap matching the supplied reference. */
html body #page-opencase #v37HeatmapCard{padding:16px 18px!important;border-radius:17px!important}
html body #page-opencase #v37HeatmapCard>.v37-header{margin-bottom:24px!important}
html body #page-opencase #v37HeatmapCard .v37-two-panels{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:start!important}
html body #page-opencase #v37HeatmapCard .v37-subcard{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-width:0!important}
html body #page-opencase #v37HeatmapCard .v37-subcard>.pt{font-size:11px!important;line-height:1.4!important;margin:0 0 7px!important;color:#284e72!important}
html body #page-opencase #v37HeatmapCard .scroll{height:230px!important;max-height:230px!important;overflow:auto!important;border:0!important;border-radius:0!important;scrollbar-width:thin}
html body #page-opencase #v37HeatmapCard table.grid{width:100%!important;min-width:590px!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:3px!important;font-size:11px!important}
html body #page-opencase #v37HeatmapCard table.grid th,html body #page-opencase #v37HeatmapCard table.grid td{padding:8px 6px!important;font-size:11px!important;line-height:1.3!important;text-align:center!important;border-bottom:0!important}
html body #page-opencase #v37HeatmapCard table.grid th{top:0!important;background:#edf4fb!important;color:#204b72!important;font-size:10px!important}
html body #page-opencase #v37HeatmapCard table.grid th:first-child,html body #page-opencase #v37HeatmapCard table.grid td:first-child{min-width:160px!important;max-width:210px!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body #page-opencase #v37HeatmapCard table.grid td.cell{border-radius:2px!important}
html body #page-opencase #v37HeatmapCard table.grid td.tot{border-top:1px solid #0aa4ad!important;font-weight:700!important}
html body #page-opencase #v37HeatmapCard table.grid tr:last-child td{position:sticky;bottom:0;z-index:2;background:#f3f9fd!important;font-weight:700!important;border-top:1px solid #0aa4ad!important}
html body #page-opencase #v37HeatmapCard .heatlg{margin-top:7px!important;font-size:10px!important;gap:5px!important}
html body #page-opencase #v37HeatmapCard .heatlg .sw{width:26px!important;height:10px!important}
html body #page-opencase #v37HeatmapCard #ocHeatNote{font-size:11px!important;line-height:1.45!important;margin-top:10px!important}
@container v37open (max-width:899.98px){html body #page-opencase #v37HeatmapCard .v37-two-panels{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:760px){html body #page-opencase #v37HeatmapCard .v37-two-panels{grid-template-columns:minmax(0,1fr)!important}}
/* The removed display-period banner must never flash during startup. */
#v36ServicePeriodControl,#slCustNote{display:none!important}
html body #slTrendSub0,html body #slTrendSub1{font-size:12px!important;line-height:1.5!important;white-space:normal!important;color:#46617c!important}
/* RCA RR30 uses the compact Miss Driver chart grammar, not a stack of separate boxes. */
html body #v38RrDistribution{padding:16px 18px!important;border-radius:17px!important;min-width:0!important}
html body #v38RrDistribution h3{font-size:15px!important;margin:0 0 14px!important;line-height:1.4!important}
html body #v38RrDistribution .v38-rr-bars{display:flex;flex-direction:column;gap:9px;max-height:390px;overflow:auto;padding:2px;scrollbar-width:thin;min-width:0}
html body #v38RrDistribution .v38-rr-bar{display:grid;grid-template-columns:minmax(120px,36%) minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-width:0;min-height:30px;border:0;border-radius:5px;background:transparent;padding:4px 0;text-align:left;color:#325471;font:12px/1.4 system-ui,sans-serif;cursor:pointer;box-shadow:none}
html body #v38RrDistribution .v38-rr-bar .lb{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #v38RrDistribution .v38-rr-bar .tr{height:9px;display:block;min-width:0;background:#e8eff6;border-radius:5px;overflow:hidden}
html body #v38RrDistribution .v38-rr-bar .tr i{display:block;height:100%;border-radius:5px;background:#2b87a6;max-width:100%}
html body #v38RrDistribution .v38-rr-bar .vl{font-size:11px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
html body #v38RrDistribution .v38-rr-bar small{font:inherit;color:#61758b}
html body #v38RrDistribution .v38-rr-bar:hover{background:#eff7fc}
html body #v38RrDistribution .v38-rr-bar:focus-visible{outline:2px solid #168bc1;outline-offset:2px}
@media(max-width:380px){html body #v38RrDistribution .v38-rr-bar{grid-template-columns:minmax(80px,36%) minmax(0,1fr) auto;gap:5px;font-size:11px}}