/* One steady interaction language for the admin's horizontal page switches. */
html.orange-staff-secondary #orangeSecondaryRail[data-scope="staff"],
html.orange-materials-secondary #orangeSecondaryRail[data-scope="materials"],
html.orange-cloud-services-secondary #orangeSecondaryRail[data-scope="cloud-services"] {
  position: fixed !important;
  top: 151px !important;
  right: 24px !important;
  bottom: auto !important;
  left: 260px !important;
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  height: 70px !important;
  padding: 0 8px !important;
  overflow: hidden !important;
  border: 1px solid #e3e8ef !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 8px 25px #18243b08 !important;
  z-index: 10015 !important;
}
html:is(.orange-staff-secondary,.orange-materials-secondary,.orange-cloud-services-secondary) #orangeSecondaryRail .orange-secondary-head { display: none !important; }
html:is(.orange-staff-secondary,.orange-materials-secondary,.orange-cloud-services-secondary) #orangeSecondaryRail .orange-secondary-menu,
html:is(.orange-staff-secondary,.orange-materials-secondary,.orange-cloud-services-secondary) #orangeSecondaryRail :is(.orange-secondary-group,.orange-secondary-group-items) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
html:is(.orange-staff-secondary,.orange-materials-secondary,.orange-cloud-services-secondary) #orangeSecondaryRail .orange-secondary-menu {
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin;
}
html:is(.orange-staff-secondary,.orange-materials-secondary,.orange-cloud-services-secondary) #orangeSecondaryRail :is(.orange-secondary-group,.orange-secondary-group-items) { flex: none !important; width: auto !important; max-width: none !important; }
html:is(.orange-staff-secondary,.orange-materials-secondary,.orange-cloud-services-secondary) #orangeSecondaryRail .orange-secondary-group h3 { display: none !important; }
html:is(.orange-staff-secondary,.orange-materials-secondary,.orange-cloud-services-secondary) #orangeSecondaryRail .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;
  min-width: 140px !important;
  width: auto !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  margin: 0 4px 0 0 !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #344055 !important;
  font: 600 14px/1.25 var(--oe-font) !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  transition: background-color .16s ease, color .16s ease !important;
}
html:is(.orange-staff-secondary,.orange-materials-secondary,.orange-cloud-services-secondary) #orangeSecondaryRail .orange-secondary-menu [data-secondary-key].active {
  border: 1px solid #efd8b7 !important;
  background: #fff4e5 !important;
  color: #70431a !important;
  font-weight: 700 !important;
}
html:is(.orange-staff-secondary,.orange-materials-secondary,.orange-cloud-services-secondary) #orangeSecondaryRail .orange-secondary-menu [data-secondary-key]:hover:not(.active) { background: #fffaf3 !important; color: #70431a !important; }
html:is(.orange-staff-secondary,.orange-materials-secondary,.orange-cloud-services-secondary) #orangeSecondaryRail .orange-secondary-menu [data-secondary-key]::before,
html:is(.orange-staff-secondary,.orange-materials-secondary,.orange-cloud-services-secondary) #orangeSecondaryRail .orange-secondary-menu [data-secondary-key]::after { display: none !important; content: none !important; }
html:is(.orange-staff-secondary,.orange-materials-secondary,.orange-cloud-services-secondary) #orangeSecondaryRail .orange-secondary-menu .orange-secondary-icon { width: 20px !important; height: 20px !important; flex: 0 0 20px !important; margin: 0 8px 0 0 !important; }

/* Keep page actions in the title row on both overview and detail pages. The
   mirrored rail buttons otherwise appear on top of their live source buttons
   and steal space from the six material destinations at 1280px. */
html:is(.orange-staff-secondary,.orange-materials-secondary) #orangeSecondaryRail .orange-redesign-actions { display: none !important; }
html.orange-designed-staff-roles #staffPermissionsPro .sp-designed-stage-actions,
html.orange-designed-material-secondary #mediaLibraryPro .mlp-secondary-head > div:last-child,
html.orange-materials-secondary #coachMediaReview .cmr-head-actions { top: 98px !important; right: 35px !important; }

