/* lt-plot.css — inline graphics cell styles (see lt-plot.js). */
.lt-table {
  /* auto-fit plot: SVG takes --fw of column (min --w); resizer redraws at
     measured px (see lt-plot.js) */
  .lt-fit { width: var(--fw, 100%); min-width: var(--w, 0); }
  .lt-eb-cell {
    position: relative;
    padding: 0;  /* gridline background fills cell */
    text-align: left;  /* plot flush left with gridlines */
  }
  .lt-eb-grid-bg {
    position: absolute;
    left: 0;
    top: 0;
    line { stroke: #eee; }
  }
  .lt-eb {
    position: relative;
    vertical-align: middle;
    /* default only series lacking stroke=/fill= attribute, so attribute shows;
       override via attr or `.lt-eb` rule */
    line:not([stroke]):not(.lt-eb-ref) { stroke: #888; }
    circle:not([fill]) { fill: #333; }
    .lt-eb-ref { stroke: #ccc; }
  }
  .lt-eb-axis {
    display: block;
    margin-top: 3px;  /* gap below body; cell has no padding */
    line { stroke: #888; }
    text { fill: #666; font-size: 11px; }
    .lt-eb-axis-label { fill: #333; font-size: 12px; }
  }
  .lt-spark {
    vertical-align: middle;
    color: #4682b4;  /* line/bars inherit via currentColor; override inline */
    .lt-spark-line { fill: none; stroke: currentColor; stroke-width: 1; }
    .lt-spark-bar { fill: currentColor; }
  }
  .lt-dot {
    position: relative;  /* paint above absolute gridlines */
    vertical-align: middle;
    color: #333;
    /* default only dots lacking fill= attribute, so attribute shows; override
       via `color` or `.lt-dot circle` */
    circle:not([fill]) { fill: currentColor; }
  }
  .lt-plot-legend {
    margin-top: 3px;  /* gap below axis; cell has no padding */
    font-size: 11px;
    color: #666;
    i {
      display: inline-block;
      width: 8px;
      height: 8px;
      margin-right: 2px;
      border-radius: 50%;
      vertical-align: middle;
    }
    span { margin-right: 6px; white-space: nowrap; }
  }
}