/* explorer — page-specific (shell + tokens from p2-shell.css) */
.cpage{max-width:var(--col); margin:0 auto; padding:26px 22px 64px}
.ctitle{font-family:var(--disp); font-weight:400; font-size:var(--fs-num); margin:0}
.clive{display:inline-block; color:var(--ok); font-size:10px; letter-spacing:.08em; text-transform:uppercase; border:1px solid var(--ok); padding:1px 6px; border-radius:2px; margin-left:8px; vertical-align:middle}
.clive.rd{color:var(--ink-2); border-color:var(--hair)}
.csub{color:var(--ink-2); font-size:var(--fs-small); max-width:66ch; margin:6px 0 0; line-height:1.75}
.csub b{color:var(--ink)}

/* builder-section primitives (shared look with claim) */
.bsec{margin-top:26px; border:1px solid var(--hair); background:var(--panel); padding:20px}
.bh{font-size:var(--fs-meta); letter-spacing:.09em; text-transform:uppercase; color:var(--faint); margin:0 0 12px; display:flex; justify-content:space-between; align-items:center; gap:10px}
.bstep{color:var(--faint)}
.bfield{display:block}
.bfield label{display:block; color:var(--faint); font-size:var(--fs-meta); letter-spacing:.05em; text-transform:uppercase; margin-bottom:4px}
.bfield input{width:100%; background:var(--paper); border:1px solid var(--data-bd); color:var(--ink); font-family:var(--mono); font-size:13px; padding:9px 11px}
.brow{display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:12px}
.bkey{display:inline-block; background:var(--keybg); color:var(--keyfg); border:1px solid var(--keyfg); padding:8px 14px; font-family:var(--mono); font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; cursor:pointer}
.bkey:hover{background:var(--keyfg); color:var(--keybg)}
.bprev{margin-top:12px; border:1px dashed var(--data-bd); background:var(--paper); padding:12px 14px; color:var(--ink-2); font-size:var(--fs-small); line-height:1.65}
.bprev.cxerr{border-color:var(--dn); color:var(--dn)}
.bnote{color:var(--faint); font-size:var(--fs-meta); margin-top:10px; line-height:1.6}
.bnote b{color:var(--ink-2)}

/* explorer icons */
.exico{width:18px; height:18px; flex:0 0 auto; display:inline-block; vertical-align:middle}
.exico.ex-ok{color:var(--ok)}
.exico.ex-bad{color:var(--dn)}
.exico.ex-arrow{color:var(--faint); width:20px; height:20px}

#exOut{margin-top:4px}

/* headline: status glyph + the txid (the one textual anchor) */
.exhead{display:flex; align-items:center; gap:12px; border:1px solid var(--hair); background:var(--paper); padding:14px 16px}
.exhead .exico{width:26px; height:26px}
.exhead-t{min-width:0}
.exhead-k{font-family:var(--disp); font-size:var(--fs-lead); color:var(--ink)}
.exid-row{margin-top:3px}
.exid-txt{font-family:var(--mono); font-size:12px; color:var(--ink-2); word-break:break-all}

/* what moved */
.exmoved{margin-top:14px; display:flex; flex-direction:column; gap:10px}
.exmv{display:grid; grid-template-columns:auto 1fr; gap:4px 14px; align-items:center; border:1px solid var(--hair); background:var(--paper); padding:12px 14px}
.exempty{border:1px dashed var(--data-bd); background:var(--paper); padding:14px; color:var(--faint); font-size:var(--fs-small)}

.extok{display:inline-flex; align-items:center; gap:7px; white-space:nowrap}
.extok .exico{width:17px; height:17px}
.extok-sym{font-family:var(--mono); font-size:12px; letter-spacing:.04em; color:var(--ink-2)}
.extok.t-ftb .exico{color:var(--ink)}
.extok.t-gas .exico{color:var(--ok)}
.extok.t-neo .exico{color:var(--ok)}
.extok.t-bneo .exico{color:var(--ok)}
.extok.t-flm .exico{color:var(--amber)}
.extok.t-flk .exico{color:var(--amber)}
.extok.t-unk .exico{color:var(--faint)}

.examt{font-family:var(--disp); font-size:16px; color:var(--ink); word-break:break-word}
.exflow{grid-column:1 / 3; display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:2px; border-top:1px solid var(--hair); padding-top:10px}
.exflow-l{font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--faint)}

