/* #75: menu padre che si aprono e chiudono dal titolo (public/nav-groups.js). Chiuso = solo il titolo.
   Le voci di un menu chiuso restano nella pagina, invisibili e alte 0 (non display:none): così «Apri la sezione»
   di FAQ e Assistente le trova ancora e il suo clic apre la pagina (e il menu). Non si raggiungono con Tab. */
body:not(.coach-portal-mode) .sidebar nav > .nav-group[data-nav-collapsed]{gap:0;margin-bottom:4px}
body:not(.coach-portal-mode) .sidebar nav > .nav-group[data-nav-collapsed] > :not(small){visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;border-top-width:0!important;border-bottom-width:0!important;overflow:hidden!important}
.sidebar nav > .nav-group > small[role="button"]{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;padding:7px 14px;border-radius:8px;cursor:pointer;user-select:none}
.sidebar nav > .nav-group > small[role="button"]::after{content:'▾';font-size:11px;letter-spacing:0;line-height:1;transition:transform .15s ease}
.sidebar nav > .nav-group[data-nav-collapsed] > small[role="button"]::after{transform:rotate(-90deg)}
.sidebar nav > .nav-group > small[role="button"]:hover{color:#fff;background:rgba(255,255,255,.06)}
.sidebar nav > .nav-group > small[role="button"]:focus-visible{outline:2px solid #f0b8b4;outline-offset:1px;color:#fff}
/* La pagina aperta è in un menu chiuso: il titolo lo segnala. */
.sidebar nav > .nav-group[data-nav-collapsed]:has(.nav.active) > small[role="button"]{color:#fff}
@media (max-width:1000px){.sidebar nav > .nav-group > small[role="button"]{min-height:40px}}
@media (prefers-reduced-motion: reduce){.sidebar nav > .nav-group > small[role="button"]::after{transition:none}}
