/* Horizontal module navigation belongs to the page flow. It must scroll away
   with the page instead of floating above tables, cards or form copy. */
html[data-warm-workspace] #orangeSecondaryRail.orange-secondary-inline {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: flex !important;
  width: 100% !important;
  height: 70px !important;
  min-height: 70px !important;
  margin: 0 0 16px !important;
  padding: 8px !important;
  overflow: hidden !important;
  transform: none !important;
  animation: none !important;
  border: 1px solid #e3e8ef !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  box-sizing: border-box !important;
  isolation: isolate !important;
  pointer-events: auto !important;
}

html[data-warm-workspace] #orangeSecondaryRail.orange-secondary-inline .orange-secondary-head,
html[data-warm-workspace] #orangeSecondaryRail.orange-secondary-inline .orange-redesign-actions {
  display: none !important;
}

html[data-warm-workspace] #orangeSecondaryRail.orange-secondary-inline .orange-secondary-menu {
  display: flex !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin;
  pointer-events: auto !important;
}

html[data-warm-workspace] #orangeSecondaryRail.orange-secondary-inline :is(.orange-secondary-group,.orange-secondary-group-items) {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0 !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

html[data-warm-workspace] #orangeSecondaryRail.orange-secondary-inline .orange-secondary-group h3 {
  display: none !important;
}

html[data-warm-workspace] #orangeSecondaryRail.orange-secondary-inline .orange-secondary-menu [data-secondary-key] {
  position: relative !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 132px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 3px 0 0 !important;
  padding: 0 14px !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #344055 !important;
  box-shadow: none !important;
  font: 600 14px/1.25 var(--oe-font) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}

html[data-warm-workspace] #orangeSecondaryRail.orange-secondary-inline .orange-secondary-menu [data-secondary-key].active {
  border-color: #efd8b7 !important;
  background: #fff4e5 !important;
  color: #70431a !important;
  font-weight: 700 !important;
}

html[data-warm-workspace] #orangeSecondaryRail.orange-secondary-inline .orange-secondary-menu [data-secondary-key]:hover:not(.active) {
  background: #fffaf3 !important;
  color: #70431a !important;
}

html[data-warm-workspace] #orangeSecondaryRail.orange-secondary-inline .orange-secondary-menu [data-secondary-key]:active {
  background: #f8ead7 !important;
}

html[data-warm-workspace] #orangeSecondaryRail.orange-secondary-inline .orange-secondary-menu [data-secondary-key]:focus-visible {
  outline: 3px solid rgba(169, 115, 45, .34) !important;
  outline-offset: -3px !important;
}

html[data-warm-workspace] #orangeSecondaryRail.orange-secondary-inline .orange-secondary-menu [data-secondary-key]::before,
html[data-warm-workspace] #orangeSecondaryRail.orange-secondary-inline .orange-secondary-menu [data-secondary-key]::after {
  display: none !important;
  content: none !important;
}

html[data-warm-workspace] #orangeSecondaryRail.orange-secondary-inline .orange-secondary-icon {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  margin: 0 8px 0 0 !important;
}

/* Undo the old fixed title/tab frame. The page root is the only scroller and
   title, navigation and business content now keep their natural order. */
html[data-warm-workspace]:has(#orangeSecondaryRail.orange-secondary-inline) :is(#memberAdmin,#memberBenefitsAdmin,#mediaLibraryPro,#coachMediaReview,#staffPermissionsPro,#cloudServicesPro) {
  top: var(--oe-header-height,75px) !important;
  bottom: 0 !important;
  left: var(--oe-primary-sidebar,226px) !important;
  height: auto !important;
  padding-top: 18px !important;
  overflow-y: auto !important;
  scroll-padding-top: 12px !important;
}

html[data-warm-workspace]:has(#orangeSecondaryRail.orange-secondary-inline) :is(
  #memberAdmin > .ma-head,
  #memberBenefitsAdmin > .mb-header,
  #mediaLibraryPro .mlp-head,
  #coachMediaReview > .cmr-head,
  #staffPermissionsPro > .sp-head,
  #cloudServicesPro > .cloud-services-head
) {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 55px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  background: transparent !important;
  transform: none !important;
}

html[data-warm-workspace]:has(#orangeSecondaryRail.orange-secondary-inline) #mediaLibraryPro {
  padding-top: 0 !important;
}

html[data-warm-workspace]:has(#orangeSecondaryRail.orange-secondary-inline) #mediaLibraryPro .mlp-shell {
  padding-top: 22px !important;
}

html[data-warm-workspace]:has(#orangeSecondaryRail.orange-secondary-inline) :is(
  .sp-designed-workspace,
  #maLevels,
  .mb-secondary-stage,
  .ma-honor-stage,
  .ma-recovery-stage,
  .mlp-secondary-stage,
  .cmr-workspace
) {
  height: auto !important;
  min-height: calc(100vh - 255px) !important;
  margin-top: 0 !important;
}

html[data-warm-workspace]:has(#orangeSecondaryRail.orange-secondary-inline) :is(
  .sp-designed-stage-actions,
  .ma-honor-stage-actions,
  .cmr-head-actions,
  .mb-secondary-head > div:last-child,
  .ma-recovery-stage-head > div:last-child,
  .mlp-secondary-head > div:last-child,
  #maLevelRefresh,
  .ma-level-stage-head > button
) {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
}

/* Marketing already owns an in-page navigation node. Apply one geometry to
   overview, group buying, scenario pages and detail pages alike. */
html[data-warm-workspace].orange-marketing-secondary #marketingAdmin .mk-reference-tabs {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 3px !important;
  width: 100% !important;
  height: 70px !important;
  min-height: 70px !important;
  margin: 0 0 16px !important;
  padding: 8px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border: 1px solid #e3e8ef !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  scrollbar-width: thin;
}

html[data-warm-workspace].orange-marketing-secondary #marketingAdmin .mk-reference-tabs button {
  display: inline-flex !important;
  flex: 1 0 112px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 112px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #344055 !important;
  box-shadow: none !important;
  font: 600 14px/1.25 var(--oe-font) !important;
  white-space: nowrap !important;
}

html[data-warm-workspace].orange-marketing-secondary #marketingAdmin .mk-reference-tabs button.active {
  border-color: #efd8b7 !important;
  background: #fff4e5 !important;
  color: #70431a !important;
  font-weight: 700 !important;
}

/* The remaining page-level tab bars used their own sticky rules. Keep every
   horizontal page menu in the same normal-flow contract so none can cover
   headings, cards or form copy after the inner page scroller moves. */
html[data-warm-workspace] :is(
  .settings-context-tabs,
  .marketing-section-tabs,
  .sp-tabs,
  .svc-top-tabs,
  .da-module-tabs
) {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  transform: none !important;
  backdrop-filter: none !important;
}

@media (max-width: 850px) {
  html[data-warm-workspace]:has(#orangeSecondaryRail.orange-secondary-inline) :is(#memberAdmin,#memberBenefitsAdmin,#mediaLibraryPro,#coachMediaReview,#staffPermissionsPro,#cloudServicesPro) {
    top: var(--oe-header-height,75px) !important;
    left: 0 !important;
    padding: 16px !important;
  }
  html[data-warm-workspace] #orangeSecondaryRail.orange-secondary-inline {
    height: 62px !important;
    min-height: 62px !important;
    margin-bottom: 12px !important;
    padding: 6px !important;
  }
  html[data-warm-workspace] #orangeSecondaryRail.orange-secondary-inline .orange-secondary-menu [data-secondary-key] {
    min-width: 116px !important;
    height: 48px !important;
    font-size: 13px !important;
  }
}