.se-orderbook-ladder { --se-book-quantity: 8ch; --se-book-price: 12ch; min-width: 0; grid-template-columns: minmax(0, 1fr); background: var(--card); border-radius: var(--radius); overflow-x: auto; touch-action: pan-x pan-y pinch-zoom; font-size: var(--fs-xs); }
.se-ladder-header, .se-ladder-body, .se-ladder-footer { min-width: calc(var(--se-book-quantity) * 2 + var(--se-book-price)); }
.se-ladder-header, .se-ladder-footer, .se-ladder-row, .se-ladder-current { grid-template-columns: minmax(var(--se-book-quantity), 1fr) minmax(var(--se-book-price), 1.15fr) minmax(var(--se-book-quantity), 1fr); gap: 0; }
.se-ladder-header { padding: var(--space-3) var(--space-2); background: var(--muted); font-size: var(--fs-xs); text-align: center; }
.se-ladder-header > :first-child { text-align: right; padding-right: var(--space-2); }
.se-ladder-header > :last-child { text-align: left; padding-left: var(--space-2); }
.se-ladder-body { gap: 0; padding: 0; }
.se-ladder-row { border-radius: 0; min-height: var(--control-h-m); font-size: var(--fs-xs); }
.se-ladder-row::before { display: none; }
.se-ladder-row .se-ladder-bar { display: flex; align-items: center; min-height: var(--control-h-m); padding: var(--space-2); border: 0; border-radius: 0; background: transparent; }
.se-ladder-bar::before { content: ''; position: absolute; inset-block: 0; width: var(--se-depth); pointer-events: none; }
.se-ladder-ask { justify-content: flex-end; }
.se-ladder-ask::before { right: 0; background: color-mix(in srgb, var(--se-market-up) 13%, transparent); }
.se-ladder-bid::before { left: 0; background: color-mix(in srgb, var(--se-market-down) 13%, transparent); }
.se-ladder-row .value, .se-ladder-price { font-family: var(--font-family); font-variant-numeric: tabular-nums; white-space: nowrap; }
.se-ladder-price { display: flex; align-items: center; justify-content: center; width: 100%; min-height: var(--control-h-m); border: 0; border-radius: 0; padding: var(--space-2) var(--space-1); background: transparent; font-size: var(--fs-sm); color: var(--foreground); }
button.se-ladder-price:hover, button.se-ladder-price:focus-visible { background: var(--muted); }
.se-ladder-row[data-best="true"] .se-ladder-price { box-shadow: inset 0 -1px var(--border); }
.se-ladder-current { display: grid; align-items: center; min-height: var(--control-h-l); padding: var(--space-2); border-block: 1px solid var(--border); font-size: var(--fs-xs); background: var(--muted); }
.se-ladder-current strong { text-align: center; font-size: var(--fs-h3); white-space: nowrap; }
.se-ladder-current > :last-child { text-align: right; white-space: nowrap; }
.se-ladder-empty { padding: var(--space-4); text-align: center; color: var(--muted-foreground); font-size: var(--fs-xs); }
.se-ladder-footer { padding: var(--space-3) var(--space-2); font-size: var(--fs-2xs); text-align: center; }
.se-ladder-footer > span { min-width: 0; overflow-wrap: anywhere; }