/* Portaled report dropdown: independent of card clipping and stacking contexts. */
.rc-report-menu-portal {
  position: fixed !important;
  z-index: 2147483000 !important;
  margin: 0 !important;
  overflow-y: auto !important;
  padding: 6px !important;
  color: rgba(255, 255, 255, .96) !important;
  border: 1px solid rgba(255, 255, 255, .26) !important;
  border-top-color: rgba(255, 255, 255, .46) !important;
  border-radius: 14px !important;
  background-color: rgba(73, 61, 77, .72) !important;
  background-image:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .17), transparent 44%),
    linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .025) 48%, rgba(183, 145, 205, .07)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .17),
    inset 0 -1px 0 rgba(255, 255, 255, .045),
    0 16px 38px rgba(10, 6, 13, .34),
    0 4px 12px rgba(10, 6, 13, .18) !important;
  transition: none !important;
  animation: none !important;
  -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
  backdrop-filter: blur(18px) saturate(125%) !important;
}

.rc-report-menu-portal .option {
  display: flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 8px 10px !important;
  color: rgba(255, 255, 255, .94) !important;
  opacity: 1 !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, .018) !important;
  cursor: pointer !important;
  transition: none !important;
  animation: none !important;
}

.rc-report-menu-portal .option:hover {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .2) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .075)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1) !important;
}

.rc-report-menu-portal .option span {
  color: inherit !important;
  opacity: 1 !important;
}

/* Reports selects: bright, transparent liquid-glass controls. */
html.rc-app-bg body #app #page-content .content-with-sidebar[sidebar-type="/crystalrust/reports"] .select.settings > .activator {
  background-color: rgba(255, 255, 255, .012) !important;
  background-image:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .15), transparent 52%),
    linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .006) 62%, rgba(255, 255, 255, .025)) !important;
  border: 1px solid rgba(255, 255, 255, .135) !important;
  border-top-color: rgba(255, 255, 255, .27) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .15),
    inset 0 -1px 0 rgba(255, 255, 255, .025),
    0 8px 22px rgba(0, 0, 0, .12) !important;
  -webkit-backdrop-filter: blur(24px) saturate(120%) !important;
  backdrop-filter: blur(24px) saturate(120%) !important;
}

html.rc-app-bg body #app #page-content .content-with-sidebar[sidebar-type="/crystalrust/reports"] .select.settings > .activator:hover,
html.rc-app-bg body #app #page-content .content-with-sidebar[sidebar-type="/crystalrust/reports"] .select.settings > .activator:focus-visible {
  background-color: rgba(255, 255, 255, .018) !important;
  background-image:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .19), transparent 52%),
    linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .009) 62%, rgba(255, 255, 255, .03)) !important;
  border-color: rgba(255, 255, 255, .19) !important;
  border-top-color: rgba(255, 255, 255, .34) !important;
}

.rc-report-menu-portal {
  background-color: rgba(255, 255, 255, .018) !important;
  background-image:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, .17), transparent 48%),
    linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .004) 58%, rgba(255, 255, 255, .02)) !important;
  border-color: rgba(255, 255, 255, .14) !important;
  border-top-color: rgba(255, 255, 255, .28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .16),
    inset 0 -1px 0 rgba(255, 255, 255, .025),
    0 18px 42px rgba(0, 0, 0, .22) !important;
  -webkit-backdrop-filter: blur(30px) saturate(120%) !important;
  backdrop-filter: blur(30px) saturate(120%) !important;
}

.rc-report-menu-portal .option {
  background: transparent !important;
}

.rc-report-menu-portal .option:hover,
.rc-report-menu-portal .option.selected {
  border-color: rgba(255, 255, 255, .14) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, .12), transparent 50%),
    linear-gradient(135deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .012)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09) !important;
}