/* fellow-menu.css: the shared MENU panel (21b, Tom 10-23). Byte-identical on every Fellow, like fellow-crisis.js.
   A solid, slightly translucent panel in the Fellow's own theme colour that always fits every item: it stops above the
   bottom of the visible screen and scrolls inside itself. Pattern taken from MFF's panel (max-height + scroll, own colour).
   Each Fellow sets three values on :root, nothing else:
     --fm-bg   its theme colour as "r,g,b"   (panel fill)
     --fm-edge its accent as "r,g,b"         (border)
     --fm-top  the panel's top on screen     (so max-height leaves the panel inside the screen)
   Load it after the Fellow's own styles. */
.hdr-menu{
  background:rgba(var(--fm-bg,22,22,28),.94) !important;
  background-image:none !important;
  -webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);
  border:1px solid rgba(var(--fm-edge,255,255,255),.28) !important;
  border-radius:14px !important;
  box-shadow:0 18px 40px rgba(0,0,0,.6) !important;
  box-sizing:border-box !important;
  max-height:calc(100vh - var(--fm-top,72px) - 16px) !important;
  max-height:calc(100dvh - var(--fm-top,72px) - 16px) !important;
  overflow-y:auto !important;overflow-x:hidden !important;
  overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
}
/* While it's open, the panel's container comes up above the page, so a sibling at the same level (MyTutor's reply bar
   shares the header's z-index) can't cover the bottom items. Off again as soon as the menu closes. [25] 100005, not 10000:
   MMF/MNurF/MTherF's reply bar is itself z 10000 and comes later in the page, so it still covered Report a Bug and Sign Out.
   Above the Thoughtbook launcher (99990), below the full-screen panels (100010 and up). */
:has(> .hdr-menu.open){z-index:100005 !important}
.hdr-menu::-webkit-scrollbar{width:6px}
.hdr-menu::-webkit-scrollbar-thumb{background:rgba(var(--fm-edge,255,255,255),.35);border-radius:3px}