/* SalarySach member account navigation — stable layout at every screen width.
   The account header has too many destinations for a single horizontal row.
   Keep the desktop header clean and expose the full navigation in a dropdown. */
.ss-top .ss-topin{
  position:relative!important;
  display:flex!important;
  min-height:76px!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  gap:16px!important;
}
.ss-top .ss-brand{flex:0 0 auto!important}
.ss-top nav.ss-nav-desktop{display:none!important}
.ss-top button.ss-menu-toggle{
  display:flex!important;
  flex:0 0 46px!important;
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  border:1px solid #dce8df!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#17332c!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:5px!important;
  cursor:pointer!important;
}
.ss-top button.ss-menu-toggle span{
  display:block!important;
  width:20px!important;
  height:2px!important;
  min-height:2px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:2px!important;
  background:#17332c!important;
  transition:transform .18s ease,opacity .18s ease;
}
.ss-top button.ss-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)!important}
.ss-top button.ss-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important}
.ss-top button.ss-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)!important}
.ss-top nav.ss-nav-mobile[hidden]{display:none!important}
.ss-top nav.ss-nav-mobile:not([hidden]){
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0 18px!important;
  position:absolute!important;
  z-index:9999!important;
  top:calc(100% + 1px)!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  max-height:calc(100vh - 90px)!important;
  overflow-y:auto!important;
  padding:12px 18px 16px!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid #e1e9e4!important;
  border-top:0!important;
  border-radius:0 0 14px 14px!important;
  box-shadow:0 16px 28px rgba(18,59,50,.15)!important;
  white-space:normal!important;
}
.ss-top nav.ss-nav-mobile a{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding:13px 9px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #edf2ee!important;
  background:transparent!important;
  color:#24463a!important;
  font-family:'DM Sans',sans-serif!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.4!important;
  text-align:left!important;
  white-space:normal!important;
}
.ss-top nav.ss-nav-mobile a:last-child{border-bottom:0!important}
.ss-top nav.ss-nav-mobile a.ss-btn{
  display:block!important;
  text-align:center!important;
  background:#153e34!important;
  color:#fff!important;
  border-radius:9px!important;
  margin-top:8px!important;
}
@media(max-width:760px){
  .ss-top .ss-topin{min-height:66px!important;padding-top:8px!important;padding-bottom:8px!important}
  .ss-top nav.ss-nav-mobile:not([hidden]){
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:8px 14px 14px!important;
  }
  .ss-top nav.ss-nav-mobile a{padding:12px 8px!important}
}