/* Keep the pointer inside the account menu while crossing its 4px visual gap.
   The structural selector covers the current production bundle; named classes
   are retained in ConsoleLayout for the next regular frontend build. */
:is(.account-menu-panel, header .group.relative > div.invisible.absolute.right-0.top-full.mt-1)::before {
  content: '';
  position: absolute;
  left: -1px;
  right: -1px;
  top: -5px;
  height: 5px;
}
:is(.account-menu:focus-within > .account-menu-panel, header .group.relative:focus-within > div.invisible.absolute.right-0.top-full.mt-1) {
  visibility: visible;
  opacity: 1;
}