/* Only the design switch is added to the native legacy navigation. */
html[data-foxy-design=legacy] .fx-legacy-design-switch {
  display:inline-flex; align-items:center; justify-content:center; flex:none; gap:8px;
  width:auto; min-height:36px; height:auto; margin:0; padding:8px 12px;
  border:1px solid var(--border-primary,#d6dce4); border-radius:8px;
  background:var(--bg-primary,#fff); color:var(--text-primary,#253142);
  font:500 12px/1.4 "Segoe UI",sans-serif; white-space:nowrap; cursor:pointer;
  box-shadow:none; text-transform:none;
}
html[data-foxy-design=legacy] .fx-legacy-design-switch:hover { border-color:var(--accent-primary,#f5820b); }
html[data-foxy-design=legacy] .fx-legacy-design-switch:focus-visible { outline:2px solid var(--accent-primary,#f5820b); outline-offset:3px; }
@media(max-width:780px) {
  html[data-foxy-design=legacy] .fx-legacy-design-switch { min-height:34px; padding:7px 10px; font-size:11px; }
}