/* NASORA CRM — navigation compacte, stable et sans conflit */
.site-nav{position:relative!important;z-index:1000!important;width:100%!important;background:#185f3e!important;border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(0,0,0,.12)!important;box-shadow:0 4px 18px rgba(15,63,42,.14)!important;overflow:visible!important}
.nav-inner{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px!important;min-height:52px!important;height:auto!important;padding:6px 14px!important;max-width:1500px!important;margin:0 auto!important;overflow:visible!important}
.site-nav a,.site-nav button{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:36px!important;height:36px!important;padding:7px 10px!important;margin:0!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#fff!important;font-family:Inter,sans-serif!important;font-size:.73rem!important;font-weight:700!important;line-height:1.15!important;text-decoration:none!important;white-space:nowrap!important;cursor:pointer!important;transition:background .16s ease,color .16s ease,box-shadow .16s ease!important}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav button:hover,.site-nav button:focus-visible{background:rgba(255,255,255,.13)!important;color:#fff!important;outline:none!important;box-shadow:0 3px 9px rgba(0,0,0,.10)!important}
.site-nav a:focus-visible,.site-nav button:focus-visible{outline:2px solid rgba(255,255,255,.85)!important;outline-offset:1px!important}
.nav-home{flex:0 0 auto!important}
.nav-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;font-size:.86rem!important;line-height:1!important;opacity:.96!important}
.nav-chevron{font-size:.7rem!important;opacity:.75!important;margin-left:1px!important}
.nav-dropdown{position:relative!important;flex:0 0 auto!important}
.nav-dropdown-trigger{min-width:0!important}
.nav-dropdown-menu{display:none!important;position:absolute!important;top:calc(100% + 4px)!important;left:0!important;z-index:2000!important;min-width:215px!important;max-width:280px!important;padding:7px!important;border:1px solid rgba(18,63,43,.14)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 14px 34px rgba(15,63,42,.20)!important;overflow:visible!important}
.nav-dropdown.is-open .nav-dropdown-menu{display:flex!important;flex-direction:column!important}
.nav-dropdown-menu a{width:100%!important;height:34px!important;min-height:34px!important;justify-content:flex-start!important;color:#173d2d!important;background:transparent!important;border-radius:8px!important;font-size:.77rem!important;font-weight:600!important;box-shadow:none!important;text-shadow:none!important}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:#eef7f1!important;color:#123f2b!important}
.nav-dropdown-menu .nav-icon{color:#17643f!important;background:transparent!important}
.nav-spacer{flex:1 1 auto!important;min-width:6px!important}
.nav-logout-form{display:flex!important;flex:0 0 auto!important;width:auto!important;height:auto!important;margin:0!important}
.nav-logout-form button{min-width:96px!important;border:1px solid rgba(255,255,255,.9)!important;background:#fff!important;color:#185f3e!important;box-shadow:0 2px 7px rgba(0,0,0,.08)!important;text-shadow:none!important}
.nav-logout-form button:hover{background:#f4faf6!important;color:#185f3e!important}
.nav-logout-form button .nav-icon{color:#185f3e!important}
.nav-section-label,.nav-group-title,.nav-divider{display:none!important}
.mobile-nav-toggle{display:none!important}

/* Le menu est court : pas de barre de défilement horizontale sur desktop. */
@media (min-width:901px){
  .site-nav{overflow:visible!important}
  .nav-inner{overflow:visible!important}
}

/* Tablettes : on réduit légèrement sans sacrifier la lisibilité. */
@media (min-width:821px) and (max-width:1100px){
  .nav-inner{gap:2px!important;padding-inline:8px!important}
  .site-nav a,.site-nav button{font-size:.68rem!important;padding-inline:7px!important;gap:4px!important}
  .site-nav .nav-icon{width:17px!important;height:17px!important;min-width:17px!important;flex-basis:17px!important;font-size:.8rem!important}
  .nav-dropdown-menu{min-width:205px!important}
  .nav-logout-form button{min-width:88px!important}
}

/* Mobile : menu vertical, scrollable uniquement à l'intérieur du panneau. */
@media (max-width:820px){
  .site-nav{position:fixed!important;top:66px!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;height:auto!important;min-height:0!important;display:none!important;overflow:visible!important;background:#185f3e!important;box-shadow:0 12px 30px rgba(15,52,31,.18)!important}
  .site-nav.mobile-open{display:block!important}
  .nav-inner{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;max-height:calc(100vh - 78px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px 12px!important}
  .site-nav a,.site-nav button{width:100%!important;justify-content:flex-start!important;height:40px!important;min-height:40px!important}
  .nav-dropdown{width:100%!important}
  .nav-dropdown-trigger{justify-content:flex-start!important}
  .nav-dropdown-menu{position:static!important;width:100%!important;min-width:0!important;max-width:none!important;margin:1px 0 4px!important;padding:5px!important;box-shadow:none!important;border:1px solid #dbeae0!important;background:#f8fbf9!important}
  .nav-dropdown-menu a{height:36px!important;min-height:36px!important;color:#173d2d!important}
  .nav-spacer{display:none!important}
  .nav-logout-form{width:100%!important;margin-top:4px!important}
  .nav-logout-form button{width:100%!important;justify-content:flex-start!important}
  .mobile-nav-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border:1px solid #cfe2d5!important;border-radius:10px!important;background:#fff!important;color:#17643f!important;font-size:1.15rem!important;cursor:pointer!important}
}
@media (min-width:821px){.mobile-nav-toggle{display:none!important}}
@media (prefers-reduced-motion:reduce){.site-nav a,.site-nav button{transition:none!important}}