.board-context-menu[hidden], .board-context-submenu[hidden] { display: none !important; }
.board-context-menu, .board-context-submenu {
  box-sizing: border-box;
  position: fixed;
  z-index: 1000;
  width: 200px;
  max-width: calc(100vw - 16px);
  max-height: calc(100vh - 16px);
  overflow: auto;
  padding: 5px;
  border: var(--ui-border-0);
  border-radius: var(--ui-radius-12);
  background: var(--ui-bg);
  color: var(--ui-text-primary);
  box-shadow: var(--ui-shadow-3);
  font: var(--ui-font-size-body)/var(--ui-line-height-body) var(--ui-font);
}
.board-context-submenu { z-index: 1001; }
.board-context-children { z-index: 1002; }
.board-context-item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 32px;
  padding: 5px 9px;
  border: 0;
  border-radius: var(--ui-radius-6);
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.board-context-item:hover:not(:disabled), .board-context-item:focus-visible { background: var(--ui-fill-3); outline: none; }
.board-context-item:disabled { color: var(--ui-text-tertiary); cursor: not-allowed; }
.board-context-separator { margin-bottom: 5px; border-bottom: var(--ui-border-0); border-radius: var(--ui-radius-6) var(--ui-radius-6) 0 0; }
.board-context-item[data-action="delete"] { color: var(--ui-danger); }
.board-context-item[data-action="delete"]:disabled { color: var(--ui-text-tertiary); }
.board-context-item kbd, .board-context-arrow { margin-left: auto; color: var(--ui-text-tertiary); font-size: var(--ui-font-size-label); font-family: inherit; }
.board-context-note { margin: 5px 9px 3px; padding-top: 7px; border-top: var(--ui-border-0); color: var(--ui-text-tertiary); font-size: var(--ui-font-size-label); line-height: var(--ui-line-height-label); }