/* ═══════════════════════════════════════════
   SCREENER PAGE
   ═══════════════════════════════════════════ */
.screener-filters {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 16px 20px;
  border-bottom: 1px solid var(--border);
  background: var(--bg2);
}

.filter-btn {
  font-family: var(--font-mono);
  font-size: 12px;
  padding: 5px 14px;
  border-radius: 4px;
  border: 1px solid var(--border2);
  background: none;
  color: var(--text3);
  cursor: pointer;
  transition: all 0.15s;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.filter-btn.active {
  background: var(--accent-glow);
  border-color: var(--accent);
  color: var(--accent);
}

.filter-btn:hover:not(.active) {
  border-color: rgba(6,214,160,0.3);
  color: var(--text);
}

.screener-table {
  width: 100%;
}

.screener-row {
  display: grid;
  grid-template-columns: 36px 70px 140px 80px 80px 80px 1fr;
  padding: 13px 20px;
  border-bottom: 1px solid var(--border);
  align-items: center;
  transition: background 0.15s;
}

.screener-row:hover { background: var(--bg2); }
.screener-row:last-child { border-bottom: none; }
.screener-row.screener-header { padding: 8px 20px; background: var(--bg2); }

.rank-num {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--text3);
}

.rank-num.top3 { color: var(--accent); font-weight: 500; }

.setup-badge {
  font-family: var(--font-mono);
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 4px;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.sb-momentum { background: var(--accent-glow); color: var(--accent); border: 1px solid var(--accent-border); }
.sb-reversion { background: rgba(72,149,239,0.1); color: var(--blue); border: 1px solid rgba(72,149,239,0.2); }
.sb-earnings { background: rgba(244,162,97,0.1); color: var(--amber); border: 1px solid rgba(244,162,97,0.2); }
.sb-squeeze { background: rgba(230,57,70,0.08); color: var(--red); border: 1px solid rgba(230,57,70,0.15); }
.sb-neutral { background: var(--surface2); color: var(--text3); border: 1px solid var(--border); }
.sb-smart { background: rgba(72,149,239,0.08); color: var(--blue); border: 1px solid rgba(72,149,239,0.15); }
.sb-flow { background: rgba(244,162,97,0.08); color: var(--amber); border: 1px solid rgba(244,162,97,0.15); }

.sharpe-val {
  font-family: var(--font-mono);
  font-size: 12px;
}

.key-signals-cell {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}

.ks-tag {
  font-family: var(--font-mono);
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 3px;
  background: var(--surface2);
  color: var(--text3);
  border: 1px solid var(--border);
}

.screener-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--border);
  border-top: 1px solid var(--border);
}

.ss-cell {
  background: var(--bg2);
  padding: 12px 16px;
  text-align: center;
}

.ss-val {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 2px;
}

.ss-lbl {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--text3);
  letter-spacing: 0.1em;
}

@media (max-width: 640px) {
  .screener-row {
    grid-template-columns: 28px 58px 1fr 64px;
    padding: 10px 12px;
  }
  .screener-row > *:nth-child(3) { display: none; }
  .screener-row > *:nth-child(6) { display: none; }
  .screener-row > *:nth-child(7) { display: none; }
  .screener-filters { padding: 10px 12px; }
  .screener-summary { grid-template-columns: 1fr 1fr; }
}