/* MyStationHub customer workspace sidebar — compact ChatGPT-inspired desktop treatment.
   One authoritative customer-only stylesheet replaces accumulated legacy overrides.
   Header curve, authenticated navigation links, pages and mobile drawer remain intact. */

/* Stabilize the Assistance/Support rail during async account-menu mounting.
   Keep the customer footer last even if another visual script briefly reorders
   the DOM. Scrolling stays exclusively on the middle navigation pane. */
body.msh-dashboard-page #mshCustomerSidebar.msh-customer-structured>.msh-side-collapse-toggle{
 order:0!important;
}
body.msh-dashboard-page #mshCustomerSidebar.msh-customer-structured>.msh-customer-nav-scroll{
 order:1!important;
}
body.msh-dashboard-page #mshCustomerSidebar.msh-customer-structured>.msh-customer-support-footer{
 order:2!important;
 margin-top:auto!important;
 flex-shrink:0!important;
}

/* Structural scrolling works on desktop and in the mobile drawer. */
body.msh-dashboard-page #mshCustomerSidebar.msh-customer-structured{
 display:flex!important;flex-direction:column!important;min-height:0!important;
 overflow:hidden!important;box-sizing:border-box!important;
}
body.msh-dashboard-page #mshCustomerSidebar.msh-customer-structured>.msh-customer-nav-scroll{
 display:block!important;flex:1 1 0%!important;min-height:0!important;
 overflow-y:auto!important;overflow-x:hidden!important;
 overscroll-behavior-y:contain!important;
 scrollbar-width:thin;scrollbar-color:#bfc7cf transparent;
}
body.msh-dashboard-page #mshCustomerSidebar.msh-customer-structured .msh-customer-nav-scroll>#customerNav{
 display:flex!important;flex-direction:column!important;position:static!important;
 height:auto!important;min-height:0!important;max-height:none!important;
 overflow:visible!important;flex:none!important;
}
body.msh-dashboard-page #mshCustomerSidebar.msh-customer-structured>.msh-customer-support-footer{
 display:block!important;flex:0 0 auto!important;min-height:0!important;
 margin:0 0 0!important;margin-top:auto!important;position:relative!important;
}
body.msh-dashboard-page #mshCustomerSidebar .msh-next-side-footer:not(.msh-customer-support-footer),
body.msh-dashboard-page #mshCustomerSidebar .msh-next-menu-search{display:none!important}

