/* copytrade.css - System 2's copy-trading box (his order, 2026-10-21).
   Theme tokens only, so dark and light both follow. */
#copyCard .cp-mode{ background:var(--dk-amber-bg); box-shadow:inset 0 0 0 1px var(--dk-amber-line);
  color:var(--dk-text); border-radius:6px; padding:10px 12px; font-size:13px; line-height:1.45; margin-bottom:14px; }
#copyCard .cp-tag{ display:inline-block; background:var(--dk-amber-fill); color:var(--dk-on-amber);
  font-weight:700; font-size:11px; letter-spacing:.06em; border-radius:4px; padding:2px 7px; margin-right:6px; }
#copyCard .cp-totals{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; margin-bottom:16px; }
#copyCard .cp-totals > div{ background:var(--dk-row); border-radius:6px; padding:9px 11px; min-width:0; }
#copyCard .cp-totals span{ display:block; font-size:12px; color:var(--dk-muted); }
#copyCard .cp-totals b{ display:block; font-size:17px; font-weight:600; color:var(--dk-text);
  font-variant-numeric:tabular-nums; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#copyCard .cp-totals em{ display:block; font-style:normal; font-size:12px; color:var(--dk-muted); }
#copyCard .up{ color:var(--dk-green) !important; }
#copyCard .down{ color:var(--dk-red) !important; }
#copyCard .cp-row{ display:flex; align-items:center; gap:10px; background:var(--dk-row);
  border-radius:6px; padding:9px 11px; margin-bottom:6px; }
#copyCard .cp-row.cp-small{ padding:6px 11px; }
#copyCard .cp-main{ flex:1; min-width:0; }
#copyCard .cp-name{ font-size:14px; font-weight:600; color:var(--dk-text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#copyCard .cp-from{ font-weight:400; font-size:12px; color:var(--dk-muted); }
#copyCard .cp-sub{ font-size:12px; color:var(--dk-muted); margin-top:2px; overflow-wrap:anywhere; }
#copyCard .cp-mono{ font-family:ui-monospace, SFMono-Regular, Consolas, monospace; }
#copyCard .cp-warn{ color:var(--dk-amber); }
#copyCard .cp-res{ flex:none; text-align:right; font-weight:600; font-size:14px; color:var(--dk-text);
  font-variant-numeric:tabular-nums; }
#copyCard .cp-usd{ display:block; font-weight:400; font-size:12px; color:var(--dk-muted); }
#copyCard .cp-btn{ flex:none; font-size:12px; padding:6px 10px; }
#copyCard .cp-add{ display:flex; gap:6px; margin-top:8px; }
#copyCard .cp-in{ flex:1; min-width:0; background:var(--dk-row); color:var(--dk-text); border:0;
  box-shadow:inset 0 0 0 1px var(--dk-field-line); border-radius:6px; padding:8px 10px; font:13px Inter, system-ui, sans-serif; }
#copyCard .cp-in-name{ flex:0 0 150px; }
#copyCard .cp-err{ color:var(--dk-red); font-size:12px; min-height:16px; margin-top:4px; }
#copyCard .cp-ev{ display:flex; gap:10px; font-size:12px; padding:4px 0; border-bottom:1px solid var(--dk-line); }
#copyCard .cp-ev:last-child{ border-bottom:0; }
#copyCard .cp-ev-t{ flex:0 0 74px; color:var(--dk-muted); white-space:nowrap; }
#copyCard .cp-ev-x{ flex:1; color:var(--dk-text); overflow-wrap:anywhere; }
#copyCard .cp-ev-x.muted{ color:var(--dk-muted); }
#copyCard .cp-foot{ font-size:12px; color:var(--dk-muted); line-height:1.45; margin-top:4px; }
@media (max-width:640px){
  #copyCard .cp-totals{ grid-template-columns:1fr 1fr; }
  #copyCard .cp-totals > div:first-child{ grid-column:1 / -1; }
  #copyCard .cp-add{ flex-wrap:wrap; }
  #copyCard .cp-in, #copyCard .cp-in-name{ flex:1 1 100%; }
  #copyCard .cp-add .cp-btn{ flex:1 1 100%; }
}

/* REAL MONEY ONLY while his Bybit account is connected (his order, 2026-10-28:
   "hide the copy trading too"). Copy trading is still practice - pretend
   copies - so its box leaves the profile while the profile shows real money
   (data-money is set by profileMoneyView in profile.js). It keeps watching in
   the background; disconnecting Bybit brings the box back as it was. */
#screen-profile[data-money="real"] #copyCard,
#screen-profile[data-money="test"] #copyCard{ display:none !important; }