/* RONS - css/meta.css (23-oct, branch meta-balances): token icons, the token's description and links, the orbit's
   official marks, the Balances page and the two progress bars (js/progress.js). Loaded after rons.css; it only adds
   classes and overrides the orbit chips that carry a logo. No inline styles anywhere (CSP): bar widths go through
   the CSSOM. */

/* ---- token icons: the image sits over the initials (shown again if the image fails) ---- */
.av{position:relative;overflow:hidden}
.av.has-img{background:var(--surface-2);color:transparent}
.av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* ---- token page: description, links, share ---- */
.tk-about{margin:-2px 0 14px;max-width:880px}
.tk-desc{color:var(--ink-2);font-size:.9rem;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.tk-desc.is-open{display:block;-webkit-line-clamp:unset;line-clamp:unset}
.tk-more{margin-top:4px;background:none;border:0;padding:0;color:var(--blue-text);font:500 .78rem/1.4 var(--font-ui);cursor:pointer}
.tk-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.soc{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:6px 10px;border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);
  font:500 .76rem/1 var(--font-ui);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.soc:hover{border-color:var(--line-strong);background:var(--surface-2)}
.soc__k{font:500 .62rem/1 var(--font-mono);letter-spacing:.04em;color:var(--blue-text)}
.soc--share{color:var(--ink-2)}
.tk-from{margin-top:8px;font-size:.7rem;color:var(--ink-3)}

/* ---- the orbit's official marks (index.html): round chips on the rings, logos never stretched ---- */
.orbit{--orbit-logo:46px}
.orbit__chip.orbit__chip--logo{width:var(--orbit-logo);height:var(--orbit-logo);margin-left:calc(var(--orbit-logo) * -.5);margin-top:calc(var(--orbit-logo) * -.5);
  padding:0;background:#0B0B14;border:1px solid var(--line-strong);box-shadow:0 0 0 4px var(--ground);overflow:hidden}
.orbit__chip.orbit__chip--logo[data-chip]{background:#0B0B14;color:inherit}
.orbit__chip--logo img{width:62%;height:62%;object-fit:contain;display:block}
.orbit__chip--logo.orbit__chip--full{border-color:transparent;background:transparent}
.orbit__chip--logo.orbit__chip--full img{width:100%;height:100%}
.orbit__chip--a0{left:50%;top:0}
.orbit__chip--a45{left:85.36%;top:14.64%}
.orbit__chip--a60{left:93.3%;top:25%}
.orbit__chip--a120{left:93.3%;top:75%}
.orbit__chip--a165{left:62.94%;top:98.3%}
.orbit__chip--a180{left:50%;top:100%}
.orbit__chip--a240{left:6.7%;top:75%}
.orbit__chip--a285{left:1.7%;top:37.06%}
.orbit__chip--a300{left:6.7%;top:25%}
@media (min-width:768px){ .orbit{--orbit-logo:52px} }
@media (max-width:480px){ .orbit{--orbit-logo:40px} }

/* ---- Balances ---- */
.app--narrow{max-width:1100px}
.connect-card{margin-bottom:14px}
.connect-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.connect-btns{display:flex;flex-wrap:wrap;gap:8px}
.wl-icon{width:20px;height:20px;border-radius:5px}
.lookup{display:flex;gap:8px;flex:1;min-width:220px;max-width:460px;margin-left:auto}
.lookup .search{margin-left:0;max-width:none}
.who{margin-top:10px;font-size:.86rem;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.who:empty{display:none}
.connect-card.is-small .fine{display:none}
.connect-card.is-small.show-msg .fine{display:block}
.lookup .search{min-width:0}
@media (max-width:360px){.bal th,.bal td{padding-left:4px;padding-right:4px}.bal .sub{display:none}}
.hints{display:grid;gap:8px;margin-bottom:14px}
.hints:empty{display:none}
.hint{border:1px solid var(--line);border-radius:var(--r-xl);padding:12px 14px;font-size:.86rem;line-height:1.5;color:var(--ink-2);background:var(--surface);display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.hint b{color:var(--ink)}
.hint--blue{border-color:var(--blue-dim);background:rgba(0,0,255,.08)}
.hint--warn{border-color:rgba(233,162,59,.45);background:rgba(233,162,59,.07)}
.sumgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.sumgrid .tile{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-xl);padding:14px}
.page-balances .box{margin-bottom:14px}
.page-balances .box h2{font-size:18px;margin-bottom:10px}
.bal td small.sub{display:block}
@media (max-width:720px){ .sumgrid{grid-template-columns:repeat(2,minmax(0,1fr))} .lookup{margin-left:0;max-width:none} }

/* ---- operations in progress: two bars each (js/progress.js) ---- */
.ops{display:grid;gap:12px}
/* each card's slot (js/progress.js patch: a card is rebuilt only when it changed): no box of its own */
.ops>.op-slot{display:contents}
.op{border:1px solid var(--line);border-radius:var(--r-xl);padding:12px 14px;background:var(--ground)}
.op.is-failed{border-color:rgba(240,74,94,.5)}
.op__h{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:10px}
.op__k{font:500 9px/1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-strong);border-radius:4px;padding:0 5px;color:var(--ink-2)}
.op__k--buy{border-color:rgba(34,197,94,.5);color:var(--up)}
.op__k--sell{border-color:rgba(240,74,94,.5);color:var(--down)}
.op__k--bridge{border-color:var(--blue-dim);color:var(--blue-text)}
.op__t{font-weight:600;font-size:.9rem;min-width:0;overflow-wrap:anywhere}
.op__when{margin-left:auto;font:400 .72rem/1 var(--font-mono);color:var(--ink-3)}
.op__x{background:none;border:1px solid var(--line);border-radius:var(--r-full);padding:4px 10px;font:500 .72rem/1 var(--font-ui);color:var(--ink-2);cursor:pointer}
.op__worst{margin-top:8px;font-size:.72rem;color:var(--ink-3)}
.pbar{margin-top:8px}
.pbar__top{display:flex;justify-content:space-between;gap:10px;font-size:.78rem}
.pbar__l{font:500 9.5px/1.6 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.pbar__s{color:var(--ink);font-weight:500;text-align:right}
.pbar__track{position:relative;height:8px;margin-top:5px;border-radius:var(--r-full);background:var(--surface-2);overflow:hidden}
.pbar__track i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:inherit;background:var(--blue-mid);transition:width .8s var(--ease-ui)}
.pbar--ok .pbar__track i{background:var(--up)}
.pbar--warn .pbar__track i{background:var(--warn)}
.pbar--bad .pbar__track i{background:var(--down)}
.pbar--idle .pbar__s{color:var(--ink-3)}
.pbar--run .pbar__track i{background:linear-gradient(90deg,var(--blue),var(--blue-mid))}
.pbar__d{margin-top:5px;font-size:.76rem;line-height:1.5;color:var(--ink-2)}
@media (prefers-reduced-motion:reduce){ .pbar__track i{transition:none} }