/* V120: compact text controls, aligned date heading and a fitting history table. */
:root {
  --pick-type-width-v72: 120px;
  --pick-quality-width-v72: 88px;
  --pick-odds-width-v72: 80px;
  --pick-details-width-v72: 96px;
  --pick-field-gap-v72: 16px;
  --pick-time-width-v120: 96px;
  --pick-league-width-v120: 200px;
  --coupon-type-width-v72: 140px;
  --coupon-quality-width-v72: 100px;
  --coupon-odds-width-v72: 100px;
}

#root .pick-type-cell-v49 { --control-width-v119: var(--pick-type-width-v72); }
#root .pick-odds-cell-v49 { --control-width-v119: var(--pick-odds-width-v72); }
#root .pick-quality-cell-v49 { --control-width-v119: var(--pick-quality-width-v72); }
#root .pick-actions-cell-v49 { --control-width-v119: var(--pick-details-width-v72); }
#root .coupon-slip-pick-v80 { --control-width-v119: var(--coupon-type-width-v72); }
#root .coupon-slip-quality-v80 { --control-width-v119: var(--coupon-quality-width-v72); }
#root .coupon-slip-odds-v80 { --control-width-v119: var(--coupon-odds-width-v72); }

#root .table-wrap .pick-table-v72.pick-table-v103 > tbody > tr.pick-row > td > :is(
  .market-explain-button-v49, .odds-chip, .quality-chip, .type-details-button
) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: var(--control-width-v119) !important;
  min-width: var(--control-width-v119) !important;
  max-width: var(--control-width-v119) !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 0 10px !important;
  border: 1px solid #2b3e50 !important;
  border-radius: 9px !important;
  background: #0b1621 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  font-variant-numeric: tabular-nums;
  text-decoration: none !important;
  transition: background-color .16s ease, border-color .16s ease !important;
}

#root .table-wrap .pick-table-v72.pick-table-v103 > tbody > tr.pick-row > td.pick-type-cell-v49 > .market-explain-button-v49 {
  color: #b4ed7c !important;
  background: #101f16 !important;
}

#root .table-wrap .pick-table-v72.pick-table-v103 .pick-odds-cell-v49 > .odds-chip {
  color: #a2ee36 !important;
}

#root .table-wrap .pick-table-v72.pick-table-v103 .pick-quality-cell-v49 > .quality-chip.good {
  color: #73c8ff !important;
}

#root .table-wrap .pick-table-v72.pick-table-v103 .pick-quality-cell-v49 > .quality-chip.excellent {
  color: #a9e86d !important;
}

#root .table-wrap .pick-table-v72.pick-table-v103 .pick-quality-cell-v49 > .quality-chip.medium {
  color: #efba70 !important;
}

#root .table-wrap .pick-table-v72.pick-table-v103 .pick-quality-cell-v49 > .quality-chip.unknown {
  color: #92a3b5 !important;
}

#root .table-wrap .pick-table-v72.pick-table-v103 > tbody > tr.pick-row > td.pick-actions-cell-v49 > .type-details-button {
  color: #ccd8e4 !important;
  font-weight: 700 !important;
}

#root .table-wrap .pick-table-v72.pick-table-v103 :is(
  .market-explain-button-v49 > strong, .quality-chip > span, .odds-value-v90,
  .type-details-button > span
) {
  font: inherit !important;
  color: inherit !important;
}

#root .table-wrap .pick-table-v72.pick-table-v103 :is(.info-icon-v49, .type-details-info-v70) {
  flex: none;
  color: inherit !important;
}

#root .table-wrap .pick-table-v72.pick-table-v103 > tbody > tr.pick-row > td > button:hover:not(:disabled) {
  background: #14221a !important;
  border-color: #729b47 !important;
  transform: none !important;
}

#root .table-wrap .pick-table-v72.pick-table-v103 > tbody > tr.pick-row > td.pick-type-cell-v49 > button:hover:not(:disabled) {
  background: #14221a !important;
}

#root .table-wrap .pick-table-v72.pick-table-v103 > tbody > tr.pick-row > td > button:focus-visible,
#root .coupon-slip-v80 .coupon-slip-odds-v80 > button:focus-visible {
  outline: 2px solid #8bd143 !important;
  outline-offset: 2px !important;
}

/* Coupon labels stay inside compact fields with the same visual treatment. */
#root .coupon-slip-v80 :is(.coupon-slip-pick-v80, .coupon-slip-quality-v80, .coupon-slip-odds-v80) {
  box-sizing: border-box !important;
  width: var(--control-width-v119) !important;
  min-width: var(--control-width-v119) !important;
  max-width: var(--control-width-v119) !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  border: 1px solid #2b3e50 !important;
  border-radius: 9px !important;
  background: #0b1621 !important;
  box-shadow: none !important;
}

#root .coupon-slip-v80 .coupon-slip-pick-v80 {
  background: #101f16 !important;
}

