/*
  Fixed strong trades only.
  Keeps app.js, cloud/iCloud, prices, and the moving ticker logic untouched.
*/
#dashboardView .dashboard-events-ticker{
  position:relative!important;
}

#dashboardView .events-pinned-trades{
  position:absolute;
  left:8px;
  top:50%;
  transform:translateY(-50%);
  z-index:8;
  display:none;
  align-items:center;
  gap:12px;
  direction:ltr;
  overflow:visible;
  white-space:nowrap;
  pointer-events:auto;
}

#dashboardView .events-pinned-trades.active{
  display:flex;
}

/* Strong trades are removed from the moving track layout the instant app.js
   creates a refreshed ticker. This prevents both flashing and empty reserved gaps. */
#dashboardView #dashboardEventsTrack .portfolio-live-trade.strong-move{
  display:none!important;
  pointer-events:none!important;
}

#dashboardView .dashboard-events-ticker.has-pinned .events-ticker-viewport{
  margin-left:var(--pinned-reserved-width,0px)!important;
}

/* Every fixed trade is equally clear and highlighted. The original dimensions,
   typography, values, and internal layout remain unchanged. */
#dashboardView .events-pinned-trades .portfolio-live-trade.pin-fixed-card{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

#dashboardView .events-pinned-trades .portfolio-live-trade.pin-fixed-card.positive{
  border-color:rgba(46,228,143,.60)!important;
  background:linear-gradient(135deg,rgba(30,206,124,.22),rgba(21,101,70,.10))!important;
  box-shadow:0 0 18px rgba(36,211,133,.11),inset 0 1px rgba(255,255,255,.075)!important;
}

#dashboardView .events-pinned-trades .portfolio-live-trade.pin-fixed-card.negative{
  border-color:rgba(255,83,103,.58)!important;
  background:linear-gradient(135deg,rgba(228,54,78,.21),rgba(103,27,43,.10))!important;
  box-shadow:0 0 18px rgba(255,80,101,.10),inset 0 1px rgba(255,255,255,.07)!important;
}

@media(max-width:760px){
  #dashboardView .events-pinned-trades{
    left:5px;
    gap:8px;
  }
}