/*
 * js/pages/analytics/analytics.css: what /analytics adds on top of pons.css. The frame is pons's own analytics page
 * (.analytics-overview, .analytics-stats, .analytics-chart-card, .analytics-leaderboard); this file centres the
 * shell, keeps long stat notes wrapping, places the empty chart line and fixes the phone columns.
 */
.analytics-page-shell { margin: 0 auto; }
.analytics-stats small { overflow-wrap: anywhere; }
.analytics-stats strong { font-weight: 400; }
.analytics-chart-stage { position: relative; }
.ponduo-chart-empty { position: absolute; inset: 0 0 28px; display: grid; place-items: center; padding: 0 16px; pointer-events: none; }
.analytics-chart-tooltip[hidden] { display: none; }
.analytics-leaderboard li > .analytics-empty { background: var(--panel-blue); border-radius: 15px; }
.analytics-token-copy, .analytics-token-volume { display: grid; min-width: 0; }
.analytics-token-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.analytics-token-copy small, .analytics-token-volume small { color: var(--text-muted); font-size: 12px; }
.analytics-token-volume { text-align: right; justify-items: end; }
.analytics-token-volume strong { font-variant-numeric: tabular-nums; }
.analytics-token-logo .ui-icon { opacity: .55; }
.analytics-card-header > div { min-width: 0; }

@media (max-width: 880px) { .analytics-chart-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 720px) {
  .analytics-hero { flex-direction: column; align-items: flex-start; }
  .analytics-dune-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .analytics-dune-stats { grid-template-columns: minmax(0, 1fr); }
  .analytics-stats > div { min-height: 0; }
  .analytics-leaderboard li a .analytics-token-volume { grid-column: 3; justify-items: start; text-align: left; }
}
@media (max-width: 768px) { .analytics-range-tabs button { min-height: 44px; } }
/* the rolling digits of the big figures keep room for their descenders */
.analytics-stats strong { line-height: 1.12; padding-bottom: 2px; }
.analytics-token-copy small { white-space: normal; overflow-wrap: anywhere; }
.analytics-holdings[hidden] { display: none; }
.analytics-holdings li span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }