/* admin-copy.css - the Admin panel's Copy trading tab. Same look as the user Copy trading screen (copy.css),
   generated from it with #s-copy -> #adm-copy so the two stay identical. Loaded last. */
/* copy.css - Copy trading tab: one grey/black, rounded look. Loaded last, only touches #adm-copy. */
html body #adm-copy{--cp-card:rgba(255,255,255,.045);--cp-card-2:rgba(255,255,255,.07);--cp-edge:rgba(255,255,255,.07)}

/* search: round pill with a magnifier */
html body #adm-copy .cp-find{padding:6px 14px 4px}
html body #adm-copy .cp-find input{height:46px;padding:0 18px 0 46px;border-radius:99px;border:1px solid var(--cp-edge);background-color:var(--cp-card);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239aa1ad' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:16px center;font-size:15px;color:var(--txt-1)}
html body #adm-copy .cp-find input:focus{border-color:rgba(255,255,255,.28);box-shadow:none;background-color:var(--cp-card-2)}

/* section titles: all the same quiet label */
html body #adm-copy .cp-sec,html body #adm-copy .sb-sec{display:flex!important;align-items:baseline;gap:8px;margin:22px 18px 10px!important;padding:0;background:none!important;border:0!important;
  box-shadow:none!important;border-radius:0;font:750 12px/1 var(--ui,inherit)!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--txt-2)!important;text-shadow:none!important}
html body #adm-copy .cp-sec::before,html body #adm-copy .sb-sec::before,html body #adm-copy .sb-sec.is-real::before{display:none!important;content:none!important}
html body #adm-copy .sb-sec em{margin-left:auto;font:500 12px/1 var(--ui,inherit)!important;text-transform:none;letter-spacing:0;color:var(--txt-3)!important}

/* one primary button (light pill) and two small ones (neutral / red) */
html body #adm-copy .cp-btn,html body #adm-copy .cp-r .cp-btn{height:34px;padding:0 18px!important;border:0!important;border-radius:99px!important;cursor:pointer;
  background:#e9eaee!important;color:#101113!important;font:750 13.5px var(--ui,inherit)!important;box-shadow:none!important;transition:transform .1s}
html body #adm-copy .cp-btn:active{transform:scale(.95)}
html body #adm-copy .cp-pair{display:flex;align-items:center;gap:6px}
html body #adm-copy .cp-pair .cp-size{margin-right:2px;font:650 12px var(--ui,inherit);color:var(--txt-2)}
html body #adm-copy .cp-pair button,html body #adm-copy .cw-row .del{height:30px;padding:0 13px!important;border:0;border-radius:99px!important;cursor:pointer;font:750 12.5px var(--ui,inherit)!important}
html body #adm-copy .cp-pair .ed{background:rgba(255,255,255,.09)!important;color:var(--txt-1)!important}
html body #adm-copy .cp-pair .del,html body #adm-copy .cw-row .del{background:rgba(255,77,77,.14)!important;color:#ff6b6b!important}

/* copy any wallet */
html body #adm-copy .cw-box{margin:0 14px;padding:14px;border-radius:24px;border:1px solid var(--cp-edge);background:var(--cp-card)}
html body #adm-copy .cw-add{display:flex;gap:8px}
html body #adm-copy .cw-add input{flex:1;min-width:0;height:44px;padding:0 16px;border-radius:99px;border:1px solid var(--cp-edge);background:rgba(0,0,0,.28);
  color:var(--txt-1);font:500 14px var(--ui,inherit);outline:none}
html body #adm-copy .cw-add input:focus{border-color:rgba(255,255,255,.28)}
html body #adm-copy .cw-add .cp-btn{height:44px;padding:0 22px!important}
html body #adm-copy .cw-hint{display:block;margin:10px 6px 0;font-size:12px;line-height:1.45;color:var(--txt-3)}
html body #adm-copy .cw-row{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:10px 10px 10px 14px;border-radius:18px;background:var(--cp-card-2);border:0}
html body #adm-copy .cw-row .cw-mid{flex:1;min-width:0}
html body #adm-copy .cw-row b{font-size:14.5px;font-weight:700}
html body #adm-copy .cw-row small{display:block;margin-top:2px;font-size:12px;color:var(--txt-3)}

/* people you copy now */
html body #adm-copy .cp-active{display:flex!important;flex-wrap:wrap;gap:8px;padding:0 14px}
html body #adm-copy .cp-chip{display:inline-flex;align-items:center;gap:2px;padding:5px 6px 5px 5px;border-radius:99px;background:var(--cp-card-2);border:0;box-shadow:none;font-size:13.5px;font-weight:700}
html body #adm-copy .cp-chip .cav{width:26px;height:26px;border-radius:50%;background:#34373e!important;color:#fff!important;font-size:10px;font-weight:800;display:inline-grid;place-items:center;margin-right:7px;overflow:hidden}
html body #adm-copy .cp-chip small{margin-left:4px;font-size:12px;font-weight:600;color:var(--txt-2)}
html body #adm-copy .cp-chip .x{width:24px;height:24px;margin-left:6px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;background:rgba(255,255,255,.08);color:var(--txt-2);cursor:pointer}

