/* Final shared shell pass: keep the side menu visually identical on every page. */
:root{
  --app-shell-sidebar-width:184px;
  --app-shell-sidebar-bg:#F7F8FB;
  --app-shell-sidebar-border:rgba(148,163,184,0.22);
  --app-shell-menu-text:#1C1C1E;
  --app-shell-menu-active-bg:#E8EEF8;
  --app-shell-menu-active-text:#090979;
}

body.mobile-top-shell-active .mobile-top-shell__sidebar,
body.mobile-top-shell-active .mobile-top-shell__sidebar[hidden]{
  box-sizing:border-box !important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
}

body.mobile-top-shell-active .mobile-top-shell__link{
  font-family:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
  min-height:46px !important;
  height:46px !important;
  padding:0 12px !important;
  border:0 !important;
  border-radius:10px !important;
  color:var(--app-shell-menu-text) !important;
  font-size:15px !important;
  font-weight:650 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  gap:10px !important;
}

body.mobile-top-shell-active .mobile-top-shell__link svg,
body.mobile-top-shell-active .mobile-top-shell__link i{
  width:19px !important;
  height:19px !important;
  min-width:19px !important;
  stroke-width:2.15 !important;
}

body.mobile-top-shell-active .mobile-top-shell__link[aria-current="page"]{
  background:var(--app-shell-menu-active-bg) !important;
  color:var(--app-shell-menu-active-text) !important;
}

body.mobile-top-shell-active .mobile-top-shell__footer{
  font-family:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
  color:#8A8F98 !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:1.42 !important;
}

@media (min-width:900px){
  body.mobile-top-shell-active.salary-page{
    padding-left:calc(var(--app-shell-sidebar-width) + 16px) !important;
  }

  body.mobile-top-shell-active.salary-page .mobile-top-shell__overlay,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__overlay{
    display:none !important;
  }

  body.mobile-top-shell-active.salary-page .mobile-top-shell__sidebar,
  body.mobile-top-shell-active.salary-page .mobile-top-shell__sidebar[hidden],
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__sidebar,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__sidebar[hidden]{
    display:flex !important;
    position:fixed !important;
    top:var(--mobile-top-shell-header-safe-height) !important;
    left:0 !important;
    bottom:0 !important;
    z-index:2138 !important;
    width:var(--app-shell-sidebar-width) !important;
    min-width:var(--app-shell-sidebar-width) !important;
    max-width:var(--app-shell-sidebar-width) !important;
    padding:12px 10px 14px !important;
    border:0 !important;
    border-right:1px solid var(--app-shell-sidebar-border) !important;
    background:var(--app-shell-sidebar-bg) !important;
    box-shadow:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }

  body.mobile-top-shell-active.salary-page .mobile-top-shell__nav,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__nav{
    gap:6px !important;
  }

  body.mobile-top-shell-active.salary-page .mobile-top-shell__group,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__group{
    gap:4px !important;
    margin:0 !important;
  }

  body.mobile-top-shell-active.salary-page .mobile-top-shell__group + .mobile-top-shell__group,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__group + .mobile-top-shell__group{
    margin-top:10px !important;
    padding-top:10px !important;
    border-top:1px solid rgba(148,163,184,0.18) !important;
  }

  body.mobile-top-shell-active.salary-page .mobile-top-shell__footer,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__footer{
    margin-top:12px !important;
    padding:12px 4px 0 !important;
  }

  body.mobile-top-shell-active.salary-page .mobile-top-shell__link,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__link{
    min-height:46px !important;
    height:46px !important;
    padding:0 12px !important;
    border:0 !important;
    border-radius:10px !important;
    color:var(--app-shell-menu-text) !important;
    font-size:15px !important;
    font-weight:650 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    gap:10px !important;
  }

  body.mobile-top-shell-active.salary-page .mobile-top-shell__link svg,
  body.mobile-top-shell-active.salary-page .mobile-top-shell__link i,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__link svg,
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__link i{
    width:19px !important;
    height:19px !important;
    min-width:19px !important;
    stroke-width:2.15 !important;
  }

  body.mobile-top-shell-active.salary-page .mobile-top-shell__link[aria-current="page"],
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .mobile-top-shell__link[aria-current="page"]{
    background:var(--app-shell-menu-active-bg) !important;
    color:var(--app-shell-menu-active-text) !important;
  }
}

@media (min-width:1200px){
  body.mobile-top-shell-active.credit-page:not(.shared-loan-view){
    --loan-web-menu-width:var(--app-shell-sidebar-width) !important;
  }

  body.mobile-top-shell-active.credit-page:not(.shared-loan-view) .credit-wrap{
    left:var(--app-shell-sidebar-width) !important;
  }
}

@media (max-width:899px){
  body.mobile-top-shell-active .mobile-top-shell__sidebar{
    width:min(82vw, 300px) !important;
    min-width:0 !important;
    max-width:300px !important;
    padding:10px 14px calc(18px + env(safe-area-inset-bottom)) !important;
  }
}