/* Classic-specific panels use the shared --ex-* presentation-r9 extension. */
.classic-stack { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font: 10px/1.6 var(--mono); color: var(--muted); }
.c-net-status .classic-stack { margin-left: auto; }
.classic-playback { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 20px; border: 1px solid var(--ex-line); border-radius: 12px; background: var(--ex-inset); margin: 18px 0 28px; }
.classic-playback .eyebrow { margin-bottom: 6px; }
.classic-playback small { display: inline-block; color: var(--muted); font-size: 11px; margin-left: 14px; }
.classic-playback #view-mode { font: 11px var(--mono); }
.classic-playback-controls { display: flex; gap: 6px; flex-wrap: wrap; }
.c-net .finality-metrics { background: var(--ex-inset); box-shadow: none; border-radius: 12px; padding: 22px 0; margin-bottom: 20px; }
.c-net .finality-metrics strong { font-size: 28px; }
.c-net #finality .finality-metrics > div:nth-child(3) strong { font-size: 22px; line-height: 1.35; }
.c-net .pool-panel .finality-metrics > div:last-child strong { font: 15px/1.65 var(--mono); letter-spacing: 0; }
.finality-panel .table-wrap table { min-width: 1080px; }
.finality-panel .table-wrap th:nth-child(1) { min-width: 145px; }
.finality-panel .table-wrap th:nth-child(5) { min-width: 130px; }
.finality-panel .table-wrap th:nth-child(6) { min-width: 180px; }
.finality-panel .table-wrap th:nth-child(7) { min-width: 180px; }
.propagation-panel .table-wrap table, .pool-panel .table-wrap table { min-width: 0; }
.finality-spark { padding: 16px 18px; margin-bottom: 20px; border: 1px solid var(--ex-line); border-radius: 10px; background: var(--ex-inset); }
.finality-spark svg { display: block; width: 100%; height: 56px; }
.finality-spark path { fill: none; stroke: var(--ex-accent); stroke-width: 1.5; }
.finality-spark span { display: block; margin-top: 10px; font: 10px/1.7 var(--mono); color: var(--muted); }
.finality-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; list-style: none; counter-reset: step; padding: 0; margin: 22px 0 0; border-top: 1px solid var(--ex-line); }
.finality-steps li { padding: 20px 18px 6px 0; font-size: 11px; line-height: 1.8; color: var(--muted); }
.finality-steps li::before { counter-increment: step; content: counter(step,decimal-leading-zero); display: block; color: var(--ex-accent); font: 12px var(--mono); margin-bottom: 12px; }
.finality-steps b { color: var(--text); font-weight: 500; }
.era-progress { display: block; height: 5px; max-width: 440px; background: var(--ex-line); border-radius: 5px; overflow: hidden; margin: 4px 0 12px; }
.era-progress svg { width: 100%; height: 100%; display: block; }
.era-progress rect { fill: var(--ex-accent); }
.era-progress-label { font: 11px/1.7 var(--mono); color: var(--muted); }
.hashrate-panel .detail-card { margin-top: 24px; margin-bottom: 0; }
.hashrate-panel .detail-row { padding: 14px 20px; }
.difficulty-panel .live-chart { margin-top: 18px; }
.etchash-panel .detail-row > div, .classic-fund-panel .detail-row > div { overflow-wrap: anywhere; }
.issuance-panel .detail-row:nth-child(6) > div { font-family: var(--mono); color: var(--ex-good); }
@media(max-width:800px) {
  .c-net .finality-metrics { padding: 0; }
  .c-net .finality-metrics strong { font-size: 24px; }
  .c-net #finality .finality-metrics > div:nth-child(3) strong { font-size: 18px; }
  .classic-playback { padding: 18px; }
  .classic-playback small { display: block; margin: 8px 0 0; }
  .classic-playback-controls .copy-button { min-height: 44px; }
  .finality-steps { grid-template-columns: 1fr; }
  .finality-steps li { padding: 18px 0 0; }
  .finality-steps li::before { display: inline; margin-right: 10px; }
}