/* v18.39.20 — dashboard-only tipsters, Casino-equivalent Sport send, blue Follow. */

/* The Casino uses this same icon, button dimensions, glow and color palette. */
#sport-screen .sp-chat-compose button.sp-chat-submit{
  display:grid!important;
  place-items:center!important;
  flex:0 0 34px!important;
  box-sizing:border-box!important;
  min-width:34px!important;
  width:34px!important;
  height:40px!important;
  padding:0!important;
  border-radius:10px!important;
  background:linear-gradient(130deg,#20d7e8,#22b9f5)!important;
  border:1px solid #90eaff!important;
  box-shadow:0 0 12px #32baf287!important;
  color:#031927!important;
  cursor:pointer;
}
#sport-screen .sp-chat-compose button.sp-chat-submit img{
  width:18px!important;
  height:18px!important;
  object-fit:contain;
  filter:drop-shadow(0 0 5px #fff8);
}
#sport-screen .sp-chat-compose button.sp-chat-submit:hover:not(:disabled){filter:brightness(1.12)}
#sport-screen .sp-chat-compose button.sp-chat-submit:disabled{opacity:.5;cursor:wait}

/* Copy Add Pick's current final styling, including its rounded outline. */
#sport-screen .sp-pick .sp-pick-bottom button.sp-social-follow,
#sport-screen .sp-pick .sp-pick-bottom button.sp-social-follow.is-following{
  min-height:36px!important;
  border-radius:18px!important;
  color:#f7faff!important;
  background:#2456a6 linear-gradient(115deg,#2456a6,#163774)!important;
  border:1px solid #63acfa!important;
  box-shadow:0 0 11px #3f83fa8b!important;
  text-shadow:0 1px 3px #071a48!important;
  font-weight:900!important;
}
#sport-screen .sp-pick .sp-pick-bottom button.sp-social-follow:hover:not(:disabled){filter:brightness(1.12)!important}

/* Replace only the former right-hand Top Tipsters link. Never affect the
   original Top Tipsters / Rankings subviews or Best/Paid/Streak/Popular. */
#sport-screen .sp-dashboard-tipsters-panel{
  min-width:0;
  padding:9px;
  background:linear-gradient(153deg,#08283b 0%,#081828 54%,#071322 100%)!important;
  border:1px solid #266888!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px #67e6ea19,0 7px 22px #0004!important;
}
#sport-screen #sp-dashboard-tipsters-panel[hidden]{display:none!important}
#sport-screen .sp-dashboard-tipsters-panel .sp-side-card-heading{
  padding:9px 9px 12px!important;
  margin:0 0 10px!important;
  border-bottom:1px solid #1e4e6a!important;
}
#sport-screen .sp-dashboard-tipsters-panel .sp-side-card-heading strong{
  font-size:15px!important;
  font-weight:950!important;
}
#sport-screen .sp-dash-top-list{display:grid;gap:10px}
#sport-screen .sp-dash-top-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:'player profit' 'metrics metrics';
  column-gap:8px;
  row-gap:9px;
  align-items:center;
  min-width:0;
  padding:11px 9px 10px;
  border:1px solid #194d70;
  border-radius:18px;
  background:linear-gradient(112deg,#09263c,#081827 70%,#05121f);
}
#sport-screen .sp-dash-top-player{
  grid-area:player;
  display:flex;
  align-items:center;
  min-width:0;
  gap:6px;
}
#sport-screen .sp-dash-top-medal{
  flex:0 0 30px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#456275,#203647);
  color:#f4faff;
  font-size:16px;
  font-weight:1000;
}
#sport-screen .sp-dash-top-medal.is-1{background:linear-gradient(140deg,#ffe789,#f1af22);color:#392800}
#sport-screen .sp-dash-top-medal.is-2{background:linear-gradient(140deg,#f5faff,#9eb0c9);color:#304159}
#sport-screen .sp-dash-top-medal.is-3{background:linear-gradient(140deg,#ffddba,#d88850);color:#542c14}
#sport-screen .sp-dash-top-player .sd-rank-avatar.is-large{
  flex:0 0 39px!important;
  width:39px!important;
  height:39px!important;
}
#sport-screen .sp-dash-top-player .sp-dash-top-avatar-link{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  cursor:pointer;
}
#sport-screen .sp-dash-top-player .sp-dash-top-avatar-link:hover .sd-rank-avatar{
  filter:brightness(1.15);
}
#sport-screen .sp-dash-top-player .sp-dash-top-avatar-link:focus-visible{
  outline:2px solid #4cddfa;
  outline-offset:3px;
}
#sport-screen .sp-dash-top-player>strong{
  font-size:12px;
  font-weight:950;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f1f9ff;
}
#sport-screen .sp-dash-top-metrics{
  grid-area:metrics;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  border-top:1px solid #1d425b;
  padding-top:8px;
}
#sport-screen .sp-dash-top-metrics>span{display:grid;gap:4px;text-align:center;min-width:0}
#sport-screen .sp-dash-top-metrics>span+span{border-left:1px solid #1a3c54}
#sport-screen .sp-dash-top-metrics small,
#sport-screen .sp-dash-top-profit small{font-size:9px;color:#a9bdd3;font-weight:750}
#sport-screen .sp-dash-top-metrics strong{font-size:12px;color:#4cddfa;font-weight:1000;white-space:nowrap}
#sport-screen .sp-dash-top-metrics strong.is-positive{color:#29efb4}
#sport-screen .sp-dash-top-metrics strong.is-negative{color:#ff8da0}
#sport-screen .sp-dash-top-metrics em{color:#29efb4;font-style:normal}
#sport-screen .sp-dash-top-metrics b{color:#ff7899}
#sport-screen .sp-dash-top-profit{
  grid-area:profit;
  display:grid;
  justify-items:end;
  gap:5px;
  text-align:right;
  min-width:0;
}
#sport-screen .sp-dash-top-profit small{font-size:8px}
#sport-screen .sp-dash-top-profit strong{
  color:#29efb4;
  font-size:13px;
  font-weight:1000;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
#sport-screen .sp-dash-top-profit strong.is-negative{color:#ff829f}
#sport-screen .sp-dash-top-empty{padding:13px 8px;font-size:11px;text-align:center;color:#a2c2d5}

/* At very narrow phone widths retain readable data without horizontal scroll. */
@media(max-width:370px){
  #sport-screen .sp-dash-top-row{grid-template-columns:minmax(0,1fr);grid-template-areas:'player' 'metrics' 'profit'}
  #sport-screen .sp-dash-top-profit{justify-items:start;text-align:left;border-top:1px solid #1d425b;padding-top:8px}
}