/* Cloud services keeps one stable page frame across its five destinations. */
html.orange-cloud-services-secondary { --oe-content-left: 226px !important; --oe-secondary-sidebar: 0px !important; --oe-secondary-nav-width: 0px !important; }
html.orange-cloud-services-secondary #cloudServicesPro { left: 226px !important; top: 75px !important; }
html.orange-cloud-services-secondary:not(.orange-cloud-reference) #cloudServicesPro { padding-right: 24px !important; padding-left: 34px !important; }
/* The reference-page stylesheet uses ID-level selectors; keep the overview
   and detail views on the same rail and clear the same reserved vertical slot. */
:is(#orangeCloudNavA#orangeCloudNavB#orangeCloudNavC#orangeCloudNavD,html.orange-cloud-services-secondary) #orangeSecondaryRail[data-scope="cloud-services"] { display: flex !important; }
:is(#orangeCloudNavA#orangeCloudNavB#orangeCloudNavC#orangeCloudNavD,html.orange-cloud-services-secondary) #cloudServicesPro .cloud-services-head { margin-bottom: 102px !important; }
html.orange-cloud-services-secondary:not(.orange-cloud-reference) #cloudServicesPro .cloud-ref-actions { display: flex !important; align-items: center !important; gap: 10px !important; }
html.orange-cloud-services-secondary:not(.orange-cloud-reference) #cloudServicesPro .cloud-ref-actions button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 40px !important; padding: 0 15px !important; border: 1px solid #dfe3e9 !important; border-radius: 8px !important; background: #fff !important; color: #344055 !important; font: 600 13px/1.3 var(--oe-font) !important; cursor: pointer !important; }
html.orange-cloud-services-secondary:not(.orange-cloud-reference) #cloudServicesPro #cloudServicesRefresh { border-color: #ac7b3c !important; background: #ac7b3c !important; color: #fff !important; }

/* Native legacy tabs duplicated the common redesigned rail. Keep their DOM for
   existing readiness checks and event handlers, but expose one visible nav. */
html.orange-staff-secondary #staffPermissionsPro .sp-ref-tabs,
html.orange-materials-secondary #mediaLibraryPro .mlp-ref-tabs { display: none !important; }
html.orange-staff-secondary:not(.orange-designed-staff-roles) #staffPermissionsPro .sp-head { margin-bottom: 82px !important; }
html.orange-materials-secondary:not(.orange-designed-material-secondary) #mediaLibraryPro .mlp-ref-kpis { margin-top: 82px !important; }

/* Member and marketing module bars share the same geometry on every subpage.
   The previous member overview used a separate iconless nav and switched
   styles as soon as a detail tab was opened. */
#memberAdmin .ma-ref-menu { display: none !important; }
html.orange-member-reference-firstfold.orange-member-secondary-nav #orangeSecondaryRail[data-scope="members"] { display: flex !important; }
html.orange-member-reference-firstfold #memberAdmin .ma-shell { padding-top: 76px !important; }
html.orange-member-secondary-nav #orangeSecondaryRail[data-scope="members"] {
  position: fixed !important;
  top: 151px !important;
  right: 24px !important;
  bottom: auto !important;
  left: 260px !important;
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  height: 70px !important;
  padding: 0 8px !important;
  overflow: hidden !important;
  border: 1px solid #e3e8ef !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 8px 25px #18243b08 !important;
  z-index: 10015 !important;
}
html:is(.orange-member-secondary-nav,.orange-marketing-secondary:not(.orange-marketing-reference):not(.orange-marketing-detail)) #orangeSecondaryRail .orange-secondary-head { display: none !important; }
html:is(.orange-member-secondary-nav,.orange-marketing-secondary:not(.orange-marketing-reference):not(.orange-marketing-detail)) #orangeSecondaryRail .orange-secondary-menu,
html:is(.orange-member-secondary-nav,.orange-marketing-secondary:not(.orange-marketing-reference):not(.orange-marketing-detail)) #orangeSecondaryRail :is(.orange-secondary-group,.orange-secondary-group-items) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
html:is(.orange-member-secondary-nav,.orange-marketing-secondary:not(.orange-marketing-reference):not(.orange-marketing-detail)) #orangeSecondaryRail .orange-secondary-menu {
  flex: 0 1 auto !important;
  width: max-content !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin;
}
html:is(.orange-member-secondary-nav,.orange-marketing-secondary:not(.orange-marketing-reference):not(.orange-marketing-detail)) #orangeSecondaryRail:has(.orange-redesign-actions) .orange-secondary-menu { max-width: calc(100% - 284px) !important; }
html:is(.orange-member-secondary-nav,.orange-marketing-secondary:not(.orange-marketing-reference):not(.orange-marketing-detail)) #orangeSecondaryRail :is(.orange-secondary-group,.orange-secondary-group-items) { flex: none !important; width: auto !important; max-width: none !important; }
html:is(.orange-member-secondary-nav,.orange-marketing-secondary:not(.orange-marketing-reference):not(.orange-marketing-detail)) #orangeSecondaryRail .orange-secondary-group h3 { display: none !important; }
html:is(.orange-member-secondary-nav,.orange-marketing-secondary:not(.orange-marketing-reference):not(.orange-marketing-detail)) #orangeSecondaryRail .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;
  min-width: 140px !important;
  width: auto !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  margin: 0 4px 0 0 !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #344055 !important;
  font: 600 14px/1.25 var(--oe-font) !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  transition: background-color .16s ease, color .16s ease !important;
}
html:is(.orange-member-secondary-nav,.orange-marketing-secondary:not(.orange-marketing-reference):not(.orange-marketing-detail)) #orangeSecondaryRail .orange-secondary-menu [data-secondary-key].active {
  border-color: #efd8b7 !important;
  background: #fff4e5 !important;
  color: #70431a !important;
  font-weight: 700 !important;
}
html:is(.orange-member-secondary-nav,.orange-marketing-secondary:not(.orange-marketing-reference):not(.orange-marketing-detail)) #orangeSecondaryRail .orange-secondary-menu [data-secondary-key]:hover:not(.active) { background: #fffaf3 !important; color: #70431a !important; }
html:is(.orange-member-secondary-nav,.orange-marketing-secondary:not(.orange-marketing-reference):not(.orange-marketing-detail)) #orangeSecondaryRail .orange-secondary-menu [data-secondary-key]::before,
html:is(.orange-member-secondary-nav,.orange-marketing-secondary:not(.orange-marketing-reference):not(.orange-marketing-detail)) #orangeSecondaryRail .orange-secondary-menu [data-secondary-key]::after { display: none !important; content: none !important; }
html:is(.orange-member-secondary-nav,.orange-marketing-secondary:not(.orange-marketing-reference):not(.orange-marketing-detail)) #orangeSecondaryRail .orange-secondary-menu .orange-secondary-icon { width: 20px !important; height: 20px !important; flex: 0 0 20px !important; margin: 0 8px 0 0 !important; }
html.orange-marketing-secondary:not(.orange-marketing-reference):not(.orange-marketing-detail) #orangeSecondaryRail .orange-secondary-menu [data-secondary-key] { min-width: 110px !important; padding: 0 8px !important; margin-right: 2px !important; }

