@media (max-width: 760px) {
  .agents-body {
    overflow-x: hidden;
  }

  .agents-body .agents-shell,
  .agents-body .agents-stage,
  .agents-body #agents-main {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  .agents-body .agents-rail {
    position: fixed;
    z-index: 80;
    inset-block: 0;
    inset-inline-start: 0;
    inset-inline-end: auto;
    width: min(260px, 86vw);
    max-width: 100vw;
    transform: translateX(-101%);
    overflow-y: auto;
  }

  html[dir="rtl"] .agents-body .agents-rail {
    inset-inline-start: auto;
    inset-inline-end: 0;
    transform: translateX(101%);
  }

  .agents-body .agents-rail.open,
  html[dir="rtl"] .agents-body .agents-rail.open {
    transform: none;
  }

  .agents-body .agents-shell.nav-open::before {
    content: "";
    position: fixed;
    z-index: 70;
    inset: 0;
    background: rgba(2, 6, 14, .58);
  }

  .agents-body .agents-menu {
    display: block;
    position: relative;
    z-index: 90;
  }

  .agents-body .agents-skip {
    z-index: 100;
    left: auto;
    inset-inline-start: 12px;
  }

  .agents-body .agents-topbar {
    position: relative;
    z-index: 90;
    width: 100%;
    max-width: 100%;
  }

  /* Keep the toggle above the open rail, independent of the stage's hit area. */
  .agents-body .agents-shell.nav-open .agents-menu {
    position: fixed;
    z-index: 100;
    inset-inline-start: 18px;
    top: 25px;
  }

  .agents-body .agents-row > div,
  .agents-body .agents-card,
  .agents-body .agents-panel,
  .agents-body .agents-form {
    min-width: 0;
    max-width: 100%;
  }

  .agents-body .agents-row > div:last-child,
  .agents-body .agents-card-foot {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .agents-body .agents-input,
  .agents-body .agents-select {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
}

@media (max-width: 700px) {
  .agents-body .agents-shell.nav-open .agents-menu {
    top: 38px;
  }
}

@media (max-width: 760px) {
  .agents-body .agents-topbar {
    gap: 9px;
    padding-inline: 14px;
  }
  .agents-body .agents-topbar.neo-unified-header {
    height:auto;
    min-height:70px;
    align-content:center;
    flex-wrap:wrap;
    gap:6px 8px;
    padding-block:8px;
  }
  .agents-body .agents-topbar .neo-unified-controls {
    flex-wrap:nowrap;
    order:3;
    margin-inline-start:auto;
  }
  .agents-body .agents-topbar .neo-unified-brand {
    order:1;
    flex:0 1 auto;
  }
  .agents-body .agents-topbar .neo-unified-back {
    order:2;
    flex:0 0 auto;
  }
  .agents-body .agents-topbar .neo-unified-controls :is(.neo-lang-btn,.neo-unified-signin,.neo-unified-avatar),
  .agents-body .agents-topbar .neo-unified-back {
    min-height:40px;
  }
  .agents-body .agents-crumb {
    order:4;
    flex:1 1 75px;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .agents-body .agents-topbar .neo-unified-brand span {
    display:inline;
    font-size:13px;
  }

  .agents-body .agents-ecosystem-nav {
    order: 2;
    min-width: 0;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Portal remains available in the open rail; keep the compact header legible. */
  .agents-body .agents-ecosystem-nav > :not(:first-child) {
    display: none;
  }

  .agents-body .agents-crumb {
    order: 4;
  }

  .agents-body .agents-account {
    order: 3;
    margin-inline-start: auto;
  }

  .agents-body .agents-account-user > span:last-child {
    display: none;
  }

  .agents-body .agents-wallet {
    padding: 6px 7px;
  }

  .agents-body .agents-top-actions {
    order: 5;
    width: 100%;
    justify-content: flex-end;
    margin-inline-start: 0;
  }

  .agents-body .agents-auth-links {
    gap: 2px;
  }

  .agents-body .agents-auth-links a {
    padding: 7px 8px;
  }
}

@media (max-width: 390px) {
  .agents-body .agents-ecosystem-nav {
    font-size: 11px;
  }

  .agents-body .agents-crumb {
    max-width: 100%;
  }
}

@media (max-width: 760px) {
  .catalog-viewbar { align-items: stretch; min-width: 0; }
  .catalog-view-switch { width: 100%; }
  .catalog-view-switch .agents-btn { flex: 1; }
  .catalog-live { margin-inline-start: 0; width: 100%; }
  .catalog-map-tools > .agents-input,
  .catalog-map-tools > .agents-select { flex: 1 1 100%; }
  .catalog-map-tools > .agents-btn { flex: 1 1 130px; }
  .catalog-map-host { width: 100%; min-width: 0; min-height: 360px; height: min(560px, 58dvh); }
  .catalog-map-tools { flex-wrap: wrap; }
  .catalog-map-destinations { min-width: 0; max-width: 100%; }
  .catalog-map-status { flex: 1 1 100%; }
  .catalog-selection { align-items: flex-start; flex-direction: column; gap: 6px; }
  .catalog-selection .agents-btn { margin-inline-start: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .catalog-map-host { background: var(--agents-panel); }
}