/* GYPTO Utilities V2.6.94 — independent persistent QMS navigation.
   The legacy #topNav can keep serving internal render hooks, but it is never
   used as the visible navigation layer. This prevents it disappearing when
   the old sidebar renderer rewrites or relocates that node. */
#appSidebar{display:none!important}
#topNav{display:none!important;visibility:hidden!important;pointer-events:none!important}
#app{display:block!important;width:100%!important;min-width:0!important}
#app>.app-main{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}
#sidebarScrim{display:none!important}
#smartHeader{position:relative!important;transform:none!important;width:100%!important}
#smartHeader.header-hidden{transform:none!important}

#qmsTopNav2689{
  position:relative!important;display:flex!important;align-items:stretch!important;flex-wrap:nowrap!important;
  width:100%!important;height:64px!important;min-height:64px!important;max-height:64px!important;
  padding:0 40px!important;margin:0!important;gap:0!important;box-sizing:border-box!important;
  overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;
  background:#fff!important;border-top:1px solid #eef2f5!important;border-bottom:1px solid #d8e2ea!important;
  box-shadow:0 2px 6px rgba(21,52,80,.05)!important;z-index:600!important;pointer-events:auto!important;
}
#qmsTopNav2689::-webkit-scrollbar{display:none!important}
#qmsTopNav2689 .q89-item{
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;width:auto!important;min-width:max-content!important;height:64px!important;min-height:64px!important;
  padding:0 18px!important;margin:0!important;gap:7px!important;box-sizing:border-box!important;
  border:0!important;border-bottom:4px solid transparent!important;border-radius:0!important;background:#fff!important;
  color:#2d4255!important;font-family:inherit!important;font-size:14px!important;font-weight:700!important;line-height:1!important;
  cursor:pointer!important;pointer-events:auto!important;box-shadow:none!important;white-space:nowrap!important;touch-action:manipulation!important;
}
#qmsTopNav2689 .q89-item:hover{background:#f7fafc!important;color:#0b659f!important}
#qmsTopNav2689 .q89-item.active{color:#173c5d!important;border-bottom-color:#f47b14!important;background:#fff!important}
#qmsTopNav2689 .q89-item:focus-visible{outline:2px solid #91b8d5!important;outline-offset:-3px!important}
#qmsTopNav2689 .q89-chevron{font-size:10px!important;color:#74889a!important}
#qmsTopNav2689 .q89-chiller{color:#5b3ca7!important;font-weight:800!important}
#qmsTopNav2689 .q89-chiller.active{border-bottom-color:#7253c4!important;color:#5b3ca7!important}
#qmsTopNav2689 .q89-badge{display:inline-grid!important;place-items:center!important;min-width:22px!important;height:22px!important;padding:0 6px!important;border-radius:99px!important;background:#edf3f7!important;color:#35536b!important;font-size:10px!important;font-weight:900!important;font-style:normal!important}
#qmsTopNav2689 .q89-badge.alert{background:#ef5b66!important;color:#fff!important}
#qmsTopNav2689 .q89-spacer{flex:1 1 auto!important;min-width:12px!important}
#qmsTopNav2689 .q89-tasks{margin-inline-start:12px!important;border:1px solid #cadbe8!important;border-bottom:1px solid #cadbe8!important;border-radius:8px 8px 0 0!important;background:#f8fbfd!important;font-weight:800!important}

#qmsMenu2689{position:fixed!important;z-index:20000!important;min-width:315px!important;max-width:min(410px,calc(100vw - 20px))!important;max-height:min(72vh,600px)!important;overflow:auto!important;padding:8px!important;border:1px solid #d7e3ec!important;border-radius:10px!important;background:#fff!important;box-shadow:0 16px 42px rgba(16,48,75,.20)!important;pointer-events:auto!important}
#qmsMenu2689 button{display:grid!important;grid-template-columns:34px minmax(190px,1fr)!important;grid-template-areas:"icon title" "icon desc"!important;align-items:center!important;column-gap:10px!important;width:100%!important;min-height:52px!important;padding:9px 11px!important;margin:0!important;border:0!important;border-radius:7px!important;background:#fff!important;color:#173b5a!important;text-align:start!important;cursor:pointer!important;pointer-events:auto!important}
#qmsMenu2689 button+button{margin-top:2px!important}
#qmsMenu2689 button:hover,#qmsMenu2689 button.active{background:#f1f7fb!important;color:#0b68a6!important}
#qmsMenu2689 .q89-menu-icon{grid-area:icon!important;display:grid!important;place-items:center!important;width:31px!important;height:31px!important;border-radius:7px!important;background:#edf4f8!important;font-size:14px!important}
#qmsMenu2689 b{grid-area:title!important;font-size:12.5px!important;line-height:1.2!important}
#qmsMenu2689 small{grid-area:desc!important;color:#788b9d!important;font-size:10px!important;line-height:1.25!important;margin-top:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

@media(max-width:1120px){
  #qmsTopNav2689{padding:0 10px!important;height:58px!important;min-height:58px!important;max-height:58px!important}
  #qmsTopNav2689 .q89-item{height:58px!important;min-height:58px!important;padding:0 12px!important;font-size:12px!important}
}
@media(max-width:700px){#qmsTopNav2689{display:none!important}}