/*
    THE MONTHLY BAR CHART'S OWN STYLESHEET.

    Everything Components/Shared/MonthlyBars.razor needs and nothing else. Two screens draw it - the
    condition set's irradiance and soiling months, and the storage screen's dispatch - so it is the
    document's stylesheet rather than either page's.

    THE VALUE ABOVE EACH BAR IS MONO, because it is a measured quantity. A chart given fewer values
    than its axis has refuses and says so; it never pads with zero, because a zero-height bar labelled
    "0" claims a month produced nothing, which is a different statement from a month nobody modelled.
*/

.sv-monthly__bar {
  fill: var(--sv-module-edge);
}

/* The value above each bar. Mono, because it is a measured quantity, and a step
   up in weight from the axis ticks - it is the reading, not the scaffolding. */
.sv-monthly__values text {
  font: 500 10px/1 var(--sv-font-mono);
  fill: var(--sv-text-secondary);
}