/* Member archive layout: the horizontal secondary navigation replaced the old
   two-column rail, so the work area must use the same left/right guides as the
   fixed title and tabs. Do not center a legacy 1480px canvas inside it. */
html[data-warm-workspace].orange-member-secondary-nav #memberAdmin#memberAdmin#memberAdmin#memberAdmin#memberAdmin {
  left: 226px !important;
  right: 0 !important;
  padding: 0 24px 32px 34px !important;
}
html[data-warm-workspace].orange-member-secondary-nav #memberAdmin#memberAdmin > .ma-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html[data-warm-workspace].orange-member-secondary-nav #memberAdmin#memberAdmin > .ma-head > div:first-child {
  display: flex !important;
  min-width: 0 !important;
  height: 55px !important;
  align-items: center !important;
  gap: 16px !important;
}
html[data-warm-workspace].orange-member-secondary-nav #memberAdmin#memberAdmin > .ma-head h1 {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}
html[data-warm-workspace].orange-member-secondary-nav #memberAdmin#memberAdmin > .ma-head .ma-desc {
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #737d8d !important;
  line-height: 1.45 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html[data-warm-workspace].orange-member-secondary-nav #memberAdmin#memberAdmin #maReferenceFold {
  display: none !important;
}
html[data-warm-workspace].orange-member-secondary-nav #memberAdmin#memberAdmin #maMembers {
  width: 100% !important;
  max-width: none !important;
  min-height: calc(100vh - 271px) !important;
  margin: 12px 0 0 !important;
}
html[data-warm-workspace].orange-member-secondary-nav #memberAdmin#memberAdmin :is(.ma-query-toolbar,.ma-batch-toolbar) {
  min-width: 0 !important;
}
html[data-warm-workspace].orange-member-secondary-nav #memberAdmin#memberAdmin .ma-query-toolbar > :is(input,select,.orange-select-trigger) {
  min-width: 0 !important;
}

