/* Navigation compacte commune aux soumissions ActionFlow. */
.mobile-menu-toggle{display:none}
@media screen and (max-width:767px){
 .topbar{display:flex;height:64px;min-height:64px;box-sizing:border-box;padding:0 18px;gap:16px;flex-wrap:nowrap}
 .topbar .brand{margin:0;flex-shrink:0}
 .topbar .brand img{width:140px;max-width:140px;height:auto}
 .topbar .document-id{display:none}
 .mobile-menu-toggle{display:flex;align-items:center;gap:10px;margin-left:auto;padding:10px 14px;min-height:44px;border:1px solid #385548;border-radius:12px;background:#10231a;color:#fff;font:inherit;font-size:14px;cursor:pointer}
 .mobile-menu-toggle:focus-visible{outline:2px solid #34d399;outline-offset:3px}
 .mobile-menu-icon{width:16px;height:12px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}
 .mobile-menu-icon:after{content:"";position:absolute;left:0;right:0;top:4px;border-top:2px solid currentColor}
 .topbar nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:12px 18px 18px;background:#080f0b;border-bottom:1px solid #385548;box-shadow:0 16px 28px #0008;max-height:calc(100dvh - 64px);overflow-y:auto;box-sizing:border-box;flex-direction:column;flex-wrap:nowrap;gap:4px}
 .topbar.mobile-menu-open nav{display:flex}
 .topbar nav a{display:block;padding:13px 14px;min-height:44px;box-sizing:border-box;font-size:15px;line-height:1.4;white-space:normal;border-radius:8px}
 .topbar nav a:hover,.topbar nav a.active{background:#153325;color:#6ee7b7}
}
