/* Beta navigation: keep existing destinations and their permission-aware forms. */
html body [data-account-view="constellation"],
html body [data-account-view-target="constellation"],
html body [data-mas-target="constellation"],
html body .humanity-product-mini-surface:has([data-account-view="constellation"]),
html body #humanidadAccountNavigation [data-account-view="connections"],
html body #humanidadAccountNavigation [data-account-view="invitations"],
html body #hrcMasSheet [data-mas-target="connections"],
html body #hrcMasSheet [data-mas-target="invitations"]{display:none!important}

html body #familyView .family-section-nav{
  display:flex!important;flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:4px 8px;
  background:#12263c;border:1px solid #314860;border-radius:12px;
}
html body #familyView .family-section-nav button{
  display:inline-flex!important;align-items:center;justify-content:center;flex:1 1 auto;
  min-height:44px;min-width:0;padding:8px 12px;border:1px solid transparent;
  border-radius:9px;background:transparent;color:#e6edf5;font:600 13px/1.2 system-ui;cursor:pointer;
}
html body #familyView .family-section-nav button[aria-current="page"]{
  background:#1b3652;border-color:#bd9a58;color:#f0d18c;
}
html body #familyView .family-section-nav button:focus-visible{outline:2px solid #f0d18c;outline-offset:2px}
@media(max-width:360px){html body #familyView .family-section-nav{gap:3px;padding:3px}html body #familyView .family-section-nav button{padding:8px 6px;font-size:12px}}