/* TS: 2026-08-02 13:31 ET */

.verification-page {
  background: #0d141f;
  color: #eef2ec;
}

.verification-hero {
  padding: 72px clamp(24px, 6vw, 92px) 48px;
  border-bottom: 1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(115deg, rgba(12,20,31,.98), rgba(17,37,52,.92)),
    radial-gradient(circle at 82% 18%, rgba(184,243,74,.18), transparent 42%);
}

.verification-hero h1 {
  max-width: 980px;
  margin: 8px 0 20px;
  color: #fff8e8;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(58px, 8vw, 124px);
  letter-spacing: -.045em;
  line-height: .85;
}

.verification-hero p {
  max-width: 880px;
  margin: 0;
  color: #cbd5d0;
  font-size: 18px;
  line-height: 1.65;
}

.verification-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  margin-top: 28px;
}

.verification-run {
  min-height: 48px;
  padding: 0 22px;
  border: 2px solid #080c0b;
  background: #b8f34a;
  color: #080c0b;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .045em;
  cursor: pointer;
}

.verification-run:disabled {
  opacity: .58;
  cursor: wait;
}

.verification-timestamp {
  color: #d9aa31;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .035em;
}

.verification-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-bottom: 1px solid rgba(255,255,255,.16);
  background: #111b28;
}

.verification-summary article {
  min-height: 150px;
  padding: 24px;
  border-right: 1px solid rgba(255,255,255,.14);
}

.verification-summary article:last-child {
  border-right: 0;
}

.verification-summary span {
  display: block;
  color: #d9aa31;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
}

.verification-summary strong {
  display: block;
  margin-top: 8px;
  color: #fff8e8;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: clamp(48px, 5vw, 76px);
  line-height: .9;
}

.verification-summary em {
  display: block;
  margin-top: 8px;
  color: #aebbb5;
  font-size: 12px;
  font-style: normal;
  line-height: 1.45;
}

.verification-ledger-shell {
  padding: 48px clamp(18px, 4vw, 72px) 80px;
}

.verification-note {
  max-width: 980px;
  margin: 0 0 22px;
  color: #b9c4bf;
  font-size: 13px;
  line-height: 1.55;
}

.verification-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(255,255,255,.18);
  background: #101b28;
}

.verification-table {
  width: 100%;
  min-width: 1120px;
  border-collapse: collapse;
}

.verification-table th,
.verification-table td {
  padding: 15px 13px;
  border-right: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(255,255,255,.12);
  text-align: left;
  vertical-align: top;
}

.verification-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #18283a;
  color: #f1ca4a;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.verification-table td {
  color: #e6ece8;
  font-size: 13px;
  line-height: 1.45;
}

.verification-table tr[data-tier="platinum"] td:first-child { border-left: 7px solid #dfe7ed; }
.verification-table tr[data-tier="gold"] td:first-child { border-left: 7px solid #e0af29; }
.verification-table tr[data-tier="silver"] td:first-child { border-left: 7px solid #b9c3c9; }
.verification-table tr[data-tier="goblin"] td:first-child { border-left: 7px solid #ef9187; }

.verification-symbol {
  display: block;
  color: #b8f34a;
  font-size: 18px;
  font-weight: 950;
}

.verification-company {
  display: block;
  margin-top: 3px;
  color: #aebbb5;
  font-size: 11px;
}

.verification-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .035em;
  white-space: nowrap;
  text-transform: uppercase;
}

.verification-badge.verified {
  background: rgba(184,243,74,.15);
  color: #b8f34a;
}

.verification-badge.pending {
  background: rgba(217,170,49,.16);
  color: #f0c64d;
}

.verification-badge.missing,
.verification-badge.error {
  background: rgba(239,145,135,.14);
  color: #f3a39a;
}

.verification-badge.demo {
  background: rgba(223,231,237,.11);
  color: #dfe7ed;
}

.verification-detail {
  display: block;
  margin-top: 7px;
  color: #9caaa4;
  font-size: 11px;
  line-height: 1.4;
}

.verification-gap {
  max-width: 300px;
  color: #d6ddd9;
}

.verification-footer-note {
  margin-top: 22px;
  padding: 18px;
  border-left: 5px solid #d9aa31;
  background: rgba(217,170,49,.09);
  color: #cdd6d1;
  font-size: 12px;
  line-height: 1.55;
}

@media (max-width: 900px) {
  .verification-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .verification-summary article:nth-child(2) {
    border-right: 0;
  }
}

@media (max-width: 560px) {
  .verification-summary {
    grid-template-columns: 1fr;
  }

  .verification-summary article {
    border-right: 0;
  }
}