.watchlist-layout{background:var(--bg-base);flex-direction:column;flex:1;gap:16px;min-height:100vh;padding:20px;display:flex}.wl-topbar{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.wl-tb-left{align-items:center;gap:20px;display:flex}.wl-title{color:var(--text-primary);font-size:1.35rem;font-weight:800}.wl-search{align-items:center;gap:8px;width:300px;display:flex;position:relative}.wl-search-input-wrap{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;width:100%;padding:7px 14px;transition:all .2s;display:flex}.wl-search-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg)}.wl-search svg{width:15px;height:15px;color:var(--text-muted)}.wl-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.wl-search-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:50;border-radius:8px;width:100%;max-height:250px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 10px 25px #0003}.wl-search-item{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .15s;display:flex}.wl-search-item:last-child{border-bottom:none}.wl-search-item:hover{background:var(--bg-hover)}.wl-si-sym{color:var(--text-primary);font-size:.85rem;font-weight:700}.wl-si-name{color:var(--text-dim);font-size:.7rem}.wl-tb-right{align-items:center;gap:12px;display:flex}.wl-sort{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;outline:none;padding:6px 12px;font-size:.75rem;font-weight:600}.wl-pills{align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.wl-pill{cursor:pointer;background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.wl-pill:hover{background:var(--bg-hover);color:var(--text-primary)}.wl-pill.active{background:var(--bg-surface);border-color:var(--text-primary);color:var(--text-primary)}.wl-pill.gain{color:var(--green)}.wl-pill.gain.active{border-color:var(--green);background:var(--green-bg)}.wl-pill.loss{color:var(--red)}.wl-pill.loss.active{border-color:var(--red);background:var(--red-bg)}.wl-pill.signal.active{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.wl-body{flex:1;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.wl-body.no-panel{grid-template-columns:minmax(0,1fr)}.wl-empty{background:var(--bg-surface);border:1px dashed var(--border);text-align:center;color:var(--text-dim);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:60px 20px;display:flex}.wl-empty svg{opacity:.4;width:48px;height:48px;stroke:var(--text-muted);margin-bottom:16px}.wl-empty-title{color:var(--text-primary);margin-bottom:8px;font-size:1.2rem;font-weight:700}.wl-empty span{max-width:300px;margin-bottom:24px;font-size:.9rem;line-height:1.5}.wl-empty button{background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 4px 12px var(--accent-bg);border:none;border-radius:8px;padding:10px 20px;font-size:.85rem;font-weight:700;transition:all .2s}.wl-empty button:hover{filter:brightness(1.1);transform:translateY(-1px)}.wl-table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.wl-table{border-collapse:collapse;width:100%}.wl-table th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:var(--bg-card);padding:10px 16px;font-size:.68rem;font-weight:600}.wl-row{cursor:pointer;border-bottom:1px solid var(--border);background:0 0;transition:all .2s;position:relative}.wl-row:last-child{border-bottom:none}.wl-row:hover{background:#ffffff08}.wl-row.selected{background:var(--bg-hover);box-shadow:inset 2px 0 0 var(--accent)}.wl-row td{vertical-align:middle;white-space:nowrap;padding:10px 16px}.wl-actions{opacity:0;pointer-events:none;background:linear-gradient(90deg, transparent, var(--bg-surface) 20%);align-items:center;gap:6px;height:100%;padding-left:20px;transition:opacity .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.wl-row:hover .wl-actions{opacity:1;pointer-events:auto}.wl-row.selected .wl-actions{background:linear-gradient(90deg, transparent, var(--bg-hover) 20%)}.wl-btn{border:1px solid var(--border);background:var(--bg-input);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.wl-btn:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--text-dim)}.wl-btn.danger:hover{background:var(--red-bg);color:var(--red-bright);border-color:#ef444466}.wl-stock{align-items:center;gap:10px;display:flex}.wl-logo{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:50%;width:26px;height:26px;padding:1px}.wl-logo-fallback{background:var(--bg-input);border:1px solid var(--border);width:26px;height:26px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.wl-sym{color:var(--text-primary);font-size:.85rem;font-weight:700}.wl-context{color:var(--text-dim);margin-top:2px;font-size:.65rem;display:block}.wl-price{font-family:var(--font-mono);color:var(--text-primary);font-size:.9rem;font-weight:700}.wl-change{font-family:var(--font-mono);font-size:.8rem;font-weight:700}.wl-change.up{color:var(--green-bright)}.wl-change.down{color:var(--red-bright)}.wl-vol{font-family:var(--font-mono);color:var(--text-secondary);font-size:.78rem}.wl-signal{text-transform:uppercase;letter-spacing:.4px;border-radius:5px;padding:3px 8px;font-size:.65rem;font-weight:800;display:inline-block}.wl-signal.buy{color:var(--green-bright);background:var(--green-bg);border:1px solid #22c55e33}.wl-signal.sell{color:var(--red-bright);background:var(--red-bg);border:1px solid #ef444433}.wl-signal.neutral{color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border)}.wl-spark{align-items:flex-end;gap:2px;width:60px;height:20px;margin-right:40px;display:flex}.wl-sp-bar{background:var(--text-dim);border-radius:1px;width:3px}.wl-sp-bar.up{background:var(--green)}.wl-sp-bar.down{background:var(--red)}.wl-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:20px;position:sticky;top:20px}.wlp-header{margin-bottom:24px}.wlp-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;position:absolute;top:16px;right:16px}.wlp-close:hover{background:var(--bg-hover);color:var(--text-primary)}.wlp-sym{color:var(--text-primary);font-size:1.3rem;font-weight:800}.wlp-name{color:var(--text-dim);margin-top:2px;font-size:.75rem}.wlp-price-wrap{align-items:baseline;gap:10px;margin-top:12px;display:flex}.wlp-price{font-size:1.8rem;font-weight:800;font-family:var(--font-mono);color:var(--text-primary)}.wlp-change{font-size:1rem;font-weight:700;font-family:var(--font-mono)}.wlp-change.up{color:var(--green-bright)}.wlp-change.down{color:var(--red-bright)}.wlp-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.wlp-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:10px}.wlp-sl{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.65rem;font-weight:600;display:block}.wlp-sv{color:var(--text-primary);font-size:.85rem;font-weight:700;font-family:var(--font-mono)}.wlp-edge{border-top:1px solid var(--border);padding-top:20px}.wlp-edge-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:12px;font-size:.75rem;font-weight:700;display:flex}.wlp-insight{background:var(--bg-input);border-left:3px solid var(--text-dim);color:var(--text-primary);border-radius:0 8px 8px 0;margin-bottom:10px;padding:12px;font-size:.82rem;line-height:1.5}.wlp-insight.positive{border-left-color:var(--green);background:var(--green-bg)}.wlp-insight.negative{border-left-color:var(--red);background:var(--red-bg)}.wlp-insight.accent{border-left-color:var(--accent);background:var(--accent-bg)}@media (max-width:768px){.watchlist-layout{padding:14px 12px}.wl-topbar{flex-direction:row;align-items:center;gap:10px;padding:12px 14px}.wl-tb-left{flex-direction:row;flex:1;align-items:center;gap:10px;min-width:0}.wl-title{flex-shrink:0;font-size:1.15rem}.wl-search{box-sizing:border-box;flex:1;width:auto;min-width:0}.wl-search-input-wrap{box-sizing:border-box;width:100%}.wl-search-dropdown{width:100%}.wl-pills{gap:6px}.wl-pill{padding:5px 10px;font-size:.7rem}.wl-body,.wl-body.has-panel{grid-template-columns:1fr}.wl-panel{position:static}.wl-table th{padding:8px 10px;font-size:.62rem}.wl-row td{padding:8px 10px}.wl-stock{gap:8px}.wl-logo,.wl-logo-fallback{width:24px;height:24px;font-size:.6rem}.wl-sym{font-size:.8rem}.wl-context{font-size:.6rem}.wl-price{font-size:.82rem}.wl-change{font-size:.72rem}.wl-vol{font-size:.7rem}.wl-signal{padding:2px 6px;font-size:.6rem}.wl-spark{display:none}.wl-actions{opacity:1;pointer-events:auto;background:0 0;height:auto;padding-left:0;position:relative;top:auto;right:auto;transform:none}}