#root .coupon-slip-v80 .coupon-slip-pick-v80 > strong { color: #b4ed7c !important; }
#root .coupon-slip-v80 .coupon-slip-quality-v80.good { color: #73c8ff !important; }
#root .coupon-slip-v80 .coupon-slip-quality-v80.excellent { color: #a9e86d !important; }
#root .coupon-slip-v80 .coupon-slip-quality-v80.medium { color: #efba70 !important; }
#root .coupon-slip-v80 .coupon-slip-quality-v80.unknown { color: #92a3b5 !important; }

#root .coupon-slip-v80 :is(.coupon-slip-pick-v80, .coupon-slip-quality-v80) > strong {
  font-size: 14px !important;
  font-weight: 700 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-align: center;
}

#root .coupon-slip-v80 :is(.coupon-slip-pick-v80, .coupon-slip-quality-v80, .coupon-slip-odds-v80) > small {
  color: #8da1b5 !important;
}

#root .coupon-slip-v80 .coupon-slip-odds-v80 > button.odds-interactive-v88 {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding-top: 14px !important;
  border: 1px solid #2b3e50 !important;
  border-radius: 9px !important;
  background: #0b1621 !important;
  color: #a2ee36 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  font: 700 14px/1.15 Arial, Helvetica, sans-serif !important;
  transition: background-color .16s ease !important;
}

#root .coupon-slip-v80 .coupon-slip-odds-v80 > button.odds-interactive-v88:hover:not(:disabled) {
  background: #14221a !important;
  border-color: #729b47 !important;
  transform: none !important;
}

#root .coupon-slip-v80 .coupon-slip-odds-v80 { border: 0 !important; background: transparent !important; }

#root .coupon-slip-v80 .coupon-slip-meta-v80 { gap: 10px 16px !important; }

/* The flexible match column gets all remaining width; date/time stay unchanged. */
@media (min-width: 761px) {
  #root .table-wrap .pick-table-v72.pick-table-v103 {
    min-width: calc(296px + var(--pick-time-width-v120) + var(--pick-league-width-v120) + var(--pick-type-width-v72) + var(--pick-odds-width-v72) + var(--pick-quality-width-v72) + var(--pick-details-width-v72) + 64px) !important;
  }

  #root .table-wrap.v96-selectable-picks .pick-table-v72.pick-table-v103 {
    min-width: calc(344px + var(--pick-time-width-v120) + var(--pick-league-width-v120) + var(--pick-type-width-v72) + var(--pick-odds-width-v72) + var(--pick-quality-width-v72) + var(--pick-details-width-v72) + 64px) !important;
  }

  #root .table-wrap .pick-table-v72.pick-table-v103 > thead > tr > th:nth-child(3),
  #root .table-wrap .pick-table-v72.pick-table-v103 > tbody > tr.pick-row > td:nth-child(3) {
    width: var(--pick-league-width-v120) !important;
  }

  #root .table-wrap .pick-table-v72.pick-table-v103 > thead > tr > th:nth-child(4),
  #root .table-wrap .pick-table-v72.pick-table-v103 > tbody > tr.pick-row > td:nth-child(4) {
    width: auto !important;
    min-width: 200px !important;
  }

  #root .table-wrap .pick-table-v72.pick-table-v103 > thead > tr > th:nth-child(n + 5),
  #root .table-wrap .pick-table-v72.pick-table-v103 > tbody > tr.pick-row > td:nth-child(n + 5) {
    padding-inline: 8px !important;
    text-align: left !important;
  }

  #root .table-wrap .pick-table-v72.pick-table-v103 > thead > tr > th:nth-child(2),
  #root .table-wrap .pick-table-v72.pick-table-v103 > tbody > tr.pick-row > td:nth-child(2) {
    width: var(--pick-time-width-v120) !important;
  }

  #root .table-wrap.v96-selectable-picks .pick-table-v72.pick-table-v103 > thead > tr > th:first-child,
  #root .table-wrap.v96-selectable-picks .pick-table-v72.pick-table-v103 > tbody > tr.pick-row > td:first-child {
    width: 144px !important;
  }
  #root .table-wrap.v96-selectable-picks .pick-table-v72.pick-table-v103 > thead > tr > th.pick-heading-date-v120 {
    padding-left: 54px !important;
  }
  #root .table-wrap.v96-selectable-picks .v96-date-content {
    display: inline-grid !important;
    grid-template-columns: 40px auto;
    align-items: center;
    gap: 6px;
  }

  #root .coupon-slip-v80 .coupon-slip-list-v80 > article.coupon-slip-row-v80 {
    column-gap: 16px !important;
  }
  #root .coupon-slip-v80 .coupon-slip-main-v80 { column-gap: 16px !important; }
}

/* Compact laptop/zoom layout keeps the full last control visible. */
@media (min-width: 761px) and (max-width: 1359px) {
  :root {
    --pick-type-width-v72: 100px;
    --pick-quality-width-v72: 80px;
    --pick-odds-width-v72: 72px;
    --pick-details-width-v72: 88px;
    --pick-time-width-v120: 88px;
    --pick-league-width-v120: 160px;
  }
  #root .table-wrap .pick-table-v72.pick-table-v103 > tbody > tr.pick-row > td.pick-type-cell-v49 > button > strong {
    min-width: 0;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
}

