/* Navigation commune aux pages du site et à la notice autonome. */
.mobile-navigation-trigger,.mobile-navigation { display:none; }
@media (max-width:899px) {
    .topbar { position:sticky; top:0; z-index:80; }
    .topbar .topbar-inner { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center; column-gap:8px; }
    .topbar .mobile-logo { display:flex; grid-column:2; grid-row:1; justify-self:center; align-items:center; gap:8px; min-width:0; }
    .mobile-wordmark { color:inherit; font-size:18px; font-weight:800; letter-spacing:-.4px; white-space:nowrap; }
    .topbar .mobile-logo .app-logo-svg { display:block; width:26px; height:26px; flex-shrink:0; }
    .topbar .topbar-actions { grid-column:3; grid-row:1; justify-self:end; margin-left:0; gap:0; }
    .topbar .theme-trigger { display:none !important; }
    .topbar .user-name-mobile,.topbar .user-name-desktop,.topbar .avatar-static,.topbar .user-menu-arrow { display:none; }
    .topbar .mobile-user-menu-trigger { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; background:transparent; color:var(--text); }
    .topbar .user-arrow-wrap { position:static; }
    .topbar .user-popover { position:absolute; right:14px; top:100%; }
    .topbar .mobile-navigation-trigger { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; grid-column:1; grid-row:1; width:44px; height:44px; padding:10px; border:0; background:transparent; color:var(--text); }
    .mobile-navigation-trigger span { display:block; width:21px; height:2px; border-radius:2px; background:currentColor; }
    .mobile-navigation:not([hidden]) { display:block; position:fixed; left:0; top:var(--mobile-navigation-top,60px); width:min(260px,76vw); max-height:calc(100dvh - var(--mobile-navigation-top,60px) - env(safe-area-inset-bottom)); overflow-y:auto; overscroll-behavior:contain; background:var(--surface-solid); color:var(--text); border:1px solid var(--border); border-left:0; border-radius:0 0 18px 0; box-shadow:0 14px 30px rgba(0,0,0,.16); }
    .mobile-navigation nav { padding:10px 12px; }
    .mobile-navigation-link { display:flex; align-items:center; gap:12px; min-height:48px; padding:10px 12px; border-radius:10px; font-size:1.05rem; font-weight:600; }
    .mobile-navigation-link .ui-icon { width:24px; height:24px; flex-shrink:0; }
    .mobile-navigation-link.active,.mobile-navigation-link:hover { color:var(--blue); background:var(--surface-soft); }
    html[data-theme="dark"] .mobile-navigation-link.active { background:var(--primary-button-bg); }
    html[data-theme="dark"] .mobile-navigation-link:hover { background:var(--primary-button-hover); }
    .page { padding-bottom:calc(28px + env(safe-area-inset-bottom)); }
}