.m9-global-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9000;
  display: flex;
  justify-content: flex-end;
  padding: 8px 12px;
  pointer-events: none;
  font-family: Arial, Helvetica, sans-serif;
}

.m9-global-nav-inner {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 8px;
  padding: 0.35rem;
  background: rgba(12, 16, 26, 0.94);
  box-shadow: 0 18px 50px rgba(0,0,0,0.42);
  pointer-events: auto;
}

.m9-global-menu-button {
  display: none;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 8px;
  padding: 0.55rem 0.75rem;
  color: #eef3ff;
  background: rgba(20, 28, 44, 0.96);
  font-weight: 900;
  cursor: pointer;
}

.m9-global-nav-links {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.m9-global-nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.15rem;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 0.45rem 0.65rem;
  color: #eef3ff;
  background: transparent;
  text-decoration: none;
  font: inherit;
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
}

.m9-global-nav-link:hover,
.m9-global-nav-link:focus-visible,
.m9-global-nav-link.active {
  border-color: rgba(116, 212, 255, 0.34);
  background: rgba(116, 212, 255, 0.14);
}

.m9-global-nav.client-nav {
  top: 8px;
  left: auto;
  right: 8px;
  justify-content: flex-end;
  width: auto;
  padding: 0;
}

.m9-global-nav.client-nav .m9-global-nav-inner {
  position: relative;
  display: grid;
  justify-items: end;
  gap: 0.35rem;
  border-color: rgba(116, 212, 255, 0.28);
  background: rgba(8, 11, 18, 0.9);
}

.m9-global-nav.client-nav .m9-global-menu-button {
  display: inline-flex;
}

.m9-global-nav.client-nav .m9-global-nav-links {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  display: none;
  min-width: 178px;
  padding: 0.4rem;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 8px;
  background: rgba(12, 16, 26, 0.98);
  box-shadow: 0 24px 70px rgba(0,0,0,0.56);
}

.m9-global-nav.client-nav:hover .m9-global-nav-links,
.m9-global-nav.client-nav:focus-within .m9-global-nav-links {
  display: grid;
}

.m9-global-nav.client-nav .m9-global-nav-link {
  width: 100%;
  justify-content: flex-start;
}

body:not(.client-page):not(.account-dashboard-body):not(.signup-body).m9-global-nav-mounted {
  padding-top: 58px;
}

@media (max-width: 720px) {
  .m9-global-nav {
    top: 8px;
    left: auto;
    right: 8px;
    width: auto;
    justify-content: flex-end;
    padding: 0;
    overflow: visible;
  }

  .m9-global-nav-inner {
    position: relative;
    display: grid;
    justify-items: end;
    gap: 0.35rem;
    min-width: 0;
    border-color: rgba(116, 212, 255, 0.28);
    background: rgba(8, 11, 18, 0.94);
  }

  .m9-global-menu-button {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
  }

  .m9-global-menu-button::before {
    content: "";
    width: 1rem;
    height: 0.72rem;
    border-top: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    background: linear-gradient(currentColor, currentColor) center / 100% 2px no-repeat;
  }

  .m9-global-nav-links {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    display: none;
    min-width: min(230px, calc(100vw - 16px));
    max-width: calc(100vw - 16px);
    padding: 0.4rem;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 8px;
    background: rgba(12, 16, 26, 0.98);
    box-shadow: 0 24px 70px rgba(0,0,0,0.56);
  }

  .m9-global-nav.menu-open .m9-global-nav-links,
  .m9-global-nav:focus-within .m9-global-nav-links {
    display: grid;
  }

  .m9-global-nav-link {
    width: 100%;
    justify-content: flex-start;
  }
}