/* Tari site additions on top of the pool site's style.css (same as the Monero stats site's, plus algorithm pills). */
.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); }
.chart.short { height: 180px; }
.live-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--good); margin-right: 6px; vertical-align: 1px; animation: live 2s ease-in-out infinite; }
@keyframes live { 50% { opacity: 0.35; } }
tr.fresh td { animation: fresh 4s ease-out; }
@keyframes fresh { from { background: var(--accent-wash); } to { background: transparent; } }
@media (prefers-reduced-motion: reduce) { .live-dot, tr.fresh td { animation: none; } }
@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); }
}
@media (max-width: 560px) {
  th.minor, td.minor { display: none; }
  th, td { padding-right: 8px; }
  .nav a { padding: 6px 8px; }
  .tiles { gap: 10px; }
  .tile { padding: 12px; }
  .tile-value { font-size: 19px; }
}
.pill.algo { margin-left: 0; font-size: 11.5px; border-color: var(--algo); background: color-mix(in srgb, var(--algo) 12%, transparent); color: var(--ink); }
.pill.a0 { --algo: #e8742c; }
.pill.a1 { --algo: #3d7be0; }
.pill.a2 { --algo: #2f9e6e; }
.pill.a3 { --algo: #9a5fd1; }
details.card > summary { cursor: pointer; font-weight: 600; width: fit-content; }
details.card[open] > summary { margin-bottom: 12px; }