.liquidity-live{display:flex;flex-direction:column;gap:0;min-height:0;min-width:0;height:100%;overflow:hidden;color:var(--text);font-size:11px}
.liquidity-live-header{display:flex;align-items:center;gap:7px;min-height:27px;padding:3px 8px;flex:none;border-bottom:1px solid var(--line)}
.liquidity-live-header strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.liquidity-live-status{flex:none;font-size:9px;color:var(--muted);white-space:nowrap}.liquidity-live-status[data-fresh=true]{color:var(--accent,#148359)}
.liquidity-live-market{font-size:9px;color:var(--primary);white-space:nowrap;padding:2px 4px;min-height:22px;border:1px solid var(--line);border-radius:3px}
.liquidity-live-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;flex:none;border-bottom:1px solid var(--line);background:var(--panel-alt)}
.liquidity-live-top>div{display:flex;flex-direction:column;gap:2px;padding:5px 9px;min-width:0;border-right:1px solid var(--line)}.liquidity-live-top>div:last-child{border-right:0}.liquidity-live-top span{font-size:9px;color:var(--muted)}.liquidity-live-top strong{font:600 17px var(--mono);overflow-wrap:anywhere;line-height:1.25}
.liquidity-live-top [data-depth-metric=bid]{color:var(--accent,#148359)}.liquidity-live-top [data-depth-metric=ask]{color:var(--red,#c83f55)}
.liquidity-live-chart{flex:0 0 30%;min-height:65px;max-height:200px;background:#0b1725;border-bottom:1px solid var(--line);overflow:hidden}.liquidity-live-chart svg{display:block;width:100%;height:100%}
.liquidity-live-books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);flex:1;min-height:0;overflow:hidden}.liquidity-live-books section{min-width:0;min-height:0;overflow:auto;background:var(--panel);scrollbar-width:thin;overscroll-behavior:contain}
.liquidity-live-books h3{font-size:10px;margin:0;padding:4px 6px;background:var(--panel-alt)}
.liquidity-module .liquidity-live-books table{min-width:0;width:100%;table-layout:fixed;border-collapse:collapse;font:11px var(--mono)}
.liquidity-module .liquidity-live-books th{font:500 9px var(--sans);color:var(--muted);text-align:right;white-space:normal;padding:3px 5px;position:sticky;top:0;background:var(--panel-alt);border-bottom:1px solid var(--line);z-index:1}
.liquidity-module .liquidity-live-books td{padding:3px 5px;text-align:right;border-bottom:1px solid var(--line);overflow-wrap:anywhere;line-height:1.3}
.liquidity-live-books [data-liquidity-side=bids] h3{color:var(--accent,#148359)}.liquidity-live-books [data-liquidity-side=asks] h3{color:var(--red,#c83f55)}
.liquidity-live-volume{background:linear-gradient(to left,#16a98518 var(--depth-fill),transparent var(--depth-fill))}.liquidity-live-books [data-liquidity-side=asks] .liquidity-live-volume{background:linear-gradient(to left,#e3577518 var(--depth-fill),transparent var(--depth-fill))}
.liquidity-live-received{font:9px/1.4 var(--mono);margin:0;padding:4px 7px;color:var(--muted);flex:none;border-top:1px solid var(--line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@container(max-width:380px){.liquidity-live-header{gap:4px;padding:3px 5px}.liquidity-live-market{padding:2px}.liquidity-live-header strong{font-size:9px}.liquidity-live-top strong{font-size:13px}.liquidity-live-top>div{padding:5px}.liquidity-module .liquidity-live-books td{font-size:10px;padding:3px}.liquidity-module .liquidity-live-books th{padding:3px;font-size:8px}}
.liquidity-live-chart{position:relative}.liquidity-live-chart-labels{position:absolute;inset:auto 7px 4px;display:flex;justify-content:space-between;gap:6px;pointer-events:none;color:#91a9c4;font:9px var(--mono)}.liquidity-live-chart-labels span:first-child{color:#5cdbc0}.liquidity-live-chart-labels span:last-child{color:#fa91a3}.liquidity-live-chart-labels span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.liquidity-live-chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:#91a9c4;font-size:11px}