/* Navigation verticale, repliable sans masquer le bouton de commande. */
.shell{margin-left:322px}
header{display:flex;justify-content:flex-start;gap:12px;overflow:visible}
header .menu-toggle{position:fixed;left:100px;top:24px;z-index:5;width:44px;font-size:24px;padding:6px;line-height:1.3}
header nav{position:fixed;left:82px;top:0;bottom:0;width:240px;padding:90px 16px 24px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;overflow-y:auto;border-right:1px solid var(--line);background:var(--bg);z-index:4;box-sizing:border-box}
header nav[hidden]{display:none!important}
header nav .nav{width:100%;white-space:normal;text-align:left;flex-shrink:0}
header .profile{margin-left:auto}
.shell:has(header nav[hidden]){margin-left:82px}
.shell:has(header nav[hidden]) header{padding-left:64px}
@media(max-width:900px){.shell{margin-left:240px;padding:0 16px}.rail{display:none}header nav{left:0}header .menu-toggle{left:16px}.shell:has(header nav[hidden]){margin-left:0}}
@media(max-width:600px){.shell{margin-left:0}header{min-height:80px;padding-left:64px}header nav{box-shadow:8px 0 28px #0003}header .profile{max-width:calc(100% - 64px)}}
@media print{header nav,header .menu-toggle{display:none!important}.shell{margin-left:0!important}}