/* v545: compact liquidity board; all rules scoped to this workspace. */
#liquidityWorkspace .liquidity-table{grid-template-columns:30px minmax(135px,1.45fr) minmax(98px,1.1fr) minmax(95px,1fr) minmax(108px,1.1fr) minmax(118px,1.2fr) minmax(88px,.9fr) repeat(6,minmax(66px,.86fr));min-width:1100px}
#liquidityWorkspace #liquidityTable{min-width:1100px}
#liquidityWorkspace .liquidity-table-wrap{background:#07131d;border-color:#203443;border-radius:5px;margin-top:10px}
#liquidityWorkspace .liquidity-table-head{height:44px;grid-template-rows:18px 26px;background:#07131d;letter-spacing:.025em;font-size:9px;font-weight:500;color:#a0b2c7}
#liquidityWorkspace #liquidityTableWrap .liquidity-table-head>span{padding:0 10px;justify-content:flex-start;text-align:left;min-width:0;display:flex;align-items:center}
#liquidityWorkspace .liquidity-main-heading{grid-row:1 / 3}
#liquidityWorkspace #liquidityTableWrap .liquidity-table-head>.liquidity-change-heading{grid-column:8 / 14;grid-row:1;justify-content:center;font-size:8px;letter-spacing:.05em;border-left:1px solid #223948}
#liquidityWorkspace #liquidityTableWrap .liquidity-table-head>.liquidity-period-heading{grid-row:2;justify-content:center;padding:0}
#liquidityWorkspace .liquidity-column-sort{justify-content:flex-start;font-size:9px;gap:3px;white-space:nowrap;min-width:0}
#liquidityWorkspace .liquidity-period-heading .liquidity-column-sort{height:100%;justify-content:center;border-bottom:2px solid transparent}
#liquidityWorkspace .liquidity-period-heading[aria-sort=descending] .liquidity-column-sort,#liquidityWorkspace .liquidity-period-heading[aria-sort=ascending] .liquidity-column-sort{border-bottom-color:#f5b91b;background:#f6bc0e0b;color:#ffc628}
#liquidityWorkspace .liquidity-book-heading{gap:2px}
#liquidityWorkspace .liquidity-book-heading>span{min-width:0}
#liquidityWorkspace #liquidityTable .liquidity-row{height:44px;min-height:44px;align-items:stretch;border-bottom:1px solid #192c39;background:#07131d;font-variant-numeric:tabular-nums}
#liquidityWorkspace #liquidityTable .liquidity-row:nth-child(even){background:#08151f}
#liquidityWorkspace #liquidityTable .liquidity-row>span{min-width:0;padding:5px 10px;align-content:center;font-size:11px}
#liquidityWorkspace #liquidityTable .liquidity-row:hover{background:#102330}
#liquidityWorkspace .liquidity-row:focus-visible{outline:1px solid #f5b91b;outline-offset:-1px}
#liquidityWorkspace .liquidity-rank{color:#8497ad;font-size:10px!important}
#liquidityWorkspace .liquidity-coin{display:flex;align-items:center;gap:9px;overflow:hidden}
#liquidityWorkspace .liquidity-avatar{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:50%;font-size:13px;font-weight:800;font-style:normal;color:hsl(var(--coin-hue) 80% 82%);background:hsl(var(--coin-hue) 48% 24%);border:1px solid hsl(var(--coin-hue) 42% 38%)}
#liquidityWorkspace .liquidity-coin>span{min-width:0;display:flex;align-items:baseline;gap:5px;overflow:hidden}
#liquidityWorkspace .liquidity-coin b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
#liquidityWorkspace .liquidity-coin small{color:#718ca5;font-size:8px;flex:none}
#liquidityWorkspace .liquidity-exchange{font-size:10px!important;gap:6px;font-weight:500}
#liquidityWorkspace .liquidity-exchange img{width:18px;height:18px;flex:none}
#liquidityWorkspace .liquidity-exchange>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
#liquidityWorkspace .liquidity-market-label{display:block;font-size:7px;margin-top:2px;letter-spacing:.05em}
#liquidityWorkspace .liquidity-market-label.spot{color:#1cd6a5}
#liquidityWorkspace .liquidity-market-label.futures{color:#ffb619}
#liquidityWorkspace .liquidity-price{display:flex;flex-direction:column;justify-content:center;gap:2px;overflow:hidden}
#liquidityWorkspace .liquidity-price>b{color:#e1eaf4;font-size:11px;font-weight:500;white-space:nowrap}
#liquidityWorkspace .liquidity-price .liquidity-delta{text-align:left;font-size:9px;font-weight:600}
#liquidityWorkspace .liquidity-meter{display:flex;flex-direction:column;justify-content:center;gap:4px}
#liquidityWorkspace .liquidity-meter>span{line-height:11px}
#liquidityWorkspace .liquidity-meter b{font-size:11px;font-weight:700}
#liquidityWorkspace .liquidity-meter small{color:#72879e;font-size:9px}
#liquidityWorkspace .liquidity-meter>i,#liquidityWorkspace .liquidity-book-side>i{height:6px;display:block;background:#192e3e;border-radius:1px;overflow:hidden}
#liquidityWorkspace .liquidity-meter>i:after,#liquidityWorkspace .liquidity-book-side>i:after{content:'';display:block;height:100%;width:var(--score);background:linear-gradient(90deg,#02afbd,#16e0cf)}
#liquidityWorkspace .liquidity-book{display:flex;flex-direction:column;justify-content:center;gap:3px}
#liquidityWorkspace .liquidity-book-side{display:grid;grid-template-columns:8px 22px minmax(0,1fr);align-items:center;gap:3px;line-height:10px}
#liquidityWorkspace .liquidity-book-side small{color:#718aa2;font-size:8px}
#liquidityWorkspace .liquidity-book-side b{color:#b8cadd;font-size:9px;font-weight:500}
#liquidityWorkspace .liquidity-book-side.bid>i:after{background:#1ec69a}
#liquidityWorkspace .liquidity-book-side.ask>i:after{background:#fc5b68}
#liquidityWorkspace .liquidity-trend{display:flex;align-items:center;justify-content:center;gap:7px;color:#788da2}
#liquidityWorkspace .liquidity-trend i{font-size:24px;font-style:normal;line-height:1}
#liquidityWorkspace .liquidity-trend b{font-size:9px;letter-spacing:.05em;font-weight:600}
#liquidityWorkspace .liquidity-trend.up{color:#08d6b2}
#liquidityWorkspace .liquidity-trend.down{color:#ff606e}
#liquidityWorkspace #liquidityTable .liquidity-heat{text-align:center;font-size:10px;font-weight:600;display:grid;place-items:center;border-left:1px solid #10232e;padding:0 4px;letter-spacing:.01em}
#liquidityWorkspace .liquidity-heat.positive{color:#15e3dc;background:rgba(0,167,139,var(--heat))}
#liquidityWorkspace .liquidity-heat.negative{color:#ff6873;background:rgba(187,40,58,var(--heat))}
#liquidityWorkspace .liquidity-heat.neutral{color:#8194a7;background:transparent}
#liquidityWorkspace #liquidityPagination{font-size:9px;padding:10px 0}
#liquidityWorkspace #liquidityDetail{z-index:1200}
@media(max-width:620px){#liquidityWorkspace .liquidity-table-wrap{margin-inline:0}#liquidityWorkspace .liquidity-table{min-width:1100px}}