/* Budget module — supplements bma-theme.css, reuses its color tokens */
.chart-wrap { position: relative; height: 300px; }
.chart-wrap.short { height: 220px; }
.grid-2 { display: grid; grid-template-columns: 1.2fr 1fr; gap: 14px; }
@media (max-width: 900px) { .grid-2 { grid-template-columns: 1fr; } }
.bar-cell { display: flex; align-items: center; gap: 8px; }
.bar-track { flex: 1; height: 6px; background: var(--line-soft); border-radius: 4px; overflow: hidden; }
.bar-fill { height: 100%; background: linear-gradient(90deg, var(--green-600), var(--green-400)); border-radius: 4px; }
.compare-list { max-height: 320px; overflow-y: auto; }
.compare-list td:first-child { width: 34px; }