/* Phase 21M.6.12 — Pocket Tackle Navigator Status Badges */

.dvh21m612-nav a{
  gap:5px!important;
}

.dvh21m612-badge{
  display:inline-grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  background:rgba(18,63,56,.10);
  color:#123f38;
  font-size:.52rem;
  font-weight:950;
  line-height:1;
  letter-spacing:0;
}

.dvh21m612-badge.is-attention{
  background:#d99520;
  color:#102b27;
}

.dvh21m612-nav a.is-active .dvh21m612-badge{
  background:rgba(255,255,255,.18);
  color:#fff;
}

.dvh21m612-nav a.is-active .dvh21m612-badge.is-attention{
  background:#f2b43d;
  color:#102b27;
}

.dvh21m612-nav a.has-attention:not(.is-active){
  background:#fff8e9;
}

@media(max-width:700px){
  body .dvh21b-shell .dvh21m612-nav a{
    gap:4px!important;
    padding:0 7px!important;
  }

  body .dvh21b-shell .dvh21m612-badge{
    min-width:18px!important;
    height:18px!important;
    padding:0 4px!important;
    font-size:.49rem!important;
  }
}

@media(max-width:430px){
  body .dvh21b-shell .dvh21m612-nav a{
    padding:0 6px!important;
    font-size:.53rem!important;
  }

  body .dvh21b-shell .dvh21m612-badge{
    min-width:17px!important;
    height:17px!important;
    font-size:.46rem!important;
  }
}