/* ==========================================================================
   CasinoDrop Social — the Creator Worth Index chip (assets/js/social-cwi.js,
   inc/social-cwi.php).

   Loaded only on the feed hub (/social/feed/) for a viewer who sees the
   index, after streamers-cwi.css, whose range (.stx-cwi), grade (.stx-grade),
   net worth (.stx-cwi-nw) and provisional (.stx-cwi-prov) parts it reuses.
   The chip sits on its own line in a Trending creators row's name block
   (never on a live card, #723), above the row-wide link (z-index), so a tap
   on it opens the channel on /streamers/ and not the stream. Scoped to .scx;
   text never goes below 12px; the chip is a 44px target on phones.
   ========================================================================== */

.scx .scx-cwi-chip{position:relative;z-index:1;display:inline-flex;flex-wrap:wrap;align-items:center;align-self:flex-start;gap:2px 7px;max-width:100%;min-width:0;margin-top:5px;padding:3px 8px;border-radius:8px;border:1px solid var(--hair-2,rgba(255,255,255,.14));background:rgba(167,139,250,.07);color:var(--ink-2,#CDD2E1);font-size:12px;line-height:1.35;text-decoration:none;white-space:normal;transition:border-color .15s,background .15s}
.scx .scx-cwi-chip:hover{border-color:rgba(79,199,234,.55);background:rgba(79,199,234,.08)}
.scx .scx-cwi-chip:focus-visible{outline:2px solid var(--cyan,#4FC7EA);outline-offset:2px}
.scx .scx-cwi-k{color:var(--ink-4,#8A91A8);font-weight:600;white-space:nowrap}
.scx .scx-cwi-chip .stx-cwi{font-size:12px;gap:2px 5px;color:#fff}
.scx .scx-cwi-chip .stx-grade{min-width:18px;height:18px;padding:0 4px;font-size:12px}
/* The net worth line and the provisional label (grade P) run under the range, left-aligned inside the chip. */
.scx .scx-cwi-chip .stx-cwi{justify-items:start}
.scx .scx-cwi-chip .stx-cwi-nw,.scx .scx-cwi-chip .stx-cwi-prov{max-width:none;text-align:left;font-size:12px;white-space:normal}
.scx .scx-cwi-chip .stx-cwi-nw-r{color:#fff}
/* The chip’s own <small> lines stay whatever the row does with its other <small> lines. */
.scx .scf-tr-who .scx-cwi-chip .stx-cwi .stx-cwi-nw,.scx .scf-tr-who .scx-cwi-chip .stx-cwi .stx-cwi-prov{display:block;overflow:visible}
.scx .scf-tr-who .scx-cwi-chip{margin-top:3px}

/* Administrators' note under the Trending creators module's head (review mode only). */
.scx .scx-cwi-note{margin:12px 12px 0;padding:10px 14px;border-radius:12px;border:1px dashed rgba(245,196,81,.45);background:rgba(245,196,81,.06);font-size:13px;line-height:1.55;color:var(--ink-2,#CDD2E1)}
.scx .scx-cwi-note b{color:var(--gold,#F5C451)}
.scx .scx-cwi-note-meta{display:block;margin-top:3px;font-size:12.5px;color:var(--ink-3,#A9B0C4);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.scx .scx-cwi-note-err{display:block;margin-top:3px;font-size:12.5px;color:var(--down-l,#FF7A94);font-weight:600}
.scx .scx-cwi-note-err:empty{display:none}

@media (max-width:760px){
	.scx .scx-cwi-chip{min-height:44px;padding:4px 10px}
}
@media (prefers-reduced-motion:reduce){
	.scx .scx-cwi-chip{transition:none}
}