/* /order-book-depth (templates/order_book_depth.html, main.obd). Loaded after seo.css and correlation.css
   (stat grid, sort arrows); colours follow the site tokens. */
.obd .panel-h { gap: 8px; flex-wrap: wrap; }
.ob-table th[data-sort] { cursor: pointer; user-select: none; white-space: nowrap; }
.ob-table th[data-sort]:hover { color: var(--text); }
.ob-table th[aria-sort="descending"]::after { content: " ▼"; }
.ob-table th[aria-sort="ascending"]::after { content: " ▲"; }
.ob-band { white-space: nowrap; line-height: 1.25; }
.ob-band .ob-b, .ob-band .ob-a { display: block; }
.ob-band .ob-b { color: var(--up); }
.ob-band .ob-a { color: var(--down); }
.ob-tr { color: var(--dim); font-size: 10.5px; font-weight: 400; }
.ob-rng { display: block; }
.obd .stat-value small.up { color: var(--up); }
.obd .stat-value small.down { color: var(--down); }