#navToggle{background:transparent;color:#E9EEEF;border:1px solid #3D525C;font-size:17px;width:42px;height:42px;padding:0;cursor:pointer;align-self:flex-start;margin-bottom:14px}
.workspace-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:15px}
.workspace-head h2{margin:4px 0 12px!important}
.crumb{font:500 11px var(--cr-family-mono);color:#5E7682;white-space:nowrap}.crumb span{color:#B3241C;padding:0 8px}
.app-footer{border-top:1px solid #B4C4C9;margin-top:40px;padding:20px 0;color:#5E7682;font:11px var(--cr-family-mono);text-align:right}.app-footer a{color:#12232E;font-weight:600;text-decoration:none}.app-footer span{opacity:.65}
.tabs{grid-template-columns:repeat(6,minmax(0,1fr))!important}
body.nav-collapsed header{width:76px!important;padding:22px 12px!important}
body.nav-collapsed .brand-logo{width:50px!important;height:48px!important;object-position:left}
body.nav-collapsed .brand-title{font-size:0!important;padding:4px 0!important}
body.nav-collapsed #state button{font-size:0!important;min-width:42px}
body.nav-collapsed #state button::after{content:'↪';font-size:18px}
body.nav-collapsed main{margin-left:76px!important;width:calc(100% - 76px)!important}
@media(min-width:1350px){.tabs{grid-template-columns:repeat(12,minmax(0,1fr))!important}.tabs button{font-size:10px!important;padding:13px 3px!important}}
@media(min-width:780px) and (max-width:1349px){.tabs{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(max-width:780px){#navToggle{margin:0;width:36px;height:36px;flex:none}.workspace-head{padding-top:8px}.workspace-head h2{font-size:25px!important}.crumb{display:none}body.nav-collapsed header{width:100%!important;padding:8px 16px!important}body.nav-collapsed main{margin:0!important;width:100%!important}body.nav-collapsed .brand-logo{width:100px!important}}
