/* Category hierarchy: guidance, workflow, visual library and setup resources. */
.sidebar{width:252px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#465868 transparent}
.sidebar .brand{flex-shrink:0}
.sidebar nav.vault-nav{display:flex;flex-direction:column;gap:22px;width:100%}
.vault-nav .nav-group{min-width:0}
.vault-nav .nav-group-title{font:600 14px/1.4 var(--body);letter-spacing:.015em;color:#aebdc8;margin:0 0 9px;padding:0 4px}
.vault-nav .nav-workflow .nav-group-title{color:#c6dbbc}
.vault-nav .nav-workflow-links{display:grid;gap:3px;padding:5px;background:#0b131a;border:1px solid #344754;border-radius:10px}
.sidebar .vault-nav .nav-workflow .path-button{border:1px solid transparent;background:transparent;min-height:46px;padding:10px 12px;color:#ccd8df;font-weight:500;justify-content:flex-start;text-align:left}
.sidebar .vault-nav .nav-workflow .path-button:hover{background:#1d2c37;color:#fff;filter:none}
.sidebar .vault-nav .nav-workflow .path-button.active{background:#253e25;border-color:#6ba954;color:#d6ffbf;box-shadow:inset 3px 0 #7cff3d;font-weight:600}
.sidebar .vault-nav #script-ready-nav{border-left:1px solid transparent;grid-column:auto}
.sidebar .vault-nav #style-library-nav,.sidebar .vault-nav #setup-nav{gap:12px;justify-content:flex-start;text-align:left;min-height:58px;font-weight:600;grid-column:auto}
.sidebar .vault-nav #style-library-nav{background:#241e35;border-color:#6c5789;color:#e3d6ff}
.sidebar .vault-nav #style-library-nav.active{background:#d6c2ff;border-color:#e6d9ff;color:#2b184a;box-shadow:inset 3px 0 #8b56df}
.sidebar .vault-nav #setup-nav{background:#30291c;border-color:#776344;color:#f3dbb2}
.sidebar .vault-nav #setup-nav.active{background:#f1d3a0;border-color:#ffe8c0;color:#3b2913;box-shadow:inset 3px 0 #bb842f}
.vault-nav .nav-library .nav-group-title{color:#c6b0e3}.vault-nav .nav-setup .nav-group-title{color:#d4bc93}
.vault-nav .nav-library svg,.vault-nav .nav-setup svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sidebar .vault-nav .path-button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(min-width:1101px) and (max-height:850px){.sidebar{padding-top:18px;padding-bottom:18px}.sidebar .brand{margin-bottom:15px}.sidebar nav.vault-nav{gap:16px}}
@media(max-width:1100px){
 .sidebar{width:100%;overflow:visible}
 .sidebar nav.vault-nav{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
 .vault-nav .nav-guidance,.vault-nav .nav-workflow{grid-column:1/-1}
 .sidebar .vault-nav #model-guide-nav{justify-content:flex-start;text-align:left}
 .vault-nav .nav-workflow-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .sidebar .vault-nav .nav-workflow .path-button{justify-content:center;text-align:center;height:100%}
 .sidebar .vault-nav #style-library-nav,.sidebar .vault-nav #setup-nav{height:calc(100% - 29px)}
}
@media(max-width:600px){
 .sidebar nav.vault-nav{gap:16px 12px}
 .vault-nav .nav-workflow-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sidebar .vault-nav #path-reference{grid-column:1/-1}
 .sidebar .vault-nav #style-library-nav,.sidebar .vault-nav #setup-nav{gap:8px;padding:12px 10px;align-items:center;flex-wrap:wrap}
 .sidebar .vault-nav .nav-workflow .path-button{padding:10px 8px;min-height:48px}
}
