/* 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}
.prof .prof-sub{margin:-4px 0 0}
.prof-lna{display:flex;flex-direction:column;align-items:stretch;gap:var(--s3);text-align:center}
.prof-qr{width:224px;max-width:100%;margin:0 auto;padding:8px;border-radius:14px;background:#fff;line-height:0}   /* QR sempre em fundo branco, tambem no escuro */
.prof-qr svg{display:block;width:100%;height:auto}
.prof-addr{margin:0;overflow-wrap:anywhere;font-size:15px}
.prof-hint,.prof-none{margin:0}
#prof-short .row{text-decoration:none;color:inherit}
#info-box .logout{margin-top:var(--s5)}