/* Elevate R37 UI11 — Global Navigation Standard R1
   Presentation only. Existing IDs, onclick handlers, access gates and session logic are untouched. */
.dashboard-page .elevate-product-nav.elevate-product-nav-prominent.elevate-product-nav-slim{
  min-height:44px!important;
  padding:5px 8px!important;
  gap:8px!important;
  border:1px solid var(--elevate-border-default)!important;
  border-radius:var(--elevate-radius-lg)!important;
  background:linear-gradient(135deg,var(--elevate-bg-surface) 0%,#102238 100%)!important;
  box-shadow:var(--elevate-shadow-sm)!important;
  box-sizing:border-box!important;
}
.dashboard-page .elevate-product-nav-left{gap:8px!important;min-width:0!important}
.dashboard-page .elevate-product-nav-slim .elevate-product-nav-logo{
  width:32px!important;height:32px!important;flex-basis:32px!important
}
.dashboard-page .elevate-product-wordmark{
  font-family:var(--elevate-font-sans)!important;
  font-size:18px!important;
  font-weight:var(--elevate-weight-heavy)!important;
  letter-spacing:-.02em!important
}
.dashboard-page .elevate-product-nav-slim .elevate-product-nav-tabs{
  gap:4px!important;min-width:0!important
}
.dashboard-page .elevate-product-nav-slim .elevate-product-tab{
  min-height:34px!important;
  padding:7px 11px!important;
  border:1px solid transparent!important;
  border-radius:var(--elevate-radius-md)!important;
  color:#cbd5e1!important;
  font-size:11px!important;
  font-weight:var(--elevate-weight-bold)!important;
  line-height:1.1!important
}
.dashboard-page .elevate-product-nav-slim .elevate-product-tab:hover:not(:disabled){
  background:rgba(255,255,255,.10)!important;
  color:#fff!important
}
.dashboard-page #product-nav-option.active{
  background:var(--elevate-accent-option)!important;
  color:#fff!important;
  box-shadow:none!important
}
.dashboard-page #product-nav-wealth.active{
  background:var(--elevate-accent-wealth)!important;
  color:#082033!important;
  box-shadow:none!important
}
.dashboard-page .elevate-product-tab:focus-visible,
.dashboard-page .elevate-product-logout-icon:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:2px!important
}
.dashboard-page .elevate-product-session{gap:6px!important}
.dashboard-page .elevate-product-username{
  max-width:120px!important;
  color:#dbe4ef!important;
  font-size:10px!important;
  font-weight:var(--elevate-weight-semibold)!important
}
.dashboard-page .elevate-product-session .header-role-badge{
  min-height:26px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:4px 7px!important;
  font-size:9px!important
}
.dashboard-page .elevate-product-logout-icon{
  width:32px!important;height:32px!important;flex-basis:32px!important;
  border-radius:var(--elevate-radius-md)!important
}

@media(max-width:768px){
  .dashboard-page .elevate-product-nav.elevate-product-nav-prominent.elevate-product-nav-slim{
    min-height:42px!important;padding:4px 5px!important;gap:4px!important;flex-wrap:nowrap!important
  }
  .dashboard-page .elevate-product-nav-left{gap:4px!important;overflow:hidden!important}
  .dashboard-page .elevate-product-nav-slim .elevate-product-nav-logo{
    width:28px!important;height:28px!important;flex-basis:28px!important
  }
  .dashboard-page .elevate-product-wordmark{font-size:16px!important}
  .dashboard-page .elevate-product-nav-slim .elevate-product-nav-tabs{
    flex:1 1 auto!important;overflow-x:auto!important;overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;scrollbar-width:none!important
  }
  .dashboard-page .elevate-product-nav-slim .elevate-product-nav-tabs::-webkit-scrollbar{display:none!important}
  .dashboard-page .elevate-product-nav-slim .elevate-product-tab{
    min-height:36px!important;padding:7px 8px!important;font-size:11px!important;flex:0 0 auto!important
  }
  .dashboard-page .elevate-product-username{max-width:70px!important;font-size:10px!important}
  .dashboard-page .elevate-product-session .header-role-badge{font-size:9px!important;padding:4px 5px!important}
  .dashboard-page .elevate-product-logout-icon{width:36px!important;height:36px!important;flex-basis:36px!important}
}

@media(max-width:430px){
  .dashboard-page .elevate-product-wordmark{font-size:15px!important}
  .dashboard-page .elevate-product-nav-slim .elevate-product-tab{font-size:10.5px!important;padding:7px 8px!important}
  /* R28 mobile_safety.css intentionally hides username/role here; do not undo it. */
}