/* ── VEKTOR · NAVBAR + BOTTOM TABBAR (shared) ── */

.navbar{
  position:sticky;top:0;z-index:50;
  /* extend under the iOS notch/status bar (status-bar-style: black-translucent
     + viewport-fit=cover). The blurred bar paints the safe area itself. */
  height:calc(64px + env(safe-area-inset-top));
  padding-top:env(safe-area-inset-top);
  background:rgba(0,0,0,0.75);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--line);
}
.navbar .nb-row{
  max-width:480px;margin:0 auto;
  height:100%;padding:0 20px;
  display:flex;align-items:center;justify-content:space-between;
}
.nav-logo-text{
  font-family:'Bebas Neue',sans-serif;
  font-size:22px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--ink);
}
.nav-logo-img{
  height:28px;
  filter:brightness(0) invert(1);
  display:block;
}
.nav-icon-btn{
  width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;
  color:var(--ink);background:none;border:none;cursor:pointer;
}

/* ── TABBAR (bottom) ── */
.tabbar{
  position:fixed;left:0;right:0;bottom:0;z-index:50;
  background:rgba(5,6,10,0.85);
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  border-top:1px solid var(--line);
  padding:10px 0 calc(env(safe-area-inset-bottom) + 10px);
}
.tabbar .tb-row{
  max-width:480px;margin:0 auto;
  padding:0 32px;
  display:flex;align-items:center;justify-content:space-between;
}
.tab{
  color:var(--ink-dim);
  background:none;border:none;text-decoration:none;
  cursor:pointer;
  display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:4px 8px;
  transition:color .2s ease;
}
.tab:hover{color:var(--ink-mid)}
.tab.active{color:var(--accent)}
.tab .tab-label{
  font-family:'JetBrains Mono',monospace;
  font-size:9px;letter-spacing:.22em;text-transform:uppercase;
}

/* ── PAGE HEADER (eyebrow + title for inner pages) ── */
.page-head{margin-bottom:32px}
.page-head .t-eyebrow{margin-bottom:14px}