.mode-switch button{font-size:12px;padding:10px 4px;white-space:nowrap}
#mode-stats,#mode-payments{grid-column:auto}
#stats-panel[hidden]{display:none!important}
#stats-panel.content{max-width:1100px;padding:36px 40px 60px}
.stats-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;border-bottom:1px solid #d7d4c2;padding-bottom:26px;flex-wrap:wrap}
.stats-provider{display:inline-flex;gap:4px;padding:4px;background:#e8e2cf;white-space:nowrap}
.stats-provider button{border:0;background:transparent;color:#685b53;padding:10px 14px;font-size:13px;font-weight:700;cursor:pointer}
.stats-provider button.active{background:#a12222;color:#fffdf4}
.stats-provider button:focus-visible{outline:2px solid #a12222;outline-offset:2px}
.stats-heading h1{font-size:clamp(36px,5vw,60px);line-height:1;margin:8px 0}
.stats-heading p{margin:0;color:#685b53}
.stats-controls{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:18px 0 8px}
.stats-period{display:flex;gap:4px;padding:4px;background:#e8e2cf;white-space:nowrap}
.stats-period button{border:0;background:transparent;color:#685b53;padding:10px 15px;font-size:13px;font-weight:700}
.stats-period button.active{background:#a12222;color:#fffdf4}
.stats-range{display:flex;align-items:end;flex-wrap:wrap;gap:8px}
.stats-range label{display:flex;align-items:center;gap:7px;margin:0;color:#685b53;font-size:12px;font-weight:700}
.stats-range input{width:143px;padding:8px 9px;font-size:12px;color:#302a27}
.stats-range button{align-self:stretch;background:#a12222;color:#fffdf4;padding:8px 13px;font-size:12px;font-weight:700}
.stats-status{font:12px 'Courier New',monospace;color:#685b53;margin:21px 0}
.stats-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.stats-metrics article{background:#fffdf4;border:1px solid #d7d4c2;padding:23px;min-height:156px;display:flex;flex-direction:column}
.stats-metrics span,.stats-metrics small{font:12px 'Courier New',monospace;color:#685b53}
.stats-metrics strong{font-size:clamp(38px,5vw,64px);line-height:1.1;color:#a12222;margin:15px 0 11px}
.stats-chart{background:#fffdf4;border:1px solid #d7d4c2;padding:24px 26px 19px;margin-top:14px}
.stats-chart-head{display:flex;align-items:end;justify-content:space-between;gap:15px}
.stats-chart-head h2{font-size:27px;margin-top:5px}
.stats-chart-legend{display:flex;align-items:center;gap:7px;font-size:12px;color:#685b53;white-space:nowrap}
.stats-chart-legend i{display:block;width:10px;height:10px;background:#a12222}
.stats-chart-plot{overflow-x:auto;overflow-y:hidden;margin-top:20px;background:repeating-linear-gradient(to top,#e7e3d6 0 1px,transparent 1px 46px);border-bottom:1px solid #d7d4c2}
.stats-chart-bars{display:flex;align-items:stretch;gap:5px;width:100%;height:212px}
.stats-chart-day{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}
.stats-chart-bar{display:block;width:min(100%,32px);min-height:2px;background:#a12222;transition:background .15s}
.stats-chart-day:hover .stats-chart-bar,.stats-chart-day:focus .stats-chart-bar{background:#6d171a}
.stats-chart-day small{height:22px;white-space:nowrap;color:#685b53;font:10px 'Courier New',monospace}
.stats-chart-axis{display:flex;justify-content:space-between;font:11px 'Courier New',monospace;color:#685b53;margin-top:7px}
.stats-chart-note{font:11px 'Courier New',monospace;color:#685b53;margin-top:13px}
.stats-sources{background:#fffdf4;border:1px solid #d7d4c2;padding:26px;margin-top:14px}
.stats-sources h2{font-size:27px;margin:5px 0 22px}
.stats-source{display:grid;grid-template-columns:minmax(145px,1fr) minmax(90px,2fr) 50px;gap:16px;align-items:center;margin:14px 0;font-size:14px}
.stats-source-bar{height:10px;background:#ede6d3;display:block}
.stats-source-bar i{height:100%;display:block;background:#a12222}
.stats-source strong{text-align:right}
.stats-deep-link,.stats-disconnected a{display:inline-block;color:#a12222;font-weight:700;margin-top:22px}
.stats-disconnected{background:#fffdf4;border:1px solid #d7d4c2;padding:32px;max-width:640px}
.stats-disconnected h2{font-size:32px;margin:8px 0}
.stats-disconnected p{color:#685b53;line-height:1.5}
@media(max-width:780px){#stats-panel.content{padding:24px 17px}.stats-heading{align-items:start;flex-direction:column}.stats-controls{align-items:stretch}.stats-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.stats-range label{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0}.stats-range input{width:100%;min-width:0}.stats-range button{grid-column:1/-1;min-height:37px}.stats-metrics{grid-template-columns:1fr}.stats-metrics article{min-height:120px}.stats-chart{padding:20px 16px}.stats-source{grid-template-columns:1fr 80px;gap:5px}.stats-source-bar{grid-column:1;grid-row:2}.stats-source strong{grid-column:2;grid-row:1/3}}