/* Dense stock tiles preserve the 36-stock layout; expanded information overlays it. */
.universe .stock{grid-template-rows:minmax(8px,1fr) 7px 9px;padding:1px 4px;gap:0 4px}
.universe .stock-bars{height:6px;gap:1px}
.universe .stock-bars .bar{height:2px;min-height:2px}
.universe .stock-bars::before,.universe .stock-bars::after{height:2px}
.universe .stock.no-depth .stock-bars{height:5px}
.universe .stock-depth{font-size:8px}
.stock-ob{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:3px;min-width:0;font-size:7px;line-height:1.1;color:var(--muted);white-space:nowrap;overflow:hidden}
.stock-ob b{font-size:7px;flex:none;font-weight:600}
.stock-ob>span{overflow:hidden;text-overflow:ellipsis}
.stock-ob-state{grid-column:1/-1;display:none;font-size:8px;color:var(--muted);text-align:left}
.ob-bull{color:var(--green)}.ob-bear{color:var(--red)}.ob-invalid{opacity:.55}
.universe.ob-roomy .stock{grid-template-rows:minmax(8px,1fr) 7px 11px 9px;padding:2px 5px}
.universe.ob-roomy .stock-ob,.universe.ob-roomy .stock-ob b{font-size:8px}
.universe.ob-roomy .stock-ob-state{display:block;font-size:7px;line-height:1.1}
.universe .universe-pagination{position:static;align-self:flex-start;flex:none;margin:2px 9px 5px}
.stock-preview,.stock-inspector{box-sizing:border-box;color:var(--text);background:var(--panel);border:1px solid var(--cyan);border-radius:9px;box-shadow:0 15px 60px #000a;font-family:Inter,'Segoe UI',Arial,sans-serif}
.stock-preview{position:fixed;z-index:60;width:min(410px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow:hidden;padding:13px;pointer-events:none}
.stock-inspector{position:fixed;z-index:80;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;width:min(870px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:18px;overscroll-behavior:contain}
.inspector-header{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.inspector-header>div{min-width:0;flex:1}
.inspector-header h2{font-size:21px;color:var(--text);margin:0;overflow-wrap:anywhere}
.inspector-header p{font-size:11px;color:var(--muted);margin:3px 0;overflow-wrap:anywhere}
.stock-monogram{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--line);border-radius:5px;background:var(--surface);font-size:23px;color:var(--cyan);flex:none}
.pin-label{font-size:10px;color:var(--cyan)}
#inspector-close{padding:5px 9px;font-size:17px}
.inspector-price{font-size:28px;font-weight:650;line-height:1.3}
.inspector-price>span{font-size:14px;margin-left:8px;white-space:nowrap}
.inspector-asof{font-size:10px;line-height:1.5;color:var(--muted);margin:5px 0 9px}
.inspector-metrics,.inspector-depth{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:5px;padding:9px 5px;margin:8px 0;gap:4px}
.inspector-metrics>div,.inspector-depth>div{display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--line);padding:0 7px;min-width:0}
.inspector-metrics>div:last-child,.inspector-depth>div:last-child{border:0}
.inspector-metrics span,.inspector-depth span{font-size:10px;color:var(--muted)}
.inspector-metrics strong,.inspector-depth strong{font-size:14px;color:var(--cyan);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.inspector-ob{border:1px solid currentColor;border-radius:5px;padding:10px;margin-top:10px;background:var(--shade)}
.inspector-ob h3{font-size:12px;margin:0 0 6px;letter-spacing:.3px}
.inspector-zone{font-size:18px;line-height:1.4;display:block}
.inspector-ob-meta{display:flex;flex-wrap:wrap;gap:5px 15px;font-size:11px;margin-top:6px}
.inspector-invalidation{color:var(--muted);font-size:10px;margin:7px 0 0}
.inspector-block-deal{border:1px solid var(--line);border-radius:5px;padding:9px 10px;margin-top:10px;background:var(--surface)}
.inspector-block-deal h3{font-size:11px;letter-spacing:.3px;margin:0 0 5px;color:var(--cyan)}
.inspector-block-deal strong{font-size:15px;color:var(--text)}
.inspector-block-deal p{font-size:10px;line-height:1.45;color:var(--muted);margin:6px 0 0}
.inspector-block-deal.deal-verified{border-color:var(--amber,#e7b24f)}
.inspector-block-deal.deal-unavailable{opacity:.85}
.stock-deal{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:3px;min-width:0;font-size:7px;line-height:1.1;color:var(--amber,#e7b24f);white-space:nowrap;overflow:hidden}
.stock-deal b{font-size:7px;flex:none;font-weight:600}
.stock-deal>span{overflow:hidden;text-overflow:ellipsis}
.inspector-chart{display:block;width:100%;height:300px;margin-top:12px;background:var(--bg);border:1px solid var(--line);border-radius:4px}
.stock-preview .inspector-chart{height:175px;margin-top:9px}
.stock-preview .inspector-header h2{font-size:17px}
.stock-preview .inspector-price{font-size:23px}
.stock-preview .inspector-price>span{font-size:11px}
.stock-preview .inspector-metrics strong,.stock-preview .inspector-depth strong{font-size:11px}
.stock-preview .inspector-metrics span,.stock-preview .inspector-depth span{font-size:9px}
.stock-preview .inspector-metrics,.stock-preview .inspector-depth{padding:6px 2px}
.stock-preview .inspector-metrics>div,.stock-preview .inspector-depth>div{padding:0 4px}
.stock-preview .inspector-zone{font-size:15px}
.stock-preview .inspector-ob{padding:8px}
.stock-preview .inspector-ob-meta{font-size:10px;gap:4px 10px}
.inspector-chart-key{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--muted);font-size:9px;margin:7px 0}
.inspector-action{font-size:11px;color:var(--cyan);text-align:right;margin:8px 0 0}
.inspector-method{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:8px;line-height:1.6}
.inspector-method summary{cursor:pointer;color:var(--cyan)}
.inspector-method p{margin:8px 0}
@media(min-width:1650px){.stock-ob,.stock-ob b{font-size:8px}.universe .stock{grid-template-rows:minmax(11px,1fr) 9px 12px}.universe .stock-depth{font-size:9px}}
@media(max-width:560px){.stock-inspector{padding:11px;width:calc(100vw - 16px);max-width:calc(100vw - 16px)}.inspector-price{font-size:23px}.inspector-price>span{display:block;margin-left:0;font-size:12px}.inspector-metrics,.inspector-depth{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 4px}.inspector-metrics>div:nth-child(2),.inspector-depth>div:nth-child(2){border:0}.inspector-chart{height:240px}.inspector-header h2{font-size:18px}.inspector-zone{font-size:16px}.stock-ob,.stock-ob b{font-size:6px}.universe.ob-roomy .stock-ob,.universe.ob-roomy .stock-ob b{font-size:7px}}