/* Ver014 — dedicated protected Station Dashboard. Account forms remain on /account. */
.msh-dashboard-page{overflow-x:clip}
.msh-dashboard-page .dashboard-main{max-width:1510px;padding-top:30px;min-width:0}
.msh-dashboard-page #dashboardRoot{min-width:0;width:100%}
.msh-dashboard-page #dashboardRoot #msh-command{margin:0 0 46px;min-width:0}
.msh-dashboard-page .customer-top-nav .account-nav-home[aria-current="page"]{color:#0857f8;background:#edf4ff}
.msh-dashboard-page .customer-header .header-nav .button{min-height:40px;padding:8px 15px;font-size:12px}
.msh-dashboard-page #dashboardAccess{max-width:650px;margin:24px auto}
#msh-command .msh-cmd-hero{scroll-margin-top:110px}
#msh-command .msh-cmd-body,#msh-command .msh-cmd-locations-wrap{scroll-margin-top:110px}
#msh-command input,#msh-command select,#msh-command textarea{min-width:0;max-width:100%}
#msh-command .msh-cmd-form textarea{width:100%;min-height:88px;padding:10px;border-radius:9px;border:1px solid #d5e2f1;font:inherit;font-size:14px;resize:vertical}
#msh-command #msh-cmd-editor{max-width:100%;overflow-wrap:anywhere}
.msh-dashboard-page .customer-top-nav .account-nav-dropdown>summary{gap:7px}
.msh-dashboard-page .customer-top-nav .account-nav-dropdown .account-nav-chevron{margin-left:3px}
@media(max-width:950px){.msh-dashboard-page .dashboard-main{padding:20px 14px 55px}}
@media(max-width:550px){.msh-dashboard-page .dashboard-main{padding:16px 12px 45px}
#msh-command .msh-cmd-form input,#msh-command .msh-cmd-form select,#msh-command .msh-cmd-form textarea{font-size:16px}
.msh-dashboard-page .customer-header .header-nav .button{padding:7px 10px}}

/* Ver066 — phone-sized fuel workspace without oversized nested padding.
   Touch targets remain at least 44px; desk/tablet layout is unchanged. */
@media(max-width:700px){
 #msh-command{margin-top:0!important}
 #msh-command .msh-cmd-hero{
  grid-template-columns:minmax(0,1fr)!important;
  gap:13px!important;
  padding:15px!important;
  border-radius:16px!important;
  scroll-margin-top:145px;
 }
 #msh-command .msh-cmd-eyebrow{font-size:10px;line-height:1.3;letter-spacing:.15em}
 #msh-command .msh-cmd-hero h2{
  font-size:clamp(22px,6.1vw,29px)!important;
  line-height:1.17!important;margin:7px 0 6px!important;
 }
 #msh-command .msh-cmd-hero p{
  font-size:12px!important;line-height:1.45!important;margin:0!important;
 }
 #msh-command .msh-cmd-hero .msh-cmd-pick{
  padding:11px 12px!important;border-radius:13px!important;
  background:#fff;box-shadow:none!important;
 }
 #msh-command .msh-cmd-pick label{
  margin:0 0 6px!important;font-size:10px!important;
 }
 #msh-command .msh-cmd-switch{gap:8px!important;min-width:0}
 #msh-command .msh-cmd-switch select{
  flex:1 1 auto;min-width:0;width:100%;
  height:45px;min-height:45px;font-size:16px!important;
  padding:8px 9px!important;border-radius:10px;
 }
 #msh-command #msh-cmd-refresh{
  width:45px;height:45px;flex:0 0 45px;
  border-radius:10px;font-size:22px;
 }
 #msh-command #msh-cmd-selected-sub{
  margin-top:5px!important;font-size:11px!important;line-height:1.45;
 }
 #msh-command .msh-cmd-global-editor{
  margin:11px 0 16px!important;
  scroll-margin-top:145px!important;
 }
 #msh-command .msh-cmd-global-editor .msh-cmd-editor{
  margin:0!important;padding:15px 14px!important;
  border-radius:14px!important;
 }
 #msh-command .msh-cmd-global-editor .msh-cmd-form{
  gap:12px!important;
 }
 #msh-command .msh-cmd-global-editor .msh-cmd-form-grid{
  grid-template-columns:minmax(0,1fr)!important;
  gap:11px!important;
 }
 #msh-command .msh-cmd-global-editor .msh-cmd-form label{
  font-size:12px!important;line-height:1.35;
  gap:5px!important;
 }
 #msh-command .msh-cmd-global-editor .msh-cmd-form input:not([type="checkbox"]),
 #msh-command .msh-cmd-global-editor .msh-cmd-form select{
  width:100%;height:46px!important;min-height:46px!important;
  padding:9px 11px!important;font-size:16px!important;
 }
 #msh-command .msh-cmd-global-editor .msh-cmd-editor h4{
  margin:0 0 5px!important;font-size:18px!important;
 }
 #msh-command .msh-cmd-global-editor .msh-cmd-muted{
  margin:0!important;font-size:12px;line-height:1.5;
 }
 #msh-command .msh-cmd-global-editor .msh-cmd-new-agree{
  display:flex;align-items:flex-start;gap:10px;
  font-size:12px;line-height:1.45;
 }
 #msh-command .msh-cmd-global-editor .msh-cmd-new-agree input[type="checkbox"]{
  width:18px;height:18px;min-width:18px;min-height:18px;
  flex:0 0 18px;margin:1px 0 0;
 }
 #msh-command .msh-cmd-global-editor .msh-cmd-actions{
  display:flex;flex-wrap:wrap;gap:9px;margin-top:2px;
 }
 #msh-command .msh-cmd-global-editor .msh-cmd-actions button{
  min-height:44px;
 }
}

