/* Single sidebar stylesheet, used by every ProjectHub page. */
#side{box-sizing:border-box;--sb-bg:#191d20;--sb-br:#272b2e;--sb-tx:#d9e0e5;--sb-mu:#98a5ae;--sb-hv:rgba(134,185,232,.08);--sb-ac:rgba(134,185,232,.16);position:fixed;top:8px;bottom:8px;left:8px;width:216px;border:1px solid var(--sb-br);border-radius:12px;background:var(--sb-bg);color:var(--sb-tx);z-index:40;display:flex;flex-direction:column;overflow:hidden;transition:width .15s,transform .2s;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;scrollbar-color:#333a3f transparent}
#side *{box-sizing:border-box}
#side .brand{display:flex;flex:none;gap:8px;align-items:center;padding:14px 16px 8px;color:var(--sb-tx);text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
#side .brand i{font-style:normal;color:#86b9e8;font-size:24px;line-height:1}
#side h4{margin:12px 16px 4px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sb-mu);white-space:nowrap;line-height:16px}
#side .nv{display:block;margin:0;border:0;background:transparent;gap:0;flex-wrap:nowrap;line-height:normal;flex:1 1 auto;min-height:0;padding:0 8px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
#side a.it{display:flex;overflow:hidden;gap:10px;align-items:center;height:36px;padding:0 10px;border-radius:8px;color:var(--sb-tx);text-decoration:none;font-size:14px;font-weight:500;margin-bottom:2px;white-space:nowrap;line-height:normal}
#side a.it:hover{background:var(--sb-hv)}
#side a.it.on{color:#86b9e8;background:#283440}
#side .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#side a.it svg,#side .out svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
#side .out{display:flex;align-items:center;gap:8px;flex:none;margin:8px;padding:8px 10px;position:static;width:calc(100% - 16px);text-align:left;background:var(--sb-bg);border:1px solid #333a3f;border-radius:10px;color:var(--sb-mu);font:13px system-ui;cursor:pointer;white-space:nowrap}
#side .out:hover{color:#86b9e8;border-color:#6b9fcd}
#side .gfm:hover{background:var(--sb-hv)}
body.hasside{--ph-content-left:240px;padding-left:var(--ph-content-left)}
body.hasside.siderail{--ph-content-left:76px;padding-left:var(--ph-content-left)}
body.siderail #side{width:52px}
body.siderail #side .lbl,body.siderail #side h4,body.siderail #side .out,body.siderail #side .brand b,body.siderail #side #ph-va,body.siderail #side .gfm{display:none!important}
body.siderail #side a.it{justify-content:center;padding:0}
body.siderail #side .brand{justify-content:center;padding:14px 0 8px}
#ph-side-close{display:none}
#ph-side-backdrop{display:none}
#burger{display:inline-block;border:1px solid #333a3f;background:transparent;color:#98a5ae;border-radius:999px;font-size:18px;padding:2px 9px;cursor:pointer}
body.ph-unified-react [data-slot="sidebar"],body.ph-unified-react .account-exit{display:none!important}
body.ph-unified-react [data-slot="sidebar-inset"]{min-width:0;max-width:100%}
body:has([data-slot="sidebar-wrapper"]) [data-slot="sidebar"],body:has([data-slot="sidebar-wrapper"]) .account-exit{display:none!important}
body:not(.ph-nav-ready):has([data-slot="sidebar-wrapper"]){padding-left:240px}
@media(min-width:901px){
 html.ph-nav-rail body:not(.ph-nav-ready).hasside,html.ph-nav-rail body:not(.ph-nav-ready):has([data-slot="sidebar-wrapper"]){padding-left:76px}
 html.ph-nav-rail body:not(.ph-nav-ready) #side{width:52px}
}
#side{transition:none}
@media(max-width:900px){
 body.hasside,body.hasside.siderail,body:has([data-slot="sidebar-wrapper"]){--ph-content-left:0px;padding-left:0}
 #side,body.siderail #side{top:0;bottom:0;left:0;width:240px;border-radius:0;transform:translateX(-100%);box-shadow:6px 0 24px rgba(0,0,0,.4)}
 body #side.open{transform:none}
 body.siderail #side .lbl,body.siderail #side h4,body.siderail #side .brand b,body.siderail #side #ph-va{display:block!important}
 body.siderail #side .out,body.siderail #side .gfm{display:flex!important}
 body.siderail #side a.it{justify-content:flex-start;padding:0 10px}
 body.siderail #side .brand{justify-content:flex-start;padding:14px 16px 8px}
 #ph-side-close{display:block;position:absolute;top:4px;right:4px;border:0;background:transparent;color:#98a5ae;font:22px system-ui;cursor:pointer}
 body:has(#side.open) #ph-side-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:39}
}