/* Intraday wave rows mirror the close-summary table on phones. */
#intradayHighListModal .intraday-standard-column-head {
  box-sizing: border-box;
}

#intradayHighListModal .intraday-standard-column-head.hidden,
#intradayHighListModal .intraday-list-modal .intraday-stock-card.hidden {
  display: none !important;
}

/* Rating and convertible-bond status are separate concepts. */
#intradayHighListModal .intraday-list-rating {
  color: #344653;
}

#intradayHighListModal .intraday-list-rating strong {
  display: inline-flex;
  min-width: 32px;
  min-height: 23px;
  align-items: center;
  justify-content: center;
  padding: 2px 7px;
  border: 1px solid #d8e1e4;
  border-radius: 999px;
  background: #f3f6f7;
  color: #344653;
  font-weight: 950;
  line-height: 1;
}

#intradayHighListModal .intraday-list-bond {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  color: #89949c;
  font-weight: 800;
  white-space: nowrap;
}

#intradayHighListModal .intraday-list-bond strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  font: inherit;
  line-height: 1;
}

#intradayHighListModal .intraday-list-bond strong.has-bond {
  min-height: 23px;
  padding: 2px 7px;
  border: 1px solid rgba(41, 111, 119, 0.24);
  border-radius: 999px;
  background: rgba(41, 111, 119, 0.09);
  color: #1f6970;
  font-weight: 950;
}

#intradayHighListModal .intraday-list-bond strong.no-bond {
  color: #89949c;
  font-weight: 800;
}