/* Ver067 — final iPhone fuel-monitoring polish: less nesting, balanced station tiles. */
@media(max-width:700px){
 #msh-command .msh-cmd-hero{
  padding:12px!important;gap:10px!important;
 }
 #msh-command .msh-cmd-hero .msh-cmd-pick{
  padding:9px 10px!important;
 }
 #msh-command .msh-cmd-pick label{margin-bottom:5px!important}
 #msh-command #msh-cmd-selected-sub{margin-top:4px!important}
 #msh-command .msh-unified-stations{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;margin:11px 0 15px!important;
 }
 #msh-command .msh-unified-stations>.msh-unified-station-add{
  grid-column:1/-1;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-direction:row;min-height:52px;
  padding:11px 14px!important;text-align:center!important;
  background:#f8fbff!important;
  border-color:#d5e3fa!important;
 }
 #msh-command .msh-unified-stations>.msh-unified-station-add:hover,
 #msh-command .msh-unified-stations>.msh-unified-station-add:focus-visible{
  background:#eef5ff!important;border-color:#2b6af4!important;
 }
 #msh-command .msh-unified-stations>.msh-unified-station-add>strong{
  font-size:14px;line-height:1.35;color:#0757e8;
 }
 #msh-command .msh-unified-stations>.msh-unified-station-add>small{
  display:none;
 }
}
@media(max-width:350px){
 #msh-command .msh-unified-stations{grid-template-columns:minmax(0,1fr)!important}
}

/* Customer navigation light-panel design, desktop only.
   Existing links, active states, accessibility and mobile drawers stay intact. */
@media (min-width:861px){
 .msh-dashboard-page .msh-customer-workspace{
  align-items:start;
 }
 .msh-dashboard-page #mshCustomerSidebar.msh-customer-side{
  margin-top:14px;
  padding:14px 10px 22px;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  max-height:calc(100dvh - 120px);
 }
 .msh-dashboard-page #mshCustomerSidebar #customerNav{
  background:transparent!important;
 }
 .msh-dashboard-page #mshCustomerSidebar #customerNav>.account-nav-home[aria-current="page"],
 .msh-dashboard-page #mshCustomerSidebar #customerNav>a[aria-current="page"]{
  background:#e4f1ff!important;
  color:#0867ee!important;
  box-shadow:inset 3px 0 #1684ff!important;
  border-radius:0 13px 13px 0;
 }
 .msh-dashboard-page #mshCustomerSidebar #customerNav .msh-workspace-group{
  color:#55718e;
  letter-spacing:.12em;
 }
 .msh-dashboard-page #mshCustomerSidebar #customerNav .msh-workspace-divider{
  background:#dce7f2;
 }
}

/* Remove the customer-only navigation search even if older shell JS is cached. */
.msh-dashboard-page #mshCustomerSidebar .msh-next-menu-search,
.msh-dashboard-page #mshCustomerSidebar input[aria-label="Filter navigation links"],
.msh-dashboard-page #mshCustomerSidebar input[placeholder="Find a page…"]{display:none!important}

/* Customer Assistance dock: always at the bottom of the left navigation. */
@media(min-width:861px){
 .msh-dashboard-page #mshCustomerSidebar.msh-next-sidebar{
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
 }
 .msh-dashboard-page #mshCustomerSidebar #customerNav{
  flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;
  overflow-x:hidden!important;scrollbar-width:thin;
 }
 .msh-dashboard-page #mshCustomerSidebar .msh-customer-support-footer{
  position:relative;flex:0 0 auto;margin-top:auto!important;
  padding:8px 4px 12px!important;border-top:1px solid #dce7f2!important;
  background:#fff!important;background-image:none!important;
  border-radius:0!important;box-shadow:none!important;
 }
 .msh-dashboard-page #mshCustomerSidebar .msh-customer-support-footer .msh-vm-navigation-group{
  margin:0!important;display:grid;gap:4px;
 }
 .msh-dashboard-page #mshCustomerSidebar .msh-customer-support-footer .msh-vm-navigation-label{
  padding:9px 10px 4px;color:#708b9d;
 }
 .msh-dashboard-page #mshCustomerSidebar .msh-customer-support-footer a{
  display:flex;align-items:center;gap:12px;min-height:44px;
  padding:10px 12px;border-radius:11px;color:#087cb4;text-decoration:none;font-weight:650;
 }
 .msh-dashboard-page #mshCustomerSidebar .msh-customer-support-footer a:hover{background:#e4f1ff}
 .msh-dashboard-page #mshCustomerSidebar .msh-customer-support-footer svg{width:19px;height:19px;flex:0 0 19px}
}