/* Detail pages once fell back to native buttons and a second vertical rail.
   Keep the same horizontal language as marketing overview and business pages. */
html.orange-marketing-detail { --oe-content-left: 226px !important; --oe-secondary-nav-width: 0px !important; }
html.orange-marketing-detail #orangeSecondaryRail[data-scope="marketing"] { display: none !important; }
html.orange-marketing-detail #marketingAdmin { left: 226px !important; top: 75px !important; background: #fff !important; color: #101626 !important; font-family: var(--oe-font) !important; }
html.orange-marketing-detail #marketingAdmin .marketing-main { padding: 18px 24px 56px 34px !important; scrollbar-gutter: auto !important; }
html.orange-marketing-detail #marketingAdmin .marketing-main-inner { width: 100% !important; max-width: none !important; }
html.orange-marketing-detail #marketingAdmin .marketing-head { min-height: 64px !important; margin: 0 !important; align-items: flex-start !important; }
html.orange-marketing-detail #marketingAdmin .marketing-head > div:first-child { display: flex !important; align-items: baseline !important; gap: 16px !important; }
html.orange-marketing-detail #marketingAdmin .marketing-head h1 { color: #101626 !important; font: 700 32px/44px var(--oe-font) !important; }
html.orange-marketing-detail #marketingAdmin .marketing-desc { max-width: none !important; margin: 0 !important; color: #768091 !important; font: 400 14px/44px var(--oe-font) !important; }
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  width: 100% !important;
  height: 70px !important;
  min-height: 70px !important;
  margin: 0 0 16px !important;
  padding: 8px !important;
  overflow: visible !important;
  border: 1px solid #e3e8ef !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 8px 25px #18243b08 !important;
  box-sizing: border-box !important;
}
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs button,
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs summary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 130px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #344055 !important;
  font: 600 14px/1.25 var(--oe-font) !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: background-color .16s ease, color .16s ease !important;
}
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs button.active,
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs summary.active {
  border-color: #efd8b7 !important;
  background: #fff4e5 !important;
  color: #70431a !important;
  font-weight: 700 !important;
}
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs :is(button,summary):hover:not(.active) { background: #fffaf3 !important; color: #70431a !important; }
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs :is(button,summary):focus-visible,
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs a:focus-visible { outline: 2px solid #a77536 !important; outline-offset: 2px !important; }
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs button::before {
  content: '';
  display: block;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: center / contain no-repeat;
}
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs [data-mk-reference-tab="dashboard"]::before { mask-image: url('/assets/icons/workspace/layout-dashboard.svg'); }
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs [data-mk-reference-tab="coupons"]::before { mask-image: url('/assets/icons/reference-menu/receipt.svg'); }
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs [data-mk-reference-tab="automation"]::before { mask-image: url('/assets/icons/workspace/automation.svg'); }
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs [data-mk-reference-tab="analytics"]::before { mask-image: url('/assets/icons/workspace/chart-bars.svg'); }
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs details { position: relative !important; flex: 0 0 auto !important; margin-left: auto !important; }
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs summary { list-style: none !important; }
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs summary::-webkit-details-marker { display: none !important; }
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs details > div { position: absolute !important; top: 54px !important; right: 0 !important; z-index: 10030 !important; display: grid !important; min-width: 180px !important; padding: 6px !important; border: 1px solid #e3e8ef !important; border-radius: 10px !important; background: #fff !important; box-shadow: 0 12px 30px #19223520 !important; }
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs details a { display: flex !important; align-items: center !important; min-height: 40px !important; padding: 0 12px !important; border-radius: 7px !important; color: #344055 !important; font: 600 13px/1.3 var(--oe-font) !important; text-decoration: none !important; }
html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs details a:hover { background: #fff4e5 !important; color: #70431a !important; }
html.orange-designed-member-levels #memberAdmin .ma-level-toolbar { display: flex !important; align-items: center !important; min-height: 40px !important; height: auto !important; gap: 10px !important; }
html.orange-designed-member-levels #memberAdmin .ma-level-toolbar label { flex: 1 1 auto !important; width: auto !important; min-width: 160px !important; }
html.orange-designed-member-levels #memberAdmin .ma-level-toolbar label input { display: block !important; width: 100% !important; min-width: 0 !important; }
html.orange-designed-member-levels #memberAdmin .ma-level-toolbar select { flex: 0 0 180px !important; width: 180px !important; max-width: 180px !important; height: 40px !important; }
html.orange-designed-member-levels #memberAdmin .ma-level-toolbar .orange-select-trigger { flex: 0 0 180px !important; width: 180px !important; min-width: 180px !important; max-width: 180px !important; height: 40px !important; min-height: 40px !important; white-space: nowrap !important; }
html.orange-designed-member-levels #memberAdmin .ma-level-toolbar #maLevelSearch { flex: 0 0 76px !important; width: 76px !important; min-width: 76px !important; height: 40px !important; min-height: 40px !important; white-space: nowrap !important; }
@media (max-width: 1000px) {
  html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs { overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: thin; }
  html:is(.orange-marketing-reference,.orange-marketing-detail) #marketingAdmin .mk-reference-tabs details { margin-left: 0 !important; }
}

/* Coach navigation must never reflow into a second row over the work area. */
html[data-warm-workspace] #coachAdmin.coach-admin-pro .cap-head-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 74px !important;
  min-height: 74px !important;
  padding: 11px 10px !important;
  gap: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin;
}
html[data-warm-workspace] #coachAdmin.coach-admin-pro .cap-head-actions button:not(#capAdd) {
  position: relative !important;
  flex: 1 0 120px !important;
  width: auto !important;
  min-width: 120px !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 8px !important;
  gap: 8px !important;
  border: 0 !important;
  border-right: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #273247 !important;
  font: 500 16px/1.2 var(--oe-font) !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transition: background-color .16s ease, color .16s ease !important;
}
html[data-warm-workspace] #coachAdmin.coach-admin-pro .cap-head-actions button:not(#capAdd)::before { content: none !important; }
html[data-warm-workspace] #coachAdmin.coach-admin-pro .cap-head-actions button:not(#capAdd).active { border-right-color: transparent !important; border-radius: 9px !important; background: #fff4e5 !important; color: #70431a !important; }
html[data-warm-workspace] #coachAdmin.coach-admin-pro .cap-head-actions button:not(#capAdd):hover { background: #fff9f1 !important; }
html[data-warm-workspace] #coachAdmin.coach-admin-pro .cap-head-actions #capAdd {
  position: sticky !important;
  right: 0 !important;
  z-index: 2 !important;
  flex: 0 0 176px !important;
  min-width: 176px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 0 0 10px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

/* Stable segmented controls: no collapsing border or changing box dimensions. */
html[data-warm-workspace] #financeReportPro .fs-segments { display: inline-flex !important; gap: 4px !important; padding: 4px !important; border: 1px solid #e3e0da !important; border-radius: 10px !important; background: #fff !important; }
html[data-warm-workspace] #financeReportPro .fs-segments .fs-btn { min-width: 66px !important; height: 34px !important; min-height: 34px !important; margin: 0 !important; border: 1px solid transparent !important; border-radius: 7px !important; background: #fff !important; color: #465168 !important; box-shadow: none !important; transition: background-color .16s ease, color .16s ease !important; }
html[data-warm-workspace] #financeReportPro .fs-segments .fs-btn.active { border-color: #b78848 !important; background: #b78848 !important; color: #fff !important; }
html[data-warm-workspace] #financeReportPro .fs-segments .fs-btn:hover:not(.active) { background: #fff4e5 !important; color: #70431a !important; }

/* Same visual rhythm for frequently used top-level category and mode tabs. */
:is(#deviceAutomationForm .da-module-tabs,#productAdminPro .pap-category-tabs,#reservationAdminPro .rap-ref-tabs,#orderRoutingPro .orp-modes) {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 5px !important;
  width: max-content !important;
  max-width: 100% !important;
  min-height: 56px !important;
  padding: 5px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border: 1px solid #e3e8ef !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 6px 20px #18243b08 !important;
  scrollbar-width: thin;
}
#deviceAutomationForm .da-module-tabs { width: 100% !important; margin-bottom: 18px !important; position: static !important; }
#storeSettingsOverlay #settingsContextTabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 60px !important;
  padding: 6px !important;
  overflow: hidden !important;
  border: 1px solid #e3e8ef !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 6px 20px #18243b08 !important;
}
#storeSettingsOverlay #settingsContextTabs > strong { display: none !important; }
#storeSettingsOverlay #settingsContextTabs > div {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin;
}
#storeSettingsOverlay #settingsContextTabs button {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 110px !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 16px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #455066 !important;
  font: 600 14px/1.25 var(--oe-font) !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transition: background-color .16s ease, color .16s ease !important;
}
#storeSettingsOverlay #settingsContextTabs button.active { border-color: #efd8b7 !important; background: #fff4e5 !important; color: #70431a !important; }
#storeSettingsOverlay #settingsContextTabs button:hover:not(.active) { background: #fff9f1 !important; color: #70431a !important; }
#orderRoutingPro .orp-modes i { display: none !important; }
:is(#deviceAutomationForm .da-module-tab,#productAdminPro .pap-category-tab,#reservationAdminPro .rap-ref-tabs button,#orderRoutingPro .orp-modes button) {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 104px !important;
  min-height: 44px !important;
  padding: 0 15px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #455066 !important;
  font: 600 14px/1.25 var(--oe-font) !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transition: background-color .16s ease, color .16s ease !important;
}
:is(#deviceAutomationForm .da-module-tab,#productAdminPro .pap-category-tab,#reservationAdminPro .rap-ref-tabs button,#orderRoutingPro .orp-modes button).active {
  border-color: #efd8b7 !important;
  background: #fff4e5 !important;
  color: #70431a !important;
  box-shadow: none !important;
}
:is(#deviceAutomationForm .da-module-tab,#productAdminPro .pap-category-tab,#reservationAdminPro .rap-ref-tabs button,#orderRoutingPro .orp-modes button):hover:not(.active) { background: #fff9f1 !important; color: #70431a !important; }
:is(#storeSettingsOverlay #settingsContextTabs button,#deviceAutomationForm .da-module-tab,#productAdminPro .pap-category-tab,#reservationAdminPro .rap-ref-tabs button,#orderRoutingPro .orp-modes button)::after { display: none !important; content: none !important; }
:is(#orangeSecondaryRail [data-secondary-key],#coachAdmin .cap-head-actions button,#financeReportPro .fs-segments button,#deviceAutomationForm .da-module-tab,#storeSettingsOverlay #settingsContextTabs button,#productAdminPro .pap-category-tab,#reservationAdminPro .rap-ref-tabs button,#orderRoutingPro .orp-modes button):focus-visible { outline: 2px solid #a77536 !important; outline-offset: -2px !important; }
@media (max-width: 900px) {
  html.orange-staff-secondary #orangeSecondaryRail[data-scope="staff"],
  html.orange-materials-secondary #orangeSecondaryRail[data-scope="materials"],
  html.orange-cloud-services-secondary #orangeSecondaryRail[data-scope="cloud-services"] { top: 130px !important; right: 16px !important; left: 16px !important; height: 62px !important; }
  html:is(.orange-staff-secondary,.orange-materials-secondary,.orange-cloud-services-secondary) #orangeSecondaryRail [data-secondary-key] { min-width: 116px !important; font-size: 13px !important; }
  html.orange-cloud-services-secondary #cloudServicesPro { left: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
  :is(#orangeSecondaryRail [data-secondary-key],#marketingAdmin .mk-reference-tabs button,#marketingAdmin .mk-reference-tabs summary,#coachAdmin .cap-head-actions button,#financeReportPro .fs-segments button,#deviceAutomationForm .da-module-tab,#storeSettingsOverlay #settingsContextTabs button,#productAdminPro .pap-category-tab,#reservationAdminPro .rap-ref-tabs button,#orderRoutingPro .orp-modes button) { transition: none !important; }
}