@media (max-width: 540px) and (orientation: portrait) {
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-phone-column-head {
    display: none !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-standard-column-head,
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-stock-card:not(.hidden) {
    display: grid !important;
    grid-template-columns: minmax(0, 32%) minmax(0, 26%) minmax(0, 20%) minmax(0, 22%) !important;
    grid-template-areas: "stock period price change" !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #dde4e8 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-standard-column-head {
    position: sticky;
    top: 0;
    z-index: 5;
    min-height: 42px;
    background: #f2f6f7 !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-standard-column-head > span,
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-stock-card > :is(.intraday-list-stock, .intraday-list-period, .intraday-list-price, .intraday-list-change) {
    display: flex !important;
    box-sizing: border-box;
    min-width: 0 !important;
    min-height: 50px;
    align-items: center;
    padding: 7px 6px !important;
    overflow: hidden;
    border-right: 1px solid #e2e8eb;
    font-size: 15px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-standard-column-head > span {
    min-height: 42px;
    justify-content: center;
    color: #344652;
    font-weight: 800;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-standard-column-head > span:nth-child(n + 5) {
    display: none !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-stock {
    grid-area: stock !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    justify-content: start;
    gap: 4px;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-period {
    grid-area: period !important;
    justify-content: center !important;
    gap: 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 14px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-price {
    grid-area: price !important;
    justify-content: flex-end !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-change {
    grid-area: change !important;
    justify-content: flex-end !important;
    border-right: 0;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    :is(.intraday-stock-signal, .intraday-card-time, .intraday-list-state, .intraday-stock-price-inline, .intraday-list-net-value, .intraday-list-research, .intraday-list-bond) {
    display: none !important;
  }
}

/* Tablet portrait has a deliberate two-row information grid instead of
   falling through to the legacy five-column auto-placement rules. */
@media (min-width: 541px) and (max-width: 1180px) and (orientation: portrait) {
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-phone-column-head {
    display: none !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-standard-column-head,
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-stock-card:not(.hidden) {
    display: grid !important;
    grid-template-columns: repeat(20, minmax(0, 1fr)) !important;
    grid-template-areas:
      "stock stock stock stock stock stock stock stock price price price price change change change change period period period period"
      "net net net net research research research research rating rating rating rating stars stars stars bond bond bond bond bond" !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #dde4e8 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-standard-column-head {
    position: sticky;
    top: 0;
    z-index: 5;
    min-height: 68px;
    background: #f2f6f7 !important;
    box-shadow: 0 2px 5px rgba(15, 35, 50, 0.1);
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-standard-column-head > span,
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-stock-card > :is(.intraday-list-stock, .intraday-list-period, .intraday-list-price, .intraday-list-change, .intraday-list-net-value, .intraday-list-research, .intraday-list-bond),
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-stock-signal > :is(.intraday-list-rating, .intraday-list-stars) {
    display: flex !important;
    box-sizing: border-box;
    min-width: 0 !important;
    min-height: 40px;
    align-items: center;
    padding: 6px 8px !important;
    overflow: hidden;
    border-right: 1px solid #e2e8eb;
    font-size: 14px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-standard-column-head > span {
    min-height: 34px;
    justify-content: center;
    color: #344652;
    font-weight: 850;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-stock {
    grid-area: stock !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 6px;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-price { grid-area: price !important; justify-content: flex-end !important; }
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-change { grid-area: change !important; justify-content: flex-end !important; font-weight: 800; }
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-period { grid-area: period !important; justify-content: center !important; border-radius: 0 !important; background: transparent !important; }
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-net-value { grid-area: net !important; justify-content: flex-end !important; }
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-research { grid-area: research !important; justify-content: flex-end !important; }
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-rating { grid-area: rating !important; justify-content: center !important; }
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-stars { grid-area: stars !important; justify-content: center !important; }
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-bond { grid-area: bond !important; border-right: 0 !important; }
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-stock-signal { display: contents !important; }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    :is(.intraday-card-time, .intraday-list-state, .intraday-stock-price-inline) {
    display: none !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-stock-card small {
    display: none !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-standard-column-head > span:nth-child(1) { grid-area: stock; }
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-standard-column-head > span:nth-child(2) { grid-area: period; }
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-standard-column-head > span:nth-child(3) { grid-area: price; }
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-standard-column-head > span:nth-child(4) { grid-area: change; }
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-standard-column-head > span:nth-child(5) { grid-area: net; }
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-standard-column-head > span:nth-child(6) { grid-area: research; }
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-standard-column-head > span:nth-child(7) { grid-area: rating; }
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-standard-column-head > span:nth-child(8) { grid-area: stars; }
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-standard-column-head > span:nth-child(9) { grid-area: bond; border-right: 0; }
}

@media (orientation: landscape) and (max-width: 1180px) and (max-height: 600px) {
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-phone-column-head {
    display: none !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-standard-column-head,
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-stock-card:not(.hidden) {
    display: grid !important;
    grid-template-columns: minmax(0, 23%) minmax(0, 12%) minmax(0, 10%) minmax(0, 11%) minmax(0, 9%) minmax(0, 8%) minmax(0, 8%) minmax(0, 8%) minmax(0, 11%) !important;
    grid-template-areas: "stock period price change net research rating stars bond" !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #dde4e8 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-standard-column-head {
    position: sticky;
    top: 0;
    z-index: 5;
    min-height: 40px;
    background: #f2f6f7 !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-standard-column-head > span,
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-stock-card > :is(.intraday-list-stock, .intraday-list-period, .intraday-list-price, .intraday-list-change, .intraday-list-net-value, .intraday-list-research, .intraday-list-bond),
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-stock-signal > :is(.intraday-list-rating, .intraday-list-stars) {
    display: flex !important;
    box-sizing: border-box;
    min-width: 0 !important;
    min-height: 44px;
    align-items: center;
    padding: 6px !important;
    overflow: hidden;
    border-right: 1px solid #e2e8eb;
    font-size: 14px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-standard-column-head > span {
    min-height: 40px;
    justify-content: center;
    color: #344652;
    font-weight: 800;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-stock {
    grid-area: stock !important;
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 5px;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-period {
    grid-area: period !important;
    justify-content: center !important;
    gap: 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    white-space: nowrap !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-price {
    grid-area: price !important;
    justify-content: flex-end !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-change {
    grid-area: change !important;
    justify-content: flex-end !important;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-net-value {
    grid-area: net !important;
    justify-content: flex-end !important;
    font-variant-numeric: tabular-nums;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-research {
    grid-area: research !important;
    justify-content: flex-end !important;
    font-variant-numeric: tabular-nums;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-stock-signal {
    display: contents !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-rating {
    grid-area: rating !important;
    justify-content: center !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-stars {
    grid-area: stars !important;
    justify-content: center !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-bond {
    grid-area: bond !important;
    border-right: 0 !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    :is(.intraday-card-time, .intraday-list-state, .intraday-stock-price-inline) {
    display: none !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-stock-card small {
    display: none !important;
  }
}

/* Tablet landscape and desktop use the same nine columns with roomier spacing. */
@media (min-width: 1181px),
  (orientation: landscape) and (min-height: 601px) and (max-width: 1366px) {
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-phone-column-head {
    display: none !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-standard-column-head,
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-stock-card:not(.hidden) {
    display: grid !important;
    grid-template-columns: minmax(0, 22%) minmax(0, 12%) minmax(0, 10%) minmax(0, 11%) minmax(0, 10%) minmax(0, 9%) minmax(0, 8%) minmax(0, 8%) minmax(0, 10%) !important;
    grid-template-areas: "stock period price change net research rating stars bond" !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #dde4e8 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-standard-column-head {
    position: sticky;
    top: 0;
    z-index: 5;
    min-height: 44px;
    background: #f2f6f7 !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-standard-column-head > span,
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-stock-card > :is(.intraday-list-stock, .intraday-list-period, .intraday-list-price, .intraday-list-change, .intraday-list-net-value, .intraday-list-research, .intraday-list-bond),
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-stock-signal > :is(.intraday-list-rating, .intraday-list-stars) {
    display: flex !important;
    box-sizing: border-box;
    min-width: 0 !important;
    min-height: 48px;
    align-items: center;
    padding: 7px 9px !important;
    overflow: hidden;
    border-right: 1px solid #e2e8eb;
    font-size: 15px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-standard-column-head > span {
    min-height: 44px;
    justify-content: center;
    color: #344652;
    font-weight: 800;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-stock {
    grid-area: stock !important;
    display: grid !important;
    grid-template-columns: 62px minmax(0, 1fr) !important;
    gap: 7px;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-period {
    grid-area: period !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-price {
    grid-area: price !important;
    justify-content: flex-end !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-change {
    grid-area: change !important;
    justify-content: flex-end !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-net-value {
    grid-area: net !important;
    justify-content: flex-end !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-research {
    grid-area: research !important;
    justify-content: flex-end !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-stock-signal {
    display: contents !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-rating {
    grid-area: rating !important;
    justify-content: center !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-stars {
    grid-area: stars !important;
    justify-content: center !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary) .intraday-list-bond {
    grid-area: bond !important;
    justify-content: center !important;
    border-right: 0 !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    :is(.intraday-card-time, .intraday-list-state, .intraday-stock-price-inline) {
    display: none !important;
  }

  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    .intraday-stock-card small {
    display: none !important;
  }

  #intradayHighListModal .intraday-list-modal.is-close-summary
    .intraday-list-table.is-close-mode {
    width: 100% !important;
    table-layout: fixed;
  }

  #intradayHighListModal .intraday-list-modal.is-close-summary
    .intraday-list-table.is-close-mode :is(th, td):nth-child(1) { width: 24%; }
  #intradayHighListModal .intraday-list-modal.is-close-summary
    .intraday-list-table.is-close-mode :is(th, td):nth-child(2) { width: 14%; }
  #intradayHighListModal .intraday-list-modal.is-close-summary
    .intraday-list-table.is-close-mode :is(th, td):nth-child(3) { width: 11%; }
  #intradayHighListModal .intraday-list-modal.is-close-summary
    .intraday-list-table.is-close-mode :is(th, td):nth-child(4) { width: 12%; }
  #intradayHighListModal .intraday-list-modal.is-close-summary
    .intraday-list-table.is-close-mode :is(th, td):nth-child(5) { width: 11%; }
  #intradayHighListModal .intraday-list-modal.is-close-summary
    .intraday-list-table.is-close-mode :is(th, td):nth-child(6) { width: 10%; }
  #intradayHighListModal .intraday-list-modal.is-close-summary
    .intraday-list-table.is-close-mode :is(th, td):nth-child(7) { width: 8%; }
  #intradayHighListModal .intraday-list-modal.is-close-summary
    .intraday-list-table.is-close-mode :is(th, td):nth-child(8) { width: 10%; }

  #intradayHighListModal .intraday-list-modal.is-close-summary
    :is(.intraday-close-net-value, .intraday-close-research) {
    font-variant-numeric: tabular-nums;
    text-align: right;
  }
}

#intradayHighListModal .intraday-list-change.is-up { color: #b93832; }
#intradayHighListModal .intraday-list-change.is-down { color: #16825f; }
#intradayHighListModal .intraday-list-change.is-flat { color: #6f7c86; }

@media (min-width: 1367px) {
  #intradayHighListModal .intraday-list-modal:not(.is-close-summary)
    :is(.intraday-standard-column-head, .intraday-stock-card) {
    grid-template-columns: minmax(0, 22%) minmax(0, 11%) minmax(0, 10%) minmax(0, 11%) minmax(0, 10%) minmax(0, 10%) minmax(0, 8%) minmax(0, 8%) minmax(0, 10%) !important;
  }
}

@media (orientation: landscape) and (max-width: 1180px) and (max-height: 600px) {
  #intradayHighListModal .intraday-list-modal.is-close-summary
    .intraday-close-wide-only {
    display: flex !important;
  }

  #intradayHighListModal .intraday-list-modal.is-close-summary
    :is(.intraday-close-net-value, .intraday-close-research) {
    justify-content: flex-end !important;
    font-variant-numeric: tabular-nums;
  }
}