/* Almost nothing.

   MudBlazor owns the look now — colours, type, spacing, tables, forms, dialogs (ADR
   0003). The first attempt at this interface kept a stylesheet of its own beside a design
   system and the seams showed, so what is left here is only what a component library has
   no opinion about: the size of a chart, and the colours of series that carry meaning. */

/* --- Charts ---------------------------------------------------------------------------
   ECharts draws into a plain div and needs a height from somewhere, because a chart with
   no height renders as nothing at all and says nothing about why. */
.dis-chart {
    width: 100%;
    height: 180px;
    margin-block: .5rem 1.5rem;
}

/* A sparkline is a shape beside a figure, so it takes the room the row leaves it and no
   more. Forty pixels is enough for a trend and too little for anything to be read off. */
.dis-spark {
    flex: 1 1 auto;
    min-width: 6rem;
    height: 40px;
}

/* --- Chart series ---------------------------------------------------------------------
   Defined in CSS rather than in JavaScript so one place decides what the site looks like,
   and read from the body by script beside MudBlazor's own variables.

   These are not theme colours: they carry meaning. Blue and green rather than red and
   green, with the second series dashed as well, so the pair survives colour-vision
   deficiency. The restart marker is deliberately much lighter than both series so it
   stays separable in greyscale, where hue is no help. */
body {
    --dis-chart-line: #a58ce8;
    --dis-chart-resident: #4589ff;
    --dis-chart-managed: #08bdba;
    --dis-chart-server: #ff832b;
    --dis-chart-restart: #fdd13a;
}

/* --- Toggletip ------------------------------------------------------------------------
   Explanations wrap rather than stretching into one unreadable line. The rest of a
   toggletip is MudBlazor's. */
.dis-toggletip__text {
    max-width: 22rem;
}

/* --- Inline code ----------------------------------------------------------------------
   Snowflakes, Module keys and event names are shown as <code>, and a proportional font
   makes two long ids impossible to compare at a glance. MudBlazor has no opinion about a
   bare code element. */
code {
    font-family: 'IBM Plex Mono', ui-monospace, monospace;
    font-size: .875em;
}