.exaddr{display:inline-flex; align-items:center; gap:7px}
.exid{width:14px; height:14px; flex:0 0 auto; border-radius:2px; display:inline-block}
.exaddr-t{font-family:var(--mono); font-size:12.5px; color:var(--ink-2)}

/* facts: gas + finality (icon tiles) */
.exfacts{margin-top:16px; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:10px}
.extile{display:flex; align-items:center; gap:12px; border:1px solid var(--hair); background:var(--paper); padding:13px 15px}
.extile.ex-okt{border-color:var(--ok)}
.extile-ic{flex:0 0 auto}
.extile-ic .exico{width:22px; height:22px; color:var(--ink-2)}
.extile.ex-okt .extile-ic .exico{color:var(--ok)}
.extile-k{font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--faint)}
.extile-v{font-family:var(--mono); font-size:13px; color:var(--ink); margin-top:3px; word-break:break-word}

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

/* utilities (replace former inline style= attributes; CSP style-src is now 'self') */
.note-foot{margin-top:22px; max-width:66ch}
.ovlede{max-width:54ch}
.ovrow{margin-top:.6rem}
.footmark{font-size:20px}

/* explorer — address view (wallet / contract lookup) */
.exid.exid-lg{width:26px; height:26px; border-radius:3px}
.exsub{margin:18px 0 8px; font-size:var(--fs-meta); letter-spacing:.09em; text-transform:uppercase; color:var(--faint); border-bottom:1px solid var(--hair); padding-bottom:6px}
.exbals{display:flex; flex-direction:column; gap:8px}
.exbal{display:grid; grid-template-columns:minmax(120px,auto) 1fr auto; gap:14px; align-items:center; border:1px solid var(--hair); background:var(--paper); padding:11px 14px}
.exbal .examt{font-size:15px; text-align:right}
.exbal-sym{font-family:var(--mono); font-size:12px; color:var(--ink-2); letter-spacing:.04em}
.extxs{display:flex; flex-direction:column; gap:1px; background:var(--hair); border:1px solid var(--hair)}
.extr{display:grid; grid-template-columns:auto auto 1fr auto auto; gap:12px; align-items:center; background:var(--paper); padding:10px 14px}
.exico.ex-in{color:var(--ok)}
.exico.ex-out{color:var(--amber)}
.extr-dir{display:inline-flex; align-items:center; gap:6px}
.extr-dir .exico{width:16px; height:16px}
.extr-dl{font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--faint)}
.extr-amt{font-family:var(--disp); font-size:14px; color:var(--ink); white-space:nowrap}
.extr-in .extr-amt{color:var(--ok)}
.extr-who{display:inline-flex; align-items:center; gap:7px; min-width:0}
.extr-wl{font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--faint)}
.extr-when{font-family:var(--mono); font-size:11px; color:var(--faint); white-space:nowrap}
.extr-tx{font-family:var(--mono); font-size:11px; color:var(--ink-2); background:transparent; border:1px solid var(--hair); padding:2px 7px; cursor:pointer; letter-spacing:.02em}
.extr-tx:hover{background:var(--sel); color:var(--sel-ink)}
@media (max-width:620px){ .extr{grid-template-columns:auto 1fr; row-gap:6px} .extr-who,.extr-when,.extr-tx{grid-column:1 / 3} }


/* recent-transactions feed (mod-txfeed.js) */
#txFeed{display:flex; flex-direction:column; gap:1px; background:var(--hair); border:1px solid var(--hair); margin-bottom:12px}
#txFeed .txrow{display:grid; grid-template-columns:minmax(92px,auto) auto 1fr auto; gap:12px; align-items:baseline; background:var(--paper); padding:9px 13px}
#txFeed .txid{font-family:var(--mono); font-size:12px; color:var(--ink-2); background:transparent; border:0; border-bottom:1px solid var(--hair); border-radius:0; padding:0; text-transform:none; letter-spacing:0}
#txFeed .txid:hover{background:var(--sel); color:var(--sel-ink)}
#txFeed .txblk{font-family:var(--mono); font-size:11px; color:var(--faint)}
#txFeed .txwho{font-family:var(--mono); font-size:12px; color:var(--ink-2); overflow-wrap:anywhere}
#txFeed .txwhen{font-family:var(--mono); font-size:11px; color:var(--faint); white-space:nowrap}
@media (max-width:620px){ #txFeed .txrow{grid-template-columns:1fr auto; row-gap:4px} #txFeed .txwho{grid-column:1 / 3} }