/* Keep document action controls visually aligned and center the vertical-dot icon. */
.compact-actions{
  align-items:center;
}

.compact-actions .pdf-main{
  height:32px;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
}

.compact-actions .doc-more{
  height:32px;
  display:flex;
  align-items:center;
  margin:0;
}

.compact-actions .doc-more>summary{
  box-sizing:border-box;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:0;
  line-height:1;
}

/* Use three real centered dots instead of the Unicode vertical-ellipsis glyph,
   whose font baseline makes it look too low inside the button. */
.compact-actions .doc-more>summary::before{
  content:"";
  width:3px;
  height:3px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor;
}

/* The open list is portaled outside the horizontally scrolling table. */
.doc-more-menu.viewport-action-menu{
  position:fixed;
  right:auto;
  bottom:auto;
  margin:0;
  box-sizing:border-box;
  z-index:1000;
  overflow-y:auto;
  overflow-x:hidden;
  grid-auto-rows:max-content;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  background:var(--panel,#fff);
  color:var(--ink,#25364a);
}
.viewport-action-menu button{
  min-height:36px;
  white-space:normal;
  overflow-wrap:anywhere;
  flex-shrink:0;
  background:var(--panel,#fff);
  color:inherit;
}