/* SatsWallet DS2 - Etapa 1: telas de informacao (ds2-info.js). So tokens e componentes do v22; nada de cor nova. */
#info-box{padding-bottom:var(--s5)}
#info-box .kvs{margin:0}
#info-box .big{font:600 28px/1.15 var(--f-display);margin:0;overflow-wrap:anywhere}
#info-box .big .muted{font:400 15px/1 var(--f-text)}
.st.ok{color:var(--ok)}
.mono{font-family:var(--f-mono)}
.prof{display:flex;flex-direction:column;align-items:center;gap:var(--s3);padding:var(--s4) 0 var(--s2);text-align:center}
.prof h2{margin:0;overflow-wrap:anywhere;max-width:100%}
.av-big{width:84px;height:84px;border-radius:50%;object-fit:cover;background:var(--bg-2);border:1px solid var(--border);display:grid;place-items:center;font:600 34px/1 var(--f-display);color:var(--text)}
.card.score{display:flex;align-items:center;gap:var(--s3)}
.card.score .ic{width:40px;height:40px;border-radius:12px;background:var(--bg-2);display:grid;place-items:center;color:var(--warn)}
.row.locked .ic{color:var(--text-2)}
.row .val.ok{color:var(--ok)}
.row.me{box-shadow:inset 3px 0 0 var(--accent)}
.row.me .tx b{font-weight:600}
.row .ic.num{font:600 15px/1 var(--f-display)}
.row .val .i.sm{vertical-align:-3px}
.row .tx .bar{display:block;width:100%;height:6px;margin-top:8px}
.split .row .val{min-width:84px}   /* barras da Analise com a mesma largura */
.bar .b0{fill:var(--bg-2)}
.bar .b1{fill:var(--accent)}
.tx-hero{display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s4) 0 var(--s2);text-align:center}
.tx-hero .ic{width:56px;height:56px;border-radius:18px;background:var(--bg-2);display:grid;place-items:center;color:var(--text)}
.tx-hero .ic.pos{color:var(--ok)}
.tx-hero .ic.err{color:var(--err)}
#hist-box .row,#recent .row{font:inherit}