/* ============================================================
   MASTER VORTEX — Full scanner companion (scanner.js).
   Saved-screens bar + HOD / LOD stream inside the Screener
   view. Same tokens as screener.css: black base, electric
   green, red, panel borders #1d2c42 / fields #101823.
   Everything is namespaced (.scan-*) so it never collides
   with the screener or chart styles. No font-weight above 400.
   ============================================================ */

/* --- saved screens bar (inside .scr-controls) --- */
.scan-screens{display:inline-flex; align-items:center; gap:6px;}
.scan-screens select{
  background:#0a1524; color:var(--ink); border:1.5px solid #1c3350; border-radius:8px;
  font-size:13px; font-weight:400; padding:7px 9px; font-family:inherit; cursor:pointer;
}
.scan-screens select:focus{outline:none; border-color:rgba(30,227,8,.65);}
.scan-btn{
  background:#101823; color:#dfe9f5; border:1px solid #1d2c42; border-radius:8px;
  font-size:12px; font-weight:400; letter-spacing:.6px; padding:8px 11px;
  cursor:pointer; font-family:inherit;
}
.scan-btn:hover{border-color:rgba(30,227,8,.5); color:#fff;}
.scan-btn:disabled{opacity:.45; cursor:default;}
.scan-btn:disabled:hover{border-color:#1d2c42; color:#dfe9f5;}

/* --- HOD / LOD stream section --- */
.scan-stream{
  flex:0 0 auto; border-top:1px solid var(--edge); background:var(--panel-2);
  padding:8px 14px 10px;
}
.scan-head{display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.scan-title{color:var(--green); font-size:13px; font-weight:400; letter-spacing:1.6px;}
.scan-cov{font-size:11.5px; font-weight:400; color:#9fb6d8;}
.scan-controls{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:8px;
}
.scan-modes{display:flex; gap:6px;}
.scan-mode{
  background:#101823; color:#dfe9f5; border:1px solid #1d2c42; border-radius:8px;
  font-size:12px; font-weight:400; letter-spacing:.6px; padding:7px 11px;
  cursor:pointer; font-family:inherit;
}
.scan-mode:hover{border-color:rgba(30,227,8,.5); color:#fff;}
.scan-mode.active{background:var(--green); color:#03140a; border-color:var(--green);}
.scan-filter{
  display:flex; align-items:center; gap:6px; color:var(--dim);
  font-size:11.5px; font-weight:400; letter-spacing:1px;
}
.scan-filter input{
  background:#101823; color:var(--ink); border:1px solid #1d2c42; border-radius:8px;
  font-size:12.5px; font-weight:400; padding:6px 8px; width:84px; font-family:inherit;
}
.scan-filter input:focus{outline:none; border-color:rgba(30,227,8,.65);}
.scan-list{max-height:180px; overflow-y:auto; margin-top:8px;}
.scan-row{
  display:flex; align-items:center; gap:12px; padding:5px 8px;
  border-bottom:1px solid #101c2e; font-size:12.5px; font-weight:400;
  font-variant-numeric:tabular-nums; cursor:pointer; white-space:nowrap;
}
.scan-row:hover{background:#0a1524;}
.scan-time{color:var(--dim);}
.scan-sym{color:var(--ink); letter-spacing:.3px;}
.scan-kind.up{color:var(--green);}
.scan-kind.dn{color:var(--red);}
.scan-count{color:#9fb6d8;}
.scan-price{color:#c6d6ea;}
.scan-dist{color:#c6d6ea;}
.scan-empty{
  padding:14px 8px; color:var(--dim); font-size:12.5px; font-weight:400;
  letter-spacing:.3px;
}

@media (max-width:760px){
  .scan-controls{flex-direction:column; align-items:flex-start;}
  .scan-stream{padding:8px 10px 10px;}
  .scan-filter input{width:110px;}
}