.stock-list{display:flex;flex-direction:column}.stock-list__item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:4px;row-gap:0;padding:3px 6px;border-bottom:1px solid var(--border-color);transition:background .15s;cursor:pointer;position:relative}.stock-list__item:last-child{border-bottom:none}.stock-list__item:hover{background:var(--hover-bg)}.stock-list__info{display:flex;flex-direction:column;gap:1px;width:55px;min-width:55px;line-height:1.3}.stock-list__name{font-size:12px;font-weight:500;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:68px}.stock-list__name.gem-name{color:var(--gem-blue)}.stock-list__name.star-name{color:var(--star-orange)}.stock-list__name.bj-name{color:var(--bj-yellow)}.stock-list__meta{display:flex;align-items:center;gap:4px;font-size:10px;line-height:1.2;font-family:var(--font-mono)}.stock-list__main{font-size:10px}.stock-list__main.up{color:var(--color-up)}.stock-list__main.down{color:var(--color-down)}.stock-list__chart{width:100%;height:34px;min-width:30px}.stock-list__quote{display:flex;flex-direction:column;align-items:flex-end;gap:1px;width:50px;min-width:0;line-height:1.2}.stock-list__pct{font-family:var(--font-mono);font-size:11px;font-weight:500;line-height:1.3;white-space:nowrap}.stock-list__pct--up{color:var(--color-up)}.stock-list__pct--surge{color:var(--color-surge)}.stock-list__pct--down{color:var(--color-down)}.stock-list__turnover{font-family:var(--font-mono);font-size:9px;color:var(--text-muted)}