.chart-block{min-width:0;width:100%}
.chart-range-controls{width:100%;min-width:0;margin-top:2px;padding:0 6px 4px;container-type:inline-size}
.chart-range-toolbar{display:flex;align-items:center;justify-content:space-between;gap:5px;flex-wrap:wrap;min-height:24px;margin-bottom:4px}
.chart-range-presets{display:flex;gap:1px;flex-shrink:0}
.chart-range-presets button{border:0;background:transparent;border-radius:3px;font-size:9px;color:#7c8da5;line-height:1;padding:4px 6px;white-space:nowrap}
.chart-range-presets button:hover{background:#edf3fc;color:#2563eb}
.chart-range-presets button.active{color:#2563eb;background:#eaf1fe;font-weight:600}
.chart-range-presets button:disabled{opacity:.45;cursor:default}
.chart-range-dates{font-family:var(--numeric,sans-serif);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:8px;color:#8796ad;line-height:1.4;letter-spacing:-.2px}
.chart-range-track{position:relative;isolation:isolate;height:30px;background:#f5f7fb;border:1px solid #e7edf5;border-radius:3px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}
.chart-range-overview{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.chart-range-shade{position:absolute;top:0;bottom:0;background:#f4f6fad6;pointer-events:none}
.chart-range-shade-start{left:0;border-radius:3px 0 0 3px}.chart-range-shade-end{right:0;border-radius:0 3px 3px 0}
.chart-range-selection{position:absolute;top:-1px;bottom:-1px;min-width:0;border-top:1px solid #b4c9ed;border-bottom:1px solid #b4c9ed;background:#2563eb09;cursor:grab}
.chart-range-selection:focus-visible{outline:2px solid #2563eb;outline-offset:2px;z-index:2}
.chart-range-handle{position:absolute;top:-3px;bottom:-3px;width:13px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;z-index:3;cursor:ew-resize;touch-action:none}
.chart-range-handle::before{content:"";position:absolute;inset:3px 2px;background:#fff;border:1px solid #b4c9ed;border-radius:3px;box-shadow:0 1px 2px #17243b0a}
.chart-range-handle::after{content:"";position:absolute;inset:-4px}
.chart-range-handle i{position:relative;width:3px;height:8px;border-left:1px solid #7f9cc5;border-right:1px solid #7f9cc5;pointer-events:none}
.chart-range-handle:hover::before,.chart-range-handle:focus-visible::before{border-color:#2563eb;background:#f4f8ff}
.chart-range-handle:focus-visible{outline:2px solid #2563eb;outline-offset:0;border-radius:3px}
.chart-range-track.is-dragging,.chart-range-track.is-dragging .chart-range-selection{cursor:grabbing}
.chart-range-track.is-disabled{opacity:.55;cursor:default}.chart-range-track.is-disabled .chart-range-selection,.chart-range-track.is-disabled .chart-range-handle{cursor:default}
@container(max-width:260px){.chart-range-toolbar{gap:3px;margin-bottom:3px}.chart-range-presets button{font-size:8px;padding:4px 5px}.chart-range-dates{font-size:8px;width:100%;text-align:right}.chart-range-track{height:25px}}
@container(max-width:155px){.chart-range-presets button{padding:4px;font-size:8px}.chart-range-dates{font-size:7px;letter-spacing:-.3px}}
@media(pointer:coarse){.chart-range-handle{width:22px}.chart-range-handle::before{left:6px;right:6px}.chart-range-track{height:32px}.chart-range-presets button{min-height:25px}}
@media(max-width:640px){.chart-range-presets button{font-size:10px;padding:6px 7px}.chart-range-dates{font-size:9px}.chart-range-track{height:32px}}

.chart-range-presets{flex-wrap:wrap;flex-shrink:1}.chart-range-toolbar{flex-wrap:wrap}
/* Range track above its compact footer, matching the quote-card layout. */
.chart-range-controls{display:flex;flex-direction:column;padding:0 4px}.chart-range-track{order:0;height:24px}.chart-range-toolbar{order:1;margin:4px 0 0;min-height:17px;gap:3px}.chart-range-presets{gap:0}.chart-range-presets button{padding:3px 4px;font-size:8px}.chart-range-dates{font-size:7px}.chart-range-controls .chart-range-toolbar .chart-range-dates{text-align:right}
@container(max-width:260px){.chart-range-track{height:23px}.chart-range-dates{width:100%;font-size:7px}.chart-range-presets button{font-size:8px;padding:3px 4px}}
@media(max-width:640px){.chart-range-track{height:26px}.chart-range-presets button{font-size:8px;padding:5px 4px;min-height:22px}.chart-range-dates{font-size:7px}}