/* Remove retired promotional card, including stale cached shell output. */
.msh-dashboard-page #mshCustomerSidebar .msh-next-side-footer:not(.msh-customer-support-footer){display:none!important}

/* Permanent customer sidebar structure: independently scrolling navigation
   and a stationary Assistance / Support footer. */
.msh-dashboard-page #mshCustomerSidebar.msh-next-sidebar{
 display:flex!important;
 flex-direction:column!important;
 min-height:0!important;
 overflow:hidden!important;
}
.msh-dashboard-page #mshCustomerSidebar.msh-next-sidebar > .msh-next-side-heading{
 flex:0 0 auto;
}
.msh-dashboard-page #mshCustomerSidebar.msh-next-sidebar > #customerNav{
 flex:1 1 0%!important;
 min-height:0!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 overscroll-behavior-y:contain;
 scrollbar-width:thin;
 scrollbar-color:#9ab4cb transparent;
}
.msh-dashboard-page #mshCustomerSidebar.msh-next-sidebar > .msh-customer-support-footer{
 flex:0 0 auto!important;
 margin-top:auto!important;
 position:relative!important;
 z-index:1;
}
@media(min-width:861px){
 .msh-dashboard-page #mshCustomerSidebar.msh-next-sidebar{
  height:calc(100dvh - 120px)!important;
  max-height:calc(100dvh - 120px)!important;
 }
}
@media(max-width:860px){
 .msh-dashboard-page #mshCustomerSidebar.msh-next-sidebar{
  height:100dvh!important;
  max-height:100dvh!important;
 }
}

/* Customer navigation: fixed viewport rail, scrollable links, anchored footer. */
@media (min-width:861px){
 .msh-dashboard-page #mshCustomerSidebar.msh-next-sidebar{
  position:sticky!important;
  top:90px!important;
  height:calc(100dvh - 106px)!important;
  max-height:calc(100dvh - 106px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
 }
}
.msh-dashboard-page #mshCustomerSidebar.msh-next-sidebar > #customerNav{
 flex:1 1 auto!important;
 min-height:0!important;
 max-height:none!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 overscroll-behavior-y:contain!important;
 scrollbar-width:thin;
 scrollbar-color:#91abc5 transparent;
}
.msh-dashboard-page #mshCustomerSidebar.msh-next-sidebar > .msh-customer-support-footer{
 flex:0 0 auto!important;
 align-self:stretch;
 margin-top:auto!important;
 background:#fff!important;
 border-top:1px solid #dce7f2!important;
}
@media(max-width:860px){
 .msh-dashboard-page #mshCustomerSidebar.msh-next-sidebar{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
 }
}

/* Sidebar scroll fix: make the navigation the ONLY vertical scroll container. */
@media(min-width:861px){
 body.msh-dashboard-page.msh-sidebar-equipped #mshCustomerSidebar{
  position:sticky!important;top:90px!important;
  height:calc(100dvh - 106px)!important;max-height:calc(100dvh - 106px)!important;
  display:flex!important;flex-direction:column!important;min-height:0!important;
  padding:10px 10px 8px!important;overflow:hidden!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar > #customerNav{
  display:block!important;flex:1 1 0%!important;min-height:0!important;
  height:auto!important;max-height:none!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar > .msh-customer-support-footer{
  display:block!important;flex:none!important;flex-shrink:0!important;
  margin:0!important;padding:6px 8px 10px!important;min-height:75px;
  border-top:1px solid #dce7f2!important;background:transparent!important;
  box-shadow:none!important;
 }
}
@media(max-width:860px){
 body.msh-dashboard-page #mshCustomerSidebar{
  display:flex!important;flex-direction:column!important;
  overflow:hidden!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar > #customerNav{
  display:block!important;flex:1 1 0%!important;min-height:0!important;
  height:auto!important;overflow-y:auto!important;overscroll-behavior:contain!important;
 }
 body.msh-dashboard-page #mshCustomerSidebar > .msh-customer-support-footer{
  display:block!important;flex:0 0 auto!important;margin-top:auto!important;
 }
}