/* r3.css (22 Oct 2026 18:30): Influencers / Calls / Traders overview cards (static/r3.js) + roomier existing sections on those tabs.
   Same card system as Highlights (static/highlights.js hlCss): 16px radius, quiet violet gradient, 20px gaps, 11.5px uppercase labels. */
.r3w{margin:4px 0 32px;scroll-margin-top:calc(var(--sxn-top,0px) + var(--sxn-h,96px) + 8px)}
.r3-h{margin:0 0 18px}.r3-h h3{margin:0;text-transform:none!important;letter-spacing:-.01em!important;font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--ci-text,#f1f2f4)}
.r3-h p{margin:6px 0 0;color:var(--ci-muted,#958fa8);font-size:14.5px;line-height:1.45;max-width:80ch}
.r3-ld{color:var(--ci-muted,#958fa8);font-size:13.5px;padding:18px 0}
.r3-ts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:0 0 20px}
.r3-t,.r3-c{border-radius:16px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(162,89,255,.07),rgba(162,89,255,0) 70%),var(--ci-surface,#120f1c);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 10px 30px -16px rgba(0,0,0,.6);min-width:0}
.r3-t{display:flex;flex-direction:column;gap:8px;padding:20px 22px;min-height:118px;box-sizing:border-box}
.r3-t .l,.r3-c h4{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ci-muted,#a39dba)}
.r3-t .l{white-space:nowrap;overflow:hidden}
.r3-t .v{font-size:clamp(22px,2.2vw,30px);font-weight:800;line-height:1.1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ci-text,#f1f2f4)}
.r3-t .c{margin-top:auto;font-size:13px;color:var(--ci-muted,#a39dba);line-height:1.35}
.r3w .up{color:#78F059}.r3w .dn{color:#ff4d6d}
.r3-vs{display:inline-block;font-size:12.5px;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap;font-variant-numeric:tabular-nums}
.r3-vs.up{color:#78F059!important;background:rgba(120,240,89,.12)}.r3-vs.dn{color:#ff4d6d!important;background:rgba(255,77,109,.12)}
.r3-c{padding:20px 22px 18px;display:flex;flex-direction:column}
.r3-c h4{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}
.r3-row2{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;margin:0 0 20px}
.r3-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.r3-leg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--ci-text-2,#d9d4e6);margin:0 0 12px}.r3-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.r3-leg .mut{color:var(--ci-muted,#958fa8)}
.r3w i.g{background:#78F059}.r3w i.r{background:#ff4d6d}.r3w i.n{background:#6d6589}.r3w i.v{background:#a259ff}.r3w i.o{background:#f7931a}
.r3-cols{display:flex;align-items:flex-end;gap:3px;height:150px;padding:0 2px;border-bottom:1px solid rgba(255,255,255,.1)}
.r3-cols .col{flex:1;height:100%;display:flex;align-items:flex-end;min-width:0}.r3-cols .col:hover{background:rgba(255,255,255,.03)}
.r3-cols .stk{width:100%;display:flex;flex-direction:column-reverse;border-radius:3px 3px 0 0;overflow:hidden;min-height:0}.r3-cols .stk i{display:block;min-height:0}
.r3-ax{display:flex;justify-content:space-between;font-size:11.5px;color:var(--ci-muted,#958fa8);margin-top:8px}
.r3-hist{position:relative;display:flex;align-items:flex-end;gap:4px;height:150px;border-bottom:1px solid rgba(255,255,255,.1)}
.r3-hist .col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;min-width:0}
.r3-hist .col b{font-size:11px;font-weight:700;color:var(--ci-muted,#958fa8);text-align:center;margin-bottom:3px}
.r3-hist .bar{border-radius:3px 3px 0 0;min-height:0}.r3-hist .bar.r{background:rgba(255,77,109,.75)}.r3-hist .bar.g{background:rgba(120,240,89,.75)}
.r3-hist .mk{position:absolute;top:0;bottom:0;width:0;border-left:2px solid #a259ff}.r3-hist .mk.o{border-left:2px dashed #f7931a}
.r3-sb{display:flex;height:18px;border-radius:999px;overflow:hidden;gap:2px;margin:6px 0 16px;background:rgba(255,255,255,.04)}.r3-sb i{display:block;min-width:4px}
.r3-sl{display:grid;gap:2px}.r3-sl>div{display:grid;grid-template-columns:12px minmax(0,1fr) auto 44px;gap:10px;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.05);font-size:13.5px}.r3-sl>div:first-child{border-top:0}
.r3-sl i{width:10px;height:10px;border-radius:3px}.r3-sl b{font-variant-numeric:tabular-nums}.r3-sl em{font-style:normal;color:var(--ci-muted,#958fa8);font-size:12.5px;text-align:right;font-variant-numeric:tabular-nums}
.r3-sl2>div{grid-template-columns:12px minmax(0,1fr) auto}
.r3-don{position:relative;width:150px;height:150px;margin:4px auto 14px}.r3-don svg{width:100%;height:100%;transform:rotate(-90deg)}
.r3-don circle{fill:none;stroke-width:14}.r3-don circle.r{stroke:rgba(255,77,109,.8)}.r3-don circle.g{stroke:#78F059}
.r3-don .mid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.r3-don .mid b{font-size:26px;font-weight:800}.r3-don .mid span{font-size:12px;color:var(--ci-muted,#958fa8)}
.r3-bars{display:flex;flex-direction:column;gap:2px}
.r3-bars .br{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr) 70px;gap:12px;align-items:center;padding:6px 4px;border-radius:8px;text-decoration:none!important;color:var(--ci-text,#f1f2f4)!important;font-size:13.5px}
.r3-bars2 .br{grid-template-columns:minmax(120px,180px) minmax(0,1fr) 64px 64px}
.r3-bars .br:hover{background:rgba(255,255,255,.04)}
.r3-bars .nm{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;white-space:nowrap;font-weight:600}
.r3-bars .tr{position:relative;height:12px;background:rgba(255,255,255,.04);border-radius:999px}
.r3-bars .tr::after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;border-left:1px solid rgba(255,255,255,.25)}
.r3-bars .tr i{position:absolute;top:0;bottom:0;border-radius:999px}.r3-bars .tr i.up{background:#78F059}.r3-bars .tr i.dn{background:#ff4d6d}
.r3-bars .tr s{position:absolute;top:-4px;bottom:-4px;width:0;border-left:2px dashed #f7931a}
.r3-bars b,.r3-bars em{text-align:right;font-variant-numeric:tabular-nums;font-weight:800;font-style:normal}.r3-bars em{font-size:12px;font-weight:700}
.r3-bars .gap{text-align:center;color:var(--ci-muted,#958fa8);font-size:12px;padding:2px 0}
.r3w .r3-av{width:22px;height:22px}
.r3-sc{position:relative;padding-left:44px}.r3-sc .pl{position:relative;height:230px;border-left:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,transparent 50%,rgba(120,240,89,.03) 50%)}
.r3-sc .vx{position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed rgba(255,255,255,.18)}.r3-sc .hx{position:absolute;top:50%;left:0;right:0;border-top:1px dashed rgba(255,255,255,.18)}
.r3-sc .q{position:absolute;font-size:11px;color:var(--ci-muted,#958fa8)}.r3-sc .q.h{left:calc(50% + 6px);top:4px}.r3-sc .q.z{right:4px;top:calc(50% - 16px)}
.r3-sc .dt{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid;opacity:.9;transition:transform .12s}.r3-sc .dt:hover{transform:translate(-50%,-50%) scale(1.25);z-index:2}
.r3-sc .dt.up{background:rgba(120,240,89,.3);border-color:#78F059}.r3-sc .dt.dn{background:rgba(255,77,109,.3);border-color:#ff4d6d}
.r3-sc .r3-ax{margin-left:0}.r3-yl{position:absolute;left:0;top:0;height:230px;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:var(--ci-muted,#958fa8)}
.r3-dir{margin-top:20px}
.r3-tools{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;margin:0 0 18px}
.r3-q input{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--ci-text,#f1f2f4);padding:8px 14px;font:inherit;font-size:13.5px;width:220px;max-width:100%}
.r3-sel{font-size:13px;color:var(--ci-muted,#958fa8);display:inline-flex;gap:8px;align-items:center}.r3-sel select{background:var(--ci-surface-2,#16122a);color:var(--ci-text,#f1f2f4);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:7px 10px;font:inherit;font-size:13px}
.r3-dg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.r3-v{display:flex;flex-direction:column;gap:12px;padding:18px 20px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(10,8,18,.35);min-width:0}
.r3-vh{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:var(--ci-text,#f1f2f4)!important;min-width:0}.r3-vh .r3-av{width:40px;height:40px}
.r3-vh span{display:flex;flex-direction:column;min-width:0}.r3-vh b{font-size:15px;overflow:hidden;text-overflow:clip;white-space:nowrap}.r3-vh small{font-size:12.5px;color:var(--ci-muted,#958fa8)}
.r3-vh:hover b{text-decoration:underline}
.r3-vn{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.r3-vn b{display:block;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}
.r3w .lb{display:block;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ci-muted,#958fa8);margin-bottom:3px;white-space:nowrap}
.r3-spk{width:100%;height:44px;display:block}.r3-spk polyline{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.r3-spk .g{stroke:#78F059}.r3-spk .r{stroke:#ff4d6d}.r3-spk .b{stroke:#f7931a;stroke-dasharray:4 3;stroke-width:1.5;opacity:.8}.r3-spk .z{stroke:rgba(255,255,255,.12);vector-effect:non-scaling-stroke}
.r3-spk.e{height:44px;display:flex;align-items:center;font-size:12px;color:var(--ci-muted,#958fa8)}
.r3-vf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.r3-vf b{font-size:15px;font-variant-numeric:tabular-nums}
.r3-ln{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ci-text-2,#d9d4e6)}.r3-ln .bar{flex:1;display:flex;height:8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.05)}.r3-ln span{white-space:nowrap}
.r3-sy{display:flex;flex-wrap:wrap;gap:6px}.r3-sy a{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid rgba(162,89,255,.35);color:#c69bff!important;text-decoration:none!important;cursor:pointer}
.r3-more{text-align:center;margin-top:18px}
@media(max-width:1180px){.r3-ts{grid-template-columns:repeat(3,minmax(0,1fr))}.r3-row3{grid-template-columns:repeat(2,minmax(0,1fr))}.r3-row3>.r3-c:last-child{grid-column:1/-1}}
@media(max-width:1000px){.r3-row2{grid-template-columns:minmax(0,1fr)}.r3-dg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.r3w{margin-bottom:24px}.r3-h h3{font-size:20px}.r3-h p{font-size:14px}.r3-ts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.r3-ts>.r3-t:first-child{grid-column:1/-1}
 .r3-t{padding:16px;min-height:0}.r3-c{padding:16px 16px 14px}.r3-row2,.r3-row3{gap:14px;grid-template-columns:minmax(0,1fr)}.r3-row3>.r3-c:last-child{grid-column:auto}.r3-dg{grid-template-columns:minmax(0,1fr);gap:14px}
 .r3-bars .br{grid-template-columns:minmax(0,120px) minmax(0,1fr) 62px;gap:8px;font-size:12.5px}.r3-bars2 .br{grid-template-columns:minmax(0,110px) minmax(0,1fr) 58px 54px}.r3-q input{width:100%}.r3-q{flex:1 1 100%}}
/* roomier existing sections on the three tabs (spacing only, nothing hidden) */
#main[data-sxtab="influencers"]>.sx-sec,#main[data-sxtab="callers"]>.sx-sec,#main[data-sxtab="calls"]>.sx-sec,#main[data-sxtab="traders"]>.sx-sec{margin-top:36px!important}
#main[data-sxtab="calls"] .tw,#main[data-sxtab="traders"] .tw,#main[data-sxtab="influencers"] .tw,#main[data-sxtab="callers"] .tw,#main[data-sxtab="calls"] .tw.sent-tw{overflow-x:auto!important;max-width:100%;-webkit-overflow-scrolling:touch}
#main[data-sxtab="traders"] .cs-t td,#main[data-sxtab="traders"] .cs-t th{padding-top:11px;padding-bottom:11px}
#main[data-sxtab="traders"] .cs-g2{gap:20px}#main[data-sxtab="traders"] .cs-c{padding:20px 22px;border-radius:16px}
.r3-bars .br.hd{padding:0 4px 6px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ci-muted,#958fa8)}.r3-bars .br.hd span:nth-child(n+3){text-align:right}.r3-bars .br.hd:hover{background:none}

/* 18:45 anonymous lock line + scatter dot names */
.r3w .r3-lock{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 20px;margin:0 0 18px;border:1px solid rgba(162,89,255,.35);border-radius:14px;background:rgba(162,89,255,.08);color:#e9e4f5;font-size:14px}
.r3w .r3-c .r3-lock{margin:8px 0 0}
.r3w .r3-lock .asx-btn{text-decoration:none;white-space:nowrap}
.r3-sc .dt .lb2{position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%);white-space:nowrap;font-size:11px;font-weight:600;color:#e9e4f5;background:rgba(20,12,30,.85);padding:1px 5px;border-radius:5px;pointer-events:none;display:none}
.r3-sc .dt .lb2.lf{left:auto;right:calc(100% + 4px)}
.r3-sc .dt .lb2.on,.r3-sc .dt:hover .lb2,.r3-sc .dt:focus .lb2{display:block}
.r3-sc .dt:hover .lb2{z-index:3}
@media (max-width:700px){.r3-sc .dt .lb2{font-size:10px}}
.r3-sc .dt.lbd{z-index:2}.r3-sc .dt:hover{z-index:4}
/* 18:55 phones: full handles (no clipping) - name and figures on one line, the bar on its own line below */
@media (max-width:700px){
 .r3-bars .br,.r3-bars2 .br{grid-template-columns:minmax(0,1fr) auto;row-gap:5px}
 .r3-bars2 .br{grid-template-columns:minmax(0,1fr) auto auto}
 .r3-bars .br .nm{grid-column:1;grid-row:1;overflow:visible;white-space:normal;word-break:break-all}
 .r3-bars .br .tr{grid-column:1/-1;grid-row:2}
 .r3-bars .br b{grid-row:1}.r3-bars .br em{grid-row:1}
 .r3-bars .br.hd span:nth-child(2){display:none}
}
/* 23 Oct 2026 03:10 Callers Directory table (r3.js dirCards): one figure per column, equal 60px rows, headers carry the labels */
.r3-dt{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.06)}
.r3-dr{display:grid;grid-template-columns:30px minmax(190px,1.7fr) 56px 52px 96px 136px 76px 76px 96px minmax(110px,1fr) 78px;gap:0 12px;align-items:center;min-height:60px;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--ci-text,#f1f2f4)!important;text-decoration:none!important;font-size:13.5px;font-variant-numeric:tabular-nums}
a.r3-dr:hover{background:rgba(162,89,255,.06)}a.r3-dr:hover .who b{text-decoration:underline}
.r3-dr.hd{min-height:38px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ci-muted,#958fa8)!important}
.r3-dr.hd .c{white-space:normal;line-height:1.25}.r3-dr.hd .s{cursor:pointer;user-select:none}.r3-dr.hd .s:hover,.r3-dr.hd .on{color:#e2d2ff}
.r3-dr .c{min-width:0;text-align:right;white-space:nowrap}.r3-dr .c.l{text-align:left}.r3-dr .rk{text-align:right;color:var(--ci-muted,#958fa8);font-size:12px}
.r3-dr .who{display:flex;align-items:center;gap:10px}.r3-dr .who .r3-av{width:32px;height:32px;flex:0 0 32px}
.r3-dr .who .nm{display:flex;flex-direction:column;min-width:0}.r3-dr .who b{font-size:14px;overflow:hidden;text-overflow:clip;white-space:nowrap}.r3-dr .who small{font-size:12px;color:var(--ci-muted,#958fa8);overflow:hidden;white-space:nowrap}
.r3-dr .tr .r3-spk{height:30px}.r3-dr .tr .r3-spk.e{height:30px;font-size:11px;justify-content:flex-end}
.r3-dr .av{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.r3-pill{display:inline-block;font-size:13.5px;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap}.r3-pill.up{color:#78F059;background:rgba(120,240,89,.12);box-shadow:inset 0 0 0 1px rgba(120,240,89,.3)}.r3-pill.dn{color:#ff4d6d;background:rgba(255,77,109,.12);box-shadow:inset 0 0 0 1px rgba(255,77,109,.3)}
.r3-dr .av .r3-vs{font-size:11.5px;padding:1px 8px}
.r3-dr .up{color:#78F059}.r3-dr .dn{color:#ff4d6d}.r3-dr .r3-pill.up,.r3-dr .r3-pill.dn{font-weight:800}
.r3-dr .bu{display:flex;align-items:center;gap:8px;justify-content:flex-end}.r3-dr .bu .bar{display:block;width:44px;height:6px;border-radius:999px;background:rgba(255,77,109,.55);overflow:hidden}.r3-dr .bu .bar .g{display:block;height:100%;background:#78F059}.r3-dr .bu em{font-style:normal;min-width:34px}
.r3-dr .sy{display:flex;gap:5px;justify-content:flex-start;text-align:left;overflow:hidden}.r3-dr .sy i{font-style:normal;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid rgba(162,89,255,.35);color:#c69bff;cursor:pointer}.r3-dr .sy i.mr{border-color:transparent;color:var(--ci-muted,#958fa8);padding:2px 2px;cursor:help}
.r3-dr.hd .sy{justify-content:flex-start}.r3-dr .la{color:var(--ci-muted,#958fa8);font-size:12.5px}.r3-dr.hd .la{font-size:10.5px}.r3-dr.hd .c{white-space:nowrap}
@media(max-width:1240px){.r3-dr{grid-template-columns:30px minmax(170px,1.6fr) 52px 48px 132px 70px 70px 90px minmax(90px,1fr) 74px}.r3-dr .tr{display:none}}
@media(max-width:1000px){.r3-dr{grid-template-columns:28px minmax(160px,1fr) 50px 46px 128px 68px 68px 74px}.r3-dr .sy,.r3-dr .bu{display:none}}
@media(max-width:700px){.r3-dr{grid-template-columns:22px minmax(0,1fr) 118px 40px;gap:0 8px;padding:6px 2px;min-height:58px}
 .r3-dr>.c:nth-child(4),.r3-dr .tr,.r3-dr>.c:nth-child(7),.r3-dr>.c:nth-child(8),.r3-dr .bu,.r3-dr .sy,.r3-dr .la{display:none}
 .r3-dr>.c:nth-child(3){order:4}.r3-dr .who .r3-av{width:28px;height:28px;flex-basis:28px}.r3-dr .who b{font-size:13.5px}.r3-dr .who small{font-size:11.5px}
 .r3-dr .av .r3-vs{font-size:11px}}

/* 23 Oct 2026 signed-out concept: two cards when the live-return histogram is members only */
@media(min-width:701px){.r3-row3.r3-two{grid-template-columns:repeat(2,minmax(0,1fr))}.r3-row3.r3-two>.r3-c:last-child{grid-column:auto}}
