@media (max-width:1180px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.filter-bar{grid-template-columns:1fr 1fr 1fr}.species-filter-group{grid-column:1/-1}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid,.dashboard-grid.main-charts,.dashboard-grid.secondary-charts,.dashboard-grid.tertiary-charts{grid-template-columns:1fr}.span-2{grid-column:auto}.hero-card{grid-template-columns:1fr 1fr}.hero-main{grid-column:1/-1}}
@media (max-width:820px){.app-shell{display:block}.sidebar{position:static;height:auto;border-radius:0 0 22px 22px}.workspace{padding:16px}.topbar{display:grid}.top-actions{justify-content:flex-start}.metric-grid,.metric-grid.compact,.species-matrix,.export-list{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr}.hero-card{grid-template-columns:1fr}.chart-slot.large{height:280px}.period-row,.large-list .period-row{grid-template-columns:1fr}.period-value{text-align:left}.period-track{height:14px}}
@media (max-width:820px){.chart-slot.large.is-small-multiples,.chart-slot.is-small-multiples{height:auto!important;min-height:calc(var(--small-multiple-rows, 1) * 280px)!important}.small-multiples{grid-template-columns:1fr!important}}