/* A separate scrolling mobile surface; TV geometry remains untouched. */
html.tv-wall.mobile-view,html.tv-wall.mobile-view body{height:auto;min-height:100%;width:100%;overflow:auto;overflow-x:hidden;background:var(--t-bg)}
html.tv-wall.mobile-view .workspace{position:static;transform:none;width:100%;height:auto;min-height:100dvh;display:block;overflow:visible;margin:0}
html.tv-wall.mobile-view .topbar{height:auto;min-height:64px;display:flex;flex-wrap:wrap;padding:17px 16px 13px;gap:14px;position:relative}
html.tv-wall.mobile-view .brand{font-size:21px}.mobile-view .brand-sub{font-size:10px;letter-spacing:1px}.mobile-view .brand>span:first-child{margin:0 9px}
html.tv-wall.mobile-view .tv-top-status,.mobile-view .clock,.mobile-view #fullscreen,.mobile-view #help{display:none}
html.tv-wall.mobile-view .topbar-right{display:flex;flex-wrap:wrap;width:100%;gap:10px;justify-content:space-between}.mobile-view .theme-switcher{order:3;display:flex;width:100%;padding:4px;gap:4px}.mobile-view .theme-switcher button{flex:1;justify-content:center;min-height:36px;font-size:12px;padding:7px 5px}.mobile-view .simulation{position:absolute;right:16px;top:18px;font-size:9px;padding:5px 7px}.mobile-view .device-link{font-size:12px;margin-left:auto;color:var(--t-muted)}
html.tv-wall.mobile-view main{display:flex;flex-direction:column;height:auto;width:100%;padding:14px 12px 20px;gap:14px;overflow:visible;max-width:720px;margin:auto}
html.tv-wall.mobile-view .metrics{order:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%}
html.tv-wall.mobile-view .metric{height:116px;min-height:0;padding:13px 12px;text-align:left}.mobile-view .metric-context{display:none}html.tv-wall.mobile-view .metric-label{font-size:12px;white-space:normal;line-height:1.35}.mobile-view .metric>strong{font-size:clamp(19px,5.6vw,23px)!important;margin-top:9px!important;letter-spacing:-.7px}.mobile-view .counter-record{font-size:10px!important;margin-top:7px!important;white-space:normal!important;line-height:1.4}.mobile-view .metric-foot{display:none!important}
html.tv-wall.mobile-view #dashboard,html.tv-wall.mobile-view .command-grid{display:contents}
html.tv-wall.mobile-view .network-panel{order:1;width:100%;height:390px;flex:none;display:flex}.mobile-view .network-panel .panel-heading{padding:14px 15px!important}.mobile-view .network-panel h2{font-size:17px!important}.mobile-view .network-panel .eyebrow,.mobile-view .network-caption,.mobile-view .network-legend{display:none}.mobile-view .network-stage{height:auto;min-height:0;flex:1}.mobile-view .network-footer{padding:10px 14px!important;height:38px!important;font-size:11px!important}.mobile-view .broadcast-note{display:none}.mobile-view .hub-label{font-size:12px!important;padding:5px 7px!important}.mobile-view .hub-label small{font-size:9px!important;letter-spacing:.5px}.mobile-view .hub-label.core{font-size:18px!important}.mobile-view .network-state{font-size:10px!important;padding:5px 7px}
html.tv-wall.mobile-view .provider-panel{order:2;height:auto;min-height:0;flex:none}.mobile-view .panel-heading{padding:14px 15px 0!important}.mobile-view .panel-heading h2{font-size:15px!important}.mobile-view .panel-sub{display:none}html.tv-wall.mobile-view .providers{display:flex;flex-direction:column;gap:7px;padding:12px;flex:none}
html.tv-wall.mobile-view .provider{display:grid;grid-template-columns:minmax(0,1fr) 105px;align-items:center;gap:7px;padding:11px 10px 15px;min-height:78px}.mobile-view .provider-top{gap:7px!important}.mobile-view .provider-top strong{font-size:13px!important}.mobile-view .provider-top small,.mobile-view .provider-top .status-dot{display:none!important}.mobile-view .provider-stats{display:flex;gap:10px;margin:0!important;font-size:9px!important}.mobile-view .provider-stats strong{font-size:14px!important;margin-top:4px}.mobile-view .provider .mini-track{grid-column:1/-1;height:3px!important;display:block}.mobile-view .join-notice{font-size:8px!important;bottom:3px!important;left:10px}.mobile-view .provider-icon{width:26px!important;height:26px!important;font-size:11px}
html.tv-wall.mobile-view .intelligence-column{order:3;display:flex;flex-direction:column;gap:14px;width:100%;height:auto}.mobile-view .intelligence-panel{flex:none;height:250px}.mobile-view .intelligence-panel .panel-heading{padding-bottom:10px!important}.mobile-view .feed-viewport{height:177px!important}.mobile-view .feed-row{height:59px!important}.mobile-view .feed-row strong{font-size:12px!important}.mobile-view .feed-row p{font-size:10px!important}.mobile-view .feed-meta,.mobile-view .feed-meta time{font-size:10px!important}.mobile-view .analysis-bottom{font-size:10px!important}.mobile-view .ai-badge{font-size:9px!important}
html.tv-wall.mobile-view .attention-panel{height:auto;min-height:0;flex:none}.mobile-view .attention-item{padding:12px 0!important;min-height:53px}.mobile-view .attention-item strong{font-size:13px!important}.mobile-view .attention-item small{font-size:11px!important}.mobile-view .attention-panel>.text-button{font-size:12px!important;margin:10px 15px 14px!important}
html.tv-wall.mobile-view .lower-grid{order:4;display:flex;flex-direction:column;width:100%;height:auto;margin:0;gap:14px}
html.tv-wall.mobile-view .chart-panel{height:285px;flex:none}.mobile-view .chart-panel .panel-heading{padding:14px 14px 0!important}.mobile-view .chart-panel .eyebrow{display:none}.mobile-view .chart-panel .panel-heading h2{font-size:17px!important}.mobile-view .chart-sub{display:none!important}.mobile-view .timeframes button{min-height:32px;min-width:34px;padding:4px!important;font-size:11px!important}.mobile-view .chart-price{padding:9px 14px 0!important}.mobile-view .chart-price strong{font-size:18px!important}.mobile-view .chart-price>span:not(.chart-scan-state){display:none!important}.mobile-view .chart-scan-state{font-size:9px!important}.mobile-view .chart-wrap{height:170px!important;margin:6px 5px 0!important}.mobile-view .chart-footer{font-size:9px!important;padding:8px 14px!important}.mobile-view .chart-footer>span:last-child{display:none}.mobile-view .scan-caption{font-size:8px!important;left:32%}
html.tv-wall.mobile-view .flow-panel{height:auto;min-height:265px}.mobile-view .allocation{padding:18px!important;gap:25px!important;justify-content:center}.mobile-view .allocation-ring{width:90px!important;height:90px!important}.mobile-view .allocation-key{max-width:185px}.mobile-view .flow-numbers{margin:0 18px 16px!important}.mobile-view .flow-numbers span{font-size:11px!important}.mobile-view .flow-numbers strong{font-size:18px!important}.mobile-view .fund-event{padding:13px 15px!important}.mobile-view .fund-event strong{font-size:12px!important}.mobile-view .fund-event div>span{font-size:10px!important}
html.tv-wall.mobile-view .journal-panel{height:auto;min-height:250px}.mobile-view .journal-panel .panel-heading{padding-bottom:13px!important}.mobile-view .journal-panel th:nth-child(3),.mobile-view .journal-panel td:nth-child(3){display:none}.mobile-view .journal-panel th:nth-child(2){width:auto}.mobile-view .journal-panel th:first-child{width:62px}.mobile-view .journal-panel th:nth-child(5){width:80px}.mobile-view .journal-panel td{font-size:11px!important;padding:13px 8px!important;height:47px!important}.mobile-view .journal-panel td:nth-child(2){white-space:normal;line-height:1.4}.mobile-view .journal-panel th{font-size:9px!important;padding:8px!important}.mobile-view .badge{font-size:7px!important}
html.tv-wall.mobile-view .page-footer{order:5;display:block;height:auto;line-height:1.6;font-size:9px;padding:1px 4px!important}.mobile-view .page-footer>span:first-child{display:none}
.mobile-demo{max-width:696px;margin:0 auto 24px;padding:0 12px}.mobile-demo summary{cursor:pointer;font-size:13px;color:var(--t-muted);padding:12px;border:1px solid var(--t-border);border-radius:6px;background:var(--t-panel)}
html.tv-wall.mobile-view .storybar{height:auto;width:100%;min-height:0;position:relative;display:flex;flex-wrap:wrap;padding:14px 10px;gap:12px;overflow:visible;border-radius:6px;margin-top:8px}.mobile-view .story-heading{width:100%;flex:auto;order:0}.mobile-view .story-heading strong{font-size:12px}.mobile-view .story-heading div>span{font-size:10px;line-height:1.5}.mobile-view .story-icon{display:none}.mobile-view .footer-controls{margin-left:0;order:1}.mobile-view .story-scenes{order:3;width:100%;gap:5px}.mobile-view .story-scenes button{flex:1;white-space:normal;font-size:10px!important;padding:8px 4px!important;min-height:42px}.mobile-view .storybar #replay{order:2;margin-left:auto}.mobile-view .story-progress{bottom:0}.mobile-view #detail-dialog{max-height:85dvh;width:calc(100% - 24px);padding:18px}.mobile-view #detail-dialog h2{font-size:22px}
@media(min-width:650px){html.tv-wall.mobile-view .network-panel{height:460px}.mobile-view .hub-label{font-size:14px!important}.mobile-view .metric>strong{font-size:28px!important}.mobile-view .metric{height:122px!important}}
html.tv-wall.mobile-view .journal-panel th:nth-child(6),html.tv-wall.mobile-view .journal-panel td:nth-child(6){display:table-cell;width:40px;padding:4px!important}.mobile-view .journal-panel td:nth-child(6) button{width:32px;min-height:40px;font-size:18px}

