/* Left navigation: workspace groups with their child functions directly underneath. */
.shell{grid-template-columns:226px minmax(0,1fr)}
.side.primary-rail{position:sticky;top:0;height:100dvh;max-height:100dvh;padding:12px 10px;background:var(--nav);gap:14px;overflow-y:auto}
.primary-rail .brand{min-height:70px;padding:0 4px 11px;background-position:center 7px;background-size:146px auto}
.primary-rail .brand::after{left:50%;bottom:1px;transform:translateX(-50%);font-size:9px;white-space:nowrap}
.workspace-tree-nav{display:grid;gap:5px}
.workspace-nav-group{display:grid;gap:2px}
.workspace-group-title{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:8px 10px;border:0;border-left:2px solid transparent;background:transparent;color:#a6b6c0;text-align:left}
.workspace-group-title i{display:grid;place-items:center;flex:none;width:24px;height:24px;background:#30434f;color:#c3d4d7;font-style:normal;font-size:11px}
.workspace-group-title b{overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.workspace-group-title em{margin-left:auto;color:#81949f;font-size:15px;font-style:normal;transition:transform .18s ease,color .18s ease}
.workspace-group-title[aria-expanded="true"] em{transform:rotate(0deg)}
.workspace-group-title:hover{background:#223742;color:#fff}
.workspace-nav-group.active .workspace-group-title{border-left-color:#82cfc2;background:#27444c;color:#fff}
.workspace-nav-group.active .workspace-group-title i{background:#128278;color:#fff}
.workspace-nav-group.active .workspace-group-title em{color:#c4e7e0}
.workspace-group-children{max-height:360px;overflow:hidden;opacity:1;transition:max-height .22s ease,opacity .16s ease}
.workspace-group-children.collapsed{max-height:0;opacity:0;pointer-events:none}
.workspace-child-menu{display:grid;gap:1px;margin:0 0 4px 20px;padding:3px 0 4px 15px;border-left:1px solid rgba(163,204,197,.3)}
.workspace-child-menu button{position:relative;min-height:31px;padding:6px 9px;border:0;border-radius:0;background:transparent;color:#9cadb7;text-align:left;font-size:12px;white-space:nowrap}
.workspace-child-menu button:hover{background:rgba(255,255,255,.07);color:#fff}
.workspace-child-menu button.active{background:rgba(120,196,183,.16);color:#d7f0eb;font-weight:600}
.workspace-child-menu button.active::before{content:'';position:absolute;left:-16px;top:50%;width:4px;height:4px;border-radius:50%;background:#82cfc2;transform:translateY(-50%)}
.rail-foot{display:grid;gap:7px;margin-top:auto;padding:10px 4px 2px;border-top:1px solid rgba(255,255,255,.12);text-align:left}
.rail-foot>span{overflow:hidden;color:#a4b5bd;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.rail-foot .release-label{color:#8299a4}
.rail-foot .logout{color:#a4b5bd;text-align:left;font-size:10px}
.rail-foot .logout:hover{color:#fff}
.topbar+.page{min-height:calc(100dvh - 64px)}
@media(max-width:1060px){.shell{grid-template-columns:210px minmax(0,1fr)}.side.primary-rail{padding-inline:8px}.workspace-group-title{padding-inline:8px}.workspace-child-menu{margin-left:18px;padding-left:13px}.workspace-child-menu button{font-size:11px}}
@media(max-width:760px){.side.primary-rail{position:fixed;width:min(286px,84vw);height:100dvh;max-height:none;padding:16px 12px;gap:16px}.primary-rail .brand{min-height:65px;background-position:left 7px;background-size:150px auto}.primary-rail .brand::after{left:0;transform:none;font-size:10px}.workspace-tree-nav{gap:6px}.workspace-group-title{min-height:38px;padding:7px 8px;border:1px solid rgba(255,255,255,.13);border-left:1px solid rgba(255,255,255,.13)}.workspace-group-title i{width:21px;height:21px;font-size:10px}.workspace-group-title b{font-size:12px}.workspace-nav-group.active .workspace-group-title{border-color:#4eaa9d;background:#1a4748}.workspace-child-menu{margin-left:18px;padding-left:13px}.workspace-child-menu button{min-height:33px;font-size:12px}.rail-foot{padding-top:14px;text-align:left}.rail-foot .logout{text-align:left}.topbar+.page{min-height:calc(100dvh - 56px)}}