.cap-trend .panel-head{flex-wrap:wrap;gap:14px}.cap-trend-options{display:flex;gap:6px}.cap-trend-summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 24px;margin:0 0 20px;color:var(--muted);font-size:13px}.cap-trend-summary b{color:var(--ink-2);margin-left:7px;font-variant-numeric:tabular-nums}.cap-trend-summary small{font-size:11px;margin-left:auto}
.cap-trend-scroll{overflow-x:auto;padding:5px 0}.cap-trend-plot{height:240px;display:flex;gap:12px}.cap-trend-axis{width:44px;flex:none;height:210px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.cap-trend-bars{display:grid;grid-template-columns:repeat(var(--days),minmax(0,1fr));flex:1;min-width:0;height:240px;background:linear-gradient(var(--line),var(--line)) top/100% 1px no-repeat,linear-gradient(var(--line),var(--line)) 0 105px/100% 1px no-repeat,linear-gradient(var(--line-2),var(--line-2)) 0 210px/100% 1px no-repeat}
.cap-trend-day{padding:0;border:0;background:transparent;min-width:0;cursor:pointer;color:var(--sky);display:flex;flex-direction:column;align-items:center;gap:9px;border-radius:4px}.cap-trend-column{height:210px;width:100%;display:flex;align-items:flex-end;justify-content:center}.cap-trend-bar{width:64%;max-width:38px;background:var(--azure);border-radius:5px 5px 0 0;min-height:2px}.cap-trend-day:hover .cap-trend-bar,.cap-trend-day:focus-visible .cap-trend-bar{background:var(--sky)}.cap-trend-day.incomplete .cap-trend-bar{opacity:.5;background:repeating-linear-gradient(135deg,var(--azure) 0 5px,var(--sky) 5px 7px)}.cap-trend-gap{color:var(--muted);font-size:17px}.cap-trend-date{font-size:10px;white-space:nowrap;color:var(--muted)}.cap-trend-readout{min-height:24px;margin-top:12px;color:var(--ink-2);font-size:14px}.cap-trend-loading{height:240px;display:grid;place-items:center}
@media(max-width:600px){.cap-trend-summary{gap:8px 15px}.cap-trend-summary small{margin-left:0;width:100%}.cap-trend-options .btn{padding:5px 9px}.cap-trend-axis{width:36px}.cap-trend-plot{gap:8px}}