.daily-chart-hint{font-size:12px;margin:0 0 8px}
.bar-chart{display:flex;align-items:flex-end;gap:6px;height:270px;min-height:270px;padding-top:32px;overflow-x:auto;overflow-y:hidden}
.bar-chart .bar-col{display:flex;flex:1 0 24px;min-width:24px;height:100%;flex-direction:column;align-items:center;justify-content:flex-end}
.bar-chart .bar-col>span{display:block;white-space:nowrap;font-size:10px;color:#86a09a;padding-top:7px}
.daily-bar-button{display:flex;align-items:flex-end;justify-content:center;position:relative;width:100%;min-height:0;flex:1;padding:0;background:transparent;border:0;cursor:pointer}
.daily-bar-button .bar{display:block;width:min(100%,32px);border-radius:7px 7px 0 0;transition:filter .18s}
.daily-bar-button:hover .bar,.daily-bar-button[aria-pressed="true"] .bar{filter:brightness(1.13) saturate(1.2)}
.daily-bar-button:focus-visible{outline:2px solid #1f6043;outline-offset:3px}
.daily-bar-value{position:absolute;z-index:1;bottom:calc(var(--bar-height) + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#18563c;color:#fff;font-size:11px;font-weight:800;padding:5px 8px;border-radius:6px;pointer-events:none}
.daily-chart-selected{margin:12px 0 0;padding:12px;background:#edf6ee;border-radius:8px;color:#1e6043;font-size:13px;font-weight:600}
.daily-chart-selected strong{font-weight:800}