/* Recodet V9 — compact global module dock beside Switch Mode */
.quickModuleDock{
  position:fixed;
  z-index:1445;
  right:max(72px,calc(env(safe-area-inset-right) + 72px));
  bottom:calc(104px + env(safe-area-inset-bottom));
  display:flex;
  align-items:flex-end;
  gap:6px;
  padding:5px;
  border:1px solid rgba(226,183,62,.20);
  border-radius:18px;
  background:rgba(10,9,7,.88);
  box-shadow:0 12px 28px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,238,180,.05);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.quickModuleDock.hidden{display:none!important}
.quickModuleDock.noBottomBar{bottom:calc(15px + env(safe-area-inset-bottom))}
.quickModuleDock button{
  width:46px;
  min-width:46px;
  height:50px;
  padding:4px 2px 3px;
  border:1px solid rgba(226,183,62,.14);
  border-radius:14px;
  background:linear-gradient(180deg,#1a160f,#0c0b09);
  color:#d9caa9;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.quickModuleDock button:hover,
.quickModuleDock button:focus-visible{
  border-color:rgba(243,212,107,.48);
  color:#f2d267;
  outline:none;
}
.quickModuleDock button:active{transform:scale(.95)}
.quickModuleDock button.active{
  color:#171106;
  border-color:rgba(255,234,164,.58);
  background:linear-gradient(180deg,#f4d46d,#d2a228);
  box-shadow:inset 0 1px 0 rgba(255,250,220,.65);
}
.quickModuleDock .quickDockIcon{width:22px;height:22px;display:grid;place-items:center}
.quickModuleDock svg{width:21px;height:21px}
.quickModuleDock .quickDockLabel{font-size:7px;line-height:1;font-weight:900;white-space:nowrap}

/* Keep Switch Mode visually aligned with the compact dock. */
.switchModeFab.withBottomBar{bottom:calc(104px + env(safe-area-inset-bottom))!important}
.switchModeFab:not(.withBottomBar){bottom:calc(15px + env(safe-area-inset-bottom))!important}

@media(max-width:420px){
  .quickModuleDock{
    right:max(66px,calc(env(safe-area-inset-right) + 66px));
    bottom:calc(98px + env(safe-area-inset-bottom));
    gap:4px;
    padding:4px;
    border-radius:16px;
  }
  .quickModuleDock.noBottomBar{bottom:calc(10px + env(safe-area-inset-bottom))}
  .quickModuleDock button{width:42px;min-width:42px;height:46px;border-radius:12px}
  .quickModuleDock .quickDockIcon{width:20px;height:20px}
  .quickModuleDock svg{width:19px;height:19px}
  .quickModuleDock .quickDockLabel{font-size:6.5px}
}

@media(max-width:350px){
  .quickModuleDock button{width:39px;min-width:39px}
  .quickModuleDock .quickDockLabel{display:none}
}

/* The three modules are moved out of the hub grid into this compact dock. */
#viewMain .hubModuleTile[data-screen="INV_00_HOME"],
#viewMain .hubModuleTile[data-screen="SERV_00_CATEGORIES"],
#viewMain .hubModuleTile[data-screen="TRANS_01_RIDE"],
#viewMain .hubModuleTile[data-screen="TRANS_00_CATEGORIES"]{display:none!important}

/* Keep the dock visually light: separate small buttons, no large extra panel. */
.quickModuleDock{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.quickModuleDock button{box-shadow:0 9px 20px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,238,180,.04)}