/* Local styles. The CSP forbids inline styles, so every style lives here. */
form.inline { display: inline; margin: 0; }
form.inline button { margin: 0; padding: 0.25rem 0.75rem; }
article.login { max-width: 28rem; margin: 4rem auto; }
.error { color: #c62828; }
.ok { color: #2e7d32; }
.muted { color: #6b7280; }
.num { text-align: right; font-variant-numeric: tabular-nums; }
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: 1rem; }
.stats article { margin: 0; padding: 1rem; }
.stats strong { display: block; font-size: 1.5rem; }
pre.state { white-space: pre-wrap; word-break: break-word; max-height: 32rem; overflow: auto; }
.chart { position: relative; height: 18rem; }
.filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: 0.5rem; align-items: end; }
.options label { display: block; }
.htmx-request { opacity: 0.6; }