/* ============================================================
   MASTER VORTEX — watchlist add-box NAME SEARCH styles.
   Pairs with watchlist-search.js. Tokens match styles.css
   (--green, --panel, --panel-2, --edge, --dim, --ink) and the
   dropdown language of chart-search.css (.cs-dd). Every
   weight in this file is 400 — the platform unbold rule.
   The dropdown is a position:fixed layer on <body>, clamped
   to the watchlist rail's column and anchored ABOVE the add
   input (the add box sits at the rail's bottom), so it never
   covers the chart and never shifts the rail layout.
   ============================================================ */

.wls-dd{
  position:fixed; z-index:80; box-sizing:border-box;
  background:var(--panel-2, #0a1322); border:1px solid var(--edge);
  border-radius:8px; padding:3px;
  max-height:264px; overflow-y:auto; overflow-x:hidden;
  box-shadow:0 10px 28px rgba(0,0,0,.5);
}
.wls-dd[hidden]{display:none}
.wls-dd-row{
  display:flex; align-items:baseline; gap:8px; padding:5px 8px;
  border-radius:5px; cursor:pointer; white-space:nowrap;
}
.wls-dd-row.active{background:#0b1a10; box-shadow:inset 3px 0 0 var(--green, #30e708)}
.wls-dd-sym{font-size:12px; font-weight:400; letter-spacing:.4px; color:var(--ink)}
.wls-dd-name{font-size:11px; font-weight:400; color:#9fb6d8;
  overflow:hidden; text-overflow:ellipsis}
.wls-dd-go{margin-left:auto; font-size:10px; font-weight:400;
  letter-spacing:1px; color:var(--green, #30e708)}