.legacy-summary,.legacy-equipment{padding:16px}
.legacy-summary h2,.legacy-equipment h2{font-size:var(--font-heading-small,18px);line-height:1.4;margin:0 0 10px}
.legacy-summary p,.legacy-equipment p{margin:8px 0;font-size:14px;line-height:1.5}
.legacy-equipment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;align-items:start}
.legacy-equipment .metric-list{margin:8px 0}
.legacy-equipment .metric-row,.legacy-summary .metric-row{font-size:14px;min-width:0}
.legacy-equipment .metric-row dt{overflow-wrap:anywhere}
.legacy-equipment .metric-row dd,.legacy-summary .metric-row dd{min-width:0;max-width:55%;white-space:normal;overflow-wrap:anywhere}
.legacy-flow-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"status" "runtime" "flow" "weather";gap:12px;align-items:start}
.legacy-flow-main{display:contents}
.legacy-flow-status{grid-area:status;min-width:0;padding:0}
.legacy-flow-status>.equipment-identity{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-bottom:8px}
.legacy-flow-status>.equipment-identity h2{margin:0;font-size:var(--text-body)}
.legacy-flow-status .equipment-timestamp{order:3;flex-basis:100%;margin:0}
.legacy-flow-layout .legacy-card-runtime{grid-area:runtime;margin:0;padding:0;min-width:0;max-width:none}
.legacy-flow-layout .legacy-card-runtime .runtime{border:0;padding:0;margin:0}
.legacy-flow-layout .legacy-card-runtime .runtime strong{white-space:normal}
.legacy-flow-layout .energy-flow{grid-area:flow;min-width:0;width:100%;max-width:620px;justify-self:center;align-self:start}
.legacy-flow-main .equipment-timestamp{font-size:var(--text-note);color:var(--muted)}
.legacy-solar-note{font-size:var(--text-note);margin:0 0 8px}
.legacy-flow-panel .energy-weather{min-width:0;grid-area:weather;width:100%;max-width:none;justify-self:stretch}
.legacy-flow-panel .energy-weather .weather-widget{padding:0;border:0}
.legacy-flow-panel [data-external-charger=true] .pcs-flow-svg{max-height:380px}
.legacy-flow-panel [data-external-charger=true][data-layout=portrait] .pcs-flow-svg{max-height:none}
@container(min-width:700px){.legacy-flow-layout{grid-template-columns:minmax(190px,1fr) minmax(0,1.5fr);grid-template-areas:"runtime status" "flow flow" "weather weather"}}
@container(min-width:1180px){.legacy-flow-layout{grid-template-columns:minmax(180px,1fr) minmax(560px,620px) minmax(260px,320px);grid-template-areas:"runtime flow weather" "status flow weather";column-gap:14px;row-gap:12px}}
@container(min-width:1450px){.legacy-flow-layout{grid-template-columns:minmax(190px,1fr) 620px minmax(180px,240px) minmax(260px,320px);grid-template-areas:"runtime flow status weather"}}