/* Day percentages use prior close; each selected-interval candle shows its open-to-close direction. */
#stocks-updated{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.stock-card{display:block;width:calc(100% - 20px);margin:8px 10px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);text-align:left}
.stock-card[aria-pressed=true]{border-color:var(--brand)}
.stock-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink);font:var(--form-control-text)}
.stock-card-head>span{min-width:0}
.stock-card-head>span:last-child{text-align:right;flex:none}
.stock-card-head small{display:block;margin-top:2px;font:var(--chart-control-text)}
.stock-card-head>span:first-child small{color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stock-range{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:var(--dim);font:var(--chart-control-text)}
.stock-candlesticks{display:block;width:100%;height:100px;margin-top:4px}
.stock-candle path{fill:none;stroke:currentColor;stroke-width:1.4;vector-effect:non-scaling-stroke}
.stock-candle rect{fill:currentColor}
.stock-time-range{display:flex;justify-content:space-between;gap:8px;padding:0 8px 6px;color:var(--dim);font:var(--chart-control-text)}
.stock-card-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;color:var(--dim);font:var(--chart-control-text)}
.stock-card-foot>span:last-child{color:var(--brand)}

.stocks-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr) 44px;flex:none;align-items:center;gap:4px;padding:4px 8px;border-bottom:1px solid var(--line);background:var(--surface)}
.stocks-toolbar select{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:var(--r-sm);padding:4px;background:var(--surface);color:var(--ink);font:var(--form-control-text)}