/* V4.8K — restore the live red/blue mandate fill without changing V48J layout */

.majority .track{
  display:flex !important;
  align-items:stretch !important;

  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.035) 0 2px,
      transparent 2px 12px
    ),
    #020914 !important;

  border:1px solid rgba(25,233,255,.35) !important;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.55),
    inset 0 0 16px rgba(0,0,0,.30) !important;
}

/* Dynamic fill from the existing inline redside width */
.majority .track .redside{
  position:relative !important;
  flex:0 0 auto !important;
  height:100% !important;

  background:
    linear-gradient(180deg,#ff456d 0%,#e7214d 100%) !important;

  box-shadow:
    inset 0 -3px 0 rgba(90,0,25,.28),
    inset -1px 0 0 rgba(255,255,255,.16) !important;

  opacity:1 !important;
  z-index:2 !important;
}

/* Blue occupies the remaining live width */
.majority .track .blueside{
  position:relative !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  height:100% !important;

  background:
    linear-gradient(180deg,#28b8f5 0%,#4961f2 100%) !important;

  box-shadow:
    inset 0 -3px 0 rgba(0,32,110,.28),
    inset 1px 0 0 rgba(255,255,255,.16) !important;

  opacity:1 !important;
  z-index:2 !important;
}

/* Native midpoint remains above both fills */
.majority .track .mid{
  z-index:20 !important;
}

/* At 0–0, don't falsely show a full blue result.
   Show only a subdued two-sided empty rail. */
.majority.v48k-zero .track{
  background:
    linear-gradient(
      90deg,
      rgba(255,45,86,.26) 0%,
      rgba(255,45,86,.26) 49.7%,
      rgba(255,255,255,.72) 49.7%,
      rgba(255,255,255,.72) 50.3%,
      rgba(40,184,245,.26) 50.3%,
      rgba(73,97,242,.26) 100%
    ),
    #020914 !important;
}

.majority.v48k-zero .track .redside,
.majority.v48k-zero .track .blueside{
  opacity:0 !important;
}

/* Preserve pixel feel */
.majority .track,
.majority .track *{
  image-rendering:pixelated !important;
}