/* T2786: fixed brand bar = [hamburger][logo], always visible; the sidebar starts under it */
#brandbar{position:fixed;left:0;top:0;width:182px;height:48px;z-index:12;display:flex;align-items:center;gap:4px;padding:0 4px;background:#15263b;border-bottom:1px solid #304359}
#brandbar .navtoggle{color:#c6d5e5;font-size:19px;line-height:1;padding:4px 3px;min-height:32px;border:0;background:transparent;margin:0}
#brandbar .navtoggle:hover{color:#fff;background:#284866}
.brandbar-logo{display:block;flex:1;min-width:0}
.brandbar-logo img{display:block;width:100%;height:auto}  /* T2788: logo fills the bar's width (about 21 px tall, was 18) */
.brandbar-logo:hover,.brandbar-logo:focus{text-decoration:none;background:transparent}
.sidebar{padding-top:48px}
.sidebar .ce-navlogo{display:none!important}
.top{padding-left:20px}
@media(min-width:761px){.nav-open .top{padding-left:202px}}
@media(max-width:760px){
 #brandbar{width:auto;border-radius:0 0 8px 0}
 .top{padding-left:200px}
 .nav-open #brandbar{width:210px;border-radius:0}
 #closenav{display:none!important}
 .brandbar-logo{flex:none}
 .brandbar-logo img{width:auto;height:21px}
}

/* T2787: indent the items under each group heading (Sales, Purchasing...) so the groups read as groups */
.sidebar .navitem:not(.nav-heading){padding-left:30px}
.sidebar .navitem.active:not(.nav-heading){padding-left:27px}

/* T2788b (Mike: logo sits high, grow it more): sidebar + brand bar 200 px wide, so the logo fills ~186 px (~26 px tall); nudged down to sit centred */
@media(min-width:761px){
 .sidebar,#brandbar{width:200px}
 main{margin-left:200px}
 .nav-open main{margin-left:0}
 .nav-open .top{padding-left:220px}
}
.brandbar-logo img{margin-top:4px}
@media(max-width:760px){.brandbar-logo img{height:24px}.nav-open #brandbar{width:220px}.sidebar{width:220px}}

/* T2791 (Mike: menu 2-4 px wider so the logo isn't cramped): 204 px, logo kept at its current size so the extra room becomes padding */
@media(min-width:761px){
 .sidebar,#brandbar{width:204px}
 main{margin-left:204px}
 .nav-open main{margin-left:0}
 .nav-open .top{padding-left:224px}
 #brandbar{gap:6px;padding:0 9px 0 5px}
 .brandbar-logo{flex:none}
 .brandbar-logo img{width:auto;height:22.5px}
}