/* SCREENER PAGE */
.logo-img { height: 64px; width: auto; display: block; mix-blend-mode: lighten; }
.page-hero { padding:140px 48px 60px; background:var(--bg); border-bottom:1px solid var(--border); position:relative; overflow:hidden; }
.page-hero::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(to bottom, black 0%, transparent 100%); pointer-events:none; }
.page-hero-inner { max-width:1280px; margin:0 auto; position:relative; z-index:1; }
.page-hero h1 { font-family:var(--serif); font-size:clamp(36px,5vw,60px); font-weight:800; font-style:italic; letter-spacing:-0.02em; margin-bottom:12px; }
.page-hero p { font-size:15px; color:var(--text-muted); font-weight:300; }
.screener-wrap { max-width:1280px; margin:0 auto; padding:48px; }
@media(max-width:768px) { .screener-wrap{padding:24px;} .page-hero{padding:120px 24px 48px;} }

/* Depth panel */
.depth-panel { border:1px solid var(--border); border-radius:16px; background:var(--bg-elevated); padding:20px; margin-bottom:20px; }
.depth-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.depth-title { font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--orange); font-weight:600; font-family:var(--mono); }
.depth-status { font-size:12px; color:var(--text-dim); font-family:var(--mono); }
.depth-cards { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.depth-card { border:1px solid var(--border); border-radius:12px; background:var(--bg-card); padding:14px; }
.depth-card-header { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:10px; }
.depth-symbol { font-size:18px; font-weight:700; color:var(--text); font-family:var(--mono); }
.depth-mid { font-size:16px; font-weight:700; color:var(--orange); font-family:var(--mono); }
.depth-row { display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-top:1px solid var(--border); }
.depth-label { font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--text-dim); font-family:var(--mono); }
.depth-val { font-size:13px; color:var(--text); font-family:var(--mono); }
.depth-val.bid { color:#22c55e; }
.depth-val.ask { color:#ef4444; }
.depth-row.total .depth-val { font-weight:700; }

.screener-controls { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:24px; flex-wrap:wrap; }
.filter-tabs { display:flex; gap:6px; flex-wrap:wrap; }
.filter-tab { font-size:12px; font-weight:500; padding:8px 18px; border-radius:100px; border:1px solid var(--border); background:transparent; color:var(--text-muted); cursor:pointer; transition:all 0.2s; letter-spacing:0.02em; }
.filter-tab:hover { border-color:rgba(255,255,255,0.18); color:var(--text); }
.filter-tab.active { border-color:var(--orange); color:var(--orange); background:rgba(255,107,0,0.06); }
.search-box { display:flex; align-items:center; gap:10px; background:var(--bg-card); border:1px solid var(--border); border-radius:100px; padding:9px 20px; min-width:220px; }
.search-box input { background:none; border:none; outline:none; color:var(--text); font-size:13px; font-family:var(--sans); width:100%; }
.search-box input::placeholder { color:var(--text-dim); }
.refresh-info { font-size:11px; color:var(--text-dim); font-family:var(--mono); letter-spacing:0.04em; white-space:nowrap; }
.dot-pulse { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--orange); margin-right:6px; animation:pulse 2s infinite; vertical-align:middle; }

.screener-table-wrap { overflow-x:auto; border:1px solid var(--border); border-radius:16px; }
table { width:100%; border-collapse:collapse; font-size:13px; }
thead tr { border-bottom:1px solid var(--border); background:var(--bg-elevated); }
th { padding:14px 16px; text-align:right; font-size:10px; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-dim); font-weight:600; cursor:pointer; white-space:nowrap; user-select:none; transition:color 0.2s; }
th:first-child { text-align:left; padding-left:24px; }
th:hover { color:var(--text); }
th.sorted { color:var(--orange); }
tbody tr { border-bottom:1px solid var(--border); transition:background 0.15s; }
tbody tr:last-child { border-bottom:none; }
tbody tr:hover { background:var(--bg-elevated); }
td { padding:14px 16px; text-align:right; font-family:var(--mono); white-space:nowrap; }
td:first-child { text-align:left; font-family:var(--sans); padding-left:24px; }
.sym { font-weight:700; font-size:14px; letter-spacing:-0.01em; }
.sym-base { color:var(--text-dim); font-size:11px; font-family:var(--mono); margin-left:4px; }
.green { color:#22c55e; }
.red { color:#ef4444; }
.orange-text { color:var(--orange); }
.neutral { color:var(--text-muted); }
.funding-high { color:#f97316; font-weight:600; }
.loading { text-align:center; padding:64px; color:var(--text-dim); font-size:13px; font-family:var(--mono); }

.data-source-bar {
  background: rgba(255,107,0,0.06);
  border: 1px solid rgba(255,107,0,0.15);
  border-radius: 6px;
  padding: 8px 16px;
  margin-bottom: 16px;
  font-size: 12px;
  color: #888;
  font-family: var(--mono);
}
.data-source-bar strong { color: var(--orange); }

@media(max-width:900px) {
  .depth-cards { grid-template-columns:1fr; }
}