/* IOOK navigation polish — explicit launch-style icon, label and metadata columns. */

.nav[data-view="inbox"]{
  order:-20;
  border:0!important;
  background:transparent!important;
  color:var(--muted)!important;
}
.nav[data-view="inbox"]:hover,
.nav[data-view="inbox"].active{
  border:0!important;
  background:transparent!important;
  color:var(--text)!important;
}

@media(min-width:801px){
  .sidebar nav > .nav.navAligned{
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr) auto!important;
    column-gap:13px!important;
    align-items:center!important;
    min-height:46px;
    padding:10px 10px!important;
    text-align:left!important;
  }
}

.navAligned > .navIcon{
  grid-column:1;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  align-self:center!important;
  line-height:0!important;
  font-size:0!important;
  color:inherit;
}
.navAligned > .navLabel{
  grid-column:2;
  justify-self:start;
  align-self:center;
  min-width:0;
  line-height:1.2;
  white-space:nowrap;
}
.navAligned > .navMeta{
  grid-column:3;
  justify-self:end;
  align-self:center;
  margin:0!important;
  line-height:1!important;
}

.navAligned > .navIcon svg{
  width:19px;
  height:19px;
  display:block;
  overflow:visible;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  fill:none;
  vector-effect:non-scaling-stroke;
}

/* Filled aircraft based on the user's preferred top-view silhouette. */
.navIcon[data-iook-icon="flights"] svg{
  width:21px;
  height:21px;
  fill:currentColor;
  stroke:none;
}
.navIcon[data-iook-icon="inbox"] svg{
  width:18px;
  height:18px;
  fill:currentColor;
  stroke:none;
}
.nav[data-view="inbox"] > .navIcon{color:var(--accent)!important}

/* Keep visual weight consistent without shifting the shared center line. */
.navIcon[data-iook-icon="accounts"] svg{width:18px;height:18px}
.navIcon[data-iook-icon="autopilot"] svg{width:19px;height:19px}
.navIcon[data-iook-icon="trains"] svg{width:18.5px;height:18.5px}
.navIcon[data-iook-icon="memory"] svg{width:18.5px;height:18.5px}
.navIcon[data-iook-icon="porus"] svg{width:18px;height:18px}
.navIcon[data-iook-icon="help"] svg{width:18px;height:18px}
.navIcon[data-iook-icon="today"] svg{width:18px;height:18px}
.navIcon[data-iook-icon="upcoming"] svg{width:18px;height:18px}
.navIcon[data-iook-icon="all"] svg{width:18px;height:18px}

/* Beta describes the entire product only. */
.brand strong{
  display:flex;
  align-items:center;
  gap:7px;
}
.brand strong::after{
  content:"BETA";
  display:inline-flex;
  align-items:center;
  height:16px;
  padding:0 5px;
  border:1px solid #343a43;
  border-radius:999px;
  color:#7f8793;
  font-size:7px;
  line-height:1;
  font-weight:800;
  letter-spacing:.10em;
}

.nav > b:not([id]):not(.navMeta){display:none!important}
.porusNav > b:not([id]):not(.navMeta){display:none!important}