/* Consumption chart: shared by the report and the visual identity reference. */
.history-chart{display:grid;grid-template-columns:repeat(var(--history-count,12),minmax(0,1fr));gap:var(--space-3);width:100%;padding:var(--space-6) 0 var(--space-4)}
.history-column{min-width:0;display:flex;flex-direction:column;gap:var(--space-2);text-align:center;font-size:var(--text-caption);color:var(--muted)}
.history-column>span:first-child{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500;color:var(--ink)}
.history-column>span:last-child{min-height:32px;line-height:1.4;overflow-wrap:anywhere}
.history-track{height:clamp(120px,18vw,220px);display:flex;align-items:end;justify-content:center;border-bottom:1px solid var(--line)}
.history-track i{display:block;width:min(70%,56px);background:var(--color-chart);border-radius:8px 8px 0 0;transform-origin:bottom}
@media(prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.history-track i{animation:bar-grow linear both;animation-timeline:view();animation-range:entry 0% entry 90%}}}
@keyframes bar-grow{from{transform:scaleY(.04);opacity:.3}to{transform:none;opacity:1}}
.score-meter{height:4px;max-width:44rem;background:#ffffff2e;border-radius:var(--radius-pill);overflow:hidden;margin:var(--space-5) 0}
.score-meter span{display:block;width:100%;height:100%;background:currentColor;border-radius:inherit;transform:scaleX(0);transform-origin:left;transition:transform var(--duration-slow) var(--ease-out)}
@media(max-width:760px){.history-chart{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5) var(--space-2)}.history-track{height:96px}}