/* Three-dot menu in Settings / Actions. */
/* Match the menu before JS adds rc-actions-menu-glass two frames later. */
html.rc-app-bg body .p-contextmenu:has([aria-label="Изменить"]):has([aria-label="Удалить"])
  :is(.ra-button,.ra-button.destructive),
html.rc-app-bg body .p-contextmenu:has([aria-label="Изменить"]):has([aria-label="Удалить"])
  :is(.ra-button,.ra-button.destructive):is(:hover,:focus,:focus-visible,:active) {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* PrimeVue can put the destructive border on the item or its content wrapper. */
html.rc-app-bg body [data-pc-name="contextmenu"]:has([aria-label="Изменить"]):has([aria-label="Удалить"])
  :is(.p-menuitem,.p-menuitem-content,.ra-button),
html.rc-app-bg body [data-pc-name="contextmenu"]:has([aria-label="Изменить"]):has([aria-label="Удалить"])
  :is(.p-menuitem,.p-menuitem-content,.ra-button):is(:hover,:focus,:focus-visible,:focus-within,:active),
html.rc-app-bg body .p-contextmenu.rc-actions-menu-glass
  :is(.p-menuitem,.p-menuitem-content,.ra-button,.destructive),
html.rc-app-bg body .p-contextmenu.rc-actions-menu-glass
  :is(.p-menuitem,.p-menuitem-content,.ra-button,.destructive):is(:hover,:focus,:focus-visible,:focus-within,:active) {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  --tw-ring-shadow: 0 0 #0000 !important;
}

html.rc-app-bg body .p-contextmenu.rc-actions-menu-glass {
  overflow: hidden !important;
  padding: 5px !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-top-color: rgba(255, 255, 255, .28) !important;
  border-radius: 13px !important;
  background: rgba(28, 23, 31, .62) !important;
  background-image: linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .012)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .075), 0 16px 34px rgba(6, 4, 8, .3) !important;
  -webkit-backdrop-filter: blur(16px) saturate(115%) !important;
  backdrop-filter: blur(16px) saturate(115%) !important;
}

html.rc-app-bg body .p-contextmenu.rc-actions-menu-glass .p-contextmenu-root-list,
html.rc-app-bg body .p-contextmenu.rc-actions-menu-glass .p-menuitem,
html.rc-app-bg body .p-contextmenu.rc-actions-menu-glass .p-menuitem-content {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.rc-app-bg body .p-contextmenu.rc-actions-menu-glass .p-menuitem-content {
  margin: 1px 0 !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  transition: background-color 110ms ease, border-color 110ms ease !important;
}

html.rc-app-bg body .p-contextmenu.rc-actions-menu-glass .p-menuitem-content:hover {
  border-color: rgba(255, 255, 255, .11) !important;
  background: rgba(255, 255, 255, .085) !important;
}

html.rc-app-bg body .p-contextmenu.rc-actions-menu-glass .ra-button {
  min-height: 32px !important;
  border: 0 !important;
  outline: 0 !important;
  color: rgba(255, 255, 255, .9) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.rc-app-bg body .p-contextmenu.rc-actions-menu-glass .ra-button.destructive,
html.rc-app-bg body .p-contextmenu.rc-actions-menu-glass .destructive .ra-button,
html.rc-app-bg body .p-contextmenu.rc-actions-menu-glass .destructive {
  color: #ff696f !important;
}