/* 视图模式切换时的布局与显隐规则 */
/* ============ 视图模式：三维模型（静态） / 装配图 / 运动模拟 ============ */
/* 三维模型 与 装配图 下，全部运动学 UI 一律隐藏 */
body:not(.motion) #ikbar,
body:not(.motion) #ikpanel,
body:not(.motion) #joints,
body:not(.motion) #jointsHead,
body:not(.motion) #footIk{display:none!important}
/* 运动模拟只看运动：左栏去掉零件树与打印清单（其它模式保留） */
body.motion #treeBlock{display:none!important}

/* 运动模拟左栏紧凑化：目标一屏放下、不下拉（实测原需下拉 127px） */
#ikpanel{margin:0 0 6px;padding:5px 8px}
#ikpanel .ikh{margin-bottom:3px}
#ikpanel #ikTab th,#ikpanel #ikTab td{padding:1px 4px}
#ikAltN{margin:5px 0 2px}
.altrow{padding:1px 4px}
#joints .j-box{margin-bottom:4px}
#joints input[type=range]{height:15px}
/* 显式行定位：IK 控制条在「三维模型/装配图」下被移除后，
   若不固定行号，网格自动排布会把页脚挤到 1fr 行并压扁（已实测） */
#app>header{grid-row:1}
#ikbar{grid-row:2}
#left{grid-row:3}
#stage{grid-row:3}
#app>footer{grid-row:4}
/* BOM 抽屉：运动模拟多一条两行 IK 控制条（实测 75px），需整体下移 */
#bomDock{top:46px} #bomTab{top:64px}
body.motion #bomDock{top:124px} body.motion #bomTab{top:140px}
@media (max-width:760px){
  #bomTab,body.motion #bomTab{top:auto;bottom:36px}
  #bomDock,body.motion #bomDock{top:86px;bottom:26px}
}