.zb-chart-head{display:flex;align-items:center;gap:12px;font-size:9px;color:var(--zb-muted)}
.zb-chart-head span{display:flex;align-items:center;gap:4px}
.zb-chart-head i{width:8px;height:8px;border-radius:2px}
.zb-chart-head i.in{background:#2ca77b}.zb-chart-head i.out{background:#ef8a48}
.zb-chart .zb-month{flex:1;min-width:0;display:grid;grid-template-rows:1fr 20px;align-items:end}
.zb-chart .zb-bars{height:165px;display:flex;align-items:flex-end;justify-content:center;gap:3px}
.zb-chart .zb-bars i{flex:none;width:min(14px,42%);min-height:0;border-radius:3px 3px 0 0}
.zb-chart .zb-bars i.in{background:linear-gradient(#55c49d,#2ca77b)}
.zb-chart .zb-bars i.out{background:linear-gradient(#f5ae78,#ef8a48)}
.zb-chart .zb-month small{text-align:center;color:#7b8795;font-size:9px}