.monthly-history-panel{min-width:0;align-self:start;padding:24px!important}
.monthly-history-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}
body .monthly-history-heading h2{margin:5px 0 8px;font-size:22px;color:#063f32}
.monthly-history-heading p:not(.eyebrow){font-size:12px;line-height:1.5;color:#627269;margin:0}
.monthly-history-heading label{display:grid;gap:5px;font-size:11px;min-width:145px}
.monthly-history-heading select{width:100%;font-size:12px!important;min-height:40px!important}
.monthly-history-legend{display:flex;justify-content:flex-end;gap:20px;font-size:13px;color:#52665a;margin:22px 0 12px}
.monthly-history-legend span{display:flex;align-items:center;gap:8px}
.monthly-history-legend i{display:inline-block;width:11px;height:11px;border-radius:50%}
.history-income-dot{background:#438d76}.history-expense-dot{background:#d56666}
.monthly-history-scroll{overflow:auto;max-width:100%;scrollbar-width:thin}
.monthly-history-scroll svg{display:block;width:100%;height:310px}
.monthly-history-scroll text{font-family:inherit;font-size:12px;fill:#627269}
.monthly-history-scroll .history-year-label{font-size:10px}
.history-grid{stroke:#e4e8df;stroke-width:1}
.history-income{fill:#438d76}.history-expenses{fill:#d56666}
.history-bar:hover,.history-bar:focus{filter:brightness(.86);outline:none;stroke:#063f32;stroke-width:2}
.monthly-history-detail{font-size:13px;color:#315849;line-height:1.5;min-height:22px;border-top:1px solid #dce2d8;padding-top:16px;margin:18px 0 12px}
.monthly-history-note{font-size:11px;line-height:1.6;color:#627269;margin:0}
@media(max-width:800px){.monthly-history-heading{flex-wrap:wrap}}