/* Stats site additions on top of the pool site's style.css. */
.search { display: flex; gap: 8px; flex: 1 1 420px; max-width: 640px; }
.search input { flex: 1; min-width: 0; }
.kv { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 8px 24px; margin: 0; font-size: 14px; }
.kv dt { color: var(--muted); }
.kv dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.hash { font-family: var(--mono); font-size: 13px; overflow-wrap: anywhere; }
.pill { display: inline-block; font-size: 12px; padding: 1px 8px; border-radius: 999px; border: 1px solid var(--border); color: var(--ink-2); margin-left: 6px; white-space: nowrap; }
.pill.accent { border-color: var(--accent); color: var(--ink); background: var(--accent-wash); }
.pager { display: flex; justify-content: space-between; gap: 8px; margin-top: 12px; }
.muted { color: var(--muted); }
.ring { font-family: var(--mono); font-size: 12px; color: var(--ink-2); white-space: normal; overflow-wrap: anywhere; }
.metric-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 480px), 1fr)); gap: 16px; }
.filters { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.calc { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.calc input { width: 160px; }
.bars .bar-row { grid-template-columns: 120px minmax(0, 1fr); }
@media (max-width: 760px) {
  .kv { grid-template-columns: 1fr; gap: 2px 0; }
  .kv dd { margin-bottom: 8px; }
  .bars .bar-row { grid-template-columns: 96px minmax(0, 1fr); }
}