/* Navigation connectée : styles limités à ce composant. */
.account-navigation{--nav-tint:#e7f2fa;--nav-ink:#00558b;--nav-edge:#0071b9}
.account-navigation .account-group{margin:7px 0;border:1px solid #d7e1e7;border-radius:4px;overflow:hidden;background:#fff}
.account-navigation .account-group>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;color:#fff;background:#0071b9;font-size:12px;font-weight:700;cursor:pointer;list-style:none}
.account-navigation .account-personal>summary{background:#287c49}
.account-navigation .account-administration>summary{background:#970000}
.account-navigation summary::-webkit-details-marker{display:none}
.account-navigation summary:after{content:'+';font-size:16px;line-height:1;flex:none}
.account-navigation details[open]>summary:after{content:'−'}
.account-navigation .account-links{padding:4px 6px}
.account-navigation .account-sub{border-bottom:1px solid #e3e7eb}
.account-navigation .account-sub:last-child{border-bottom:0}
.account-navigation .account-sub>summary{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 4px;font-size:12px;font-weight:650;color:#263746;cursor:pointer;list-style:none}
.account-navigation .tone-yellow{--nav-tint:#fff1c7;--nav-ink:#664a00;--nav-edge:#fbba00}
.account-navigation .tone-blue{--nav-tint:#e7f2fa;--nav-ink:#00558b;--nav-edge:#0071b9}
.account-navigation .tone-red,.account-navigation .account-administration{--nav-tint:#fbe5e5;--nav-ink:#850000;--nav-edge:#970000}
.account-navigation .account-personal{--nav-tint:#e5f3e9;--nav-ink:#205c36;--nav-edge:#287c49}
.account-navigation .account-links a{display:block;width:100%;padding:7px 6px;margin:1px 0;border:0;border-left:3px solid transparent;border-radius:2px;background:transparent;color:#263746;font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;text-decoration:none}
.account-navigation .account-links a:hover,.account-navigation .account-links a:focus-visible,.account-navigation .account-links a[aria-current=page],.account-navigation .account-sub>summary:hover,.account-navigation .account-sub>summary:focus-visible{background:var(--nav-tint);color:var(--nav-ink)}
.account-navigation .account-links a:hover,.account-navigation .account-links a[aria-current=page]{border-left-color:var(--nav-edge)}
.account-navigation summary:focus-visible,.account-navigation a:focus-visible{outline:2px solid var(--nav-edge);outline-offset:-2px}
@media(max-width:760px){.account-navigation .account-links a,.account-navigation .account-sub>summary{min-height:40px;padding-top:10px;padding-bottom:10px}}