/* Ruvo Rev47 mobile hotfix — responsive liquidity without changing market calculations.
   Appended after liquidity-ruvo.css to win same-specificity rules. */
@media(max-width:1100px){
 #liquidity .ls-workspace{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;min-width:0!important;width:100%!important}
 #liquidity .ls-center{order:1!important;min-width:0!important;width:100%!important}
 #liquidity .ls-assets{order:2!important;min-width:0!important;width:100%!important;border-right:0!important;border-top:1px solid var(--ls-line)!important}
 #liquidity .ls-inspector{order:3!important;display:block!important;min-width:0!important;width:100%!important;grid-template-columns:none!important;border-left:0!important;border-top:1px solid var(--ls-line)!important}
 #liquidity .ls-inspector .ls-pane-label{display:flex!important}
 #liquidity .ls-inspector-title{width:100%;min-width:0}
 #liquidity .ls-kpis,#liquidity .ls-kpis.ls-levels{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:10px!important;width:100%!important}
 #liquidity .ls-kpis>div{min-width:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:7px!important}
 #liquidity .ls-kpis strong{display:block!important;width:100%!important;min-width:0!important;font-size:clamp(15px,2.5vw,25px)!important;line-height:1.2!important;letter-spacing:-.04em!important;white-space:normal!important;overflow-wrap:anywhere!important;font-variant-numeric:tabular-nums!important}
 #liquidity .ls-kpis span{display:block!important;max-width:100%!important;font-size:9px!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere!important}
 #liquidity .ls-plot,#liquidity .ls-symbolrow,#liquidity .ls-toolbar{min-width:0!important;max-width:100%!important}
 #liquidity #ls-heat{width:100%!important;max-width:100%!important;height:auto!important;display:block!important}
 #liquidity .ls-topbar,#liquidity .ls-bottombar{flex-wrap:wrap!important;gap:8px!important;white-space:normal!important}
 #liquidity .ls-topbar>span,#liquidity .ls-topbar small{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
}
@media(max-width:600px){
 #liquidity .ls-header,#liquidity .ls-uptime{min-width:0!important;width:100%!important}
 #liquidity .ls-header h2{font-size:clamp(30px,10vw,44px)!important;overflow-wrap:normal}
 #liquidity .ls-symbolrow{flex-wrap:wrap!important;align-items:flex-start!important;gap:8px!important}
 #liquidity .ls-symbolrow h3{font-size:clamp(23px,8vw,32px)!important;white-space:normal!important;overflow-wrap:anywhere!important}
 #liquidity .ls-last{max-width:100%!important;align-items:flex-start!important;text-align:left!important}
 #liquidity .ls-last strong{font-size:clamp(20px,6vw,28px)!important}
 #liquidity .ls-toolbar{display:flex!important;flex-wrap:wrap!important;gap:9px!important}
 #liquidity .ls-timeframes{flex-shrink:0}
 #liquidity .ls-timeframes button{min-width:42px!important;padding:7px 9px!important}
 #liquidity .ls-toolbar>span{width:100%!important;order:3!important;white-space:normal!important;overflow-wrap:anywhere!important}
 #liquidity .ls-asset-list{max-height:245px!important;overflow-y:auto!important}
 #liquidity .ls-assets .ls-asset{grid-template-columns:23px minmax(0,1fr) auto!important;gap:8px!important}
 #liquidity .ls-filters{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #liquidity .ls-filters button{min-width:0!important;max-width:100%!important;font-size:10px!important;padding:10px 2px!important;overflow:hidden!important;text-overflow:clip!important}
 #liquidity .ls-kpis,#liquidity .ls-kpis.ls-levels{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 12px!important}
 #liquidity .ls-kpis>div{padding:12px 0!important}
 #liquidity .ls-kpis strong{font-size:clamp(18px,5.2vw,24px)!important}
 #liquidity .ls-inspector{padding:14px!important}
 #liquidity .ls-source{min-width:0!important;overflow-wrap:anywhere!important}
 #liquidity .ls-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 #liquidity .ls-actions button{min-width:0!important;width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;padding:12px 8px!important;line-height:1.4!important}
 #liquidity .ls-bottompanels{grid-template-columns:1fr!important}
 #liquidity .ls-bottompanels section{min-width:0!important}
 #liquidity .ls-bottompanels section+section{border-left:0!important;border-top:1px solid var(--ls-line)!important}
 #liquidity .ls-profmetrics{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
 #liquidity .ls-profmetrics span{min-width:0!important}
 #liquidity .ls-gradient{flex-wrap:wrap!important;gap:8px!important}
 #liquidity .ls-stats>div{min-width:0!important}
 #liquidity .ls-stats strong{font-size:clamp(18px,5vw,29px)!important;overflow-wrap:anywhere!important}
 #liquidity .ls-universe{min-width:0!important;max-width:100%!important}
 #liquidity .ls-field{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))!important}
}
@media(max-width:365px){
 #liquidity .ls-kpis,#liquidity .ls-kpis.ls-levels{grid-template-columns:1fr!important}
 #liquidity .ls-actions{grid-template-columns:1fr!important}
}


/* Rev49: one mobile navigation rail, preserving Rev48 responsive metrics. */
@media(max-width:768px){
 body.app-body #sb-burger, body.app-body .topbar .sb-burger{display:none!important}
 body.app-body .topbar{height:52px!important;min-height:52px!important;display:flex;align-items:center;gap:10px}
 body.app-body .topbar .rw-current-page{margin-left:0!important}
 body.app-body .rw-mobile-nav{display:grid!important}
 body.app-body .app-main{padding-bottom:calc(108px + env(safe-area-inset-bottom))!important}
 body.app-body .rw-mobile-nav{padding-bottom:calc(7px + env(safe-area-inset-bottom))!important}
}
@media(min-width:769px){body.app-body .rw-mobile-nav{display:none!important}}

/* Rev50 INP surface: identical viewBox for one bitmap background + vector overlay. */
#liquidity .ls-chart-stack{position:relative;width:100%;min-width:0}
#liquidity .ls-chart-stack .ls-heat-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
#liquidity .ls-chart-stack #ls-heat{position:relative;display:block;width:100%;height:auto;z-index:1}
/* Readable labels on the compact mobile navigation. */
@media(max-width:768px){
 body.app-body .rw-mobile-nav a,body.app-body .rw-mobile-nav button{font-size:11px!important;letter-spacing:0!important}
 body.app-body .rw-mobile-nav span{font-size:11px!important;letter-spacing:0!important;max-width:none;overflow:visible;text-overflow:clip}
 body.app-body #rw-current-page strong,body.app-body .rw-eyebrow{font-size:11px!important}
}