/* Station statistics tab: chart panels, top 10 table and season chart */
.chart-panel { height: 100%; }
.chart-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 1rem; }
.chart-subtitle { font-weight: 400; color: var(--vw-muted); font-size: .95rem; }
.chart-box { position: relative; height: 15rem; }

.top-table { width: 100%; margin: 0; font-size: .9rem; }
.top-table th { color: var(--vw-muted); font-weight: 500; font-size: .8rem; padding: 0 .5rem .4rem 0; }
.top-table td { padding: .3rem .5rem .3rem 0; vertical-align: middle; }
.top-thumb { display: inline-grid; place-items: center; width: 1.6rem; height: 1.6rem; margin-right: .6rem; border-radius: 4px; background: var(--vw-paper); color: #c9c2b2; overflow: hidden; font-size: .8rem; vertical-align: middle; }
.top-bar-cell { width: 40%; }
.top-bar-cell .bar { display: block; height: .9rem; }

.chart-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; margin-bottom: 1rem; }
.chart-header .chart-title { margin-bottom: 0; }
.top-thumb img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }