/* Top gainers (gainers.py / static/gainers.js, Oct 22 2026): Market Scanner layout in Coteau tokens. Scoped under .gx; :not(#_) beats the site id-hack rules. */
.gx:not(#_){--gx-r:14px;--gx-lime:var(--sel-acc,#3EC8C9);--gx-navy:#14205A;--gx-nav:#0A1124;--gx-gap:16px;font-family:var(--f-body,"Inter",system-ui,sans-serif);color:var(--ink,#121314);text-align:left;margin:0;padding:0}
.gx *{box-sizing:border-box}
.gx .gx-hd:not(#_){display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 12px}
.gx .gx-hd h2:not(#_):not(#__),.gx .gx-hd h1:not(#_):not(#__){margin:0!important;font:600 20px/1.2 var(--f-head)!important;letter-spacing:-.01em;color:var(--ink)!important}
.gx .gx-hd h1:not(#_):not(#__){font-size:24px!important}
.gx .gx-hd a:not(#_):not(#__){font:600 14px/1 var(--f-body)!important;color:var(--accent-ink,#1F7F8F)!important;text-decoration:none!important;border:0!important}
.gx .gx-sub:not(#_){margin:-6px 0 12px;font:400 13px/1.4 var(--f-body);color:var(--ink-2)}
/* status boxes */
.gx .gx-stat:not(#_){display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
.gx .gx-box:not(#_){background:var(--card,#fff);border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:0 1px 2px rgba(10,17,36,.04);min-width:0}
.gx .gx-lab:not(#_){display:block;font:500 12px/1.2 var(--f-body);color:var(--ink-2);margin:0 0 4px}
.gx .gx-val:not(#_){display:flex;align-items:center;gap:6px;font:700 15px/1.2 var(--f-body);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.gx .gx-dot:not(#_):not(#__){display:inline-block!important;width:8px;height:8px;border-radius:50%;background:#9AA3AA;flex:none}
.gx .gx-dot.ah:not(#_):not(#__){background:#7C8CF8}
.gx .gx-dot.live:not(#_):not(#__){background:var(--gx-lime);box-shadow:0 0 0 0 rgba(62,200,201,.7);animation:gxp 1.8s infinite}
@keyframes gxp{0%{box-shadow:0 0 0 0 rgba(62,200,201,.75)}70%{box-shadow:0 0 0 7px rgba(62,200,201,0)}100%{box-shadow:0 0 0 0 rgba(62,200,201,0)}}
.gx .gx-livetag:not(#_){margin-left:auto;font:700 10px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--gx-nav);background:var(--gx-lime);border-radius:999px;padding:4px 7px}
/* session toggle (dedicated page) */
.gx .gx-seg:not(#_){display:flex;background:var(--surface-2,#E3E6E8);border-radius:999px;padding:3px;margin:0 0 10px;width:max-content;max-width:100%}
.gx .gx-seg button:not(#_):not(#__){border:0!important;background:none!important;font:600 13px/1 var(--f-body)!important;color:var(--ink-2)!important;padding:8px 14px!important;border-radius:999px!important;min-height:32px;cursor:pointer;box-shadow:none!important}
.gx .gx-seg button.on:not(#_):not(#__){background:var(--card,#fff)!important;color:var(--ink)!important;box-shadow:0 1px 3px rgba(10,17,36,.12)!important}
/* chips */
.gx .gx-chips:not(#_){display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none;margin:0 0 6px;padding:1px 0}
.gx .gx-chips::-webkit-scrollbar{display:none}
.gx .gx-chip:not(#_):not(#__){flex:none;height:32px;padding:0 11px!important;border-radius:999px!important;border:1px solid var(--line)!important;background:var(--card,#fff)!important;color:var(--ink)!important;font:600 13px/1 var(--f-body)!important;cursor:pointer;box-shadow:none!important;min-width:0!important}
.gx .gx-chip.on:not(#_):not(#__){background:var(--sel-bg)!important;border-color:transparent!important;color:var(--sel-ink)!important}
.gx .gx-info:not(#_):not(#__){flex:none;width:28px;height:28px;border-radius:50%!important;border:1px solid var(--line)!important;background:none!important;color:var(--ink-2)!important;font:700 13px/1 Georgia,serif!important;font-style:italic!important;padding:0!important;cursor:pointer;margin-left:2px}
.gx .gx-bands:not(#_){margin:0 0 12px;font:400 12px/1.45 var(--f-body);color:var(--ink-2)}
.gx .gx-bands b{font-weight:600;color:var(--ink)}
/* card grid */
.gx .gx-grid:not(#_){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gx-gap)}
.gx .gx-grid.c2:not(#_){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gx .gx-grid.cmp:not(#_){gap:8px}
.gx .gx-card:not(#_):not(#__){display:flex!important;flex-direction:column;align-items:stretch;gap:12px;min-width:0;padding:16px!important;background:var(--card,#fff)!important;border:1px solid var(--line)!important;border-radius:var(--gx-r)!important;box-shadow:0 1px 2px rgba(10,17,36,.04),0 4px 14px rgba(10,17,36,.05)!important;color:var(--ink)!important;text-decoration:none!important;text-align:left!important;transition:background-color .6s}
.gx .gx-top:not(#_){display:flex;align-items:center;gap:10px;min-width:0}
.gx .gx-top .lgo:not(#_):not(#__){border-radius:10px!important}
.gx .gx-id:not(#_){display:flex;flex-direction:column;min-width:0;gap:2px}
.gx .gx-tk:not(#_){display:flex;align-items:center;gap:5px;font:700 16px/1.15 var(--f-body);color:var(--ink);white-space:nowrap}
.gx .gx-nm:not(#_){font:400 13px/1.2 var(--f-body);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.gx .gx-new:not(#_){font:700 9px/1 var(--f-body);letter-spacing:.04em;text-transform:uppercase;color:var(--gx-nav);background:var(--gx-lime);border-radius:4px;padding:3px 4px}
.gx .gx-px:not(#_){font:700 16px/1.15 var(--f-body);letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.gx .gx-ch:not(#_){display:flex;align-items:center;gap:5px;font:600 14px/1.2 var(--f-body);font-variant-numeric:tabular-nums;white-space:nowrap}
.gx .up:not(#_){color:var(--up,#0B7340)!important}
.gx .dn:not(#_){color:var(--down,#B8302A)!important}
.gx .gx-tri{width:10px;height:8px;flex:none;fill:currentColor}
/* compact 3-up phone tile */
.gx .cmp .gx-card:not(#_):not(#__){padding:10px 9px!important;gap:7px;border-radius:12px!important}
.gx .cmp .gx-top:not(#_){gap:6px}
.gx .cmp .gx-top .lgo:not(#_):not(#__){border-radius:8px!important}
.gx .cmp .gx-tk:not(#_){font-size:13px}
.gx .cmp .gx-nm:not(#_){font-size:10.5px}
.gx .cmp .gx-px:not(#_){font-size:16px}
.gx .cmp .gx-ch:not(#_){flex-direction:column;align-items:flex-start;gap:1px;font-size:13px;font-weight:700}
.gx .cmp .gx-ch .gx-l1{display:flex;align-items:center;gap:3px}
.gx .cmp .gx-ch .gx-l2{font-size:11px;font-weight:500;opacity:.9}
.gx .c2 .gx-card:not(#_):not(#__){padding:12px!important;gap:9px}
.gx .c2 .gx-px:not(#_){font-size:16px}
.gx .c2 .gx-ch:not(#_){font-size:13px}
.gx .c2 .gx-tk:not(#_){font-size:15px}
.gx .c2 .gx-nm:not(#_){font-size:12px}
/* value flash on live update */
.gx .gx-flash-up:not(#_):not(#__){animation:gxfu 1s ease-out}
.gx .gx-flash-dn:not(#_):not(#__){animation:gxfd 1s ease-out}
@keyframes gxfu{0%{background:rgba(63,191,127,.28)}100%{background:transparent}}
@keyframes gxfd{0%{background:rgba(240,113,103,.28)}100%{background:transparent}}
/* rows */
.gx .gx-rows:not(#_){background:var(--card,#fff);border:1px solid var(--line);border-radius:var(--gx-r);overflow:hidden;box-shadow:0 1px 2px rgba(10,17,36,.04)}
.gx .gx-row:not(#_):not(#__){display:grid!important;grid-template-columns:22px 32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px!important;border-bottom:1px solid var(--line)!important;color:var(--ink)!important;text-decoration:none!important;min-height:58px}
.gx .gx-row:last-child:not(#_):not(#__){border-bottom:0!important}
.gx .gx-rk:not(#_){font:600 12px/1 var(--f-body);color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums}
.gx .gx-row .gx-tk:not(#_){font-size:15px}
.gx .gx-meta:not(#_){font:400 12px/1.2 var(--f-body);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx .gx-rr:not(#_){display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
.gx .gx-rr b:not(#_){font:700 15px/1.1 var(--f-body);font-variant-numeric:tabular-nums}
.gx .gx-rr .gx-ch:not(#_){font-size:13px}
/* bottom */
/* View all: a standard site primary button (.btn gets the cyan fade, ink and corner from tools.css section 15); layout only here */
.gx .gx-all:not(#_):not(#__){display:inline-flex!important;align-items:center;justify-content:center;gap:6px;margin:14px 0 0;text-decoration:none!important}
@media (max-width:600px){.gx .gx-all:not(#_):not(#__){display:flex!important;width:100%}}
.gx .gx-foot:not(#_){margin:10px 0 0;font:400 12px/1.45 var(--f-body);color:var(--ink-2)}
.gx .gx-none:not(#_){padding:18px;text-align:center;color:var(--ink-2);font-size:14px;grid-column:1/-1}
/* mock-only label */
@media (min-width:1024px){.gx .gx-grid.d9:not(#_){grid-template-columns:repeat(3,minmax(0,1fr))}}
html[data-theme=dark] .gx .gx-box:not(#_),html[data-theme=dark] .gx .gx-card:not(#_):not(#__),html[data-theme=dark] .gx .gx-rows:not(#_){box-shadow:none!important}
html[data-theme=dark] .gx .gx-seg:not(#_){background:rgba(255,255,255,.07)}
html[data-theme=dark] .gx .gx-seg button.on:not(#_):not(#__){background:#26292C!important}
html[data-theme=dark] .gx .gx-hd a:not(#_):not(#__){color:var(--accent)!important}

.gx .gx-dot:not(#_):not(#__){border-radius:50%!important}
@media(min-width:900px){.gx .gx-d9 .gx-chg:not(#_){font-size:13px}}
@media(max-width:520px){.gx .gx-chip:not(#_):not(#__){padding:0 8px!important;font-size:13px!important;height:30px}.gx .gx-chips:not(#_){gap:4px}}
/* built version extras: delayed tag, cards/rows toggle, toolbar */
.gx .gx-deltag:not(#_){margin-left:auto;font:700 10px/1 var(--f-body);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);background:var(--surface-2,#E3E6E8);border-radius:999px;padding:4px 7px;white-space:nowrap}
html[data-theme=dark] .gx .gx-deltag:not(#_){background:rgba(255,255,255,.08)}
.gx .gx-bar:not(#_){display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 10px}
.gx .gx-bar .gx-seg:not(#_){margin:0}
.gx .gx-new:not(#_){flex:none}
.gx .gx-flash-up .gx-px,.gx .gx-flash-up [data-f=px]{transition:none}
html[lang] body.ct .gx-wrap:not(#_){display:block!important;padding-top:14px;padding-bottom:28px;width:100%!important;max-width:860px!important;box-sizing:border-box;margin-left:auto!important;margin-right:auto!important}
html[lang] body.ct .gx-wrap>.gx-blk:not(#_){width:100%;margin:0}
.gx-blk:not(#_){margin:0 0 18px}
/* phone: the "Delayed 15 min" tag drops under the time instead of being clipped */
@media (max-width:520px){.gx .gx-val:not(#_){flex-wrap:wrap;row-gap:5px;overflow:visible}.gx .gx-deltag:not(#_){margin-left:0}}
/* c62d (Oct 22 2026, Jason): home Top gainers block. (i) sits beside the title; the size chips are one scrollable row with
   even 8px gaps and a right-edge fade while more chips are off-screen; the two status tiles are equal height with a second
   line each (what the % is measured against | the Live / Delayed pill), so values and pills share baselines and left edges. */
.gx .gx-hd:not(#_){justify-content:flex-start;align-items:center}
.gx .gx-hd .gx-info:not(#_):not(#__){margin-left:2px}
.gx .gx-chips:not(#_):not(#__){gap:8px;padding:1px 0;scroll-padding-inline:0 28px}
.gx .gx-chips[data-ovf]:not(#_):not(#__){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
@media(max-width:520px){.gx .gx-chips:not(#_):not(#__){gap:8px}.gx .gx-chip:not(#_):not(#__){padding:0 12px!important;height:32px}}
.gx .gx-stat:not(#_):not(#__){align-items:stretch}
.gx .gx-box:not(#_):not(#__){display:flex;flex-direction:column;align-items:flex-start}
.gx .gx-box .gx-val:not(#_):not(#__){display:block;white-space:normal;overflow:visible;max-width:100%;min-height:18px;line-height:1.25}
.gx .gx-box .gx-val .gx-dot:not(#_):not(#__){margin:0 6px 1px 0;vertical-align:middle}
.gx .gx-l2:not(#_){display:flex;align-items:center;min-height:20px;margin-top:auto;padding-top:6px;font:500 12px/1.2 var(--f-body);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.gx .gx-l2 .gx-deltag:not(#_):not(#__),.gx .gx-l2 .gx-livetag:not(#_):not(#__){margin-left:0}
.gx .gx-dot.ah:not(#_):not(#__){background:#E3A33B}
.gx .gx-dot.open:not(#_):not(#__){background:#3DAA6D}
.gx .gx-l2 .gx-final:not(#_):not(#__){margin-right:6px}
.gx .gx-hd .gx-see:not(#_):not(#__){margin-left:auto;white-space:nowrap;position:relative;font:600 14px/20px var(--f-body)!important}
.gx .gx-hd :is(h1,h2):not(#_):not(#__){white-space:nowrap}
.gx .gx-hd .gx-see::before{content:"";position:absolute;left:-8px;right:-8px;top:50%;height:44px;transform:translateY(-50%)}
/* c63 (Oct 22 2026): Top movers tabs (Gainers / Losers / Most active / New listings), session chips for all three sessions
   (32px chip, 44px tap area, Option D selected = --sel-bg / --sel-ink), New listing + Thin volume tags, the Unusual moves strip. */
.gx .gx-tabs:not(#_){display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 0 12px;border-bottom:1px solid var(--line)}
.gx .gx-tabs::-webkit-scrollbar{display:none}
.gx .gx-tab:not(#_):not(#__){flex:none;position:relative;min-height:44px;padding:0 12px!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;font:600 14px/44px var(--f-body)!important;color:var(--ink-2)!important;cursor:pointer;text-decoration:none!important;border-bottom:2px solid transparent!important;margin-bottom:-1px}
.gx .gx-tab.on:not(#_):not(#__){color:var(--ink)!important;border-bottom-color:var(--sel-acc,#3EC8C9)!important}
.gx .gx-tab-l:not(#_):not(#__){margin-left:auto;color:var(--accent,#0F7D7E)!important;font-size:13px!important}
.gx .gx-ses:not(#_){display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 10px;padding:6px 0}
.gx .gx-ses::-webkit-scrollbar{display:none}
.gx .gx-sc:not(#_):not(#__){position:relative;display:inline-flex;align-items:center;gap:6px}
.gx .gx-sc::before{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
.gx .gx-sc.gx-na:not(#_):not(#__){color:var(--ink-2)!important;border-style:dashed!important}
.gx .gx-now:not(#_){font:700 9px/1 var(--f-body);letter-spacing:.05em;text-transform:uppercase;opacity:.75}
.gx .gx-thin:not(#_){flex:none;font:700 9px/1 var(--f-body);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);background:var(--surface-2,#E3E6E8);border-radius:4px;padding:3px 4px}
html[data-theme=dark] .gx .gx-thin:not(#_){background:rgba(255,255,255,.1)}
.gx .gx-fx:not(#_){font:500 12px/1.3 var(--f-body);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx .gx-tk:not(#_){flex-wrap:wrap;row-gap:3px}
.gx .gx-ux:not(#_){margin:22px 0 0}
.gx .gx-uxn:not(#_){margin:-4px 0 10px;font:400 13px/1.45 var(--f-body);color:var(--ink-2)}
.gx .gx-uxr .gx-meta:not(#_){white-space:normal}
.gx .gx-uxr:not(#_):not(#__){grid-template-columns:0 32px minmax(0,1fr) auto;gap:10px}

/* Exact Stocks.News Market Scanner tile format & Inter typography across Public & Desk Top Gainers / Top Movers (Jason, Oct 23 10:12 PM) */
.gx .gx-grid:not(#_),.gx .gx-grid.c2:not(#_),.gx .gx-grid.cmp:not(#_){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.gx .gx-card:not(#_):not(#__){
 display:flex!important;flex-direction:column;justify-content:flex-start;align-items:flex-start;
 gap:0!important;padding:13px 14px 12px!important;border-radius:12px!important;
 font-family:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",sans-serif!important}
html[data-theme=dark] .gx .gx-card.up:not(#_):not(#__){
 background:linear-gradient(180deg,rgba(28,68,36,.44) 0%,rgba(8,13,24,.96) 64%)!important;
 border-color:rgba(108,196,150,.24)!important}
html[data-theme=dark] .gx .gx-card.dn:not(#_):not(#__){
 background:linear-gradient(180deg,rgba(95,28,34,.44) 0%,rgba(8,13,24,.96) 64%)!important;
 border-color:rgba(240,106,114,.24)!important}
html[data-theme=light] .gx .gx-card.up:not(#_):not(#__){
 background:linear-gradient(180deg,rgba(13,138,84,.10) 0%,var(--surface,#F5F8FD) 62%)!important;
 border-color:rgba(13,138,84,.24)!important}
html[data-theme=light] .gx .gx-card.dn:not(#_):not(#__){
 background:linear-gradient(180deg,rgba(209,50,40,.10) 0%,var(--surface,#F5F8FD) 62%)!important;
 border-color:rgba(209,50,40,.24)!important}
.gx .gx-top:not(#_){display:flex;align-items:center;gap:10px!important;width:100%;min-width:0;margin:0 0 11px!important}
.gx .gx-top .lgo:not(#_):not(#__){width:36px!important;height:36px!important;min-width:36px!important;border-radius:8px!important}
.gx .gx-id:not(#_){flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px!important}
.gx .gx-card .gx-tk:not(#_){font:700 15px/1.15 "Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif!important;letter-spacing:-.01em;color:var(--ink)!important;white-space:nowrap}
.gx .gx-card .gx-nm:not(#_){font:400 12.5px/1.2 "Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif!important;color:var(--ink-2)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html[data-theme=dark] .gx .gx-card .gx-nm:not(#_){color:#D2D5CF!important}
.gx .gx-card .gx-px:not(#_){font:700 16px/1.15 "Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif!important;letter-spacing:-.015em;font-variant-numeric:tabular-nums;color:var(--ink)!important;margin:0 0 5px!important}
.gx .gx-card .gx-ch:not(#_),.gx .gx-row .gx-ch:not(#_){
 display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;
 font:500 13px/1.2 "Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif!important;
 letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0!important}
.gx .gx-tri{width:14px!important;height:9.5px!important;flex:none;fill:none!important}
html[data-theme=dark] .gx .up:not(#_){color:#6CC496!important}
html[data-theme=dark] .gx .dn:not(#_){color:#F06A72!important}
html[data-theme=light] .gx .up:not(#_){color:#0D8A54!important}
html[data-theme=light] .gx .dn:not(#_){color:#D13228!important}
.gx .gx-all:not(#_):not(#__){
 display:flex!important;align-items:center;justify-content:center;gap:6px;width:100%;box-sizing:border-box;
 margin:12px 0 0!important;padding:11px 16px!important;border-radius:10px!important;
 border:1px solid var(--line,#D0DCF0)!important;background:var(--surface,#F5F8FD)!important;
 color:var(--ink,#0D1526)!important;font:600 13.5px/1.2 "Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif!important;
 text-decoration:none!important;box-shadow:none!important}
html[data-theme=dark] .gx .gx-all:not(#_):not(#__){
 background:rgba(15,24,42,.88)!important;border-color:rgba(255,255,255,.12)!important;color:#F2F5FA!important}
.gx .gx-all .gx-arr{color:var(--acc,#3EC8C9);font-weight:700;font-size:15px;line-height:1}



/* === c80 Pro-exact Top Gainers + Collapsible Unusual Activity on Public & Desk === */
.gx .gx-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px}
.gx .gx-hd-tx{margin:0;font-family:var(--f-head,"Plus Jakarta Sans",sans-serif);font-size:21px;font-weight:800;letter-spacing:-.025em;line-height:1.15;color:var(--ink)}

.gx-col-btn{appearance:none;display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--bd,rgba(148,163,184,.28));background:var(--card-2,rgba(15,23,42,.05));color:var(--ink-2,#475569);font-family:var(--f-head,"Plus Jakarta Sans",sans-serif);font-size:11.5px;font-weight:700;letter-spacing:.01em;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:border-color .15s,color .15s,background .15s}
.gx-col-btn:hover{border-color:var(--c-cyan,#2EC4D6);color:var(--ink)}
.gx-pro-stat{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:2px 0 8px;font-size:11px;line-height:1.25;color:var(--muted,#64748B);flex-wrap:wrap}
.gx-ps-l{display:inline-flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.gx-ps-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;background:rgba(46,196,214,.10);border:1px solid rgba(46,196,214,.26);color:var(--c-cyan,#0E7490);font-weight:700;font-size:10.5px;letter-spacing:.01em;white-space:nowrap}
html[data-theme="dark"] .gx-ps-pill{color:#38BDF8;background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.28)}
.gx-ps-pill .q-dot{width:6px;height:6px;border-radius:50%;background:#10B981;display:inline-block}
.gx-ps-cd{font-family:var(--f-mono,"JetBrains Mono",monospace);font-size:10.5px;color:var(--muted,#64748B)}
.gx-ps-r{font-family:var(--f-mono,"JetBrains Mono",monospace);font-size:10.5px;color:var(--muted,#64748B);white-space:nowrap}
.gx-pro-bar{display:grid;grid-template-columns:36px repeat(3,minmax(0,1fr));gap:6px;align-items:center;margin:0 0 8px}
.gx-pchip{appearance:none;height:34px;padding:0 8px;border-radius:10px;border:1px solid var(--bd,rgba(148,163,184,.28));background:var(--card-2,rgba(241,245,249,.75));color:var(--ink-2,#334155);font:700 12px/1 var(--f-head,"Plus Jakarta Sans",sans-serif);letter-spacing:-.01em;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;cursor:pointer;min-width:0;transition:all .15s}
html[data-theme="dark"] .gx-pchip{background:rgba(15,25,44,.75);border-color:rgba(148,163,184,.2);color:#CBD5E1}
.gx-pchip.gx-psrc{padding:0;width:36px}
.gx-pchip.on{background:linear-gradient(135deg,#0EA5E9 0%,#2EC4D6 100%);color:#04111F;border-color:transparent;box-shadow:0 2px 10px rgba(14,165,233,.25);font-weight:800}
html[data-theme="dark"] .gx-pchip.on{color:#03101D}
.gx-srch-box{margin:0 0 8px}
.gx-srch-box input{width:100%;height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--bd,rgba(148,163,184,.32));background:var(--card,#FFFFFF);color:var(--ink,#0F172A);font:600 13px/1 var(--f-body,"Inter",sans-serif)}
.gx-pro-sub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:3px;border-radius:10px;background:var(--card-2,rgba(226,232,240,.65));border:1px solid var(--bd,rgba(148,163,184,.24));margin:0 0 10px}
html[data-theme="dark"] .gx-pro-sub{background:rgba(11,19,35,.85);border-color:rgba(148,163,184,.18)}
.gx-pseg{appearance:none;height:30px;border:0;border-radius:7px;background:transparent;color:var(--muted,#64748B);font:700 12px/1 var(--f-head,"Plus Jakarta Sans",sans-serif);cursor:pointer;transition:all .15s}
.gx-pseg.on{background:var(--card,#FFFFFF);color:var(--ink,#0F172A);box-shadow:0 1px 3px rgba(15,23,42,.10)}
html[data-theme="dark"] .gx-pseg.on{background:#16243E;color:#F8FAFC}
.gx-ux-sec{margin-top:16px;padding-top:14px;border-top:1px solid var(--bd,rgba(148,163,184,.24))}
.gx-ux-hd{margin-bottom:4px!important}
.gx-ux-sub{margin:0 0 10px;font-size:12px;line-height:1.35;color:var(--muted,#64748B)}
.btn.gx-all.less{background:var(--card-2,rgba(148,163,184,.12));color:var(--ink-2,#475569)}


/* V2 gold standard tile surface & top border on Top Gainers (.gx-card) */
.gx .gx-card{border-radius:13px!important;padding:11px 12px!important;background:#F5F8FD!important;border:1px solid rgba(15,23,42,.08)!important}
.gx .gx-card.up{background:linear-gradient(180deg,rgba(22,163,74,.08) 0%,#F5F8FD 55%)!important;border-top:2px solid rgba(22,163,74,.45)!important}
.gx .gx-card.dn{background:linear-gradient(180deg,rgba(220,38,38,.07) 0%,#F5F8FD 55%)!important;border-top:2px solid rgba(220,38,38,.40)!important}
html[data-theme="dark"] .gx .gx-card{background:#131F3B!important;border:1px solid rgba(148,163,184,.13)!important}
html[data-theme="dark"] .gx .gx-card.up{background:linear-gradient(180deg,rgba(34,197,94,.16) 0%,#131F3B 60%)!important;border-top:2px solid rgba(74,222,128,.55)!important}
html[data-theme="dark"] .gx .gx-card.dn{background:linear-gradient(180deg,rgba(239,68,68,.15) 0%,#131F3B 60%)!important;border-top:2px solid rgba(248,113,113,.50)!important}

/* === High-Attention 13F / 13D / 13G & Congress Callouts on Public Gainers & Scanners === */
.gx-alert-pill {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 2px 7px; border-radius: 5px;
  font-family: var(--mono); font-size: 10px; font-weight: 800;
  background: linear-gradient(135deg, rgba(56,189,248,0.20), rgba(62,200,201,0.16));
  color: #38BDF8; border: 1px solid rgba(56,189,248,0.55);
  letter-spacing: 0.02em; white-space: nowrap;
}
html[data-theme="light"] .gx-alert-pill {
  background: linear-gradient(135deg, rgba(16,185,129,0.16), rgba(14,116,144,0.12));
  color: #065f46; border-color: rgba(5,150,105,0.55);
}
.gx-sub1-pill {
  display: inline-flex; align-items: center; padding: 2px 6px; border-radius: 5px;
  font-family: var(--mono); font-size: 10px; font-weight: 700;
  background: rgba(245,158,11,0.16); color: #f59e0b; border: 1px solid rgba(245,158,11,0.45);
}
html[data-theme="light"] .gx-sub1-pill {
  color: #b45309; background: rgba(245,158,11,0.14);
}
.gx-regime-bar {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
  padding: 8px 12px; margin-bottom: 10px; border-radius: 10px;
  border: 1px solid var(--line); background: var(--bg1);
  font-family: var(--mono); font-size: 11px;
}
.gx-regime-tag {
  padding: 2px 7px; border-radius: 5px; background: var(--bg2); border: 1px solid var(--line);
  font-weight: 600;
}
.gx-t10-btn, .gx-t10-link {
  appearance: none; border: 1px solid var(--line); background: var(--bg2); color: var(--fg);
  font-family: var(--mono); font-size: 10.5px; font-weight: 700; padding: 3px 8px;
  border-radius: 6px; cursor: pointer; text-decoration: none;
}
.gx-t10-btn:hover, .gx-t10-link:hover {
  border-color: var(--accent, #3ec8c9); color: var(--accent, #3ec8c9);
}
.gx-desks-sec { margin-top: 16px; }
