@media (max-width: 760px) {
  body.member-menu-open { overflow: hidden; }

  .app-shell { display:block; min-height:100vh; }
  .app-shell > .content { width:100%; padding:82px 18px 28px; }

  .app-shell > .sidebar {
    position:fixed;
    z-index:1200;
    inset:0 auto 0 0;
    display:flex;
    flex-direction:column;
    width:min(84vw,320px);
    padding:28px 20px 22px;
    overflow-y:auto;
    border:0;
    border-right:1px solid #ffffff1c;
    background:linear-gradient(170deg,#17131f 0%,#191627 62%,#252044 100%);
    box-shadow:22px 0 60px #27165355;
    transform:translateX(-105%);
    transition:transform .28s cubic-bezier(.22,.8,.25,1);
  }
  body.member-menu-open .app-shell > .sidebar { transform:translateX(0); }

  .app-shell > .sidebar .brand { padding-right:54px; color:#fff; }
  .app-shell > .sidebar .side-mission { margin-top:15px; }
  .app-shell > .sidebar nav {
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    width:100%;
    margin-top:28px;
  }
  .app-shell > .sidebar nav a { min-height:46px; padding:12px 14px; }

  .member-menu-toggle {
    position:fixed;
    z-index:1210;
    left:14px;
    top:14px;
    display:flex;
    align-items:center;
    gap:10px;
    min-height:48px;
    padding:0 15px;
    border:1px solid #dfd5f4;
    border-radius:16px;
    color:#2e196b;
    background:#fffffff2;
    box-shadow:0 12px 32px #39226f25;
    backdrop-filter:blur(14px);
    font:800 .78rem Poppins,system-ui,sans-serif;
    cursor:pointer;
  }
  .member-menu-toggle .menu-lines,
  .member-menu-toggle .menu-lines::before,
  .member-menu-toggle .menu-lines::after {
    display:block;
    width:20px;
    height:2px;
    border-radius:3px;
    background:#7043e8;
    transition:.22s ease;
  }
  .member-menu-toggle .menu-lines { position:relative; }
  .member-menu-toggle .menu-lines::before,
  .member-menu-toggle .menu-lines::after { content:''; position:absolute; left:0; }
  .member-menu-toggle .menu-lines::before { top:-6px; }
  .member-menu-toggle .menu-lines::after { top:6px; }
  body.member-menu-open .member-menu-toggle {
    left:min(calc(84vw - 60px),260px);
    width:42px;
    min-height:42px;
    padding:0;
    justify-content:center;
    color:transparent;
    overflow:hidden;
    background:#7849ee;
    border-color:#8c68f0;
  }
  body.member-menu-open .member-menu-toggle .menu-lines { background:transparent; }
  body.member-menu-open .member-menu-toggle .menu-label { display:none; }
  body.member-menu-open .member-menu-toggle .menu-lines::before { top:0; background:#fff; transform:rotate(45deg); }
  body.member-menu-open .member-menu-toggle .menu-lines::after { top:0; background:#fff; transform:rotate(-45deg); }

  .member-menu-backdrop {
    position:fixed;
    z-index:1190;
    inset:0;
    visibility:hidden;
    opacity:0;
    border:0;
    background:#1b103c80;
    backdrop-filter:blur(3px);
    transition:opacity .25s ease,visibility .25s ease;
  }
  body.member-menu-open .member-menu-backdrop { visibility:visible; opacity:1; }

  .notification-centre { z-index:1180; }
  .notification-centre > summary { top:14px; right:14px; }
}

@media (min-width: 761px) {
  .member-menu-toggle,.member-menu-backdrop { display:none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .app-shell > .sidebar,.member-menu-toggle,.member-menu-backdrop { transition:none !important; }
}