@media(min-width:861px){
 /* Header retains its real, existing curved divider. The rail begins beneath it. */
 html[data-msh-surface="customer"] body.msh-dashboard-page .msh-customer-workspace{
  grid-template-columns:250px minmax(0,1fr)!important;
  transition:grid-template-columns 290ms cubic-bezier(.2,.76,.2,1)!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page.msh-side-collapsed .msh-customer-workspace{
  grid-template-columns:64px minmax(0,1fr)!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page #mshCustomerSidebar.msh-customer-structured{
  position:sticky!important;top:99px!important;align-self:start!important;
  margin:15px 0 0!important;
  width:auto!important;min-width:0!important;max-width:none!important;
  height:calc(100dvh - 114px)!important;max-height:calc(100dvh - 114px)!important;
  padding:9px!important;background:#f8f8f8!important;background-image:none!important;
  color:#333b43!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page #mshCustomerSidebar.msh-side-collapsed{
  width:auto!important;min-width:0!important;padding:9px 5px!important;
 }
 /* No second logo, sidebar title, promo card or search field. */
 body.msh-dashboard-page #mshCustomerSidebar .msh-next-side-heading,
 body.msh-dashboard-page #mshCustomerSidebar .msh-customer-side-intro{display:none!important}
 body.msh-dashboard-page #mshCustomerSidebar .msh-side-collapse-toggle{
  display:flex!important;flex:0 0 36px!important;
  align-items:center!important;justify-content:center!important;
  width:36px!important;height:36px!important;padding:0!important;
  margin:0 0 12px 1px!important;
  border:0!important;border-radius:9px!important;
  background:transparent!important;color:#46525d!important;
  box-shadow:none!important;cursor:pointer!important;
  transition:background-color 160ms ease!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar .msh-side-collapse-toggle:hover{background:#e9e9e9!important}
 body.msh-dashboard-page #mshCustomerSidebar .msh-side-collapse-toggle svg{width:19px!important;height:19px!important}
 body.msh-dashboard-page #mshCustomerSidebar .msh-customer-nav-scroll{
  padding:0!important;scrollbar-color:#c3c3c3 transparent;
 }
 body.msh-dashboard-page #mshCustomerSidebar .msh-vm-navigation-group{
  display:flex!important;flex-direction:column!important;gap:1px!important;margin:0 0 5px!important;min-width:0!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar :is(.msh-vm-navigation-label,.msh-workspace-group){
  font-size:10px!important;line-height:1.3!important;font-weight:650!important;
  letter-spacing:.04em!important;color:#92979b!important;
  padding:14px 10px 6px!important;margin:0!important;text-transform:uppercase!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar #customerNav{
  padding:0!important;margin:0!important;background:transparent!important;gap:1px!important;
 }
 /* Flat item rows; light gray selection, no blue backgrounds or left arcs. */
 html[data-msh-surface="customer"] body.msh-dashboard-page #mshCustomerSidebar
   #customerNav :is(a.msh-workspace-link,a.account-nav-home,details.msh-workspace-menu>summary),
 html[data-msh-surface="customer"] body.msh-dashboard-page #mshCustomerSidebar .msh-customer-support-footer a{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;
  justify-content:flex-start!important;gap:12px!important;
  width:100%!important;min-width:0!important;min-height:38px!important;
  padding:8px 10px!important;margin:0!important;border:0!important;
  border-radius:9px!important;background:transparent!important;background-image:none!important;
  box-shadow:none!important;color:#333b43!important;
  font-size:15px!important;font-weight:500!important;line-height:1.4!important;
  text-decoration:none!important;transform:none!important;
  transition:background-color 160ms ease,color 160ms ease!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page #mshCustomerSidebar
  #customerNav :is(a,summary):hover,
 html[data-msh-surface="customer"] body.msh-dashboard-page #mshCustomerSidebar .msh-customer-support-footer a:hover{
  background:#ececec!important;color:#292e33!important;transform:none!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page #mshCustomerSidebar #customerNav
 :is(a[aria-current="page"],.msh-workspace-submenu a[aria-current="page"]){
  background:#E8F0F3!important;color:#20252a!important;
  font-weight:650!important;box-shadow:none!important;border:0!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page #mshCustomerSidebar #customerNav
   details.msh-workspace-menu[data-active="true"]>summary{
  background:transparent!important;color:#333b43!important;font-weight:500!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page #mshCustomerSidebar #customerNav
 :is(a[aria-current="page"],.msh-workspace-submenu a[aria-current="page"],details.msh-workspace-menu>summary)::before{
  content:none!important;display:none!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar #customerNav :is(a,summary)>.account-nav-icon{
  width:19px!important;height:19px!important;flex:0 0 19px!important;
  color:inherit!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar #customerNav details.msh-workspace-menu{
  display:block!important;width:100%!important;min-width:0!important;margin:0!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar #customerNav details.msh-workspace-menu>summary{
  cursor:default!important;list-style:none!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar #customerNav details.msh-workspace-menu>summary::-webkit-details-marker{display:none}
 body.msh-dashboard-page #mshCustomerSidebar #customerNav .msh-workspace-chevron{display:none!important}
 body.msh-dashboard-page #mshCustomerSidebar #customerNav details.msh-workspace-menu[open]>.msh-workspace-submenu{
  display:grid!important;animation:none!important;transform:none!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar #customerNav .msh-workspace-submenu{
  gap:1px!important;margin:0 0 3px 24px!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page #mshCustomerSidebar #customerNav .msh-workspace-submenu a{
  display:flex!important;align-items:center!important;width:100%!important;
  min-width:0!important;min-height:34px!important;padding:7px 10px!important;
  background:transparent!important;border:0!important;border-radius:9px!important;
  font-size:14px!important;font-weight:500!important;color:#59636c!important;
  text-decoration:none!important;box-shadow:none!important;transform:none!important;
  transition:background-color 160ms ease,color 160ms ease!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page #mshCustomerSidebar #customerNav .msh-workspace-submenu a[aria-current="page"]{
  background:#E8F0F3!important;color:#20252a!important;font-weight:650!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar .msh-customer-support-footer{
  padding:8px 0 3px!important;border-top:1px solid #e4e4e4!important;
  background:#f8f8f8!important;background-image:none!important;box-shadow:none!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar .msh-customer-support-footer .msh-vm-navigation-label{display:none!important}
 body.msh-dashboard-page #mshCustomerSidebar .msh-customer-support-footer .msh-vm-navigation-group{margin:0!important}
 body.msh-dashboard-page #mshCustomerSidebar .msh-customer-support-footer svg{
  width:19px!important;height:19px!important;flex:0 0 19px!important;
 }
 /* Compact icon-only rail uses the SAME 38px hit target as menu items. */
 body.msh-dashboard-page #mshCustomerSidebar.msh-side-collapsed .msh-customer-nav-scroll{
  scrollbar-width:none!important;padding:0!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar.msh-side-collapsed .msh-customer-nav-scroll::-webkit-scrollbar{display:none!important}
 body.msh-dashboard-page #mshCustomerSidebar.msh-side-collapsed :is(.msh-vm-navigation-label,.msh-workspace-group,.msh-workspace-divider,.msh-next-side-heading,.msh-workspace-submenu){
  display:none!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar.msh-side-collapsed .msh-vm-navigation-group{
  display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;margin:0!important;padding:0!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar.msh-side-collapsed #customerNav{align-items:center!important;gap:3px!important}
 body.msh-dashboard-page #mshCustomerSidebar.msh-side-collapsed #customerNav details.msh-workspace-menu{
  display:flex!important;justify-content:center!important;width:100%!important;min-width:0!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page #mshCustomerSidebar.msh-side-collapsed
 #customerNav :is(a.msh-workspace-link,a.account-nav-home,details.msh-workspace-menu>summary),
 html[data-msh-surface="customer"] body.msh-dashboard-page #mshCustomerSidebar.msh-side-collapsed .msh-customer-support-footer a{
  width:38px!important;min-width:38px!important;max-width:38px!important;
  height:38px!important;min-height:38px!important;
  flex:0 0 38px!important;padding:0!important;margin:0!important;
  display:flex!important;justify-content:center!important;gap:0!important;
  font-size:0!important;border-radius:9px!important;
  overflow:hidden!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar.msh-side-collapsed #customerNav :is(a,summary) > span{
  display:none!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar.msh-side-collapsed #customerNav .msh-workspace-submenu{display:none!important}
 body.msh-dashboard-page #mshCustomerSidebar.msh-side-collapsed #customerNav details.msh-workspace-menu>summary{cursor:pointer!important}
 body.msh-dashboard-page #mshCustomerSidebar.msh-side-collapsed .msh-customer-support-footer .msh-vm-navigation-group{display:flex!important;justify-content:center!important}
 body.msh-dashboard-page #mshCustomerSidebar.msh-side-collapsed .msh-customer-support-footer a span{display:none!important}
}
/* Keep phones on the original slide-out drawer; only the desktop rail changes. */
@media(max-width:860px){
 body.msh-dashboard-page #mshCustomerSidebar.msh-customer-structured{
  height:100dvh!important;max-height:100dvh!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar .msh-side-collapse-toggle{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 body.msh-dashboard-page .msh-customer-workspace,
 body.msh-dashboard-page #mshCustomerSidebar *{
  transition:none!important;animation:none!important;scroll-behavior:auto!important;
 }
}

/* Collapsed desktop: the older [open] submenu display:grid rule has two IDs,
   so it could override a less-specific display:none rule. Its invisible
   children were consuming height and widening <details>, clipping icons.
   Match the exact open-child selector with stronger customer-only specificity. */
@media(min-width:861px){
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar.msh-side-collapsed #customerNav
 details.msh-workspace-menu[open] > .msh-workspace-submenu{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar.msh-side-collapsed #customerNav
 details.msh-workspace-menu{
  display:flex!important;
  flex:0 0 38px!important;
  align-self:center!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  margin:2px auto!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar.msh-side-collapsed #customerNav
 details.msh-workspace-menu > summary{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 38px!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;
  box-sizing:border-box!important;
  border-radius:9px!important;
  overflow:visible!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar.msh-side-collapsed #customerNav
 details.msh-workspace-menu > summary > svg.account-nav-icon{
  display:block!important;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  min-height:19px!important;
  flex:0 0 19px!important;
  margin:0!important;
  transform:none!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar.msh-side-collapsed #customerNav
 details.msh-workspace-menu[data-active="true"] > summary{
  background:#E8F0F3!important;
  color:#20252a!important;
 }
}

/* Parent headings are real navigational shortcuts. Keep all child links visible;
   clicking them selects their own first destination without toggling layout. */
@media(min-width:861px){
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav details.msh-workspace-menu > summary{
  cursor:pointer!important;
  transition:background-color 160ms ease,color 160ms ease!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav details.msh-workspace-menu > summary:hover{
  background:#ececec!important;color:#292e33!important;
 }
}
/* Short overlay pulse: acknowledges parent clicks even when the first child
   was already the current page, without moving the sidebar or main workspace. */
html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav .msh-workspace-submenu a.msh-nav-feedback{
 position:relative!important;
 isolation:isolate;
}
html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav .msh-workspace-submenu a.msh-nav-feedback::after{
 content:"";
 position:absolute;
 inset:0;
 border-radius:inherit;
 pointer-events:none;
 background:#7bc1ed;
 opacity:0;
 animation:msh-customer-menu-ack 440ms ease-out 1;
}
@keyframes msh-customer-menu-ack{
 0%{opacity:0}
 32%{opacity:.22}
 100%{opacity:0}
}
@media(prefers-reduced-motion:reduce){
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav .msh-workspace-submenu a.msh-nav-feedback::after{
  animation:none!important;display:none!important;
 }
}


/* Mobile drawer correction: the station Support link was moved into the pinned
   footer, but its SVG only had desktop sizing. On phones it could grow to
   hundreds of pixels, hiding most navigation beneath the fixed footer. */
@media(max-width:860px){
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar.msh-customer-structured > .msh-next-side-heading{
  flex:0 0 auto!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar.msh-customer-structured > .msh-customer-nav-scroll{
  flex:1 1 0%!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar.msh-customer-structured > .msh-customer-support-footer{
  display:block!important;
  flex:0 0 auto!important;
  align-self:stretch!important;
  min-height:0!important;
  width:100%!important;
  margin:0 0 0!important;margin-top:auto!important;
  padding:8px 10px calc(10px + env(safe-area-inset-bottom))!important;
  border:0!important;
  border-top:1px solid #e4eaf0!important;
  border-radius:0!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar .msh-customer-support-footer .msh-vm-navigation-group{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar .msh-customer-support-footer .msh-vm-navigation-label{
  display:none!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar .msh-customer-support-footer a{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  max-height:54px!important;
  margin:0!important;
  padding:10px 12px!important;
  gap:12px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#40536f!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:650!important;
  text-decoration:none!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar .msh-customer-support-footer a :is(svg,svg.account-nav-icon){
  display:block!important;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  min-height:19px!important;
  max-width:19px!important;
  max-height:19px!important;
  flex:0 0 19px!important;
  margin:0!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar .msh-customer-support-footer a span{
  display:inline!important;
  min-width:0!important;
 }
}


/* Phone drawer shares the SAME menu language as the desktop ChatGPT-inspired
   sidebar. Only its presentation as a touch-friendly slide-out drawer differs.
   Scope these rules to the authenticated customer dashboard, never admin. */
@media(max-width:860px){
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar.msh-customer-structured{
  background:#f8f8f8!important;
  background-image:none!important;
  color:#333b43!important;
  border:0!important;
  padding:12px 10px 0!important;
  box-shadow:20px 0 70px #1d2f5b20!important;
 }
 /* Desktop has no secondary workspace heading; remove it on phones too. */
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar :is(.msh-next-side-heading,.msh-customer-side-intro){
  display:none!important;
 }
 /* Phone needs its close control, but it should match the neutral menu rows. */
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar .msh-side-close{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:44px!important;
  margin:0 0 9px!important;
  padding:9px 12px!important;
  background:#eeeeee!important;
  border:0!important;
  border-radius:9px!important;
  box-shadow:none!important;
  color:#333b43!important;
  font-size:15px!important;
  font-weight:500!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar > .msh-customer-nav-scroll{
  padding:0!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:1px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar .msh-vm-navigation-group{
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
  min-width:0!important;
  margin:0 0 5px!important;
  padding:0!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar :is(.msh-vm-navigation-label,.msh-workspace-group){
  display:block!important;
  margin:0!important;
  padding:12px 10px 6px!important;
  font-size:10px!important;
  line-height:1.3!important;
  font-weight:650!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  color:#92979b!important;
 }
 /* Match desktop typography and gray selected-pill treatment, but retain
    a >=44px hit area so all items are usable by touch. */
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav :is(a.msh-workspace-link,a.account-nav-home,details.msh-workspace-menu>summary){
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  padding:10px 10px!important;
  margin:0!important;
  gap:12px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#333b43!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.4!important;
  text-decoration:none!important;
  transform:none!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav :is(a.msh-workspace-link,a.account-nav-home,details.msh-workspace-menu>summary)>.account-nav-icon{
  display:block!important;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  min-height:19px!important;
  flex:0 0 19px!important;
  margin:0!important;
  color:inherit!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav :is(a,summary):hover{
  background:#ececec!important;
  color:#292e33!important;
  transform:none!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav a[aria-current="page"]{
  background:#E8F0F3!important;
  color:#20252a!important;
  font-weight:650!important;
  border:0!important;
  box-shadow:none!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav :is(a[aria-current="page"],details.msh-workspace-menu>summary)::before{
  content:none!important;
  display:none!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav details.msh-workspace-menu{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav details.msh-workspace-menu>summary{
  list-style:none!important;
  cursor:pointer!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav details.msh-workspace-menu>summary::-webkit-details-marker{
  display:none!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav .msh-workspace-chevron{
  display:none!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav details.msh-workspace-menu[data-active="true"]>summary{
  background:transparent!important;
  color:#333b43!important;
  font-weight:500!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav details.msh-workspace-menu[open]>.msh-workspace-submenu{
  display:grid!important;
  animation:none!important;
  transform:none!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav .msh-workspace-submenu{
  display:grid!important;
  gap:1px!important;
  margin:0 0 3px 24px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav .msh-workspace-submenu a{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  padding:9px 10px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:9px!important;
  box-shadow:none!important;
  color:#59636c!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:500!important;
  text-decoration:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  transform:none!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar #customerNav .msh-workspace-submenu a[aria-current="page"]{
  background:#E8F0F3!important;
  color:#20252a!important;
  box-shadow:none!important;
  font-weight:650!important;
 }
 /* Footer remains pinned, matching the desktop gray rail and icon sizing. */
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar.msh-customer-structured>.msh-customer-support-footer{
  background:#f8f8f8!important;
  padding:8px 0 calc(8px + env(safe-area-inset-bottom))!important;
  border-top:1px solid #e4e4e4!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar .msh-customer-support-footer a{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:44px!important;
  max-height:54px!important;
  padding:10px!important;
  color:#333b43!important;
  font-size:15px!important;
  font-weight:500!important;
  border-radius:9px!important;
  background:transparent!important;
 }
 html[data-msh-surface="customer"] body.msh-dashboard-page
 #mshCustomerSidebar .msh-customer-support-footer a[aria-current="page"]{
  background:#E8F0F3!important;
  color:#20252a!important;
  font-weight:650!important;
 }
}


/* Keep the iPhone account avatar anchored while the drawer freezes background
   scrolling. The iOS scroll lock fixes body at -scrollY, which otherwise
   changes the containing block of the sticky customer header and can pull its
   account icon upward. The drawer stays above this header; taps outside it
   continue to close via the existing backdrop. */
@media(max-width:860px){
 html[data-msh-surface="customer"] body.msh-dashboard-page.msh-customer-nav-open
 header.customer-header.msh-unified-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  margin:0!important;
  transform:none!important;
  z-index:102!important;
  pointer-events:none!important;
 }
}