/* Phase 21M.6.11 — Pocket Tackle Quick Section Navigator */

.dvh21m611-anchor{
  display:block;
  position:relative;
  top:-12px;
  visibility:hidden;
}

.dvh21m611-nav{
  display:flex;
  align-items:center;
  gap:6px;
  margin:7px 0 8px;
  padding:6px;
  overflow-x:auto;
  border:1px solid rgba(16,43,39,.09);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}

.dvh21m611-nav::-webkit-scrollbar{display:none}

.dvh21m611-nav a{
  flex:1 1 0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:max-content;
  min-height:31px;
  padding:0 10px;
  border-radius:999px;
  color:#123f38;
  font-size:.62rem;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
  transition:background .14s ease,color .14s ease;
}

.dvh21m611-nav a:hover{
  background:#eef3ef;
}

.dvh21m611-nav a.is-active{
  background:#123f38;
  color:#fff;
}

#pocket-overview,
#pocket-activity,
#document-centre,
#pocket-profile{
  scroll-margin-top:18px;
}

@media(max-width:700px){
  body .dvh21b-shell .dvh21m611-nav{
    position:sticky;
    top:6px;
    z-index:18;
    margin:6px 0 8px!important;
    padding:5px!important;
    border-radius:14px!important;
    background:rgba(255,253,247,.94)!important;
    box-shadow:0 6px 18px rgba(16,43,39,.06)!important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }

  body .dvh21b-shell .dvh21m611-nav a{
    min-height:30px!important;
    padding:0 8px!important;
    font-size:.58rem!important;
  }
}

@media(max-width:430px){
  body .dvh21b-shell .dvh21m611-nav{
    gap:4px!important;
  }

  body .dvh21b-shell .dvh21m611-nav a{
    padding:0 7px!important;
    font-size:.55rem!important;
  }
}