/* VS-010.U — Restore Original Inline Secondary Menu */
/* No generated section surface. No dropdown. No sticky. */

[data-rv-vs010="true"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.rv-vs010-mobile {
  display: none !important;
}

.rv-legacy-secondary-hidden:not([data-rv-vs010="true"]) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.rv-vs010-inline-secondary {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #eef3f7 !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--rv-border-subtle, #d9e0e6) !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  position: relative !important;
  top: auto !important;
  z-index: 25 !important;
  transform: none !important;
}

.rv-vs010-inline-secondary > * {
  flex: 0 0 auto !important;
}

.rv-vs010-inline-secondary a,
.rv-vs010-inline-secondary button,
.rv-vs010-inline-secondary .tab,
.rv-vs010-inline-secondary [role="tab"],
.rv-vs010-inline-secondary li,
.rv-vs010-inline-secondary > div,
.rv-vs010-inline-secondary > span {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 14px !important;
  border-right: 1px solid var(--rv-border-subtle, #d9e0e6) !important;
  color: var(--rv-text-secondary, #5d6975) !important;
  background: transparent !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 560 !important;
  line-height: 1 !important;
}

.rv-vs010-inline-secondary .active,
.rv-vs010-inline-secondary [aria-selected="true"],
.rv-vs010-inline-secondary a.active,
.rv-vs010-inline-secondary button.active {
  background: #fff !important;
  color: var(--rv-text-primary, #17212b) !important;
  box-shadow: inset 0 -3px 0 var(--rv-accent-primary, #1f6f9f) !important;
}

.rv-vs010-inline-secondary + * {
  margin-top: 0 !important;
}

/* Primary top nav remains primary, secondary stays directly below it. */
.rv-main-nav,
.rv-top-nav,
.rv-navbar,
.rv-tenant-nav,
.rv-tenant-top,
.rv-app-top,
.rv-shell-top,
header,
nav[aria-label="Primary"],
nav[aria-label="Main"] {
  overflow: visible !important;
}

/* No clipping around the restored rail. */
body,
main,
#workspace,
.rv-shell,
.rv-tenant-shell,
.rv-page,
.rv-page-body,
.rv-content,
.rv-workspace,
.rv-layout,
.rv-container {
  overflow-x: visible !important;
}

@media (max-width: 980px), (hover: none) and (pointer: coarse) {
  .rv-vs010-inline-secondary {
    min-height: 42px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity;
  }

  .rv-vs010-inline-secondary a,
  .rv-vs010-inline-secondary button,
  .rv-vs010-inline-secondary .tab,
  .rv-vs010-inline-secondary [role="tab"],
  .rv-vs010-inline-secondary li,
  .rv-vs010-inline-secondary > div,
  .rv-vs010-inline-secondary > span {
    min-height: 42px !important;
    padding: 0 12px !important;
    font-size: 11px !important;
    scroll-snap-align: start;
  }
}