/* Shared legacy menus: theme-aware surfaces and responsive action visibility. */
html body.night-mode:not(.vf-page-profile) #vf-main-content .side-nav,
html body.night-mode:not(.vf-page-profile) #vf-main-content .side-nav :is(ul, .collapse, .collapsing) {
  background: var(--vf-dark-surface, #111b28) !important;
  border-color: var(--vf-dark-line, #344256) !important;
  color: var(--vf-dark-text, #edf4ff) !important;
}
html body.night-mode:not(.vf-page-profile) #vf-main-content .side-nav li > a {
  background: transparent !important;
  color: var(--vf-dark-text, #edf4ff) !important;
}
html body.night-mode:not(.vf-page-profile) #vf-main-content .side-nav li > a :is(i, svg, svg *) {
  color: var(--vf-dark-link, #8cbcff) !important;
  fill: currentColor !important;
}
html body.night-mode:not(.vf-page-profile) #vf-main-content .side-nav li > a i::before {
  color: inherit !important;
}
html body.night-mode:not(.vf-page-profile) #vf-main-content .side-nav li > a:is(:hover, :focus-visible, [aria-expanded="true"]),
html body.night-mode:not(.vf-page-profile) #vf-main-content .side-nav li.active > a {
  background: linear-gradient(100deg, #245ac4, #193653) !important;
  color: #fff !important;
}
html body.night-mode:not(.vf-page-profile) #vf-main-content .side-nav li > a:is(:hover, :focus-visible, [aria-expanded="true"]) :is(i, svg, svg *),
html body.night-mode:not(.vf-page-profile) #vf-main-content .side-nav li.active > a :is(i, svg, svg *) {
  color: #fff !important;
  fill: currentColor !important;
}
html body.night-mode:not(.vf-page-profile) #vf-main-content .card :is(.card-header, .card-footer) {
  background: var(--vf-dark-surface-raised, #162334) !important;
  border-color: var(--vf-dark-line, #344256) !important;
  color: var(--vf-dark-text, #edf4ff) !important;
}
html body.night-mode:not(.vf-page-profile) #vf-main-content .card > .card-header :is(strong, .card-title) {
  color: inherit !important;
}
html body.night-mode #vf-main-content .marketplace-sell-card {
  background: var(--vf-dark-surface, #111b28) !important;
  border-color: var(--vf-dark-line, #344256) !important;
  color: var(--vf-dark-text, #edf4ff) !important;
}
html body.night-mode #vf-main-content .marketplace-sell-card :is(.text-muted, .marketplace-sidebar-copy) {
  color: var(--vf-dark-muted, #a9bbd2) !important;
}
html body.night-mode #vf-main-content .content-tabs > ul > li > a {
  color: var(--vf-dark-muted, #a9bbd2) !important;
}
html body.night-mode #vf-main-content .content-tabs > ul > li.active > a,
html body.night-mode #vf-main-content .content-tabs > ul > li > a:is(:hover, :focus-visible) {
  background: #203b59 !important;
  color: #fff !important;
}
/* Legacy button display rules outrank Bootstrap's responsive utilities. */
@media (min-width: 992px) {
  html body #vf-main-content .content-tabs .btn.d-lg-none { display: none !important; }
}
@media (max-width: 991.98px) {
  html body #vf-main-content .content-tabs .btn.d-none.d-lg-block { display: none !important; }
  html body #vf-main-content .content-tabs .btn.d-block.d-lg-none { display: inline-flex !important; }
}
html body .vf-neighborhood-context-menu {
  max-height: calc(100dvh - 100px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
html body .vf-neighborhood-context-menu[aria-hidden="true"] { display: none !important; }
html body .vf-neighborhood-context-menu.is-all-tools { width: min(360px, calc(100vw - 32px)); }
html body .vf-neighborhood-context-menu :is(a, button):focus-visible,
html body .vf-neighborhood-flat-link:focus-visible {
  outline: 2px solid #8cbcff;
  outline-offset: 2px;
}
html body.night-mode .vf-neighborhood-context-menu {
  background: var(--vf-dark-surface-raised, #162334) !important;
  border-color: var(--vf-dark-line, #344256) !important;
  color: var(--vf-dark-text, #edf4ff) !important;
}
html body.night-mode .vf-neighborhood-context-menu a {
  color: var(--vf-dark-text, #edf4ff) !important;
}
html body.night-mode .vf-neighborhood-context-menu a:is(:hover, :focus-visible) { background: #203b59 !important; }
html body.night-mode .vf-neighborhood-context-menu-title { color: var(--vf-dark-muted, #a9bbd2) !important; }
html body.night-mode .vf-neighborhood-context-menu a.is-active {
  background: #203b59 !important;
  color: #fff !important;
}
html body.night-mode .vf-neighborhood-context-menu a :is(i, svg, svg *) {
  color: var(--vf-dark-link, #8cbcff) !important;
  fill: currentColor !important;
}
html body.night-mode #vf-main-content .vf-neighborhood-flat-link:is(.is-active, :hover, :focus-visible, [aria-expanded="true"]) {
  background: #203b59 !important;
  color: #fff !important;
}

html body.night-mode:not(.vf-page-profile) #vf-main-content .side-nav li > a::after {
  color: inherit !important;
}
html body.night-mode:not(.vf-page-profile) #vf-main-content .card {
  border-color: var(--vf-dark-line, #344256) !important;
}