/* leaderboard: each trader is its own rounded card */
html body #adm-copy .sb{overflow:visible;border:0!important;border-radius:0;background:none!important;box-shadow:none!important}
html body #adm-copy .lb-list,html body #adm-copy .sb .lb-list,html body #adm-copy #acq-res .lb-list{display:flex!important;flex-direction:column;gap:8px!important;padding:0 14px!important;
  border:0!important;border-radius:0!important;background:none!important;background-color:transparent!important;overflow:visible!important;box-shadow:none!important}
html body #adm-copy .lb-row,html body #adm-copy .lb-row.me,html body #adm-copy .lb-row.t1,html body #adm-copy .lb-row.t2,html body #adm-copy .lb-row.t3{
  display:flex!important;align-items:center;gap:12px;margin:0!important;padding:11px 12px 11px 10px!important;border-radius:22px!important;border:0!important;
  background:var(--cp-card)!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}
html body #adm-copy .lb-row.me{background:var(--cp-card-2)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important}
html body #adm-copy .lb-row::before,html body #adm-copy .lb-row::after{display:none!important}
html body #adm-copy .lb-row .n,html body #adm-copy .lb-row.t1 .n,html body #adm-copy .lb-row.t2 .n,html body #adm-copy .lb-row.t3 .n{
  flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06)!important;box-shadow:none!important;
  font:750 12.5px var(--ui,inherit)!important;color:var(--txt-2)!important}
html body #adm-copy .lb-row.t1 .n{background:rgba(247,187,47,.18)!important;color:#f7bb2f!important}
html body #adm-copy .lb-row.t2 .n{background:rgba(200,205,218,.16)!important;color:#d0d4df!important}
html body #adm-copy .lb-row.t3 .n{background:rgba(224,152,90,.18)!important;color:#e5a066!important}
html body #adm-copy .lb-av,html body #adm-copy .lb-row .lb-av{flex:none;width:44px!important;height:44px!important;border-radius:50%!important;display:grid;place-items:center;
  background:#2f3238!important;color:#fff!important;font:800 14px var(--ui,inherit)!important;box-shadow:none!important;overflow:hidden}
html body #adm-copy .lb-row.t1 .lb-av,html body #adm-copy .lb-row.t2 .lb-av,html body #adm-copy .lb-row.t3 .lb-av{box-shadow:none!important}
html body #adm-copy .lb-row .mid{flex:1;min-width:0}
html body #adm-copy .lb-row .mid b{display:block;font-size:15.5px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #adm-copy .lb-row .mid small{display:block;margin-top:2px;font-size:12.5px;color:var(--txt-3)}
html body #adm-copy .cp-r{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
html body #adm-copy .lb-row .pill{padding:5px 11px;border-radius:99px;font:800 13px var(--ui,inherit);font-variant-numeric:tabular-nums;box-shadow:none}
html body #adm-copy .lb-row .pill.up{background:rgba(46,230,107,.12);color:#3ddc7e}
html body #adm-copy .lb-row .pill.down{background:rgba(255,77,77,.12);color:#ff6b6b}

/* "View more" */
html body #adm-copy .sb-more{display:block;width:calc(100% - 28px);margin:10px 14px 0;padding:12px;border:0!important;border-radius:99px;background:var(--cp-card);
  font:700 13px var(--ui,inherit);color:var(--txt-2)!important;cursor:pointer}
html body #adm-copy .sb-none{margin:0 14px;padding:18px;border-radius:22px;background:var(--cp-card);text-align:center}
html body #adm-copy .sb-none b{display:block;margin-bottom:4px;font-size:14.5px}
html body #adm-copy .sb-none span{font-size:12.5px;color:var(--txt-3)}

@media(min-width:900px){
  html body #adm-copy .lb-list,html body #adm-copy .sb .lb-list,html body #adm-copy #acq-res .lb-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
}

html body #adm-copy .lb-list>.lb-row,html body #adm-copy .lb-list>.lb-row:last-child{border:0!important}
html body #adm-copy .sb-sec{width:auto!important;flex-wrap:nowrap}

@media(min-width:900px){html body #adm-copy .cp-find{max-width:972px}}


/* inside the admin panel: no page gutters, readable on the dark terminal background */
html body #adm-copy{--txt-1:#e9eaee;--txt-2:#a9adb8;--txt-3:#7d818c;max-width:1040px}
html body #adm-copy .cp-find{padding:2px 0 4px}
html body #adm-copy .cp-sec,html body #adm-copy .sb-sec{margin:22px 0 10px!important;padding:0 2px!important}
html body #adm-copy .cw-box{margin:0}
html body #adm-copy .cp-active,html body #adm-copy .lb-list,html body #adm-copy .sb .lb-list,html body #adm-copy #acq-res .lb-list{padding-left:0!important;padding-right:0!important}
html body #adm-copy #acq-res{margin-top:12px}
html body #adm-copy .sb-none{margin:0}
html body #adm-copy .sb-more{width:100%;margin:10px 0 0}
html body #adm-copy .lb-x{display:none!important}
html body #adm-copy .sb[data-x="1"] .lb-x{display:flex!important}
html body #adm-copy #acq-res .lb-list{display:flex!important;flex-direction:column;gap:8px!important}
@media(min-width:900px){html body #adm-copy #acq-res .lb-list{display:grid!important}}
@media(min-width:900px){html body #adm-copy .cp-find{max-width:none}}
html body #adm-copy .cp-find input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239aa1ad' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:16px center!important}