/* Keep the live chart's layout predictable inside the perspective-mapped screen.
   Its 600 × 360 design canvas is scaled as a unit, including on mobile Safari. */
@media(max-width:700px){
.office-scene .hero-dashboard .dashboard-ui{display:grid;grid-template-rows:24px 66px minmax(0,1fr);gap:10px;padding:16px;box-sizing:border-box;overflow:hidden}
.office-scene .dash-heading{min-height:0;line-height:1.2}.office-scene .dash-heading strong{font-size:18px;line-height:1.2}.office-scene .dash-heading>span{font-size:12px;line-height:1.2}
.office-scene .dash-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;min-height:0}.office-scene .dash-metrics>div{padding:7px 10px;border-radius:8px;min-height:0}.office-scene .dash-metrics span{font-size:13px;line-height:1.3}.office-scene .dash-metrics b{display:block;font-size:25px;line-height:1.3;margin-top:3px}
.office-scene .dash-chart{display:grid;grid-template-rows:18px minmax(0,1fr);gap:4px;padding:9px 12px 5px;border-radius:10px;min-height:0;overflow:hidden}.office-scene .dash-chart>span{font-size:12px;line-height:1.3}.office-scene .dash-chart svg{display:block;flex:none;width:100%;height:100%;min-height:0;max-width:none;overflow:hidden;aspect-ratio:auto}
.office-scene .dash-bottom{display:none}
}