/* GhostAIpen app navigation v304 — single source of truth for the member menu. */
body.member-page .v14-appbar{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  background:var(--g300-bg,#f4f1ea)!important;
  border-bottom:1px solid var(--g300-line,#d7d4ce)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.member-page .v14-appbar-inner{
  position:relative!important;
  width:min(1380px,calc(100% - 32px))!important;
  height:64px!important;
  min-height:64px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  overflow:visible!important;
}
body.member-page .v14-brand{
  flex:0 0 auto!important;
  min-width:max-content!important;
  gap:10px!important;
}
body.member-page .v14-brand-mark{
  width:32px!important;
  height:32px!important;
  border-radius:4px!important;
  background:#151515!important;
}
body.member-page .v14-brand strong{
  font-size:14px!important;
  line-height:1.05!important;
  font-weight:750!important;
  letter-spacing:-.015em!important;
}
body.member-page .v14-brand small{
  margin-top:3px!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  color:var(--g300-muted,#6b6b68)!important;
}
body.member-page .v14-appnav{
  position:static!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.member-page .v14-appnav a{
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:8px 8px!important;
  border:1px solid transparent!important;
  border-radius:4px!important;
  background:transparent!important;
  color:var(--g300-muted,#6b6b68)!important;
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:650!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
body.member-page .v14-appnav a .bi{font-size:13px!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;
}
body.member-page .v14-app-actions{
  flex:0 0 auto!important;
  margin-left:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  white-space:nowrap!important;
}
body.member-page .v14-nav-toggle{
  display:none!important;
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  padding:0!important;
  place-items:center!important;
  border:1px solid var(--g300-line-strong,#bbb7ae)!important;
  border-radius:4px!important;
  background:var(--g300-paper,#fff)!important;
  color:var(--g300-ink,#151515)!important;
  box-shadow:none!important;
}
body.member-page .v14-nav-toggle:hover{background:var(--g300-paper-3,#ece8df)!important}
body.member-page .v14-nav-toggle .bi{font-size:20px!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:36px!important;
  border-radius:4px!important;
  box-shadow:none!important;
}
body.member-page .v14-create,
body.member-page .gs-phantom243-launch{padding:8px 10px!important;font-size:11.5px!important}
body.member-page .gs-theme-toggle{padding:7px 9px!important;font-size:11.5px!important}
body.member-page .v14-avatar{width:36px!important;height:36px!important}

/* Switch before the desktop navigation starts colliding with brand/actions. */
@media(max-width:1240px){
  body.member-page .v14-appbar-inner{width:calc(100% - 24px)!important;gap:9px!important}
  body.member-page .v14-nav-toggle{display:grid!important;margin-left:auto!important;order:2!important}
  body.member-page .v14-appnav{
    position:absolute!important;
    z-index:1002!important;
    top:calc(100% + 1px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    margin:0!important;
    display:none!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    padding:10px!important;
    background:var(--g300-paper,#fff)!important;
    border:1px solid var(--g300-line-strong,#bbb7ae)!important;
    border-top:0!important;
    border-radius:0 0 6px 6px!important;
    box-shadow:0 18px 36px rgba(20,20,20,.14)!important;
  }
  body.member-page .v14-appnav.open,
  body.member-page .v14-appnav.is-open{display:grid!important}
  body.member-page .v14-appnav a{
    justify-content:flex-start!important;
    min-height:40px!important;
    padding:10px 11px!important;
    border-color:var(--g300-line,#d7d4ce)!important;
    background:var(--g300-paper-2,#f8f6f1)!important;
    color:var(--g300-ink-2,#3f3f3f)!important;
    font-size:12px!important;
  }
  body.member-page .v14-appnav a:hover{background:var(--g300-paper-3,#ece8df)!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}
  body.member-page .v14-app-actions{order:3!important}
}

@media(max-width:760px){
  body.member-page .v14-appbar-inner{height:60px!important;min-height:60px!important;width:calc(100% - 20px)!important}
  body.member-page .v14-brand span:last-child{display:none!important}
  body.member-page .v14-brand-mark{width:30px!important;height:30px!important}
  body.member-page .v14-appnav{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:8px!important}
  body.member-page .v14-app-actions{gap:5px!important}
  body.member-page .v14-create{display:none!important}
  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:36px!important;height:36px!important;padding:0!important;display:grid!important;place-items:center!important}
}

@media(max-width:430px){
  body.member-page .v14-appbar-inner{width:calc(100% - 16px)!important;gap:5px!important}
  body.member-page .v14-appnav{grid-template-columns:1fr!important}
  body.member-page .v14-appnav a{min-height:38px!important}
}
