.neo-ecosystem-home-link {
  align-items: center;
  color: var(--text-primary, #f4f7ff);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 650;
  gap: 7px;
  line-height: 1;
  margin-inline-end: 14px;
  min-height: 34px;
  text-decoration: none;
  white-space: nowrap;
}
.neo-ecosystem-home-link img {
  border-radius: 7px;
  display: block;
  height: 24px;
  object-fit: cover;
  width: 24px;
}
.neo-ecosystem-home-link:hover { color: var(--accent, #4ed8f7); }
.neo-ecosystem-home-link:focus-visible {
  border-radius: 8px;
  outline: 2px solid var(--accent, #4ed8f7);
  outline-offset: 3px;
}
.sidebar > .neo-ecosystem-home-link {
  margin: 0 14px 8px;
}
.neo-ecosystem-mobile-home-link { display: none; }

/* Agent tab: the link lives in the Agent panel's own header while that tab
   is active, so the sidebar and hamburger-area copies are hidden to avoid
   showing the mark twice at once. */
.agent-panel-header .neo-ecosystem-agent-header-link {
  margin: 0 0 6px;
}
body.neo-agent-tab-active .sidebar > .neo-ecosystem-home-link,
body.neo-agent-tab-active .neo-ecosystem-mobile-home-link {
  display: none;
}
.header-inner > .neo-ecosystem-home-link + .neo-ecosystem-section-name {
  border-inline-start: 1px solid var(--border, rgba(86,214,255,.3));
  margin-inline-start: 4px;
  padding-inline-start: 12px;
}
.header-inner > .neo-ecosystem-section-name .header-tagline { display:none; }
html[dir="rtl"] .neo-ecosystem-home-link { margin-inline-start: 14px; margin-inline-end: 0; }
@media (max-width: 700px) {
  .neo-ecosystem-home-link {
    font-size: 12px;
    gap: 5px;
    margin-inline-end: 8px;
    min-height: 30px;
  }
  .neo-ecosystem-home-link img { height: 21px; width: 21px; }
  .neo-ecosystem-mobile-home-link {
    display: inline-flex;
    /* The hamburger (#mobileMenuToggle) is fixed at left:12px with an
       ~42px box (12px padding-box + 24px icon + edges), so its right edge
       sits at ~54px. left:48px used to leave a 6px overlap where the
       hamburger visually won on top (higher z-index) but was still hard
       to tap without also hitting this logo link underneath. 58px fully
       clears it. */
    left: 58px;
    margin: 0;
    position: fixed;
    top: 9px;
    z-index: 101;
  }
  html[dir="rtl"] .neo-ecosystem-mobile-home-link { left: auto; right: 58px; }
  /* Clear the fixed hamburger button (42px, top:12/left:12) so the header
     content — including the relocated Agent link — never sits behind it. */
  #agent.panel .agent-panel-header { padding-left: 58px !important; }
  html[dir="rtl"] #agent.panel .agent-panel-header { padding-left: 16px !important; padding-right: 58px !important; }
}