/* Chart islands and the DOM tooltips charts.js builds. Sizes and colours reach
   the DOM through the CSSOM, never a style attribute: the CSP forbids those. */

/* the container's size comes from data-width/-height; echarts draws into the
   child and needs it to fill the container */
.echart > div { width: 100%; height: 100%; }

.ec-tip-group { margin-bottom: 8px; }
.ec-tip-head { color: #616b7c; margin-bottom: 4px; }
.ec-tip-row { display: flex; justify-content: space-between; gap: 16px; white-space: nowrap; }
.ec-tip-strong { font-weight: 600; }

/* echarts' own tooltip marker: a 10px dot (colour set via el.style.background) */
.ec-swatch { display: inline-block; margin-right: 4px; border-radius: 10px; width: 10px; height: 10px; }