/* The final score is secondary; the settlement alone carries its color. */
#root .match-api-status-v81.settled-v119 {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap;
  gap: 2px 7px;
  color: #91a3b8 !important;
  font-weight: 550 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
#root .match-api-status-v81.settled-v119::before { display: none; }
#root .match-api-status-v81 .status-match-v119 { min-width: 0; }
#root .match-api-status-v81 .status-settlement-v119 {
  display: inline;
  white-space: nowrap;
  font-weight: 650;
}
#root .match-api-status-v81 .status-settlement-v119.won { color: #a9d879; }
#root .match-api-status-v81 .status-settlement-v119.lost { color: #ed929d; }
#root .match-api-status-v81 .status-settlement-v119.push { color: #87bcda; }
#root .match-api-status-v81 .status-settlement-v119.review { color: #e6bd80; }

@media (max-width: 760px) {
  #root .table-wrap .pick-table-v72.pick-table-v103 > tbody > tr.pick-row {
    column-gap: 8px !important;
  }

  #root .table-wrap .pick-table-v72.pick-table-v103 > tbody > tr.pick-row > td {
    padding-inline: 4px !important;
  }

  #root .table-wrap .pick-table-v72.pick-table-v103 > tbody > tr.pick-row > td > :is(
    .market-explain-button-v49, .odds-chip, .quality-chip, .type-details-button
  ) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-inline: 7px !important;
    gap: 6px !important;
  }

  #root .table-wrap .pick-table-v72.pick-table-v103 .pick-type-cell-v49 strong {
    min-width: 0;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  #root .coupon-slip-v80 .coupon-slip-list-v80 > article.coupon-slip-row-v80 {
    grid-template-columns: 28px minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 8px !important;
  }

  #root .coupon-slip-v80 .coupon-slip-row-v80 > .coupon-slip-number-v80 {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start;
  }

  #root .coupon-slip-v80 :is(.coupon-slip-main-v80, .coupon-slip-meta-v80) {
    display: contents !important;
  }

  #root .coupon-slip-v80 .coupon-slip-main-v80 > .coupon-slip-match-v80 {
    grid-column: 2 / -1 !important;
    grid-row: 1 !important;
  }

  #root .coupon-slip-v80 .coupon-slip-main-v80 > .match-api-status-v81 {
    grid-column: 2 / -1 !important;
    grid-row: 2 !important;
  }

  #root .coupon-slip-v80 .coupon-slip-main-v80 > button {
    grid-column: 2 / -1 !important;
    grid-row: 3 !important;
    justify-self: start;
  }

  #root .coupon-slip-v80 .coupon-slip-pick-v80 {
    grid-column: 2 !important;
    grid-row: 4 !important;
  }

  #root .coupon-slip-v80 .coupon-slip-row-v80 > .coupon-slip-odds-v80 {
    grid-column: 3 !important;
    grid-row: 4 !important;
  }

  #root .coupon-slip-v80 .coupon-slip-quality-v80 {
    grid-column: 2 !important;
    grid-row: 5 !important;
  }

  #root .coupon-slip-v80 :is(.coupon-slip-pick-v80, .coupon-slip-quality-v80, .coupon-slip-odds-v80) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #root .coupon-slip-v80 > .coupon-slip-footer-v80 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }

  #root .coupon-slip-v80 > .coupon-slip-footer-v80 > .count-badge {
    position: static !important;
    flex: none !important;
    width: auto !important;
    margin: 0 !important;
  }

  #root .coupon-slip-v80 > .coupon-slip-footer-v80 > .total-odds {
    position: static !important;
    display: flex !important;
    flex: 1 1 210px !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    gap: 10px !important;
    box-sizing: border-box !important;
  }

  #root .coupon-slip-v80 > .coupon-slip-footer-v80 > .image-download-button-v24 {
    position: static !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 360px) {
  #root .coupon-slip-v80 :is(.coupon-slip-pick-v80, .coupon-slip-quality-v80) {
    padding: 0 5px !important;
    gap: 2px !important;
  }
  #root .coupon-slip-v80 :is(.coupon-slip-pick-v80, .coupon-slip-quality-v80, .coupon-slip-odds-v80) > small {
    font-size: 10px !important;
    line-height: 1 !important;
  }
  #root .coupon-slip-v80 :is(.coupon-slip-pick-v80, .coupon-slip-quality-v80) > strong,
  #root .coupon-slip-v80 .coupon-slip-odds-v80 > button.odds-interactive-v88 {
    font-size: 13px !important;
    line-height: 1 !important;
  }
}

/* Keep the same date/selection distinction in the phone history card. */
@media (max-width: 760px) {
  #root .table-wrap.v96-selectable-picks .pick-table-v72.pick-table-v103 > tbody > tr.pick-row > td.pick-date-v49::before {
    box-sizing: border-box;
    padding-left: 46px !important;
  }
}

@media (max-width: 360px) {
  #root .table-wrap.v96-selectable-picks .pick-table-v72.pick-table-v103 > tbody > tr.pick-row > td.match-time-cell-v12 {
    padding-left: 16px !important;
  }
}