/* Navigation Moderlux Pro alignée sur le menu ImmoPilot. Le reste du design demeure inchangé. */
:root{--sidebar:300px;--top:80px}
.sidebar{width:300px;padding:0 18px 18px;background:#fff;border-right:1px solid #edf0f4;box-shadow:none}
.sidebar>.brand{height:80px;padding:0 6px;border-bottom:1px solid #f0f2f5}
.sidebar>.brand img{width:36px;height:36px;padding:5px;border-radius:9px}
.sidebar>.brand strong{font-size:18px;font-weight:800;letter-spacing:0}
.sidebar>.brand span{color:#98a2b3;font-size:9px;letter-spacing:.14em}
.sidebar nav{padding:12px 0}.sidebar nav::before{content:"Personnaliser le menu";display:block;margin:0 10px 26px;color:#98a2b3;font-size:10px;font-weight:750;text-align:right}
.nav-section{margin-bottom:21px}
.nav-title{min-height:34px;height:34px;display:grid;grid-template-columns:25px 1fr 16px;gap:8px;padding:4px 9px;color:#344054;font-size:14px;font-weight:650;letter-spacing:0;text-transform:none}
.nav-title i{display:grid;place-items:center;color:#98a2b3;font-size:19px;font-style:normal;font-weight:400}.nav-title span{text-align:left}
.nav-title:hover{color:#175cd3}.nav-title b{color:#b3bcc9;font-family:Arial,sans-serif;font-size:14px;font-weight:400}.nav-section:not(.open) .nav-title b{transform:rotate(180deg)}
.nav-body{padding:3px 0 0 40px}
.nav-link{min-height:43px;margin:1px 0;padding:9px 13px;color:#667085;border:0;border-radius:11px;font-size:14px;font-weight:550;line-height:1.3;box-shadow:none}
.nav-link:hover{color:#175cd3;background:#f3f9fd;border-left-color:transparent;box-shadow:none}
.nav-link.active{color:#fff;background:#35b3df;border-left-color:transparent;box-shadow:none;font-weight:700}
.nav-subgroup{margin:2px 0 9px;padding-left:0;border-left:0}.nav-subgroup>span{display:block;padding:8px 13px 4px;color:#344054;font-size:12px;font-weight:750}.nav-subgroup .nav-link{padding-left:13px;font-size:14px}
.sidebar-foot{margin-top:4px;padding:11px 9px;border-top:1px solid #e2e7ef}
.topbar{left:300px;height:80px;padding:0 28px}
.content{margin-left:300px;padding-top:calc(80px + clamp(24px,3vw,44px))}
@media(max-width:1180px) and (min-width:961px){:root{--sidebar:235px}.sidebar{width:235px;padding-inline:11px}.topbar{left:235px}.content{margin-left:235px}.sidebar>.brand strong{font-size:16px}.sidebar>.brand img{width:34px;height:34px}}
@media(max-width:960px){:root{--top:64px}.sidebar{width:min(290px,88vw)}.sidebar>.brand{height:72px}.topbar{left:0;height:64px}.content{margin-left:0;padding-top:92px}}
@media(max-width:680px){.content{padding-top:84px}}