.hub-find{position:relative;display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}
.hub-find input{flex:1 1 320px;min-width:0;background:var(--panel,#14141c);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:inherit;padding:11px 14px;font:inherit}
.hub-find input:focus{outline:none;border-color:var(--mint,#3df5b0)}
.hub-quick{display:flex;gap:6px}.hub-quick a{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:12px;text-decoration:none;color:inherit}
.hub-quick a:hover{border-color:var(--mint,#3df5b0)}
.hub-hits{position:absolute;top:46px;left:0;right:0;max-width:560px;z-index:40;background:#111118;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.5)}
.hub-it{display:flex;gap:10px;align-items:center;width:100%;background:none;border:0;color:inherit;padding:8px;border-radius:8px;cursor:pointer;text-align:left}
.hub-it:hover{background:rgba(255,255,255,.06)}.hub-it img{width:26px;height:26px;border-radius:50%}
.hub-it small{display:block;opacity:.6;font-size:11px}.hub-none{padding:8px;opacity:.7;margin:0}
.hub-pill{display:inline-block;margin:4px 0 4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(61,245,176,.12);color:var(--mint,#3df5b0);border:1px solid rgba(61,245,176,.35)}
.hub-chart .cb-chartwrap,.hub-chart .cb-chart{height:560px;min-height:540px}
@media (max-width:700px){.hub-chart .cb-chartwrap,.hub-chart .cb-chart{height:520px;min-height:500px}.hub-quick{width:100%}}
.hub-vrtop{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center}
.hub-g{font-size:28px;width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.06)}
.hub-vrtop strong{display:block;font-size:18px}.hub-vrtop span{opacity:.75;font-size:13px}
.hub-vrtop .vr-meter{grid-column:1/-1;height:6px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
.hub-vrtop .vr-meter i{display:block;height:100%;background:var(--mint,#3df5b0)}
.hub-fx{list-style:none;padding:0;margin:12px 0 4px;display:grid;gap:6px}
.hub-fx li{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.03);border-left:3px solid #888}
.hub-fx li.ok{border-color:var(--mint,#3df5b0)}.hub-fx li.mid{border-color:#ffb547}.hub-fx li.bad{border-color:#ff5c7a}
.hub-flag{font-size:12px;color:#ffb547;margin:4px 0}
.hub-page .cb-ca{word-break:break-all;max-width:100%}.hub-page{overflow-x:hidden}
/* compact header bar above the chart */
.hub-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:10px 14px!important}
.hub-head .cb-id{display:flex;align-items:center;gap:10px;min-width:0;flex:0 1 auto}
.hub-head .cb-id>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.hub-head .cb-logo{width:32px!important;height:32px!important}
.hub-head h1{font-size:18px!important;margin:0!important;line-height:1.2;white-space:nowrap}
.hub-head .hub-pill{margin:0;font-size:11px;padding:2px 8px}
.hub-head .cb-ca{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;padding:2px 8px;word-break:normal}
.hub-head .cb-soc{display:flex;gap:4px;margin:0}
.hub-head .cb-soc a,.hub-head .cb-extra .cb-btn,.hub-head .cb-extra .vu-chip,.hub-head .cb-extra button{font-size:11px!important;padding:3px 8px!important;min-height:0!important;height:auto!important}
.hub-head .cb-stats{display:flex!important;flex-wrap:wrap;gap:2px 18px;margin:0!important;order:3;flex:1 1 100%}
.hub-head .cb-stat{background:none!important;border:0!important;padding:0!important;min-height:0!important;box-shadow:none!important}
.hub-head .cb-stat small{font-size:10px;opacity:.6;display:block;text-transform:uppercase;letter-spacing:.04em}
.hub-head .cb-stat b{font-size:13px}
.hub-head .cb-extra{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 0 auto!important;padding:0!important;border:0!important}
.hub-head .cb-extra>*{margin:0!important}
.hub-head .cb-row,.hub-head .vx-actrow,.hub-head .vu-share{display:flex;gap:4px;flex-wrap:wrap;margin:0!important}
.hub-head .cb-pass{font-size:11px;padding:2px 8px}
.hub-head .cv-box,.hub-head [class*="vote"]{display:none}
.hub-watch{padding:10px 14px!important}
.hub-wtabs{display:flex;gap:6px;margin-bottom:8px}.hub-wtabs button{background:none;border:1px solid rgba(255,255,255,.12);color:inherit;border-radius:999px;padding:4px 12px;font-size:12px;cursor:pointer}
.hub-wtabs button[aria-pressed=true]{border-color:var(--mint,#3df5b0);color:var(--mint,#3df5b0)}
.hub-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px}
.hub-list .hub-it{border:1px solid rgba(255,255,255,.06)}.hub-list .hub-it.on{border-color:var(--mint,#3df5b0)}
.hub-list .hub-it em{margin-left:auto;font-style:normal;font-size:12px}.hub-list em.up{color:var(--mint,#3df5b0)}.hub-list em.dn{color:#ff5c7a}
.hub-qbw{position:relative;display:inline-block}
.hub-gear{background:none;border:1px solid rgba(255,255,255,.14);color:inherit;border-radius:8px;padding:4px 8px;cursor:pointer}
.hub-pop{position:absolute;z-index:50;top:34px;left:0;width:260px;background:#111118;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px;display:grid;gap:8px}
.hub-pop small{opacity:.6;font-size:11px}.hub-pin{display:flex;gap:6px}.hub-pin input{width:33%;background:#0b0b10;border:1px solid rgba(255,255,255,.14);color:inherit;border-radius:8px;padding:6px}
.hub-perr{color:#ff5c7a;font-size:11px;margin:0}.hub-pbtns{display:flex;gap:6px;justify-content:space-between}.hub-pbtns button{background:none;border:1px solid rgba(255,255,255,.14);color:inherit;border-radius:8px;padding:5px 10px;cursor:pointer}.hub-pbtns .on{border-color:var(--mint,#3df5b0);color:var(--mint,#3df5b0)}
@media (max-width:700px){.hub-head .cb-extra{margin:0!important}.hub-head .cb-stats{gap:4px 14px}}

/* one Share on X per coin page: keep the call card share when it exists */
.hub-page:has(.vx-share) #cb-extra a.vu-chip[href*="x.com/intent"]{display:none}
.hub-lw{margin:8px 0 2px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.03);border-left:3px solid #888;font-size:13px;display:grid;gap:2px}
.hub-lw.ok{border-color:var(--mint,#3df5b0)}.hub-lw.mid{border-color:#ffb547}.hub-lw.bad{border-color:#ff5c7a}
.hub-lw small{opacity:.6;font-size:11px}
/* Chart first on coin profiles. Keep call context below it, swap access intact. */
.hub-page #vu-banner{display:none!important}
.hub-head .cb-stat b{white-space:nowrap}
@media(max-width:700px){
 .hub-page .hub-find{flex-wrap:nowrap;gap:6px;margin-bottom:8px}
 .hub-page .hub-find input{flex:1 1 auto;padding:8px;min-width:0;font-size:13px}
 .hub-page .hub-quick{width:auto;gap:4px;flex:0 0 auto}
 .hub-page .hub-quick a{font-size:10px;padding:5px 6px}
 .hub-head{padding:8px 10px!important;gap:5px 8px}
 .hub-head .cb-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px}
 .hub-head .cb-stat b{font-size:12px}
 .hub-chart h2{margin-bottom:6px!important}
 .hub-chart .cb-tools button{padding:3px 7px!important;font-size:12px}
 .hub-page .cb-back{margin:4px 0 6px;font-size:12px}
}
@media(max-width:700px){
 .hub-page .hub-find,.hub-page .cb-hero,.hub-page .cb-left,.hub-page .hub-head,.hub-page .hub-chart{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
 .hub-page .hub-quick a{padding:5px 4px;font-size:9px}
}

/* Approved beta compact header polish */
/* r3: copy affordance on CA, no wrapping stats, chart in first mobile screen */
.hub-head .cb-ca::after{content:"⧉";margin-left:6px;opacity:.7}
.hub-head .cb-ca{cursor:copy}
.hub-head .cb-stat b{white-space:nowrap}
@media (max-width:700px){
 .hub-page .hub-find{margin:0 0 8px;flex-wrap:nowrap;gap:6px}
 .hub-page .hub-find input{flex:1 1 auto;padding:8px 10px;font-size:14px}
 .hub-page .hub-quick{width:auto;flex:0 0 auto}.hub-page .hub-quick a:nth-child(n+3){display:none}.hub-page .hub-quick a{padding:5px 8px;font-size:11px}
 .hub-head{padding:8px 10px!important;gap:6px 10px}
 .hub-head .cb-ca{max-width:110px}
 .hub-head .cb-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px}
 .hub-head .cb-stat b{font-size:12px;overflow:hidden;text-overflow:ellipsis;display:block}
 .hub-chart{padding-top:8px!important}.hub-chart h2{margin-bottom:6px!important;font-size:15px}
 .hub-chart .cb-tools{gap:4px}.hub-chart .cb-tools button{padding:3px 8px!important;font-size:12px}
 .hub-page .vx-intro,.hub-page .tl-intro,.hub-page [class*="newhere"],.hub-page [class*="onboard"]{display:none!important}
}
/* r4: copy icon inside the padding so the ellipsis can't clip it */
.hub-head .cb-ca{position:relative;padding-right:22px!important;max-width:140px}
.hub-head .cb-ca::after{content:"⧉";position:absolute;right:6px;top:50%;transform:translateY(-50%);margin:0;opacity:.8;font-size:12px}
@media (max-width:700px){.hub-head .cb-ca{max-width:130px}}
.hub-head .cb-ca::after{background:var(--panel,#14141c);padding-left:3px;border-radius:4px}
