.period-label{display:grid;gap:.35rem;color:var(--muted);font:.56rem "DM Mono",monospace;text-transform:uppercase}.period-label select{min-width:145px;padding:.55rem .35rem;border:1px solid var(--line);background:var(--panel);color:var(--paper);font:.7rem "DM Mono",monospace}.chart-tabs{display:flex;gap:.35rem}.chart-tab{padding:.35rem .5rem;border:1px solid var(--line);background:transparent;color:var(--muted);font:.55rem "DM Mono",monospace;cursor:pointer}.chart-tab.active,.chart-tab:hover{border-color:var(--lime);color:var(--lime)}.dynamic-chart{display:flex;align-items:end;gap:clamp(.45rem,2vw,1rem);height:205px;margin-top:1.4rem;padding-top:.6rem;border-bottom:1px solid var(--line)}.chart-bar{position:relative;flex:1;min-width:10px;min-height:4px;background:var(--lime);transition:height .35s ease,background .2s ease}.chart-bar:hover{background:var(--coral)}.chart-bar::after{position:absolute;right:50%;bottom:calc(100% + 7px);z-index:2;display:none;padding:.35rem .45rem;background:var(--paper);color:var(--ink);content:attr(data-value);font:.55rem "DM Mono",monospace;white-space:nowrap;transform:translateX(50%)}.chart-bar:hover::after{display:block}.chart-summary{margin:.85rem 0 0;color:var(--muted);font-size:.76rem}.chart-summary b{color:var(--paper);font-weight:500}@media(max-width:800px){.period-label{margin-top:1rem}.chart-tabs{margin-top:1rem}.dynamic-chart{height:150px}.panel-head{display:block}.panel-head>div+div{margin-top:.8rem}}
