/**
 * dream444-inplay-prematch.r4.css
 *
 * DREAM444_PARITY — presentationProfile = dream444_classic_parity ONLY.
 * Scope: /inplay (In-Play | Today | Tomorrow) + sport-lobby prematch chrome.
 * Reuses R3 event-row primitives; does not redesign FullMarket/Betslip.
 *
 * No hostname selectors. No post-paint DOM. No lifecycle / odds changes.
 */
html[data-presentation-profile="dream444_classic_parity"] #inPlayTab.tab.col3,
html[data-presentation-profile="dream444_classic_parity"] .tab.col3 {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid var(--inplay-tabs-border, #3b5160);
  border-bottom: none;
  box-sizing: border-box;
  background: var(--inplay-tabs-bg, #fff);
}

html[data-presentation-profile="dream444_classic_parity"] #inPlayTab.tab.col3 > li,
html[data-presentation-profile="dream444_classic_parity"] .tab.col3 > li {
  flex: 1 1 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

html[data-presentation-profile="dream444_classic_parity"] #inPlayTab.tab.col3 > li > a,
html[data-presentation-profile="dream444_classic_parity"] .tab.col3 > li > a {
  display: block;
  text-align: center;
  height: 34px;
  line-height: 34px;
  padding: 0 8px;
  font-size: 13px;
  font-weight: 700;
  border-radius: 0;
  border: none;
  border-right: 1px solid var(--inplay-tabs-border, #3b5160);
  background: var(--inplay-cmp-tab-a-background, #fff);
  color: var(--inplay-cmp--tab-a-color, #3b5160);
  box-sizing: border-box;
  text-decoration: none;
}

html[data-presentation-profile="dream444_classic_parity"] #inPlayTab.tab.col3 > li:last-child > a,
html[data-presentation-profile="dream444_classic_parity"] .tab.col3 > li:last-child > a {
  border-right: none;
}

html[data-presentation-profile="dream444_classic_parity"] #inPlayTab.tab.col3 > li > a.select,
html[data-presentation-profile="dream444_classic_parity"] .tab.col3 > li > a.select {
  background: var(--inplay-cmp-tab-select-background, #3b5160) !important;
  color: var(--inplay-cmp-tab-select-color, #fff) !important;
}

/* Sport group headers — black tile, white title; Title Case like dream444.win */
html[data-presentation-profile="dream444_classic_parity"] .inplay-sportwise .sporthead h3,
html[data-presentation-profile="dream444_classic_parity"] .inplay-sportwise .sporthead2 h3,
html[data-presentation-profile="dream444_classic_parity"] .sporthead.sporthead2 h3 {
  background: var(--inplay-sports-tile-bg, #000) !important;
  color: var(--inplay-sports-tile-text, #fff) !important;
  font-size: 14px !important;
  line-height: 30px !important;
  height: 30px;
  font-weight: 700;
  padding-left: 10px !important;
  margin: 0;
  text-align: center;
  box-sizing: border-box;
  /* SOCCER → Soccer; HORSE RACING → Horse Racing */
  text-transform: capitalize !important;
}

/* In-Play label on /inplay list — stable green (reference list); no flashy mid-red sample */
html[data-presentation-profile="dream444_classic_parity"] .table.inplaytbl2 .in_play,
html[data-presentation-profile="dream444_classic_parity"] .game-menu-tab.inplay-match .in_play {
  color: var(--inplay-cmp-in_play-color, #508d0e) !important;
  font-size: 12px !important;
  font-weight: 700;
  margin-left: 8px;
  animation: none !important;
  background: transparent !important;
  transform: none !important;
}

html[data-presentation-profile="dream444_classic_parity"] .table.inplaytbl2 a.match-name,
html[data-presentation-profile="dream444_classic_parity"] .game-menu-tab.inplay-match a.match-name {
  color: var(--inplay-cmp-match-name-color, #2789ce) !important;
  font-size: 12px;
  font-weight: 700;
}

html[data-presentation-profile="dream444_classic_parity"] .table.inplaytbl2 .match-time,
html[data-presentation-profile="dream444_classic_parity"] .game-menu-tab.inplay-match .match-time {
  color: var(--inplay-cmp-match-time-color, #777) !important;
  font-size: 12px;
  font-weight: 400;
  margin-left: 6px;
}

/* Event row + chip + odds geometry — mirror R3 home primitives on inplay table */
html[data-presentation-profile="dream444_classic_parity"] .table.inplaytbl2 > tbody > tr > td {
  vertical-align: middle;
  padding: 2px 6px !important;
}

html[data-presentation-profile="dream444_classic_parity"] .table.inplaytbl2 .game-bookmakers,
html[data-presentation-profile="dream444_classic_parity"] .table.inplaytbl2 .game-fancy,
html[data-presentation-profile="dream444_classic_parity"] .table.inplaytbl2 .game-sportbook,
html[data-presentation-profile="dream444_classic_parity"] .game-menu-tab.inplay-match .game-bookmakers,
html[data-presentation-profile="dream444_classic_parity"] .game-menu-tab.inplay-match .game-fancy,
html[data-presentation-profile="dream444_classic_parity"] .game-menu-tab.inplay-match .game-sportbook,
html[data-presentation-profile="dream444_classic_parity"] .inplay-sportwise .game-bookmakers,
html[data-presentation-profile="dream444_classic_parity"] .inplay-sportwise .game-fancy,
html[data-presentation-profile="dream444_classic_parity"] .inplay-sportwise .game-sportbook,
html[data-presentation-profile="dream444_classic_parity"] app-inplay .game-bookmakers,
html[data-presentation-profile="dream444_classic_parity"] app-inplay .game-fancy,
html[data-presentation-profile="dream444_classic_parity"] app-inplay .game-sportbook {
  display: inline-block;
  vertical-align: middle;
  min-width: 18px;
  height: 14px;
  line-height: 14px;
  padding: 0 5px !important;
  margin: 0 2px 0 0 !important;
  font-size: 12px !important;
  font-weight: 700;
  font-style: italic;
  border-radius: 2px;
  text-align: center;
  box-sizing: border-box;
}

/*
 * Sports lobby only (app-markets / allsport-highlight): hide BM / F / S stack.
 * In-Play | Today | Tomorrow keep data-driven chips (R4: BBB S-only preserved; win parity).
 */
html[data-presentation-profile="dream444_classic_parity"] app-markets .game-bookmakers,
html[data-presentation-profile="dream444_classic_parity"] app-markets .game-fancy,
html[data-presentation-profile="dream444_classic_parity"] app-markets .game-sportbook {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html[data-presentation-profile="dream444_classic_parity"] app-markets .fancy-and-sport-book-chips {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

html[data-presentation-profile="dream444_classic_parity"] .table.inplaytbl2 .count .back,
html[data-presentation-profile="dream444_classic_parity"] .game-menu-tab.inplay-match .count .back {
  background: var(--inplay-cmp-back-background, #72bbef) !important;
  min-width: 50px;
  font-size: 11px;
  font-weight: 700;
}

html[data-presentation-profile="dream444_classic_parity"] .table.inplaytbl2 .count .lay,
html[data-presentation-profile="dream444_classic_parity"] .game-menu-tab.inplay-match .count .lay {
  background: var(--inplay-cmp-lay-background, #faa9ba) !important;
  min-width: 50px;
  font-size: 11px;
  font-weight: 700;
}

html[data-presentation-profile="dream444_classic_parity"] .table.inplaytbl2 a.add-pin,
html[data-presentation-profile="dream444_classic_parity"] .table.inplaytbl2 #multiMarketPin {
  width: 25px;
  height: 20px;
  margin-left: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

/* Sport lobby / markets highlight table — keep R3 row contract */
html[data-presentation-profile="dream444_classic_parity"] .tdeventName .match-name,
html[data-presentation-profile="dream444_classic_parity"] .tdeventName a {
  font-weight: 700;
  font-size: 12px;
  color: var(--markets-text-color, #2789ce) !important;
}

html[data-presentation-profile="dream444_classic_parity"] .tdeventName .in_play {
  color: #f26d1c !important;
  margin-left: 8px;
  font-weight: 700;
  font-size: 12px;
  animation: none !important;
}

html[data-presentation-profile="dream444_classic_parity"] .tdeventName .match-time {
  font-size: 12px;
  color: var(--markets-dateTime-color, #1e1e1e);
  margin-left: 6px;
}

/* Empty shell — do not invent alternate temporary DOM */
html[data-presentation-profile="dream444_classic_parity"] .inplay-sportwise.no-data-sportwise,
html[data-presentation-profile="dream444_classic_parity"] .no-data-sportwise {
  text-align: center;
  padding: 18px 12px;
  color: #777;
  font-size: 13px;
  background: #fff;
  border: 1px solid #d0d0d0;
  box-sizing: border-box;
}

@media screen and (max-width: 991px) {
  html[data-presentation-profile="dream444_classic_parity"] #inPlayTab.tab.col3 > li > a,
  html[data-presentation-profile="dream444_classic_parity"] .tab.col3 > li > a {
    font-size: 12px;
    height: 34px;
    line-height: 34px;
  }

  html[data-presentation-profile="dream444_classic_parity"] .table.inplaytbl2,
  html[data-presentation-profile="dream444_classic_parity"] .game-menu-tab.inplay-match {
    max-width: 100%;
    overflow-x: hidden;
  }

  html[data-presentation-profile="dream444_classic_parity"] .table.inplaytbl2 a.match-name,
  html[data-presentation-profile="dream444_classic_parity"] .table.inplaytbl2 .in_play {
    font-size: 12px !important;
  }
}