/* Canonical MyUniverse owner navigation — 2026-08-26.
   Markup is static in each owner/app page. This stylesheet is the sole owner
   of nav geometry, spacing, stacking and active icon presentation. */
:root{
  --mu-nav-z:2147483600;
  --mu-nav-h:50px;
}

#mu-bottom-nav{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  box-sizing:border-box!important;
  z-index:2147483600!important;
  pointer-events:auto;
}

.mu-bottom-nav{
  box-sizing:border-box;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:space-around;
  width:100%;
  min-width:0;
  margin:0;
  padding:4px 4px calc(env(safe-area-inset-bottom,0px) + 4px);
  background:#0F1013;
  border-top:1px solid rgba(255,255,255,.06);
}

.mu-bottom-nav__item{
  appearance:none;
  -webkit-appearance:none;
  display:flex;
  flex:1 1 33.333%;
  min-width:0;
  min-height:40px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  margin:0;
  padding:4px 2px;
  border:0;
  border-radius:0;
  background:none;
  color:#fff;
  text-decoration:none;
  text-align:center;
  font:800 8.5px/1 Inter,system-ui,sans-serif;
  text-transform:uppercase;
  letter-spacing:.025em;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

.mu-bottom-nav__item[aria-current="page"]{color:#fff!important}
.mu-bottom-nav__icon-slot{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  color:#fff;
}
.mu-bottom-nav__item[aria-current="page"] .mu-bottom-nav__icon-slot{color:#4FD1C5}
.mu-bottom-nav__item[data-key="website"][aria-current="page"] .mu-bottom-nav__icon-slot circle{fill:#4FD1C5;stroke:#4FD1C5}
.mu-bottom-nav__item[data-key="website"][aria-current="page"] .mu-bottom-nav__icon-slot path{stroke:#0F1013}
.mu-bottom-nav__item[data-key="card"][aria-current="page"] .mu-bottom-nav__icon-slot rect{fill:#4FD1C5;stroke:#4FD1C5}
.mu-bottom-nav__item[data-key="card"][aria-current="page"] .mu-bottom-nav__icon-slot circle,
.mu-bottom-nav__item[data-key="card"][aria-current="page"] .mu-bottom-nav__icon-slot path{stroke:#0F1013}
.mu-bottom-nav__item[data-key="profile"][aria-current="page"] .mu-bottom-nav__icon-slot circle,
.mu-bottom-nav__item[data-key="profile"][aria-current="page"] .mu-bottom-nav__icon-slot path{fill:#4FD1C5;stroke:#4FD1C5}

/* Keep the original scrollbar gutter only when one existed before a popup.
   mu-popups toggles both classes from pre-lock geometry. */
html.mu-popup-open.mu-popup-keep-gutter{overflow-y:scroll!important}

/* Owner nav stays available while normal app modals/sheets are open. */
body.modal-open #mu-bottom-nav{display:block!important}

/* Explicit embed contexts are the only intentional nav suppression. */
html.mu-website-embed #mu-bottom-nav,
html.card-embed #mu-bottom-nav,
body.card-embed #mu-bottom-nav{display:none!important}