/** One desktop/tablet sidebar for every full-page workspace.
 * The real #v6Rail is moved here, never recreated or visually approximated.
 * Match the application's existing 950px breakpoint and var(--fn-sidebar-width, 220px) rail width.
 */
@media (min-width:951px) {
  :is(#fmOverlay,#fn-admin-pages,#account-panel,#swOverlay,.sw-overlay,#fn-permissions-page) > #v6Rail.fn-mounted-rail {
    display:flex!important;
    position:fixed!important;
    top:0;left:0;bottom:0;
    width:var(--fn-sidebar-width, 220px);
    z-index:50;
    background:var(--fb-nav)!important;
    border-right:1px solid var(--fb-edge)!important;
  }
  #fmOverlay:not([hidden]),#fn-admin-pages:not([hidden]),#account-panel:not([hidden]) {
    padding-left:var(--fn-sidebar-width, 220px)!important;
    box-sizing:border-box;
  }
  .sw-overlay > .sw-workspace {margin-left:var(--fn-sidebar-width, 220px)!important;width:calc(100% - var(--fn-sidebar-width, 220px))!important;max-width:none!important}
  #fn-permissions-page:not([hidden]) {padding-left:calc(var(--fn-sidebar-width, 220px) + max(14px,3vw))!important;box-sizing:border-box}
  #swOverlay > .sw-workspace {
    margin-left:var(--fn-sidebar-width, 220px)!important;
    width:calc(100% - var(--fn-sidebar-width, 220px))!important;
    max-width:none!important;
  }
  #swOverlay > .v6-head {margin-left:var(--fn-sidebar-width, 220px)!important;width:calc(100% - var(--fn-sidebar-width, 220px))!important;box-sizing:border-box}
  #fmOverlay .fm-content {width:100%;min-width:0;max-width:1500px}
  #fmOverlay .fm-footer.v6-nav {display:none!important}
  #fn-admin-pages .fn-admin-content,#fn-admin-pages .fn-admin-tabs {max-width:1400px}
}
@media (max-width:950px) {
  :is(#fmOverlay,#fn-admin-pages,#account-panel,#swOverlay,.sw-overlay,#fn-permissions-page) > #v6Rail {display:none!important}
  #fmOverlay .fm-footer.v6-nav {display:flex!important}
  #fn-admin-pages,#account-panel {padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}
  #swOverlay > .sw-workspace,.sw-overlay > .sw-workspace {margin-left:0!important;width:100%!important}
}

/* Single real application header/rail: shared with every full-page workspace.
   The actual #main > .v6-head is mounted in the visible workspace rather than
   recreating the header with a different layout and toolbar. */
:is(#fmOverlay,#account-panel,#fn-admin-pages,#fn-permissions-page,#swOverlay,.sw-overlay) > .v6-head.fn-shared-workspace-head {
  display:flex!important; flex:0 0 auto!important; position:relative!important;
  inset:auto!important; width:100%!important; box-sizing:border-box!important;
  background:transparent!important; border-bottom:1px solid var(--fb-edge)!important;
  color:var(--fb-ink)!important; z-index:25!important;
  padding:14px clamp(16px,3vw,48px)!important; min-height:68px;
}
.fn-shell-close-action[hidden]{display:none!important}
.fn-shell-close-action{border:1px solid var(--fb-edge)!important;background:var(--fb-panel)!important;color:var(--fb-ink)!important;border-radius:10px;min-height:38px;padding:8px 12px}
/* Materials' own app-bar is redundant; tabs and page title remain underneath. */
#fmOverlay:has(> .fn-shared-workspace-head) > .fm-app-head {display:none!important}
#fmOverlay:has(> .fn-shared-workspace-head) .fm-content{flex:1 1 auto;min-height:0}
@media(min-width:951px){
  :is(#fmOverlay,#account-panel,#fn-admin-pages,#fn-permissions-page,#swOverlay,.sw-overlay) > .v6-head.fn-shared-workspace-head {
    width:calc(100% - var(--fn-sidebar-width, 220px))!important; margin-left:var(--fn-sidebar-width, 220px)!important; max-width:none!important;
  }
  #fmOverlay:has(> .fn-shared-workspace-head){padding-left:0!important}
  #fmOverlay:has(> .fn-shared-workspace-head) > .fm-content,
  #fmOverlay:has(> .fn-shared-workspace-head) > .fm-footer{margin-left:var(--fn-sidebar-width, 220px)!important;width:calc(100% - var(--fn-sidebar-width, 220px))!important}
  #fmOverlay:has(> .fn-shared-workspace-head) .fm-content{max-width:none!important;padding-inline:clamp(20px,3vw,48px)!important}
  #account-panel:has(> .fn-shared-workspace-head),#fn-admin-pages:has(> .fn-shared-workspace-head){padding-left:0!important}
  #fn-permissions-page:has(> .fn-shared-workspace-head){padding-left:0!important}
  #fn-permissions-page:has(> .fn-shared-workspace-head) > :not(#v6Rail):not(.fn-shared-workspace-head):not(#fb64-atmosphere){margin-left:var(--fn-sidebar-width, 220px)!important;max-width:calc(100% - var(--fn-sidebar-width, 220px))!important;box-sizing:border-box}
  .sw-overlay:has(> .fn-shared-workspace-head) > .sw-workspace{margin-left:var(--fn-sidebar-width, 220px)!important;width:calc(100% - var(--fn-sidebar-width, 220px))!important}
}
@media(max-width:950px){
 :is(#fmOverlay,#account-panel,#fn-admin-pages,#fn-permissions-page,#swOverlay,.sw-overlay) > .v6-head.fn-shared-workspace-head {padding:10px 14px!important;min-height:56px}
 #fmOverlay:has(> .fn-shared-workspace-head) > .fm-content{margin-left:0!important;width:100%!important}
}