/* Scoped only to the baseline /stocks/undervalued_equities_in_uptrend screen. */
.momentum-screen {
  padding: 0;
  border-color: #c8dce5;
  background: #fff;
}
.momentum-screen__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  border-bottom: 1px solid #e5edf2;
}
.momentum-screen__heading h2 { margin: 3px 0 5px; color: #102031; font-size: 16px; font-weight: 760; letter-spacing: -.02em; }
.momentum-screen__heading p:not(.momentum-screen__eyebrow) { margin: 0; color: #667587; font-size: 11px; line-height: 1.5; }
.momentum-screen__eyebrow { margin: 0; color: #087f9d; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.momentum-screen__as-of { flex: 0 0 auto; padding: 6px 8px; border: 1px solid #dde8ee; border-radius: 7px; background: #f8fafc; color: #526779; font-size: 10px; font-weight: 650; }
.momentum-screen__leaders { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 15px 20px; }
.momentum-screen__leader { min-width: 0; padding: 13px 14px; border: 1px solid #d7e8ef; border-radius: 10px; background: #fcfeff; }
.momentum-screen__leader:first-child { border-color: #9dd7e7; background: #f0fbfe; }
.momentum-screen__leader-top { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.momentum-screen__rank { color: #087f9d; font-size: 9px; font-weight: 850; letter-spacing: .035em; text-transform: uppercase; }
.momentum-screen__symbol { color: #16465c; font-size: 14px; font-weight: 830; text-decoration: none; }
.momentum-screen__symbol:hover { text-decoration: underline; }
.momentum-screen__percent { display: block; margin-top: 12px; font-size: clamp(21px, 2vw, 28px); font-weight: 760; line-height: 1.1; font-variant-numeric: tabular-nums; }
.momentum-screen__percent--positive { color: #047857; }
.momentum-screen__percent--negative { color: #b42318; }
.momentum-screen__leader small { display: block; margin-top: 8px; color: #667587; font-size: 9px; }
.momentum-screen__footnote { margin: 0; padding: 0 20px 16px; color: #667587; font-size: 10px; line-height: 1.65; }
.momentum-screen__footnote strong { color: #304457; }
.momentum-screen__warning { margin: 0 20px 16px; padding: 10px 12px; border-left: 3px solid #d97706; border-radius: 4px; background: #fffbeb; color: #854d0e; font-size: 11px; line-height: 1.55; }
.momentum-screen__empty { padding: 20px; color: #667587; font-size: 12px; }
.momentum-screen__empty strong { color: #243851; }
.momentum-screen__empty p { margin: 6px 0 0; line-height: 1.6; }
.momentum-candidates-table__sort-label {
  display: inline-flex;
  align-items: center;
  flex: none;
  min-height: 27px;
  padding: 5px 8px;
  border: 1px solid #c0e5ee;
  border-radius: 7px;
  background: #f0fbfe;
  color: #0e637b;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.3;
}
.momentum-candidates-table__top-three td { background: #f1fbfe; }
.momentum-candidates-table__top-three td:first-child { box-shadow: inset 3px 0 #1195b6; }
.momentum-candidates-table tbody tr.momentum-candidates-table__top-three:hover td { background: #eaf8fc; }
.momentum-candidates-table__stock { display: flex; align-items: center; gap: 8px; }
.momentum-candidates-table__rank { display: inline-flex; align-items: center; padding: 4px 6px; border: 1px solid #afe0ec; border-radius: 5px; background: #e8f8fc; color: #0d7089; font-size: 9px; font-weight: 850; white-space: nowrap; }
.momentum-candidates-table__return { min-width: 112px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.momentum-candidates-table__return strong { font-size: 13px; font-weight: 780; }
.momentum-candidates-table__positive { color: #047857; }
.momentum-candidates-table__negative { color: #b42318; }
.momentum-candidates-table__return .momentum-candidates-table__as-of { display: block; margin-top: 4px; color: #94a1af; font-size: 9px; }
.momentum-candidates-table__missing { color: #94a1af; }
@media (max-width: 860px) {
  .momentum-screen__heading { flex-direction: column; }
  .momentum-screen__as-of { align-self: flex-start; }
}
@media (max-width: 680px) {
  .momentum-screen__heading { padding: 14px; }
  .momentum-screen__leaders { grid-template-columns: 1fr; padding: 12px 14px; }
  .momentum-screen__leader { padding: 11px 12px; }
  .momentum-screen__percent { margin-top: 8px; }
  .momentum-screen__footnote { padding: 0 14px 14px; }
  .momentum-screen__warning { margin-right: 14px; margin-left: 14px; }
}


/* Separate Gate 1 market-residual research panel; no trading-control changes. */
.market-residual-screen {
  padding: 0;
  border-color: #c8dce5;
  background: #fff;
}
.market-residual-screen .momentum-screen__leader:first-child {
  border-color: #9dd7e7;
  background: #f0fbfe;
}
.market-residual-screen__unit {
  font-size: 10px;
  font-weight: 720;
  color: #657b88;
  white-space: nowrap;
  letter-spacing: 0;
}
.market-residual-screen__research {
  border-top: 1px solid #e5edf2;
  padding: 16px 20px;
}
.market-residual-screen__research-heading h3 {
  margin: 0;
  color: #162d40;
  font-size: 13px;
  letter-spacing: -.01em;
}
.market-residual-screen__research-heading p {
  margin: 5px 0 12px;
  color: #697b8a;
  font-size: 10px;
  line-height: 1.5;
}
.market-residual-screen__table-scroll {
  overflow-x: auto;
  border: 1px solid #e2eaf0;
  border-radius: 8px;
}
.market-residual-screen__research-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 570px;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}
.market-residual-screen__research-table th,
.market-residual-screen__research-table td {
  padding: 9px 12px;
  border-bottom: 1px solid #e7edf2;
  text-align: right;
  white-space: nowrap;
}
.market-residual-screen__research-table thead th {
  background: #f7fafc;
  color: #5f7182;
  font-size: 10px;
  font-weight: 700;
}
.market-residual-screen__research-table th:first-child,
.market-residual-screen__research-table td:first-child { text-align: left; }
.market-residual-screen__research-table tbody th { color: #304457; font-weight: 650; }
.market-residual-screen__research-table tbody tr:last-child > * { border-bottom: 0; }
.market-residual-screen__emphasis { color: #087b66; font-weight: 760; }
.market-residual-screen__negative { color: #b42318; }
.market-residual-screen__research-note {
  margin: 10px 0 0;
  color: #6b7d8a;
  font-size: 10px;
  line-height: 1.65;
}
.market-residual-screen__research-note strong { color: #33495b; }
@media (max-width: 680px) {
  .market-residual-screen__research { padding: 14px; }
  .market-residual-screen__research-table { font-size: 10px; }
}
