/* 14.4: full-width muted Global, menu first in rail. Desktop only layout. */
@media(min-width:701px){
 html:not(.mobile-h5) body header.top.iit-global{margin-left:0;background:#34465B;border-bottom:1px solid #2b3b4e;color:#fff;padding-left:16px}
 html:not(.mobile-h5) body .app{grid-template-columns:66px minmax(0,1fr)!important}
 html:not(.mobile-h5) body .app.has-pinned-role-nav{grid-template-columns:66px var(--nav-width-standard,240px) minmax(0,1fr)!important}
 html:not(.mobile-h5) body .app>.rail,html:not(.mobile-h5) body .shell>.rail{margin-top:0;width:66px;flex-basis:66px;box-sizing:border-box;padding-top:8px;gap:16px;position:relative;z-index:15;background:#f7f8fa}
 html:not(.mobile-h5) body .rail .role-nav-trigger{width:48px;height:48px;min-height:48px;flex:0 0 48px;border-radius:8px;padding:0;display:flex;justify-content:center;align-items:center;margin:0;align-self:center}
 html:not(.mobile-h5) body .rail .role-nav-trigger small{display:none}
 html:not(.mobile-h5) body .iit-global .company,html:not(.mobile-h5) body .iit-global .global-modules button,html:not(.mobile-h5) body .global-module-overflow>summary{color:#fff}
 html:not(.mobile-h5) body .iit-global .role,html:not(.mobile-h5) body .iit-global .enterprise-logo{color:#fff;background:#ffffff18;border-color:#ffffff55}
 html:not(.mobile-h5) body .iit-global .global-modules button:hover{color:#fff;background:#00000012}
 html:not(.mobile-h5) body .iit-global .global-modules button[aria-current=page]{color:#fff;background:#00000020}
 html:not(.mobile-h5) body .iit-global .global-modules button[aria-current=page]:after{background:#fff}
 html:not(.mobile-h5) body .iit-global .global-separator{background:#ffffff55}
 html:not(.mobile-h5) body .iit-global button.cloud-store{color:#fff;background:#ffffff12;border-color:#ffffff66}
 html:not(.mobile-h5) body .iit-global .cloud-store:hover{background:#ffffff26}
 html:not(.mobile-h5) body .iit-global .cloud-store small,html:not(.mobile-h5) body .iit-global .cloud-store svg{color:#fff}
 html:not(.mobile-h5) body .iit-global button:focus-visible,html:not(.mobile-h5) body .iit-global summary:focus-visible{outline:2px solid #fff;outline-offset:2px}
 html:not(.mobile-h5) body.page-maximized header.top.iit-global{margin-left:0}
 html:not(.mobile-h5) body.page-maximized .app,html:not(.mobile-h5) body.page-maximized .app.has-pinned-role-nav{grid-template-columns:minmax(0,1fr)!important}
}

/* Restore release 14 neutral rail, including interaction colors. */
html body .app>.rail,html body .shell>.rail{background:#f7f8fa;color:#647080;border-right-color:#e7e9ed}
html body .rail>a,html body .rail>button,html body .rail>span{color:#647080;background:transparent}
html body .rail>a:hover,html body .rail>button:hover{background:#eceff4;color:#30445d}
html body .rail>button[aria-expanded=true],html body .rail>button[aria-expanded=true]:hover,html body .rail>a[aria-current=page],html body .rail>a[aria-current=page]:hover{background:#e8f1ff;color:#1668d4}

html body .rail .role-nav-trigger{border:0;cursor:pointer;box-shadow:none}
html body .rail .role-nav-trigger svg{width:20px;height:20px}
html body .iit-global .global-modules button[aria-current=page]:after{background:#1890ff}
/* Keep the user avatar after shortcuts, never between menu and shortcuts. */
html body .rail>.avatar{order:99;margin-top:auto}