/* PROOFO — proof terminal. Extends the tokens in styles.css. */

body.term{
  background:linear-gradient(to bottom, var(--n-hero) 0%, var(--n-1) 22%, var(--n-2) 52%, var(--n-3) 80%, var(--n-4) 100%);
  background-attachment:fixed; color:#fff;
  min-height:100vh; display:flex; flex-direction:column;
}

/* ─────────────────────────  TOP BAR  ───────────────────────── */
.tbar{
  position:sticky; top:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:14px var(--pad);
  background:rgba(10,26,38,.8);
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line-soft);
}
.tbar .wordmark-sm{ color:#fff; font-size:22px; flex:0 0 auto; }

.chain-chip{
  display:none; align-items:center; gap:9px;
  font-size:12px; color:var(--ink-2);
  border:1px solid var(--line-soft); border-radius:999px;
  padding:7px 15px; font-variant-numeric:tabular-nums;
}
@media (min-width:760px){ .chain-chip{ display:flex } }
.chain-chip .sep{ color:rgba(255,255,255,.2); }
.pulse{
  width:7px; height:7px; border-radius:999px; background:#ff6b5a; flex:0 0 auto;
  transition:background .3s;
}
.pulse.live{ background:var(--lime); box-shadow:0 0 0 0 rgba(200,230,48,.6); animation:beat 2.2s infinite; }
@keyframes beat{ 70%{ box-shadow:0 0 0 7px rgba(200,230,48,0) } 100%{ box-shadow:0 0 0 0 rgba(200,230,48,0) } }

.btn-wallet{
  font-size:13.5px; font-weight:500; color:#fff;
  border:1px solid var(--line); border-radius:999px; padding:9px 18px;
  transition:background .2s, border-color .2s; white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.btn-wallet:hover{ background:rgba(186,216,242,.1); border-color:rgba(255,255,255,.3); }
.btn-wallet.on{ border-color:var(--lime); color:var(--lime); }

/* ─────────────────────────  LAYOUT  ────────────────────────── */
.tmain{
  flex:1 1 auto; width:100%; max-width:1320px; margin:0 auto;
  padding:26px var(--pad) 60px;
  display:grid; grid-template-columns:minmax(0,1fr); gap:18px;
}
@media (min-width:1000px){
  .tmain{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding-top:34px }
  .tcard-wide{ grid-column:1 / -1 }
}
.tcard{
  background:var(--surface);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); border:1px solid var(--line-soft);
  border-radius:22px; padding:24px 22px 26px;
}
@media (min-width:640px){ .tcard{ padding:28px 28px 30px } }
.tcard-h{
  display:flex; align-items:baseline; justify-content:space-between; gap:14px;
  flex-wrap:wrap; margin-bottom:16px;
}
.tlab{ font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--lime); }
.tlab2{ font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--wood); display:block; }
.thint{ font-size:12px; color:var(--ink-3); }
.thint a{ color:var(--ink-2); border-bottom:1px solid var(--line); }
.thint a:hover{ color:#fff; }
.tdesc{ font-size:14px; line-height:1.62; color:var(--ink-2); margin-bottom:22px; max-width:60ch; }
.tdesc strong{ color:#fff; font-weight:500; }
.tfine{ font-size:12px; line-height:1.6; color:var(--ink-3); margin-top:20px; }
.muted{ color:var(--ink-3); font-size:13px; }
code{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:0; }

/* ─────────────────────────  FORM  ──────────────────────────── */
.frow{ display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
@media (min-width:560px){ .frow{ grid-template-columns:repeat(3,minmax(0,1fr)) } }
.fld{ display:flex; flex-direction:column; gap:7px; }
.fld > span{ font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--wood); }
.fld > span em{ text-transform:none; letter-spacing:-.01em; font-family:inherit; font-style:normal; color:rgba(255,255,255,.28); }
.fld select,.fld input{
  width:100%; background:rgba(186,216,242,.06); color:#fff;
  border:1px solid var(--line); border-radius:12px;
  padding:12px 14px; font-size:14.5px; letter-spacing:-.01em;
  transition:border-color .2s, background .2s;
  -webkit-appearance:none; appearance:none;
}
.fld select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px center; background-size:16px;
  padding-right:36px;
}
.fld select option{ background:#13303f; color:#fff; }
.fld input::placeholder{ color:rgba(255,255,255,.28); }
.fld select:focus,.fld input:focus{ outline:none; border-color:var(--lime); background:rgba(255,255,255,.07); }
.fld-wide{ margin-top:14px; }

.digest{
  margin-top:18px; padding:14px 16px; border-radius:12px;
  background:rgba(186,216,242,.05); border:1px solid var(--line-soft);
}
.digest code{
  display:block; margin-top:8px; font-size:11.5px; color:var(--lime);
  word-break:break-all; line-height:1.5;
}

.tactions{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:20px; }
.tactions .btn-lime{ font-size:15px; padding:13px 26px; }
.btn-lime[disabled]{ opacity:.4; pointer-events:none; }
.tstatus{ font-size:12.5px; color:var(--ink-3); }
.tstatus.err{ color:#ff8a7a; }
.tstatus.ok{ color:var(--lime); }

.receipt{
  margin-top:16px; padding:14px 16px; border-radius:12px;
  background:rgba(200,230,48,.07); border:1px solid rgba(200,230,48,.28);
  font-size:12.5px; line-height:1.7; color:var(--ink-2);
}
.receipt a{ color:var(--lime); border-bottom:1px solid rgba(200,230,48,.4); word-break:break-all; }
.receipt b{ color:#fff; font-weight:500; }

/* ────────────────────────  EXPOSURE  ───────────────────────── */
.holds{ display:grid; grid-template-columns:repeat(auto-fill,minmax(112px,1fr)); gap:10px; }
.hold{
  border:1px solid var(--line-soft); border-radius:14px; padding:13px 14px;
  display:flex; flex-direction:column; gap:5px;
}
.hold.has{ border-color:rgba(200,230,48,.4); background:rgba(200,230,48,.06); }
.hold-t{ font-size:12px; font-weight:600; letter-spacing:.04em; }
.hold-v{ font-size:16px; font-variant-numeric:tabular-nums; letter-spacing:-.02em; }
.hold.has .hold-v{ color:var(--lime); }
.hold-v.muted-v{ color:var(--ink-3); }

.myproofs{ margin-top:24px; padding-top:20px; border-top:1px solid var(--line-soft); }
.mplist{ margin-top:12px; display:flex; flex-direction:column; gap:8px; }
.mp{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  font-size:13px; color:var(--ink-2);
  padding:10px 12px; border-radius:10px; background:rgba(186,216,242,.05);
}
.mp .tk{ background:var(--lime); color:#11220c; border-radius:6px; padding:1px 7px; font-size:11.5px; font-weight:600; }
.mp .ok{ color:var(--lime); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.mp .bad{ color:#ff8a7a; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.mp a{ margin-left:auto; color:var(--ink-3); font-size:11.5px; }
.mp a:hover{ color:#fff; }

/* ─────────────────────────  MARKET  ────────────────────────── */
.mk-head{ margin-bottom:20px; }
.mk-title{ font-size:1.3rem; line-height:1.24; letter-spacing:-.035em; font-weight:400; }
@media (min-width:640px){ .mk-title{ font-size:1.55rem } }
.mk-meta{ display:block; margin-top:8px; font-size:12.5px; color:var(--ink-3); }
.mk-two{ display:grid; grid-template-columns:minmax(0,1fr); gap:28px; }
@media (min-width:900px){ .mk-two{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:44px } }
.term .ticket{ margin-top:22px; }
.term .t-row span:last-child{ color:#fff; }
.term .btn-lime{ font-size:15px; }
#posStatus{ display:block; margin-top:10px; }

/* signal bars */
.sig{ margin-top:14px; display:flex; flex-direction:column; gap:10px; }
.sigrow{ display:grid; grid-template-columns:54px minmax(0,1fr) 52px; align-items:center; gap:12px; }
.sig-t{ font-size:12.5px; font-weight:500; }
.sig-bar{ height:10px; border-radius:999px; background:rgba(186,216,242,.1); overflow:hidden; }
.sig-fill{
  height:100%; border-radius:999px; background:rgba(186,216,242,.32);
  transform-origin:left; transform:scaleX(0); transition:transform .9s var(--ease);
}
.sigrow.top .sig-fill{ background:var(--lime); }
.sig-n{ font-size:12.5px; text-align:right; color:var(--ink-2); font-variant-numeric:tabular-nums; }

/* ─────────────────────────  LEDGER  ───────────────────────── */
.ledger{ display:flex; flex-direction:column; }
.lrow{
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 14px;
  padding:14px 0; border-bottom:1px solid var(--line-soft); align-items:center;
  font-size:13px;
}
@media (min-width:820px){
  .lrow{ grid-template-columns:78px 66px minmax(0,1fr) 128px 92px; }
}
.lrow:first-child{ border-top:1px solid var(--line-soft); }
.l-k{ font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); }
.l-tk{ font-weight:600; font-size:12.5px; }
.l-d{ color:var(--ink-2); grid-column:1/-1; }
@media (min-width:820px){ .l-d{ grid-column:auto } }
.l-a{ color:var(--ink-3); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11.5px; }
.l-t{ color:var(--ink-3); font-size:11.5px; text-align:right; font-variant-numeric:tabular-nums; }
.l-a:hover{ color:#fff; }

/* ─────────────────────────  FOOTER  ───────────────────────── */
.tfoot{
  border-top:1px solid var(--line-soft);
  padding:20px var(--pad); display:flex; justify-content:space-between; gap:14px;
  flex-wrap:wrap; font-size:12.5px; color:var(--ink-3);
  max-width:1320px; margin:0 auto; width:100%;
}
.tfoot a:hover{ color:#fff; }

/* brand + X in the terminal bar */
.tbar .brand{ gap:9px; }
.tbar .brand-mark{ width:28px; height:28px; border-radius:8px; }
.tbar .nav-right{ gap:9px; }
.tbar .nav-x{
  width:38px; height:38px;
  background:rgba(186,216,242,.06); border:1px solid var(--line);
}
.tbar .nav-x:hover{ background:rgba(186,216,242,.16); }
.tfoot-links{ display:flex; gap:20px; flex-wrap:wrap; }