/* /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); }
/* /order-book-depth/<COIN> (templates/order_book_depth_coin.html, main.obc): one panel per venue, side by side. */
.obc .ob-venue h2 .muted { font-weight: 400; font-size: 0.8em; }
.ob-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0 0 10px; color: var(--dim); font-size: 13px; }
.ob-meta b { color: var(--text); font-weight: 600; }
.ob-meta b.up { color: var(--up); }
.ob-meta b.down { color: var(--down); }
.ob-coin-table { margin-bottom: 12px; }
.ob-coin-table th[scope="row"] { text-align: left; font-weight: 500; white-space: nowrap; }
.ob-coin-table td { white-space: nowrap; }
.ob-none { margin: 8px 0; }