@media (max-width: 780px) {
  .top-actions { position: relative; flex: 0 0 auto; }
  .account-menu[hidden] { display: none !important; }
  .account-menu {
    position: fixed !important;
    top: calc(60px + env(safe-area-inset-top)) !important;
    inset-inline-start: auto !important;
    inset-inline-end: 12px !important;
    width: min(280px, calc(100vw - 24px)) !important;
    max-height: calc(100dvh - 84px - env(safe-area-inset-bottom));
    overflow: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    z-index: 1000 !important;
  }
  html[dir="rtl"] .account-menu { right: auto !important; left: 12px !important; }
  html[dir="ltr"] .account-menu { left: auto !important; right: 12px !important; }
}