/* Trust Center — extends style.css's case-file theme with card/checklist/flow components */

.trust-layout {
  grid-template-columns: 1fr !important;
  max-width: 880px;
}

.trust-intro {
  margin: 28px 0 0;
  background: rgba(var(--pin-rgb),0.08);
  border: 1px solid rgba(var(--pin-rgb),0.3);
  border-radius: 14px;
  padding: 14px 18px;
  font-size: 13px;
  color: var(--pin);
  line-height: 1.6;
}
.trust-intro a { color: var(--pin); }

.trust-card {
  margin-top: 22px;
  background: var(--card);
  border: 1px solid var(--card-edge);
  border-radius: 16px;
  padding: 26px 28px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.35);
}

.trust-card h2 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 20px;
  color: var(--paper);
  margin: 0 0 6px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.trust-card .trust-kicker {
  font-size: 11px;
  letter-spacing: 0.16em;
  color: var(--ink-dim);
  margin: 0 0 16px;
  text-transform: uppercase;
}

.trust-card p {
  font-size: 13.5px;
  line-height: 1.65;
  color: var(--ink);
  margin: 0 0 12px;
}
.trust-card p:last-child { margin-bottom: 0; }
.trust-card strong { color: var(--paper); }

.trust-status {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 0.08em;
  font-weight: 600;
  padding: 3px 9px;
  border-radius: 3px;
  text-transform: uppercase;
}
.trust-status.pending { background: rgba(var(--pin-rgb),0.14); color: var(--pin); border: 1px solid rgba(var(--pin-rgb),0.35); }
.trust-status.clean { background: rgba(var(--safe-rgb),0.14); color: var(--safe); border: 1px solid rgba(var(--safe-rgb),0.35); }

.check-list {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
  display: grid;
  gap: 8px;
}
.check-list li {
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--ink);
  padding-left: 24px;
  position: relative;
}
.check-list.yes li::before {
  content: "✓";
  position: absolute; left: 0; top: 0;
  color: var(--safe);
  font-weight: 700;
}
.check-list.no li::before {
  content: "✕";
  position: absolute; left: 0; top: 0;
  color: var(--danger);
  font-weight: 700;
}

.trust-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 700px) {
  .trust-two-col { grid-template-columns: 1fr; }
}

.trust-two-col h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--ink-dim);
  margin: 0 0 10px;
  text-transform: uppercase;
}

.wallet-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 4px;
}
@media (max-width: 700px) {
  .wallet-split { grid-template-columns: 1fr; }
}
.wallet-split-box {
  border: 1px solid var(--card-edge);
  border-radius: 12px;
  padding: 16px 18px;
  background: rgba(0,0,0,0.15);
}
.wallet-split-box h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 14px;
  margin: 0 0 8px;
  color: var(--paper);
}
.wallet-split-box .wallet-split-tag {
  display: inline-block;
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pin);
  margin-bottom: 8px;
}
.wallet-split-box p {
  font-size: 13px;
}

.flow-steps {
  counter-reset: flow;
  list-style: none;
  margin: 0;
  padding: 0;
}
.flow-steps li {
  counter-increment: flow;
  position: relative;
  padding: 0 0 18px 40px;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--ink);
}
.flow-steps li::before {
  content: counter(flow);
  position: absolute;
  left: 0; top: -2px;
  width: 24px; height: 24px;
  border-radius: 50%;
  background: var(--card-edge);
  color: var(--paper);
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  font-size: 12px;
  display: flex; align-items: center; justify-content: center;
}
.flow-steps li::after {
  content: "";
  position: absolute;
  left: 11px; top: 24px; bottom: 0;
  width: 1px;
  background: var(--card-edge);
}
.flow-steps li:last-child::after { display: none; }
.flow-steps li strong { color: var(--paper); }

.trust-footer-note {
  margin: 28px 0 60px;
  font-size: 12px;
  color: var(--ink-dim);
  text-align: center;
  line-height: 1.6;
}

/* ── The trading record (Phase 15) — tokens only ─────────────────────────────────── */
.trust-badge { display: inline-block; font-family: var(--font-ui); font-size: var(--text-2xs); font-weight: 700; letter-spacing: .12em; padding: 2px 8px; border-radius: var(--radius-pill); border: 1px solid var(--card-edge); color: var(--ink); vertical-align: middle; margin-right: 4px; }
.trust-badge--PAPER { color: var(--pin); border-color: rgba(var(--pin-rgb), .5); }
.trust-badge--LIVE { color: var(--safe); border-color: rgba(var(--safe-rgb), .5); }
.trust-record-lead { font-family: var(--font-mono); font-size: var(--text-md); color: var(--ink); line-height: 1.6; }
.trust-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: var(--space-3); margin: var(--space-3) 0; }
.trust-stat { border: 1px solid var(--card-edge); border-radius: var(--radius-m); padding: var(--space-3); min-width: 0; }
.trust-stat-v { font-family: var(--font-mono); font-size: var(--text-xl); font-weight: 600; color: var(--paper); overflow-wrap: anywhere; }
.trust-stat-l { font-family: var(--font-ui); font-size: var(--text-2xs); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-dim); margin-top: var(--space-1); }
.trust-stat-n { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--ink-dim); margin-top: var(--space-1); }
.trust-record-line { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--ink); line-height: 1.55; margin: var(--space-2) 0; }
.trust-record-foot { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--ink-dim); margin-top: var(--space-3); }
.is-unknown { color: var(--unknown); }