.mobile-view #network{touch-action:pan-y;cursor:grab}.mobile-view #network.dragging{cursor:grabbing}

/* Put provider summaries alongside the graph when the companion has room. */
.mobile-network-layout{display:contents}
@media(min-width:620px){
  html.tv-wall.mobile-view .mobile-network-layout{display:grid;order:1;grid-template-columns:182px minmax(0,1fr);gap:12px;width:100%;align-items:stretch}
  html.tv-wall.mobile-view .mobile-network-layout .provider-panel{grid-column:1;grid-row:1;display:flex;flex-direction:column;height:420px}
  html.tv-wall.mobile-view .mobile-network-layout .network-panel{grid-column:2;grid-row:1;height:420px;min-width:0}
  html.tv-wall.mobile-view .mobile-network-layout .provider-panel .panel-heading{padding:13px 10px 0!important;gap:5px}
  html.tv-wall.mobile-view .mobile-network-layout .provider-panel h2{font-size:13px!important}
  html.tv-wall.mobile-view .mobile-network-layout .providers{padding:10px;gap:9px;flex:1;min-height:0}
  html.tv-wall.mobile-view .mobile-network-layout .provider{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 3px;flex:1;min-height:0;padding:10px 9px 17px;gap:7px}
  .mobile-network-layout .provider-top strong{font-size:12px!important}
  .mobile-network-layout .provider-icon{width:22px!important;height:22px!important;flex-shrink:0}
  .mobile-network-layout .provider-stats{justify-content:space-between;gap:8px}
  .mobile-network-layout .provider-stats strong{font-size:16px!important}
  html.tv-wall.mobile-view .mobile-network-layout .network-panel .panel-heading{padding:13px 10px!important;gap:5px;flex-wrap:wrap}
  .mobile-network-layout .hub-label{font-size:12px!important}
  .mobile-network-layout .provider-summary{display:none}
}