.mhomeChart{position:relative;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--mhome-space-sm,8px);padding:var(--mhome-space-md,16px);color:var(--mhome-dialog-text,#263746);border-radius:var(--mhome-dialog-control-radius,6px);overflow:hidden;font-family:inherit;container-type:inline-size}
.mhomeChart>strong{font-size:1rem;font-weight:600}.mhomeChart>small{font-size:.7rem;opacity:.75}.chartToolbar{display:flex;align-items:center;gap:var(--mhome-space-xs,6px);flex-wrap:wrap;min-width:0}.chartToolbar button,.chartToolbar select{font:inherit;width:auto}.chartToolbar select{max-width:200px}.chartToolbar input[type=search]{width:min(220px,100%)}.chartToolbar[hidden]{display:none}
.chartPlot{position:relative;flex:1;min-width:0;min-height:140px;overflow:hidden;isolation:isolate}.chartPlot>canvas{display:block}.chartLegend:empty,.chartMessage:empty{display:none}.chartCurrentValues{font-size:.75rem;color:var(--mhome-dialog-text,#263746)}.chartMessage{padding:var(--mhome-space-sm,8px);font-size:.85rem}.mhomeChart[aria-busy=true] .chartMessage{position:absolute;inset:45% 0 auto;text-align:center}.chartToolbar details{position:relative}.chartToolbar details>summary{cursor:pointer}.chartToolbar details[open]{flex-basis:100%}.chartDisplayControls{display:flex;flex-wrap:wrap;gap:var(--mhome-space-xs,6px)}
.mhomeTrends{display:flex;flex-direction:column;gap:var(--mhome-space-sm,8px);min-width:0}.mhomeTrends>p:empty,.mhomeTrends>div:empty{display:none}.trendChartHost{height:70vh;min-height:380px}.mhomeTrends>div:nth-child(2){display:flex;flex-wrap:wrap;gap:var(--mhome-space-sm,8px)}.trendGroupChart{display:flex;flex-direction:column;gap:var(--mhome-space-sm,8px);width:100%;height:100%;min-height:0}.trendGroupPlot{flex:1;min-height:0}.trendGroupChart>p:empty{display:none}
.trendFullscreen{width:96vw;max-width:1600px;height:94dvh}.trendFullscreen>.mhomeDialogHeader{isolation:isolate;z-index:2}.trendFullscreen>.mhomeFullscreenBody{position:relative;z-index:0}.trendFullscreen .mhomeFullscreenBody>.mhomeChart,.trendFullscreen .mhomeFullscreenBody>.trendGroupChart,.trendFullscreen .mhomeFullscreenBody>.mhomeTrends{height:100%;min-height:0}.trendFullscreen .trendChartHost{height:auto;min-height:0;flex:1}
@container (max-width:420px){.chartToolbar{max-height:100px;overflow:auto}.chartToolbar select{max-width:140px}.mhomeChart>small{font-size:.65rem}}
@media(max-width:640px){.trendChartHost{height:70vh;min-height:380px}.mhomeTrends .chartToolbar>*{max-width:100%}}
/* Trend export window: compact controls in the main toolbar row. */
.mhomeTrends>.chartToolbar{align-items:center}
.mhomeTrends .chartToolbar input.trendExportDate{width:136px;min-width:0;flex:0 0 auto;padding:5px 8px;font-size:13px}
.mhomeTrends .chartToolbar .trendExportButton{flex:0 0 auto;padding:5px 10px;font-size:13px;white-space:nowrap}