/* Keep native navigation in normal flow; an auto-positioned fixed header could
   inherit the tab panel's offset and cover records halfway down the screen. */
html[data-foxy-design=legacy] #root>header { position:relative; inset:auto; width:100%; height:auto; min-height:92px; box-sizing:border-box; padding:16px 24px; gap:20px; z-index:20; flex-wrap:wrap; }
html[data-foxy-design=legacy] #root>main { padding:20px 24px; min-width:0; max-width:100%; box-sizing:border-box; }
html[data-foxy-design=legacy] #root>.fx-pages-workspace { padding:24px 24px 0; margin:0; box-sizing:border-box; }
html[data-foxy-design=legacy] #root>header .navigation-img img { max-width:64px; height:72px; object-fit:contain; }
html[data-foxy-design=legacy] #root>header .navigation-meta { min-width:0; flex-wrap:wrap; }
html[data-foxy-design=legacy] #root>header .navigation-right { min-width:0; margin-inline-start:auto; }
html[data-foxy-design=legacy] #root>header .navigation { flex-wrap:wrap; gap:8px 14px; }
html[data-foxy-design=legacy] #root>header .navigation a { display:inline-flex; min-height:44px; align-items:center; }
html[data-foxy-design=legacy] #root>header .navigation .red-btn { min-width:88px; min-height:44px; padding:8px 16px; }
html[data-foxy-design=legacy] #root .redirect-info-title { display:grid; grid-template-columns:48px minmax(0,1fr) 48px; gap:16px; align-items:center; }
html[data-foxy-design=legacy] #root .redirect-info-title-label { min-width:0; width:auto; }
html[data-foxy-design=legacy] #root :is(.redirect-info-header,.pages-info-header) { display:flex; flex-wrap:wrap; align-items:center; min-width:0; gap:8px 16px; }
html[data-foxy-design=legacy] #root :is(.redirect-info-header,.pages-info-header) h3 { overflow-wrap:anywhere; min-width:0; }
html[data-foxy-design=legacy] #root .redirect-info-title>.red-btn { position:static; align-self:center; min-width:44px; width:44px; height:44px; min-height:44px; padding:12px; display:grid; place-items:center; margin:0; }
html[data-foxy-design=legacy] #root .redirect-info-title>.red-btn svg { width:18px; height:18px; }
@media(max-width:1010px) {
  html[data-foxy-design=legacy] #root>header { padding:12px 16px; gap:12px; }
  html[data-foxy-design=legacy] #root>header .navigation-left { min-width:0; gap:12px; flex:1; }
  html[data-foxy-design=legacy] #root>header .navigation-img { position:static; inset:auto; transform:none; width:48px; }
  html[data-foxy-design=legacy] #root>header .navigation-img img { width:48px; height:56px; }
  html[data-foxy-design=legacy] #root>header .navigation-right { display:contents; }
  html[data-foxy-design=legacy] #root>header .navigation { display:none!important; position:static!important; inset:auto!important; flex-direction:row; flex-wrap:wrap; width:100%!important; max-width:none!important; height:auto; max-height:none!important; margin:0!important; padding:8px 0 0!important; box-shadow:none; background:transparent; transform:none; order:3; gap:8px!important; overflow:visible!important; }
  html[data-foxy-design=legacy] #root>header .navigation.visible { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-foxy-design=legacy] #root>header .navigation li { width:auto; margin:0; padding:0; border:0; }
  html[data-foxy-design=legacy] #root>header .navigation a { min-height:44px; padding:8px; border-radius:8px; font-size:14px; }
  html[data-foxy-design=legacy] #root>header .hamburger { display:flex; align-items:center; justify-content:center; min-width:44px; width:44px; height:44px; margin:0; padding:0; }
  html[data-foxy-design=legacy] #root>main { padding:16px 12px; }
  html[data-foxy-design=legacy] #root>.fx-pages-workspace { padding:16px 12px 0; }
  html[data-foxy-design=legacy] #root .redirect-info-title { grid-template-columns:44px minmax(0,1fr) 44px; gap:10px; }
  html[data-foxy-design=legacy] #root :is(.redirect-info-header,.pages-info-header) { flex-direction:column; align-items:flex-start; gap:8px; }
  html[data-foxy-design=legacy] #root :is(.redirect-info-header,.pages-info-header) h3 { font-size:16px; line-height:1.5; white-space:normal!important; overflow:visible; text-overflow:clip; }
}
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; }
}