.db-trend-chart{--db-trend-base:#9bc8ea;--db-trend-overflow:#efc16f;box-sizing:border-box;min-width:0;max-width:100%;margin:0;color:var(--text,#e4eee6)}
.db-trend-chart-caption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px;margin:0 0 10px;line-height:1.6}
.db-trend-chart-title{font-size:13px;font-weight:600}.db-trend-chart-mode{font-size:11px;color:var(--muted,#a6b5a9)}
.db-trend-chart-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.db-trend-chart-plot{position:relative;box-sizing:border-box;width:100%;min-width:0;border-radius:8px;background:#0d211b;touch-action:pan-y;cursor:crosshair;outline-offset:3px}
.db-trend-chart-plot:focus-visible{outline:2px solid var(--accent,#b8ddbc)}
.db-trend-chart-svg{display:block;width:100%;overflow:visible;font-family:inherit;stroke:none;fill:none}
.db-trend-chart-y-labels{position:absolute;inset:0;pointer-events:none}.db-trend-chart-y-tick{position:absolute;left:0;transform:translateY(-50%);box-sizing:border-box;text-align:right;font-size:11px;line-height:1.25;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;color:#b9c9be}
.db-trend-chart-y-title,.db-trend-chart-x-title{position:absolute;pointer-events:none;font-size:11px;line-height:1.4;color:#c9d7cd}.db-trend-chart-y-title{left:6px;top:4px}.db-trend-chart-x-title{right:0;bottom:0}
.db-trend-chart-x-tick,.db-trend-chart-boundary-label{font-size:11px;fill:#c9d7cd;font-variant-numeric:tabular-nums}.db-trend-chart-boundary-label{fill:var(--db-trend-overflow)}
.db-trend-chart-grid-line{stroke:#597263;stroke-opacity:.28;stroke-width:1}.db-trend-chart-zero{stroke:#91a497;stroke-opacity:.65;stroke-width:1}.db-trend-chart-axis,.db-trend-chart-tick-mark{stroke:#718b7a;stroke-width:1}
.db-trend-chart-overflow-area{fill:var(--db-trend-overflow);fill-opacity:.07}.db-trend-chart-boundary{stroke:var(--db-trend-overflow);stroke-width:1;stroke-dasharray:4 4;stroke-opacity:.75}
.db-trend-chart-series{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.db-trend-chart-series[data-region=base]{stroke:var(--db-trend-base)}.db-trend-chart-series[data-region=overflow]{stroke:var(--db-trend-overflow)}
.db-trend-chart-isolated[data-region=base],.db-trend-chart-selection-point[data-region=base]{fill:var(--db-trend-base)}.db-trend-chart-isolated[data-region=overflow],.db-trend-chart-selection-point[data-region=overflow]{fill:var(--db-trend-overflow)}
.db-trend-chart-selection-line{stroke:#e4eee6;stroke-width:1;stroke-dasharray:2 4;stroke-opacity:.7}.db-trend-chart-selection-point{stroke:#0d211b;stroke-width:2}
.db-trend-chart-empty{position:absolute;left:18%;right:8%;top:42%;margin:0;text-align:center;color:var(--muted,#a6b5a9);font-size:12px;line-height:1.6;pointer-events:none}.db-trend-chart-empty[hidden]{display:none}
.db-trend-chart-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin:8px 0 12px;font-size:11px;color:#c3d1c7}.db-trend-chart-legend-item{display:inline-flex;align-items:center;gap:6px}.db-trend-chart-swatch{display:inline-block;width:18px;height:3px;background:var(--db-trend-base)}.db-trend-chart-swatch[data-region=overflow]{background:var(--db-trend-overflow)}
.db-trend-chart-readout{position:absolute;z-index:3;display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px 12px;width:210px;max-width:calc(100% - 16px);padding:10px 12px;border:1px solid #91af9777;border-radius:8px;background:#12291ff5;box-shadow:0 6px 18px #0005;pointer-events:none;font-variant-numeric:tabular-nums}.db-trend-chart-readout[hidden]{display:none}.db-trend-chart-readout-item:last-child{grid-column:1/-1}
.db-trend-chart-readout-item{min-width:0}.db-trend-chart-readout-label{display:block;font-size:10px;color:var(--muted,#a6b5a9);line-height:1.7;margin-bottom:2px}.db-trend-chart-current-stat,.db-trend-chart-current-value,.db-trend-chart-current-delta{display:block;white-space:nowrap;line-height:1.7;font-size:11px}.db-trend-chart-current-delta{color:var(--accent,#b8ddbc)}
.db-trend-chart-selection-note{margin:0;color:var(--muted,#a6b5a9);font-size:10px;line-height:1.7}