/* Light-theme adaptations for explorer data screens. The official theme changes
   panel surfaces; these selectors also reset inherited dark-only component ink. */

/* These labels already contain a deliberate middle ellipsis. A second CSS
 * ellipsis would hide the suffix that identifies the address or hash. */
:is(.hash-link, .address-link).middle-ellipsis,
.data-panel table:has(#recent-blocks) :is(.hash-link, .address-link).middle-ellipsis {
  max-width: none;
  overflow: visible;
  text-overflow: clip;
}
:root[data-theme="light"] .pool-summary-grid {
  gap: 12px;
  border: 0;
  background: transparent;
}

/* The primary rate can wrap onto two lines. Size that row to its content so
 * its height does not multiply all five rows and stretch the adjacent chart. */
@media (min-width: 841px) {
  :root[data-theme="light"] body[data-page="home"] .mining-overview .metric-stack {
    grid-template-rows: max-content repeat(4, minmax(70px, 1fr));
  }
  :root[data-theme="light"] body[data-page="home"] .mining-overview .stack-metric {
    min-height: 0;
    padding: 12px 1px;
  }
}
:root[data-theme="light"] .holder-insight,
:root[data-theme="light"] .holder-insight:hover {
  color: var(--tc-text);
  border-color: var(--tc-border);
  background: var(--tc-surface);
}
:root[data-theme="light"] .holder-insight :is(h2, .holder-concentration strong),
:root[data-theme="light"] .holder-insight > div strong {
  color: var(--tc-text-strong);
}
:root[data-theme="light"] .holder-insight :is(.eyebrow, .holder-concentration span),
:root[data-theme="light"] .holder-insight > div span {
  color: var(--tc-text-muted);
  font-family: var(--tc-font-sans);
  font-size: 12px;
}
:root[data-theme="light"] .holder-insight > p {
  color: var(--tc-text);
  font-size: 13px;
}
:root[data-theme="light"] .holder-insight > div strong {
  font-family: var(--tc-font-sans);
  font-size: 13px;
}
:root[data-theme="light"] .holder-concentration,
:root[data-theme="light"] .holder-insight > div { border-color: var(--tc-border); }

/* Mempool KPI labels and values share the same light panel surface. */
:root[data-theme="light"] .mempool-kpis {
  border-color: var(--tc-border);
  background: var(--tc-bg-quiet);
}
:root[data-theme="light"] .mempool-kpis > div { border-color: var(--tc-border); }
:root[data-theme="light"] .mempool-kpis span { color: var(--tc-text-muted); }
:root[data-theme="light"] .mempool-kpis strong,
:root[data-theme="light"] .mempool-kpis > div:first-child strong { color: var(--tc-text-strong); }
:root[data-theme="light"] .mempool-map-pane,
:root[data-theme="light"] .mempool-feed-head {
  border-color: var(--tc-border);
  background: var(--tc-bg-quiet);
}
:root[data-theme="light"] .mempool-map-heading strong {
  color: var(--tc-text-strong);
  font-family: var(--tc-font-sans);
  font-size: 13px;
}
:root[data-theme="light"] .mempool-map-legend,
:root[data-theme="light"] .mempool-map-legend small {
  color: var(--tc-text-muted);
  font-family: var(--tc-font-sans);
  font-size: 11px;
}
:root[data-theme="light"] .mempool-map-legend i {
  background: linear-gradient(90deg, var(--tc-charcoal), var(--tc-sage-deep), var(--tc-sage));
}
:root[data-theme="light"] .mempool-map-wrap {
  border-color: var(--tc-border-strong);
  background: var(--tc-inverse-bg);
}
:root[data-theme="light"] .mempool-map-empty {
  padding: 16px;
  color: var(--tc-inverse-text);
  font-size: 13px;
}
:root[data-theme="light"] .pending-main a { color: var(--tc-link); font-size: 13px; }
:root[data-theme="light"] .pending-stats strong { font-size: 13px; }
:root[data-theme="light"] .pending-main small span { color: var(--tc-text-muted); }
:root[data-theme="light"] .pending-item:hover,
:root[data-theme="light"] .pending-item.is-linked {
  background: var(--tc-surface-hover);
  box-shadow: inset 2px 0 var(--tc-accent);
}
:root[data-theme="light"] .pool-method-note {
  color: var(--tc-text-muted);
  font-size: 12px;
}
:root[data-theme="light"] .miner-card,
:root[data-theme="light"] .miner-card:hover {
  border-color: var(--tc-border);
  background: var(--tc-surface);
}
:root[data-theme="light"] .miner-card:hover {
  border-color: var(--tc-border-strong);
  background: var(--tc-surface-hover);
}
:root[data-theme="light"] .miner-rank { font-size: 11px; }
:root[data-theme="light"] .donut-center span { color: var(--tc-text-muted); font-size: 12px; }
:root[data-theme="light"] .miner-card-address > small,
:root[data-theme="light"] .miner-card-meta span,
:root[data-theme="light"] .miner-card-top strong small {
  color: var(--tc-text-muted);
  font-size: 11px;
}

/* Disabled pagination stays legible, with state communicated by its surface
   and cursor instead of fading both text and background. */
:root[data-theme="light"] .pagination button:disabled {
  color: var(--tc-text-muted);
  background: var(--tc-bg-quiet);
  border-color: var(--tc-border);
  opacity: 1;
  cursor: not-allowed;
}

@media (max-width: 720px) {
  :root[data-theme="light"] .mempool-kpis span { font-size: 11px; }
  :root[data-theme="light"] .mempool-kpis strong { font-size: 14px; }
  :root[data-theme="light"] .mempool-map-legend { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  :root[data-theme="light"] .pool-summary-grid { grid-template-columns: 1fr; }
}