/* Light-client verify page. Uses site.css tokens only. */
.verify-page { padding-bottom: var(--s-8); }
.verify-main { padding-block: var(--s-6) var(--s-7); }
.verify-main h1 { font-size: var(--fs-4); }
.verify-banner {
  margin: 0 0 var(--s-5);
  padding: var(--s-4);
  border: 1px solid var(--line-strong);
  border-radius: var(--r-2);
  background: var(--glass);
  box-shadow: var(--shadow);
}
.verify-banner[data-kind="verified"] { border-color: rgba(143, 227, 196, .45); }
.verify-banner[data-kind="verified-pin-mismatch"],
.verify-banner[data-kind="cold"],
.verify-banner[data-kind="asleep"],
.verify-banner[data-kind="degraded"],
.verify-banner[data-kind="backoff"],
.verify-banner[data-kind="unavailable"] { border-color: rgba(255, 196, 102, .5); }
.verify-banner[data-kind="failed"],
.verify-banner[data-kind="refused"],
.verify-banner[data-kind="unreachable"] { border-color: rgba(255, 157, 143, .5); }
.verify-kicker { margin-bottom: var(--s-2); }
.verify-summary { margin: 0 0 var(--s-2); color: var(--ink); font-size: var(--fs-3); font-weight: 650; }
.verify-detail, .verify-host { margin: 0; color: var(--muted); }
.verify-host { margin-top: var(--s-2); font-family: var(--mono); font-size: var(--fs-0); }
.verify-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: var(--s-3);
  margin: var(--s-5) 0;
}
.verify-fact {
  padding: var(--s-4);
  border: 1px solid var(--line);
  border-radius: var(--r-2);
  background: var(--panel);
}
.verify-fact dt { margin: 0 0 var(--s-1); color: var(--muted); font: 600 var(--fs-0)/1.3 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.verify-fact dd { margin: 0; color: var(--chrome-1); font-family: var(--mono); font-size: var(--fs-1); overflow-wrap: anywhere; }
.verify-section { margin-top: var(--s-6); }
.verify-checks { list-style: none; padding: 0; margin: var(--s-4) 0 0; display: grid; gap: var(--s-3); }
.verify-checks li {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) auto;
  gap: var(--s-1) var(--s-4);
  padding: var(--s-4);
  border: 1px solid var(--line);
  border-radius: var(--r-2);
  background: var(--panel);
}
.verify-label { margin: 0; color: var(--ink); font-weight: 650; }
.verify-status {
  margin: 0;
  justify-self: end;
  align-self: start;
  font: 600 var(--fs-0)/1.3 var(--mono);
  letter-spacing: .04em;
  text-transform: uppercase;
  border: 1px solid var(--line);
  border-radius: var(--r-pill);
  padding: 3px 9px;
  color: var(--muted);
}
.verify-checks li[data-status="passed"] .verify-status { color: var(--ok); border-color: rgba(143, 227, 196, .45); }
.verify-checks li[data-status="failed"] .verify-status { color: var(--danger); border-color: rgba(255, 157, 143, .45); }
.verify-checks li[data-status="not available on this network"] .verify-status,
.verify-checks li[data-status="not verified in this pass"] .verify-status { color: var(--warn); border-color: rgba(255, 196, 102, .45); }
.verify-detail { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: var(--fs-0); overflow-wrap: anywhere; }
.verify-notes { margin: var(--s-4) 0 0; padding-left: 1.1em; }
.verify-notes li { margin-bottom: var(--s-2); }
.verify-actions { margin-top: var(--s-4); }
@media (max-width: 640px) {
  .verify-checks li { grid-template-columns: 1fr; }
  .verify-status { justify-self: start; }
}
@media (prefers-reduced-motion: reduce) {
  .verify-page *, .verify-page *::before, .verify-page *::after {
    animation: none !important;
    transition: none !important;
  }
}