/* _content/Geodev.Chart.GUI/Components/GeodevChartCanvas.razor.rz.scp.css */
/* Takes the chart's share of the parent row (the legend/toolbar side takes the rest). Its width must come from
   the flex layout, never from the canvas it holds — hence flex-basis 0 + min-width: 0. */
.geodev-chart-canvas-area[b-xbmhiwomwq] {
    flex: 1 1 0;
    min-width: 0;
}

/* Single line, centered (mx-auto), truncated with an ellipsis once wider than the chart — the full text stays
   available as a tooltip (title attribute). */
.geodev-chart-title[b-xbmhiwomwq] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Dedicated, relatively positioned container owning the canvas — the layout ChartJs's own responsive resize expects
   (it observes the canvas's parent). Its size must come from CSS, never from the canvas it holds: the width is the
   area's, the height either follows from it through aspect-ratio (set inline from the AspectRatio parameter) or, in
   FillHeight mode, is whatever the area's own height leaves after the title. min-height: 0 + overflow: hidden stop
   the previous canvas size from acting as a content minimum, which would otherwise keep the container from
   shrinking back. */
.geodev-chart-canvas-wrapper[b-xbmhiwomwq] {
    position: relative;
    width: 100%;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

.geodev-chart-canvas-wrapper-fill[b-xbmhiwomwq] {
    flex: 1 1 0;
}
/* _content/Geodev.Chart.GUI/Components/GeodevChartLayout.razor.rz.scp.css */
/* Width defaults to the parent's full width; the Width/Height parameters override it inline. */
.geodev-chart-container[b-ydk5frbswx] {
    position: relative;
    width: 100%;
}

.geodev-chart-toolbar[b-ydk5frbswx] {
    margin-bottom: 0.5rem;
}

/* Fixed height: the side column is stretched to the container's height like the drawing area — let the legend
   scroll instead of spilling out of the component when it runs longer. */
.geodev-chart-container-fixed-height .geodev-chart-side[b-ydk5frbswx] {
    min-height: 0;
    overflow-y: auto;
}