/* Independent mobile-only UI patch; no health/data collector changes. */
.mobile-clean-details{display:none}
@media (max-width:760px){
 html,body{max-width:100%;min-width:0;overflow-x:clip}
 *,*::before,*::after{box-sizing:border-box}
 main,.leftcol,.rightcol,.px-wrap,.px-main,.px-side,.card{min-width:0;max-width:100%}
 .sitenav{gap:4px 10px;padding:4px 8px}.sitenav a,.sitenav button{min-height:40px;display:inline-flex;align-items:center}
 button,select,summary,.px-switch,.pxLink{min-height:40px;min-width:40px;touch-action:manipulation}
 label:has(input){min-height:40px;display:inline-flex;align-items:center;gap:6px}
 input[type=checkbox]{width:20px;height:20px}input[type=range]{min-height:40px;max-width:100%}
 button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #8abfff;outline-offset:2px}
 header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;padding:6px 8px}
 header>h1{display:none}header #symBtns{grid-column:1;display:flex;flex-wrap:nowrap}
 header #tfBtns{grid-row:2;grid-column:1/-1;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
 header #tfBtns button{flex:1 0 44px;padding:6px 10px}
 header #px{grid-row:1;grid-column:2;font-size:17px}header #rulesLightWrap{grid-column:1}header #hdrGear{grid-column:2}
 .btns{max-width:100%}.pills{max-width:100%;flex-wrap:wrap}
 #chartWrap{height:clamp(440px,62svh,620px)!important}#bsWrap{height:155px}
 main{padding:6px;gap:8px}.card{overflow-wrap:anywhere}
 .px-wrap{height:auto;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}
 .px-top{display:flex;gap:4px;padding:4px 6px;min-width:0;max-width:100%;flex-wrap:wrap}
 .px-top .sep{display:none}.px-top .px-sym{flex:1 1 auto}.px-top .px-tf{order:2;flex:1 0 100%;min-width:0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
 .px-tf button{flex:0 0 auto;padding:6px 10px}.px-top #pxEvent{font-size:11px;overflow-wrap:anywhere}
 .px-main{height:auto!important;min-height:0;overflow:visible}.px-pane.main{flex:0 0 auto;height:clamp(440px,62svh,620px)!important;min-height:440px!important}
 .px-pane.sub{height:96px;flex:none}.px-pane.pf{height:86px;flex:none}
 .px-tools{top:100px;max-height:calc(100svh - 120px);overflow:auto}.px-tools button{width:44px;height:44px}
 .px-tools input[type=color]{width:40px;height:40px}.px-side{max-height:none;overflow:visible}
 .px-chip{min-height:40px;padding:8px 10px}.px-rt{min-height:40px;right:76px}
 .mobile-clean-details{display:block;grid-column:1/-1;flex:1 0 100%;max-width:100%;border:1px solid #343d4d;border-radius:7px;margin:4px 0;background:#161c27}
 .mobile-clean-details>summary{padding:10px 12px;cursor:pointer;font:13px system-ui;color:#b7d2f7}
 .mobile-clean-content{padding:8px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;max-width:100%;overflow-wrap:anywhere}
 .mobile-clean-content .px-legend,.mobile-clean-content .px-colorleg{position:static!important;white-space:normal!important;max-width:100%;font-size:12px;pointer-events:auto;display:flex;flex-wrap:wrap;gap:4px 8px}
 .mobile-clean-content .hdrX{display:flex!important}.mobile-clean-content .px-colorleg .ls{border:0;padding-left:0}
 .mobile-clean-content #pxStatus,.mobile-clean-content #pxEvent{display:block;max-width:100%;white-space:normal}
 .px-modal .px-mbox{width:100%;max-width:100%;max-height:85svh}.px-mfields{min-width:0;padding:8px}.px-row{flex-wrap:wrap}
 .dk.fixed,.f-win{max-width:calc(100vw - 16px)}
}
/* Familiar mobile-chart UX patterns, no third-party branding/assets. */
.mobile-clean-bar{display:none}
@media(max-width:760px){
 body{padding-bottom:54px!important}main{padding:0;gap:4px}.card{border-radius:0;border-left:0;border-right:0}
 .px-wrap{border:0}.px-pane.main,#chartWrap{height:clamp(460px,65svh,680px)!important;min-height:460px!important}
 #pxMain,#pxDraw,#main{touch-action:none!important;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
 .px-legend{left:7px!important;right:76px!important;top:4px!important;max-height:38px;overflow:hidden;font-size:11px!important;line-height:17px;white-space:normal!important}
 .px-legend b{display:inline!important}.px-legend .v{margin-right:5px}
 .mobile-clean-bar{position:fixed;bottom:0;left:0;right:0;z-index:180;display:flex;gap:4px;padding:4px 8px calc(4px + env(safe-area-inset-bottom));background:#131722;border-top:1px solid #343d4d}
 .mobile-clean-bar button{flex:1;min-height:44px;background:#1e2635;border:1px solid #3d4a60;color:#dbe8fa;border-radius:7px;font:13px system-ui}
 .mobile-clean-details{position:fixed;bottom:56px;left:6px;right:6px;z-index:179;margin:0;max-height:58svh;overflow:auto;box-shadow:0 -8px 32px #0008}
 .mobile-clean-details:not([open]){display:none}.mobile-clean-content{padding:10px;gap:8px}
 .mobile-clean-details>summary{position:sticky;top:0;background:#1a2332;z-index:2;border-bottom:1px solid #343d4d;min-height:44px}
}
@media(max-width:760px){
 .mobile-clean-quote{font:600 13px system-ui;color:#dce7f5;white-space:nowrap;max-width:100%;padding:6px 2px}
 #pxOvPanel{left:8px!important;right:8px!important;top:auto!important;bottom:60px!important;width:auto!important;max-width:calc(100vw - 16px);max-height:65svh;overflow:auto}
}
@media(max-width:760px){
 .mobile-clean-details{z-index:2147483200}.mobile-clean-bar{z-index:2147483300}
 .mobile-clean-content #nestTabs{position:static!important;display:flex!important;flex-wrap:wrap;width:100%;height:auto;z-index:auto;box-shadow:none}
 .mobile-clean-content #nestTabs>*{flex:1 0 64px;min-height:44px}
 .px-modal{z-index:2147483400}.px-tools{z-index:2147483301}
}
@media(max-width:760px){
 .mobile-clean-content #site-nav{width:100%;max-width:100%;padding:6px;flex-wrap:wrap;font-size:13px}
 .mobile-clean-content #site-nav>*{max-width:100%}
}

/* Color and primary-signal pane pass, mobile only. */
@media(max-width:760px){
 .px-pane.main,#chartWrap{height:clamp(340px,49svh,500px)!important;min-height:340px!important}
 .px-pane.sub:has(#pxStoch){height:clamp(150px,20svh,200px)!important;min-height:150px!important;flex:0 0 clamp(150px,20svh,200px)!important}
 #pxStoch{min-height:150px}.px-pane.sub:has(#pxUrsi){min-height:130px;flex:0 0 130px}
 .px-main{flex-shrink:0!important;overflow:visible!important;max-height:none!important}
 .px-main:has(#pxStoch){min-height:calc(clamp(340px,49svh,500px) + clamp(150px,20svh,200px) + 42px)!important}
 .px-tf button.on,#tfBtns button.on,.px-tf button.active,#tfBtns button.active,.mobile-clean-bar button.is-active{color:#c6fff6!important;background:#123e3b!important;border-color:#26a69a!important}
 .mobile-clean-quote[data-direction=up]{color:#52c9b9}.mobile-clean-quote[data-direction=down]{color:#ef7773}
 .px-sublab .k{color:#61a5ff!important}.px-sublab .dd{color:#ffba55!important}.px-sublab{background:#131722d9;padding:3px 5px;border-radius:4px}
 #pxStoch:after{content:'';position:absolute;inset:24px 68px 26px 0;pointer-events:none;background:linear-gradient(to bottom,#ef535014 0 20%,transparent 20% 80%,#26a69a14 80% 100%)}
 .px-chip{border-color:#3d5974}.px-chip.up{color:#52c9b9}.px-chip.down{color:#ef7773}
 .px-events,.px-eventbar{background:#151d2a}.px-event{border-left-color:#ffba55!important}
}
.nest-keylevels-toggle{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 8px;color:#83b7ff;font:13px system-ui}
.nest-keylevels-toggle input{accent-color:#4c8dff;width:20px;height:20px}