/* GhostAIpen signed-in member menu v312
   Simple fixed desktop menu: smaller text + shortened labels.
   No runtime mode switching, no flicker.
   Public / signed-out menu is untouched. */

body.member-page .v14-appbar{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  width:100%!important;
  background:var(--g300-bg,#f4f1ea)!important;
  border-bottom:1px solid var(--g300-line,#d7d4ce)!important;
  overflow:visible!important;
}

body.member-page .v14-appbar-inner{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:60px!important;
  min-height:60px!important;
  margin:0!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  overflow:hidden!important;
}

body.member-page .v14-brand{
  flex:0 0 auto!important;
  min-width:max-content!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0 4px 0 0!important;
}

body.member-page .v14-brand-mark{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
}

body.member-page .v14-brand strong{
  display:block!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:760!important;
}

body.member-page .v14-brand small{
  display:block!important;
  margin-top:3px!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.07em!important;
}

/* Main nav */
body.member-page .v14-appnav{
  flex:1 1 0!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}

body.member-page .v14-appnav a{
  flex:0 0 auto!important;
  min-width:0!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:0 5px!important;
  border:1px solid transparent!important;
  border-radius:5px!important;
  background:transparent!important;
  color:var(--g300-muted,#6b6b68)!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:680!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  box-shadow:none!important;
}

body.member-page .v14-appnav a .bi{
  width:10px!important;
  min-width:10px!important;
  height:12px!important;
  flex:0 0 10px!important;
  display:inline-grid!important;
  place-items:center!important;
  margin:0!important;
  font-size:10px!important;
  line-height:1!important;
}

body.member-page .v14-appnav a span{
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}

body.member-page .v14-appnav a:hover{
  background:var(--g300-paper-3,#ece8df)!important;
  border-color:var(--g300-line,#d7d4ce)!important;
  color:var(--g300-ink,#151515)!important;
}

body.member-page .v14-appnav a.active{
  background:#151515!important;
  border-color:#151515!important;
  color:#fff!important;
}

html[data-theme="dark"] body.member-page .v14-appnav a.active{
  background:#f1eee8!important;
  border-color:#f1eee8!important;
  color:#151515!important;
}

/* Right action group */
body.member-page .v14-app-actions{
  position:relative!important;
  z-index:2!important;
  flex:0 0 auto!important;
  min-width:max-content!important;
  margin-left:auto!important;
  padding-left:8px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  white-space:nowrap!important;
  background:var(--g300-bg,#f4f1ea)!important;
  overflow:visible!important;
}

body.member-page .v14-create,
body.member-page .gs-phantom243-launch,
body.member-page .gs-theme-toggle,
body.member-page .v14-avatar{
  min-height:34px!important;
  border-radius:5px!important;
  box-shadow:none!important;
}

body.member-page .v14-create,
body.member-page .gs-phantom243-launch{
  padding:0 8px!important;
  font-size:10px!important;
}

body.member-page .gs-theme-toggle{
  padding:0 7px!important;
  font-size:10px!important;
}

body.member-page .v14-avatar{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  padding:0!important;
}

/* Desktop signed-in menu is always inline; no responsive JS mode flicker. */
body.member-page .v14-nav-toggle{
  display:none!important;
}

/* At narrower browser widths, shorten the right controls too. */
@media(max-width:1500px){
  body.member-page .gs-phantom243-launch span,
  body.member-page .gs-theme-toggle-text{
    display:none!important;
  }

  body.member-page .gs-phantom243-launch,
  body.member-page .gs-theme-toggle{
    width:34px!important;
    min-width:34px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
  }

  body.member-page .v14-appnav a{
    font-size:8.5px!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
}


@media(max-width:1180px) and (min-width:901px){
  body.member-page .v14-appnav a span{
    display:none!important;
  }

  body.member-page .v14-appnav a{
    width:30px!important;
    min-width:30px!important;
    padding:0!important;
  }

  body.member-page .v14-appnav a .bi{
    width:14px!important;
    min-width:14px!important;
    flex-basis:14px!important;
    font-size:12px!important;
  }
}

/* Phone fallback only. */
@media(max-width:900px){
  body.member-page .v14-nav-toggle{
    display:grid!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    margin-left:auto!important;
    place-items:center!important;
  }

  body.member-page .v14-appnav{
    position:absolute!important;
    top:calc(100% + 1px)!important;
    left:8px!important;
    right:8px!important;
    z-index:1005!important;
    display:none!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding:8px!important;
    background:var(--g300-paper,#fff)!important;
    border:1px solid var(--g300-line-strong,#bbb7ae)!important;
    border-radius:0 0 8px 8px!important;
    box-shadow:0 18px 36px rgba(20,20,20,.18)!important;
    overflow:visible!important;
  }

  body.member-page .v14-appnav.open,
  body.member-page .v14-appnav.is-open{
    display:grid!important;
  }

  body.member-page .v14-appnav a{
    min-height:42px!important;
    justify-content:flex-start!important;
    font-size:12px!important;
    padding:0 12px!important;
    border-color:var(--g300-line,#d7d4ce)!important;
    background:var(--g300-paper-2,#f8f6f1)!important;
  }

  body.member-page .v14-create{
    display:none!important;
  }
}
