/* Public social discovery only; existing financial colours/controls are untouched. */
/* Social search and filters. */
.social-search-tools { display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:5px 8px;align-items:start;margin:10px 0;position:relative;z-index:3; }
.social-search-tools > input,.social-filter-group input { width:100%;min-width:0;box-sizing:border-box;min-height:40px;padding:8px 10px;background:#061522;color:#edf6fa;border:1px solid #254b63;border-radius:10px;font:inherit;font-size:14px; }
.social-search-tools > input { min-height:44px; }
.social-search-tools input:focus-visible,.social-filter-menu summary:focus-visible,.social-filter-panel button:focus-visible { outline:2px solid #18c9d0;outline-offset:2px; }
.social-filter-menu { position:static; }
.social-filter-menu > summary { position:relative;box-sizing:border-box;display:grid;place-items:center;width:44px;height:44px;border:1px solid #254b63;border-radius:10px;background:#061522;color:#edf6fa;list-style:none;cursor:pointer; }
.social-filter-icon { font-size:24px;line-height:1; }
.social-filter-badge { position:absolute;right:-3px;top:-4px;min-width:17px;height:17px;padding:0 3px;box-sizing:border-box;border-radius:9px;background:#18c9d0;color:#04131d;font:700 10px/17px system-ui;text-align:center; }
.social-filter-badge[hidden] { display:none!important; }
.social-filter-menu summary::-webkit-details-marker { display:none; }
.social-filter-menu[open] > summary { border-color:#18c9d0;color:#18c9d0; }
.social-filter-panel { position:absolute;top:48px;right:0;width:min(320px,100%);max-height:65dvh;overflow-y:auto;box-sizing:border-box;padding:12px;border:1px solid #254b63;border-radius:12px;background:#07131e;box-shadow:0 16px 48px #0008;display:grid;gap:8px; }
.social-filter-head { display:flex;align-items:center;justify-content:space-between;min-height:32px;gap:8px;font-size:13px; }
.social-filter-reset { min-height:32px!important;width:auto!important;padding:6px 8px!important;font-size:12px!important;border:0!important;background:transparent!important;color:#18c9d0!important;box-shadow:none!important; }
.social-filter-group { display:grid;grid-template-columns:minmax(68px,.8fr) minmax(0,1.2fr);align-items:start;gap:8px;min-width:0;font-size:12px; }
.social-filter-group > b { align-self:start;padding-top:11px;font-weight:500;color:#9db5c6; }
.social-filter-choice { min-width:0; }
.social-filter-choice > summary { display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:40px;box-sizing:border-box;padding:8px;border:1px solid #254b63;border-radius:9px;background:#061522;color:#edf6fa;font-size:12px;line-height:1.3;list-style:none;cursor:pointer;overflow-wrap:anywhere; }
.social-filter-choice > summary::after { content:'⌄';flex:none;color:#9db5c6; }
.social-filter-choice > summary::-webkit-details-marker { display:none; }
.social-choice-options { padding-top:4px;display:grid;gap:4px; }
.social-filter-group button { min-height:40px;width:100%;border:1px solid #254b63;border-radius:8px;padding:8px;background:#061522;color:#b8cbd8;font:600 12px/1.2 Urbanist,system-ui,sans-serif;text-align:left;cursor:pointer; }
.social-filter-group button.active { border-color:#18c9d0;background:linear-gradient(100deg,#0e8daa,#18c9d0);color:#04131d; }
.social-filter-count { grid-column:1/-1;color:#9db5c6;font-size:11px; }
.social-filter-reset[hidden] { display:none!important; }
@media(max-width:540px){.social-search-tools > input { font-size:16px; }.social-filter-group input { font-size:16px; }}
/* End social search and filters. */
.zeno-trader-avatar { width:44px;height:44px;border-radius:50%;position:relative;display:inline-grid;place-items:center;flex:none;overflow:hidden;background:#102a3c;color:var(--avatar-colour,#16d3c5);border:1px solid #244252; }
.zeno-avatar-fallback { display:grid;place-items:center;width:100%;height:100%;font-size:20px;font-weight:750; }
.zeno-avatar-fallback svg { width:32px;height:32px;fill:currentColor; }
.zeno-trader-avatar img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.zeno-trader-avatar img[hidden] { display:none!important; }
#appView .trader-main { display:flex;align-items:center;gap:10px;min-width:0; }
.zeno-trader-copy { display:flex;flex-direction:column;min-width:0;gap:4px; }
.zeno-trader-copy b { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.zeno-trader-copy,.social-identity > span,.social-feed-person > span { text-align:left; }
#appView .zeno-highlight-avatar { background:none;border:0; }
#appView .zeno-highlight-avatar .zeno-trader-avatar { width:100%;height:100%; }
.zeno-ranked-row { display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:16px;border-bottom:1px solid var(--line); }
#appView .zeno-ranked-row .trader-row { display:grid;grid-template-columns:32px minmax(0,1fr) 140px 140px;align-items:center;gap:18px;min-width:0;width:100%!important;padding:16px 12px;margin:0;border:0;text-align:left;background:none; }
#appView .zeno-ranked-row .trader-rank { text-align:center; }
#appView .zeno-ranked-row .trader-number { text-align:right;font-variant-numeric:tabular-nums; }
#appView .zeno-ranked-row .trader-main { text-align:left; }
#tab-following .explore-hero,#tab-leaderboard .explore-hero { margin-bottom:16px; }
.social-identity,.social-feed-person { display:flex;gap:12px;align-items:center;min-width:0;border:0;background:none;color:var(--text,#e7f4ff);padding:0;cursor:pointer;text-align:left; }
.social-identity { flex:1; }
.social-identity > span:last-child,.social-feed-person > span:last-child { display:flex;flex-direction:column;gap:7px;min-width:0; }
.social-identity b,.social-feed-person b { font-size:15px;overflow-wrap:anywhere; }
.social-identity b { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
#appView .social-follow,.social-trader-box .social-profile-follow,.social-trader-box .social-copy-coming {
 box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 96px;width:96px;min-width:96px;max-width:96px;
 height:44px;min-height:44px;max-height:44px;padding:8px 6px!important;
 font-size:12px;line-height:1.2;white-space:nowrap;
}
.social-person { padding:16px!important; }
.social-data-note { margin-top:16px;color:var(--muted,#8a9fb1);font-size:12px;line-height:1.6; }
.social-data-note summary { cursor:pointer;min-height:36px;display:list-item; }
.social-data-note p { margin:8px 0; }
.social-profile-head { display:flex;align-items:center;gap:14px; }
.social-profile-head .zeno-trader-avatar { width:58px;height:58px; }
.social-profile-head > div { min-width:0;flex:1; }
.social-profile-head h2 { margin:0 36px 8px 0;font-size:22px; }
.social-profile-wallet { margin:14px 0 12px;padding:10px 12px;background:#061522;border:1px solid #254b63;border-radius:12px;min-width:0; }
.social-wallet-heading { display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#b8cbd8;margin-bottom:4px; }
.social-wallet-heading small { font-size:11px;color:#8a9fb1;white-space:nowrap; }
.social-wallet-row { display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;align-items:center;gap:6px; }
.social-wallet-row code { min-width:0;overflow-wrap:anywhere;word-break:break-all;user-select:all;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#edf6fa;text-align:left; }
#socialTraderBack .social-wallet-control { display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #254b63;border-radius:9px;background:#082133;color:#64dbe2;text-decoration:none;font:20px/1 system-ui;cursor:pointer; }
#socialTraderBack .social-wallet-control:focus-visible { outline:2px solid #18c9d0;outline-offset:2px; }
#socialTraderBack .social-wallet-control:disabled { opacity:.6;cursor:wait; }
.social-profile-tabs { display:flex;gap:8px;border-bottom:1px solid var(--line);margin-top:16px; }
.social-profile-tabs button { border:0;border-bottom:2px solid transparent;background:none;color:var(--muted,#8a9fb1);font-weight:700;min-height:44px;padding:10px 18px;cursor:pointer; }
.social-profile-tabs button.active { color:#33d5dc;border-bottom-color:#33d5dc; }
.social-profile-positions[hidden],.social-profile-trades[hidden] { display:none!important; }
.social-copy-note { font-size:12px;line-height:1.6; }
#appView .social-follow,.social-trader-box .social-follow { background:var(--market-action,linear-gradient(105deg,#087fa3,#23dce3));color:#03212c;border-color:#14b9ce;font-weight:700; }
#appView .social-follow[aria-pressed="true"],.social-trader-box .social-follow[aria-pressed="true"] { background:#082c35;color:#71dce1;border-color:#287b85; }
#followingTabs { display:flex;gap:8px;flex-wrap:wrap; }
#followingTabs button { min-height:44px;flex:1; }
.social-platforms { display:flex;gap:8px;margin:12px 0; }
.social-platforms button { flex:1;min-height:44px; }
#appView #followingBody .social-platforms button.active { background:var(--market-action,linear-gradient(105deg,#087fa3,#23dce3));color:#03212c;border-color:#14b9ce; }
.social-section-head { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.social-section-head h2 { margin:8px 0;font-size:20px; }
.social-feed-footer { display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px; }
.social-feed-more { min-height:44px;min-width:140px;max-width:100%; }
.social-feed-end { font-size:12px; }
.social-feed-more[hidden],.social-feed-end[hidden],.social-feed-warning[hidden] { display:none!important; }
.social-refresh { width:36px;height:36px;min-width:36px;padding:0!important;font-size:20px; }
.social-person-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px; }
.social-person { min-width:0; }
.social-person-head { display:flex;justify-content:space-between;align-items:center;gap:8px; }
.social-person h3 { margin:14px 0;overflow-wrap:anywhere; }
.social-person-metrics { display:flex;flex-wrap:wrap;gap:20px;margin:14px 0;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums; }
.social-person-metrics b { display:block;margin-top:6px;font-size:16px; }
.social-person .social-person-metrics { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }
.social-actions,.social-profile-actions { display:flex;gap:8px; }
.social-actions .btn { flex:1;min-height:44px;min-width:0; }
.social-actions .btn,.social-platforms .btn.active,.social-profile-actions button,.social-trade-action .btn,.social-copy-entry {
 background:linear-gradient(135deg,#008dad,#11d0d3);color:#041722;border:1px solid #13bfcb;font-weight:700; }
.social-profile-actions { margin:12px 0; }
.social-profile-actions .btn { min-height:44px; }
#socialTraderBack .social-copy-coming:disabled {
 background:#25313d!important;background-image:none!important;color:#98a4b0!important;
 border-color:#42505e!important;box-shadow:none!important;opacity:1;filter:none;
 cursor:not-allowed;white-space:normal;line-height:1.15;
}
.social-trade-row { display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line); }
.social-trade-row > div:first-child { min-width:0; }
.social-trade-row p { margin:7px 0;line-height:1.5;overflow-wrap:anywhere; }
.social-trade-row small { color:var(--muted);font-size:11px; }
.social-trade-action { display:flex;flex-direction:column;align-items:flex-end;gap:9px;flex:none; }
.social-trade-action button { min-height:40px; }
/* One viewport-sized scroll owner, including Safari touch scrolling. The card
   must not create a second nested scroll area while the document is locked. */
#socialTraderBack { display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:24px 16px;box-sizing:border-box; }
#socialTraderBack.hidden { display:none; }
#socialTraderBack .social-trader-box { width:min(660px,100%);max-height:none;overflow:visible;text-align:left;padding:24px;box-sizing:border-box;margin:0 auto; }
#copytradeNav[hidden] { display:none!important; }
.social-copy-status { max-width:660px;padding:24px!important; }
.social-copy-status h2 { margin:0 0 12px;font-size:20px;line-height:1.4; }
.social-copy-status p { color:var(--muted);line-height:1.6;margin:0 0 16px; }
.social-copy-status .social-copy-entry { margin-bottom:0; }
.social-trader-box h2 { overflow-wrap:anywhere;margin-right:50px; }
.social-close { float:right;position:sticky;top:0;z-index:2;width:40px;height:40px;padding:0!important;background:#082133; }
.social-position-row { padding:10px 0;border-bottom:1px solid var(--line); }
.social-position-row p { margin:4px 0;line-height:1.5;overflow-wrap:anywhere; }
.social-position-row small { color:var(--muted); }
.social-copy-entry { min-height:44px;margin-bottom:16px; }
@media(max-width:900px){.social-person-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }}
@media(max-width:540px){.social-person-grid { grid-template-columns:minmax(0,1fr); }#socialTraderBack .social-trader-box { padding:18px; }
 .social-trade-row { gap:10px; }.social-trade-action button { max-width:106px;font-size:11px; }}
@media(max-width:800px){#appView .zeno-ranked-row .trader-row { grid-template-columns:26px minmax(0,1fr) 105px;gap:10px; }.zeno-ranked-row .secondary-number { display:none!important; }}
@media(max-width:540px){.zeno-ranked-row { grid-template-columns:minmax(0,1fr) 96px;gap:8px; }
 #appView .zeno-ranked-row .trader-row { grid-template-columns:22px minmax(0,1fr);padding:12px 6px;gap:6px 8px; }
 #appView .zeno-ranked-row .trader-rank { grid-row:1 / span 2; }
 #appView .zeno-ranked-row .trader-main { grid-column:2; }
 #appView .zeno-ranked-row .trader-number:not(.secondary-number) { grid-column:2;text-align:left;display:flex;gap:6px;align-items:center;padding-left:40px; }
 #appView .zeno-ranked-row .trader-main .zeno-trader-avatar { width:34px;height:34px; }
 .zeno-ranked-row .trader-main { gap:6px!important; }.zeno-ranked-row .trader-main b { font-size:12px; }
 .social-profile-head h2 { font-size:19px; }.social-person-metrics { gap:16px; }}
