/* 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; }
/* his own amount per copy and daily limit (2026-11-02) */
#copyCard .cp-set{ display:flex; align-items:flex-end; gap:10px; margin-top:10px; flex-wrap:wrap; }
#copyCard .cp-set-f{ display:flex; flex-direction:column; gap:4px; font-size:12px; color:var(--dk-text-2); }
#copyCard .cp-set-in{ display:flex; align-items:center; gap:6px; }
#copyCard .cp-set-in .cp-in{ flex:0 0 96px; width:96px; }
#copyCard .cp-set-in em{ font-style:normal; font-size:12px; color:var(--dk-text-2); }
#copyCard .cp-set-note{ font-size:12px; color:var(--dk-text-2); margin:6px 0 10px; }
#copyCard .cp-set-note.cp-warn{ color:var(--dk-amber); }
#copyCard .cp-err{ color:var(--dk-red); font-size:12px; min-height:16px; margin-top:4px; }
/* each wallet's own money and score (2026-11-02) */
#copyCard .cp-follow{ align-items:flex-start; }
#copyCard .cp-money{ color:var(--dk-text-2); margin-top:6px; }
#copyCard .cp-money b{ font-weight:600; color:var(--dk-text); font-variant-numeric:tabular-nums; }
#copyCard .cp-btns{ flex:none; display:flex; flex-direction:column; gap:6px; align-items:stretch; }
#copyCard .cp-stopped{ box-shadow:inset 3px 0 0 var(--dk-amber); }
#copyCard .cp-amt{ flex:0 0 auto; display:flex; align-items:center; gap:4px; }
#copyCard .cp-amt .cp-in{ flex:0 0 64px; width:64px; }
#copyCard .cp-amt em{ font-style:normal; font-size:12px; color:var(--dk-text-2); }
/* the minimal box (his order, 2026-11-02): one line per wallet, the rest folded */
#copyCard .cp-head2{ display:flex; align-items:center; gap:8px; font-size:13px; color:var(--dk-text-2); margin-bottom:12px; }
#copyCard .cp-head2 .cp-tag{ margin-right:0; }
#copyCard .cp-top-warn{ margin:-4px 0 12px; }
#copyCard details.cp-w, #copyCard details.cp-fold{ background:var(--dk-row); border-radius:6px; margin-bottom:6px; }
#copyCard details > summary{ list-style:none; cursor:pointer; display:flex; align-items:center; flex-wrap:wrap;
  gap:6px 8px; padding:9px 11px; min-height:20px; }
#copyCard details > summary::-webkit-details-marker{ display:none; }
#copyCard details > summary::before{ content:""; flex:none; width:6px; height:6px; margin-right:2px;
  border-right:1.5px solid var(--dk-text-2); border-bottom:1.5px solid var(--dk-text-2);
  transform:rotate(-45deg); transition:transform .15s; }
#copyCard details[open] > summary::before{ transform:rotate(45deg); }
#copyCard .cp-w-name{ font-size:14px; font-weight:600; color:var(--dk-text); min-width:0;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#copyCard .cp-w-fig{ margin-left:auto; text-align:right; white-space:nowrap; }
#copyCard .cp-w-fig b{ display:block; font-size:14px; font-weight:600; color:var(--dk-text); font-variant-numeric:tabular-nums; }
#copyCard .cp-w-fig em{ display:block; font-style:normal; font-size:12px; color:var(--dk-muted); }
#copyCard .cp-chip{ font-size:11px; font-weight:600; color:var(--dk-amber); background:var(--dk-amber-bg);
  box-shadow:inset 0 0 0 1px var(--dk-amber-line); border-radius:4px; padding:1px 6px; white-space:nowrap; }
#copyCard .cp-chip.warn{ color:var(--dk-on-amber); background:var(--dk-amber-fill); box-shadow:none; }
#copyCard .cp-w-body{ padding:0 11px 10px 25px; }
#copyCard .cp-btns-row{ display:flex; gap:6px; margin-top:8px; flex-wrap:wrap; }
#copyCard details.cp-fold > summary{ font-size:13px; font-weight:600; color:var(--dk-text-2); }
#copyCard .cp-count{ font-weight:600; font-size:12px; color:var(--dk-text-2); background:var(--dk-panel);
  border-radius:10px; padding:0 7px; }
#copyCard .cp-fold-body{ padding:0 11px 10px 25px; }
#copyCard .cp-fold-body .cp-row{ background:transparent; border-radius:0; margin:0; padding:7px 0;
  border-top:1px solid var(--dk-line); }
#copyCard .cp-fold-sub{ font-size:12px; font-weight:600; color:var(--dk-text-2); margin:10px 0 4px; }
#copyCard .cp-fold-body .cp-add{ margin-top:0; }
#copyCard .cp-how p{ font-size:12px; line-height:1.5; color:var(--dk-text-2); margin:0 0 8px; }
#copyCard .cp-fold-body .cp-old{ margin:0 0 6px; }
/* copies made before the new rules, on a line of their own (2026-11-02) */
#copyCard .cp-old{ font-size:12px; color:var(--dk-text-2); margin:-8px 0 14px; }
/* how a wallet trades (2026-11-02) */
#copyCard .cp-tags{ display:flex; flex-wrap:wrap; gap:5px; margin-top:6px; }
#copyCard .cp-wtag{ font-size:11px; font-weight:600; color:var(--dk-amber); background:var(--dk-amber-bg);
  box-shadow:inset 0 0 0 1px var(--dk-amber-line); border-radius:4px; padding:2px 7px; }
#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%; }
  #copyCard .cp-amt{ flex:1 1 100%; }
  #copyCard .cp-amt .cp-in{ flex:1 1 auto; width:auto; }
  #copyCard .cp-follow{ flex-wrap:wrap; }
  #copyCard .cp-btns{ flex:1 1 100%; flex-direction:row; }
  #copyCard .cp-btns .cp-btn{ flex:1 1 0; }
}

/* 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; }