/* board.css - leaderboard + copy-trader lists, and the header icon. Loaded last on purpose. */

/* no green up-arrow icon top-left of any header or sign-in screen */
.hd-row .brand.cash,.hd-row .brand.cash.has-logo,.au-brand .g-logo,.gi-logo{display:none!important}

/* section heading: big, clean, with a coloured dot (green = real money, grey = demo) */
#s-calls .sb-sec,#s-copy .sb-sec{
  display:flex!important;align-items:baseline;flex-wrap:wrap;gap:4px 10px;width:auto!important;
  margin:30px 4px 12px!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  font:750 21px/1.1 var(--ui,inherit)!important;letter-spacing:-.025em;color:var(--txt)!important;text-shadow:0 1px 3px rgba(0,0,0,.6)}
#s-calls .sb-sec::before,#s-copy .sb-sec::before{
  content:""!important;display:inline-block!important;flex:none;align-self:center;width:10px;height:10px;border-radius:50%;
  background:#8a90a0;box-shadow:0 0 12px rgba(138,144,160,.6)}
#s-calls .sb-sec.is-real::before,#s-copy .sb-sec.is-real::before{background:#2ee07f;box-shadow:0 0 14px rgba(46,224,127,.75)}
#s-calls .sb-sec em,#s-copy .sb-sec em{font:600 12.5px/1 var(--ui,inherit);font-style:normal;letter-spacing:0;color:var(--txt-3);text-shadow:none}
#s-calls #l-list>.sb-sec:first-child{margin-top:14px!important}

/* the board itself: one rounded card */
#s-calls .sb-sec+.sb,#s-calls .sb-sec+[data-wk]:not([data-wk="bw"]){
  margin:0!important;overflow:hidden;border-radius:20px!important;border:1px solid var(--u-edge,rgba(255,255,255,.14))!important;
  background-color:var(--u-fill,rgba(8,8,10,.55))!important;box-shadow:0 14px 40px -24px rgba(0,0,0,.85)}
#s-copy .sb{overflow:hidden;border-radius:20px;border:1px solid var(--u-edge,rgba(255,255,255,.14));background-color:var(--u-fill,rgba(8,8,10,.55))}

/* rows */
#s-calls .lb-row,#s-copy .lb-row{display:flex!important;align-items:center;gap:12px;padding:13px 16px!important;position:relative}
#s-calls .lb-row::after,#s-copy .lb-row::after{left:16px;right:16px}
#s-calls .lb-row:last-child::after,#s-copy .lb-row:last-child::after{display:none}
#s-calls .lb-row .n,#s-copy .lb-row .n{
  flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
  font:800 14px/1 var(--ui,inherit)!important;color:var(--txt-3);background:rgba(255,255,255,.06)}
#s-calls .lb-row.t1 .n,#s-copy .lb-row.t1 .n{font-size:14px!important;color:#2b1d00;background:linear-gradient(145deg,#ffe48a,#f2a900);box-shadow:0 0 14px rgba(255,200,60,.45)}
#s-calls .lb-row.t2 .n,#s-copy .lb-row.t2 .n{font-size:14px!important;color:#1d2230;background:linear-gradient(145deg,#f1f4fa,#a9b2c4)}
#s-calls .lb-row.t3 .n,#s-copy .lb-row.t3 .n{font-size:14px!important;color:#2a1403;background:linear-gradient(145deg,#f3b27a,#c46f2c)}
#s-calls .lb-av,#s-copy .lb-av{width:44px;height:44px}
#s-calls .lb-row .mid b,#s-copy .lb-row .mid b{font-size:16px}
#s-calls .lb-row .mid small,#s-copy .lb-row .mid small{margin-top:3px;font-size:12.5px;color:var(--txt-3)}
#s-calls .lb-row .pill,#s-copy .lb-row .pill{padding:7px 12px;font-size:13.5px;font-weight:800;font-variant-numeric:tabular-nums}
#s-calls .lb-row.me,#s-copy .lb-row.me{background:linear-gradient(90deg,rgba(46,230,107,.10),rgba(46,230,107,0) 80%)!important}

/* view more */
#s-calls .sb-more,#s-copy .sb-more{border-top:1px solid var(--u-rule,rgba(255,255,255,.08))!important;padding:14px!important;font-size:13px;font-weight:700;color:var(--txt-2)!important}

/* empty state */
#s-calls .sb-sec+.sb-none,#s-copy .sb-sec+.sb-none{
  display:flex!important;flex-direction:column;align-items:center;gap:6px;margin:0!important;padding:30px 20px!important;text-align:center;
  border:1px dashed var(--u-edge,rgba(255,255,255,.18))!important;border-radius:20px!important;background-color:var(--u-fill,rgba(8,8,10,.45))!important;box-shadow:none!important}
.sb-none b{font:700 16px/1.2 var(--ui,inherit);color:var(--txt)}
.sb-none span{font-size:13px;line-height:1.45;color:var(--txt-3);max-width:34ch}