/* Recodet V11 — independent hub navigation and bottom quick dock rescue */
#viewMain,
#viewMain .hubModuleGrid,
#viewMain .hubModuleTile{
  pointer-events:auto!important;
}
#viewMain .hubModuleTile{
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:rgba(242,202,75,.16)!important;
}

/* One compact four-button dock on the hub. The separate floating switch button
   is retired so the interface cannot show two competing controls. */
body:not(.orderProcessActive) #quickModuleDock{
  display:flex!important;
}
#quickModuleDock{
  left:50%!important;
  right:auto!important;
  bottom:calc(12px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  z-index:2100!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:7px!important;
  border:1px solid rgba(229,187,65,.24)!important;
  border-radius:22px!important;
  background:rgba(8,7,5,.94)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,238,180,.06)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
#quickModuleDock.hidden{display:none!important}
body.hubQuickDockVisible #quickModuleDock.hidden{display:flex!important}
#quickModuleDock button{
  width:58px!important;
  min-width:58px!important;
  height:58px!important;
  padding:6px 3px 5px!important;
  border-radius:16px!important;
  pointer-events:auto!important;
}
#quickModuleDock .quickDockIcon{width:24px!important;height:24px!important}
#quickModuleDock .quickDockLabel{display:block!important;font-size:8px!important}
#switchModeFab{display:none!important}

/* Leave room for the rescued hub dock. */
body.hubQuickDockVisible #viewMain{padding-bottom:94px!important}

/* The order-process bar remains authoritative inside Inventory → Service → Move. */
body.orderProcessActive #quickModuleDock{display:none!important}
body.orderProcessActive #bottomBar[data-module="process"]{display:grid!important;visibility:visible!important;pointer-events:auto!important;z-index:2200!important}

@media(max-width:370px){
  #quickModuleDock{gap:5px!important;padding:6px!important}
  #quickModuleDock button{width:52px!important;min-width:52px!important;height:54px!important}
  #quickModuleDock .quickDockLabel{font-size:7px!important}
}