/* Same visual grammar as the reference: a small list selector and compact rows. */
#watchlist.watchlist{width:264px;flex:none;min-width:0;border-left:1px solid #e5e7eb;background:#fff;direction:rtl;display:flex;flex-direction:column;position:relative;z-index:6;font-size:12px;overflow:hidden}.watchlist button{border:0;border-radius:3px;padding:5px;background:transparent}.watchlist button:hover{background:#f0f2f5}.wl-head{display:flex;align-items:center;height:43px;min-height:43px;padding:4px 7px;gap:3px;border-bottom:1px solid #f0f1f3}.wl-head>button{width:29px;height:30px;font-size:20px}.wl-head #wlPicker{width:auto;min-width:0;flex:1;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;text-align:right}.wl-head #wlTitle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wl-chevron{font-size:15px;color:#747b85}.wl-pins{display:flex;gap:6px;align-items:center;min-height:33px;padding:7px 12px;overflow-x:auto;border-bottom:1px solid #f0f1f3;scrollbar-width:thin}.watchlist .wl-pin,.wl-dialog .wl-pin{flex:none;width:16px;height:16px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--pin);color:white;font-size:9px;line-height:10px;box-sizing:content-box;box-shadow:0 0 0 1px transparent}.watchlist .wl-pin:hover,.wl-dialog .wl-pin:hover{background:var(--pin);box-shadow:0 0 0 1px #b0b6bf}.watchlist .wl-pin.active,.wl-dialog .wl-pin.active{box-shadow:0 0 0 1px #262d37}.wl-search{padding:5px 9px}.wl-search input{border:0;background:#f5f6f8;border-radius:4px;width:100%;padding:6px 9px;font-size:11px;height:28px}.wl-columns{display:grid;grid-template-columns:minmax(64px,1fr) 62px 50px 56px 16px;padding:0 6px 4px;align-items:center;color:#90949c;border-bottom:1px solid #f0f1f3}.wl-columns button{font-size:10px;color:#838893;text-align:center;white-space:nowrap}.wl-columns button:first-child{text-align:right}.wl-columns button[aria-sort=ascending]::after{content:' ↑'}.wl-columns button[aria-sort=descending]::after{content:' ↓'}.wl-rows{flex:1;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}.wl-row{display:flex;position:relative;min-height:31px;align-items:stretch;padding:0 6px;border-bottom:1px solid #fafafb}.wl-row:hover{background:#f7f8fa}.wl-row.selected{background:#edf2fa;box-shadow:inset -2px 0 #526980}.watchlist .wl-open{display:grid;grid-template-columns:minmax(64px,1fr) 62px 50px 56px;align-items:center;flex:1;min-width:0;padding:0;height:31px;text-align:right;border-radius:0}.wl-open>span{min-width:0}.wl-open .wl-symbol{display:flex;gap:6px;align-items:center;direction:ltr;justify-content:flex-end;font-size:11px;white-space:nowrap;overflow:hidden}.wl-symbol b{font-weight:500;overflow:hidden;text-overflow:ellipsis}.wl-logo{width:16px;height:16px;flex:none;border-radius:50%;color:white;text-align:center;font-size:9px;line-height:16px;order:2}.wl-price,.wl-change,.wl-percent{direction:ltr;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}.positive{color:#24927a}.negative{color:#ca5263}.neutral{color:#737b88}.watchlist .wl-star{width:16px;flex:none;font-size:12px;color:#c1c5cc;padding:0;opacity:0}.wl-row:hover .wl-star,.wl-star[aria-pressed=true],.wl-star:focus-visible{opacity:1}.wl-star[aria-pressed=true]{color:#cb9f3a}.watchlist .wl-remove{position:absolute;left:4px;top:4px;background:#fff;border:1px solid #e2e5ea;width:20px;height:23px;line-height:15px;opacity:0}.wl-row:hover .wl-remove,.wl-remove:focus-visible{opacity:1}.wl-row.dragging{opacity:.35}.wl-empty{text-align:center;padding:35px 20px;color:#7d8490;font-size:12px;line-height:1.8}.wl-empty b{color:#333b46;font-weight:500}.wl-empty button{margin-top:6px;border:1px solid #d9dde3}.wl-bottom{display:flex;align-items:center;gap:4px;padding:7px 9px;border-top:1px solid #eaedf1;font-size:10px;color:#7b8290}.wl-bottom #wlCount{flex:1}.wl-bottom button{font-size:10px}.wl-caption{padding:0 10px 7px;display:flex;gap:6px;justify-content:space-between;font-size:9px;color:#9097a1}.wl-caption #wlSave{color:#657b6d;white-space:nowrap;max-width:50%;overflow:hidden;text-overflow:ellipsis}.wl-menu{position:absolute;top:39px;right:6px;left:6px;z-index:20;padding:6px;background:white;border:1px solid #e2e5ea;border-radius:5px;box-shadow:0 7px 24px #16203124;max-height:min(75vh,520px);overflow:auto}.wl-menu button{display:flex;width:100%;align-items:center;gap:9px;text-align:right;font-size:12px;padding:8px}.wl-menu button.chosen{background:#262c35;color:white}.wl-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}.wl-menu hr{border:0;border-top:1px solid #edf0f4}.watchlist-rail{width:28px;flex:none;border-left:1px solid #e5e7eb;background:#fff;padding:5px 1px;z-index:8}.watchlist-rail button{font-size:18px;padding:2px;border:0;width:24px;height:28px;border-radius:4px;color:#78808a}.watchlist-rail button.active{color:#1a2332;background:#edf1f6}.wl-dialog{width:430px;max-width:calc(100vw - 24px);padding:18px;border:1px solid #dfe3e9;border-radius:9px;box-shadow:0 16px 65px #1113;direction:rtl;max-height:85vh}.wl-dialog::backdrop{background:#13203045}.wl-dialog-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid #edf0f3}.wl-dialog h2{font-size:16px;margin:0}.wl-dialog-head button{font-size:22px;border:0;padding:0 7px}.wl-dialog input[type=search],.wl-dialog select{width:100%;margin:4px 0;padding:9px}.wl-dialog label input{width:100%;margin-top:8px}.wl-dialog .wl-pins{border:0;padding:8px 0 18px}.wl-add-results{max-height:42vh;overflow:auto;border-block:1px solid #edf0f3;margin:8px 0 12px}.wl-add-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:12px;direction:ltr;gap:8px;border-bottom:1px solid #f3f4f6}.wl-add-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wl-add-row button{font-size:11px;padding:5px 12px}.wl-note{font-size:11px;line-height:1.8;color:#8c939d}.wl-open:focus-visible,.watchlist button:focus-visible{outline:2px solid #6a8abc;outline-offset:-2px}
@media(max-width:1000px){header .brand span{display:none}header select{width:170px}#watchlist.watchlist{width:264px}.wl-columns{grid-template-columns:minmax(64px,1fr) 62px 50px 56px 16px}.watchlist .wl-open{grid-template-columns:minmax(64px,1fr) 62px 50px 56px}}
@media(max-width:780px){#watchlist.watchlist{position:absolute;right:28px;top:0;bottom:0;width:min(264px,calc(100vw - 64px));box-shadow:-8px 0 28px #131b2820}header{overflow-x:auto;scrollbar-width:none;gap:5px}header select{flex:none;width:150px}header .brand{flex:none}.watchlist-rail{margin-left:auto}}

#watchlist.watchlist .wl-search input{width:100%;margin:0}