/* Shared mobile hamburger + fullscreen nav — B-Tech Labs */
.btech-injected-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  height: 61px; display: flex; align-items: center; padding: 0 1.25rem;
  background: rgba(0,0,0,.92); backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.btech-injected-nav .brand {
  font-family: 'Orbitron', monospace; font-weight: 900; font-size: .85rem;
  letter-spacing: .18em; color: #fff; text-decoration: none;
}
.btech-injected-nav .brand span { color: #22d3ee; }

.btech-mobile-toggle {
  display: none;
  position: relative;
  width: 40px; height: 40px;
  flex-direction: column; align-items: center; justify-content: center; gap: 6px;
  margin-left: auto;
  border: 1px solid rgba(100,116,139,.35);
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
  transition: border-color .2s, background .2s;
}
.btech-mobile-toggle:hover {
  border-color: rgba(34,211,238,.45);
  background: rgba(34,211,238,.05);
}
.btech-mobile-toggle .ham-line {
  display: block; height: 1px; background: #22d3ee;
  transition: transform .3s, opacity .3s, width .3s;
}
.btech-mobile-toggle .ham-line:nth-child(1) { width: 20px; }
.btech-mobile-toggle .ham-line:nth-child(2) { width: 16px; background: #94a3b8; }
.btech-mobile-toggle .ham-line:nth-child(3) { width: 20px; }
.btech-mobile-toggle.is-open .ham-line:nth-child(1) { transform: translateY(7px) rotate(45deg); width: 20px; }
.btech-mobile-toggle.is-open .ham-line:nth-child(2) { opacity: 0; transform: scaleX(0); }
.btech-mobile-toggle.is-open .ham-line:nth-child(3) { transform: translateY(-7px) rotate(-45deg); width: 20px; }
.btech-mobile-toggle.is-open { border-color: rgba(239,68,68,.45); }
.btech-mobile-toggle.is-open .ham-line { background: #ef4444; }

#mobile-fullscreen {
  display: none;
  position: fixed; inset: 0; z-index: 9000;
  flex-direction: column;
  background: linear-gradient(145deg,#000 0%,#020818 50%,#030010 100%);
}
#mobile-fullscreen.mob-open { display: flex !important; }

#mob-topbar {
  height: 61px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 1.25rem;
  border-bottom: 1px solid rgba(255,255,255,.05);
}
#mob-glow-line {
  height: 1px; flex-shrink: 0;
  background: linear-gradient(to right, transparent, rgba(6,182,212,.5) 30%, rgba(168,85,247,.4) 70%, transparent);
}
#mob-nav-body {
  flex: 1; overflow-y: auto;
  display: flex; flex-direction: column;
  padding: 1.25rem; gap: 4px;
}
.mob-nav-item {
  display: flex; align-items: center; gap: 1rem;
  padding: 1rem;
  border-bottom: 1px solid rgba(255,255,255,.05);
  color: #cbd5e1; text-decoration: none;
  font-family: 'Orbitron', monospace;
  font-size: .78rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  transition: background .2s, color .2s;
}
.mob-nav-item:hover, .mob-nav-item.mob-nav-active { background: rgba(255,255,255,.03); color: #fff; }
.mob-nav-item.mob-nav-active { border-left: 2px solid #22d3ee; padding-left: calc(1rem - 2px); }
.mob-nav-item .mob-icon {
  width: 32px; height: 32px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid rgba(255,255,255,.1);
}
.mob-nav-item .mob-arrow { margin-left: auto; color: rgba(100,116,139,.7); }
.mob-cta-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 1.25rem; }
.mob-btn-login, .mob-btn-start {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 14px; text-decoration: none;
  font-family: 'Share Tech Mono', monospace; font-size: .65rem;
  letter-spacing: .12em; text-transform: uppercase;
}
.mob-btn-login { border: 1px solid rgba(34,211,238,.35); color: #22d3ee; background: rgba(34,211,238,.06); }
.mob-btn-start { border: 1px solid rgba(167,139,250,.4); color: #a78bfa; background: rgba(167,139,250,.08); }
#mob-user-block { display: none; grid-column: 1 / -1; flex-direction: column; gap: 8px; }
#mob-user-block.open { display: flex; }
.mob-user-email {
  padding: 12px; background: rgba(34,211,238,.08);
  border: 1px solid rgba(34,211,238,.25);
  font-family: 'Share Tech Mono', monospace; font-size: .72rem; color: #22d3ee;
  display: flex; align-items: center; gap: 8px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mob-dash-link, .mob-logout-btn {
  padding: 12px 16px; font-family: 'Share Tech Mono', monospace; font-size: .68rem;
  display: flex; align-items: center; gap: 8px; text-decoration: none; cursor: pointer; width: 100%;
}
.mob-dash-link { border: 1px solid rgba(100,116,139,.2); color: #cbd5e1; background: transparent; }
.mob-logout-btn { border: 1px solid rgba(239,68,68,.3); background: rgba(239,68,68,.08); color: #f87171; }
#mob-footer { margin-top: auto; padding-top: 1.5rem; }

/* Hide legacy slide-out menus when unified nav is active */
body.btech-nav-ready #mobile-menu,
body.btech-nav-ready #mobile-menu-overlay,
body.btech-nav-ready #mobile-drawer,
body.btech-nav-ready #mobile-toggle { display: none !important; }

@media (max-width: 768px) {
  .btech-mobile-toggle { display: flex !important; }
  #nav .nav-links,
  #nav .nav-auth,
  #nav .nav-actions,
  #nav a.back,
  #nav .right,
  #nav .right .btn,
  #nav .right .live,
  #nav .right select,
  #nav .flex.items-center.justify-between > :last-child:not(.btech-mobile-toggle) { display: none !important; }
  body.btech-has-injected-nav { padding-top: 61px; }
}

@media (min-width: 769px) {
  .btech-mobile-toggle { display: none !important; }
  #mobile-fullscreen { display: none !important; }
}