/* feed.css (22 Oct 2026, Chris: one chronological stream of every X post and YouTube video). Own file so other page work never collides. */
#main[data-sxtab="feed"]>:not(#sxFeed):not([data-sxn]){display:none!important}
#sxFeed{display:block!important;--fd-g:#78F059;--fd-r:#ff4d6d;--fd-v:#a259ff;--fd-vh:#c69bff;--fd-mu:var(--ci-muted,#918ba3);--fd-bd:var(--ci-border,#262138);--fd-bs:var(--ci-border-strong,#352e4d);--fd-sf:rgba(17,14,27,.72);padding:8px 0 40px;border:0!important;background:transparent!important}
#sxFeed .fd-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:6px 0 18px}
#sxFeed .fd-h h2{margin:0;font-size:24px;font-weight:800;color:var(--ci-text,#f1f2f4);letter-spacing:-.01em}
#sxFeed .fd-h p{margin:4px 0 0;color:var(--fd-mu);font-size:14px}
#sxFeed .fd-up{font-size:12.5px;color:var(--fd-mu);white-space:nowrap}
#sxFeed .fd-sum{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 20px}
#sxFeed .fd-t{padding:14px 16px;border-radius:14px;background:var(--fd-sf);border:1px solid var(--fd-bd);display:flex;flex-direction:column;gap:4px;min-width:0;cursor:help}
#sxFeed .fd-t .l{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--fd-mu);font-weight:700;white-space:nowrap}
#sxFeed .fd-t .v{font-size:21px;font-weight:800;color:var(--ci-text,#f1f2f4);white-space:nowrap}
#sxFeed .fd-t .s{font-size:12.5px;color:#a39dba;line-height:1.35}
#sxFeed .up{color:var(--fd-g)!important}#sxFeed .dn{color:var(--fd-r)!important}
#sxFeed .fd-bar{display:flex;height:6px;border-radius:6px;overflow:hidden;background:#2a2340;margin-top:6px}#sxFeed .fd-bar i{display:block;height:100%}
#sxFeed .fd-bar .b{background:var(--fd-g)}#sxFeed .fd-bar .n{background:#5b5570}#sxFeed .fd-bar .r{background:var(--fd-r)}
#sxFeed .fd-f{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:0 0 8px;padding:12px 14px;border-radius:14px;border:1px solid var(--fd-bd);background:rgba(10,8,18,.45)}
#sxFeed .fd-seg{display:inline-flex;background:var(--ci-surface,#110e1b);border:1px solid var(--fd-bs);border-radius:999px;padding:2px}
#sxFeed .fd-seg button{background:transparent;border:0;color:var(--fd-mu);font:inherit;font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;cursor:pointer}
#sxFeed .fd-seg button.on{background:rgba(162,89,255,.22);color:#efe6ff}
#sxFeed .fd-seg button[data-v="bull"].on{background:rgba(120,240,89,.16);color:var(--fd-g)}#sxFeed .fd-seg button[data-v="bear"].on{background:rgba(255,77,109,.16);color:var(--fd-r)}
#sxFeed .fd-ck{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#d9d3e8;cursor:pointer;user-select:none}
#sxFeed .fd-ck input{accent-color:#a259ff;width:16px;height:16px;margin:0}
#sxFeed .fd-q{flex:1 1 200px;min-width:0;max-width:300px;margin-left:auto;background:var(--ci-surface,#110e1b);border:1px solid var(--fd-bs);border-radius:999px;color:var(--ci-text,#f1f2f4);font:inherit;font-size:13px;padding:7px 14px;outline:none}
#sxFeed .fd-q:focus{border-color:var(--fd-v)}
#sxFeed .fd-n{font-size:12.5px;color:var(--fd-mu);margin:12px 2px 0}
#sxFeed .fd-day{position:relative;margin:26px 0 10px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--fd-vh);display:flex;align-items:center;gap:12px}
#sxFeed .fd-day::after{content:"";flex:1;border-top:1px solid var(--fd-bd)}
#sxFeed .fd-i{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:18px 20px;margin:0 0 12px;border-radius:16px;border:1px solid var(--fd-bd);background:var(--fd-sf)}
#sxFeed .fd-i.call{border-color:rgba(162,89,255,.38)}
#sxFeed .fd-i.dim{opacity:.62;background:rgba(17,14,27,.4)}#sxFeed .fd-i.dim:hover{opacity:.9}
#sxFeed .fd-av{width:44px;height:44px;border-radius:50%;background:#2a1f33;display:block}
#sxFeed .av-img.fd-av{width:44px;height:44px;border:1px solid rgba(255,255,255,.08)}
#sxFeed .fd-r1{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;min-width:0}
#sxFeed .fd-who{font-weight:800;color:var(--ci-text,#f1f2f4);text-decoration:none;font-size:15px}#sxFeed .fd-who:hover{color:var(--fd-vh)}
#sxFeed .fd-src{font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;border:1px solid var(--fd-bs);color:#d9d3e8;letter-spacing:.02em}
#sxFeed .fd-src.yt{color:#ff6b81;border-color:rgba(255,107,129,.45)}
#sxFeed .fd-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.06);color:#bdb6cf;cursor:help}
#sxFeed .fd-tag.c{background:rgba(162,89,255,.18);color:#e4d6ff}
#sxFeed .fd-why{font-size:11px;color:#9c95b3;cursor:help;min-width:0;overflow-wrap:anywhere}   /* audit3: 'Not a call' reason */
#sxFeed .fd-why::before{content:"· ";color:#5b5570}
@media (max-width:480px){#sxFeed .fd-why::before{content:""}#sxFeed .fd-why{flex-basis:100%}}
#sxFeed .fd-tag.cnd{background:rgba(255,196,87,.14);color:#ffd88a}
#sxFeed .fd-mw{font-size:10px;font-weight:600;color:#8f88a6;text-transform:lowercase}
#sxFeed .fd-tm{margin-left:auto;font-size:12.5px;color:var(--fd-mu);white-space:nowrap;cursor:help}
#sxFeed .fd-ti{display:block;margin:8px 0 0;font-size:16px;font-weight:700;color:var(--ci-text,#f1f2f4);text-decoration:none;line-height:1.4;overflow-wrap:anywhere}#sxFeed a.fd-ti:hover{color:var(--fd-vh)}
#sxFeed .fd-tx{margin:8px 0 0;padding:2px 0 2px 12px;border-left:2px solid var(--fd-bs);color:#d9d4e6;font-size:14px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}
#sxFeed .fd-k{margin:10px 0 0;font-size:14px;line-height:1.5;color:#f1f2f4;overflow-wrap:anywhere}
#sxFeed .fd-k b{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--fd-vh);margin-right:8px;font-weight:800}
#sxFeed .fd-sy{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
#sxFeed .fd-c{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 10px;border-radius:12px;border:1px solid var(--fd-bs);background:rgba(10,8,18,.5);font-size:13px;min-width:0}
#sxFeed .fd-c.cl{border-color:rgba(162,89,255,.5);background:rgba(162,89,255,.08)}
#sxFeed .fd-c .sym{font-weight:800;color:var(--ci-text,#f1f2f4);cursor:help}
#sxFeed .fd-d{font-size:11.5px;font-weight:800;padding:1px 8px;border-radius:999px;border:1px solid;cursor:help;white-space:nowrap}
#sxFeed .fd-d.bull{color:var(--fd-g);border-color:rgba(120,240,89,.45)}#sxFeed .fd-d.bear{color:var(--fd-r);border-color:rgba(255,77,109,.45)}#sxFeed .fd-d.neutral{color:#a39dba;border-color:var(--fd-bs)}
#sxFeed .fd-lv{font-weight:800;white-space:nowrap;cursor:help}#sxFeed .fd-vs{font-size:12px;font-weight:700;white-space:nowrap;cursor:help}
#sxFeed .fd-st{font-size:12px;color:#bdb6cf;white-space:nowrap;cursor:help}
#sxFeed .fd-rc{font-size:12px;font-weight:700;color:var(--fd-vh)!important;text-decoration:none!important;cursor:pointer;white-space:nowrap}#sxFeed .fd-rc:hover{text-decoration:underline!important}
#sxFeed .fd-lk{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:600;color:var(--fd-vh);text-decoration:none}#sxFeed .fd-lk:hover{text-decoration:underline}
#sxFeed .fd-more{display:block;margin:18px auto 0;padding:10px 22px;border-radius:999px;border:1px solid var(--fd-bs);background:var(--ci-surface,#110e1b);color:#e4d6ff;font:inherit;font-weight:700;cursor:pointer}
#sxFeed .fd-e{padding:28px 4px;color:var(--fd-mu);text-align:center}
#sxFeed .fd-cta{margin:20px 0 0;padding:18px;border:1px solid rgba(162,89,255,.45);border-radius:14px;background:rgba(162,89,255,.1);text-align:center;color:#e4d6ff}
#sxFeed .fd-cta a{display:inline-block;margin-top:10px;padding:9px 16px;border-radius:10px;background:#78F059;color:#05140a;font-weight:800;text-decoration:none}
@media(max-width:1100px){#sxFeed .fd-sum{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){#sxFeed .fd-h h2{font-size:21px}#sxFeed .fd-sum{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sxFeed .fd-sum .fd-t:last-child{grid-column:span 2}#sxFeed .fd-t{padding:12px}#sxFeed .fd-t .v{font-size:18px}
 #sxFeed .fd-f{padding:10px;gap:8px}#sxFeed .fd-q{max-width:none;margin-left:0;flex-basis:100%}#sxFeed .fd-seg button{padding:5px 10px}
 #sxFeed .fd-i{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:14px 14px}#sxFeed .fd-av,#sxFeed .av-img.fd-av{width:34px;height:34px}#sxFeed .fd-tm{margin-left:0;flex-basis:100%;order:9}#sxFeed .fd-ti{font-size:15px}}

/* 22 Oct 2026 20:50: logged-out lock tile instead of the live Average per call (same style as the r3 log-in prompt) */
.fd-t.fd-lock{border-color:rgba(162,89,255,.35);background:rgba(162,89,255,.08);cursor:default}.fd-t.fd-lock .s{color:#e9e4f5}.fd-t.fd-lock .asx-btn{align-self:flex-start;margin-top:4px;text-decoration:none;white-space:nowrap}

/* 23 Oct 2026: Feed market filter All / Crypto / Stocks with counts (static/feed.js) */
#sxFeed .fd-hr{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
#sxFeed .fd-mk button{font-size:13.5px;padding:7px 16px;display:inline-flex;align-items:baseline;gap:6px}
#sxFeed .fd-mk button .n{font-size:11.5px;font-weight:600;color:var(--fd-mu);font-variant-numeric:tabular-nums}
#sxFeed .fd-mk button.on .n{color:#d9c8ff}
#sxFeed .fd-mk button[data-fm="crypto"].on{background:rgba(120,240,89,.14);color:#78F059}
#sxFeed .fd-mk button[data-fm="stocks"].on{background:rgba(162,89,255,.28);color:#efe6ff}
@media(max-width:640px){#sxFeed .fd-hr{width:100%;justify-content:space-between}#sxFeed #fdMk{flex:1 1 100%}#sxFeed .fd-mk{display:flex;width:100%}#sxFeed .fd-mk button{flex:1;justify-content:center;padding:7px 8px;font-size:13px}}

/* 23 Oct 2026 (Chris: X / YouTube logos missing on the Feed): the source icon now leads every post and video row, right before the handle,
   same place as the profile's Recent posts list (it used to sit small beside the time on the far right, easy to miss). */
.fd-r1 .fd-si{width:16px;height:16px;flex:0 0 16px}.fd-r1 .fd-si svg{width:16px;height:16px}.fd-r1 .fd-si.srci-youtube svg{width:17px}
