.monitoring-header{align-items:center}
.monitoring-header h2{margin-bottom:4px}
.monitoring-header .note{margin:0}
.monitoring-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}
.monitoring-metrics .metric{padding:14px}
.monitoring-metrics .metric strong{font-size:28px}
.monitoring-metrics .metric p{margin:7px 0 0;font-size:10px}
.monitoring-legend{display:flex;gap:18px;margin:20px 0 0;color:var(--mut);font-size:12px}
.monitoring-legend span::before{content:'';display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:7px}
.monitoring-visits{fill:var(--acc)}
.monitoring-registrations{fill:var(--ok)}
.monitoring-visits-label::before{background:var(--acc)}
.monitoring-registrations-label::before{background:var(--ok)}
.monitoring-chart{display:block;width:100%;height:auto;max-height:270px;margin:8px 0 12px}
.monitoring-footnote{margin:12px 0 0;font-size:11px}
#clearSteam{margin-top:6px;min-height:30px;padding:4px 12px;font-size:11px}
.search-helper{align-items:center}
@media(max-width:680px){.monitoring-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.monitoring-metrics .metric strong{font-size:24px}.monitoring-header .row{width:100%;justify-content:space-between}.monitoring-header h2{font-size:17px}}