/* Match dashboard navigation gaps to the 10px KPI gutters. */
.connected-data-system .premium-live-dashboard .dashboard-view-labels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;justify-content:initial;min-width:0}
.connected-data-system .premium-live-dashboard .dashboard-view-labels>span{text-align:center;padding-left:5px;padding-right:5px}
/* One proportional composition prevents the individual device frames stretching. */
.connected-data-system .insight-panel>.refined-device-scene{display:flex;align-items:center;justify-content:center;width:100%;height:auto;min-height:110px;max-height:230px;flex:1 1 190px;margin-top:12px;background:transparent;overflow:visible}
.connected-data-system .insight-panel .insight-device-composition{display:block;width:100%;height:100%;max-height:230px;overflow:visible;flex-shrink:0}
@media(max-width:1023px){.connected-data-system .insight-panel>.refined-device-scene{height:220px;min-height:180px;flex:0 0 220px}}

/* Centre the existing icon tiles against the full height of each benefit card. */
.connected-data-system .insight-panel .feature-row>.icon-tile{align-self:center;margin-top:0}