html.rc-app-bg,
html.rc-app-bg body {
  background: #090909 !important;
}

#rc-app-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

#rc-app-bg .bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 72% 58% at 18% 12%, rgba(255,255,255,.052) 0%, rgba(255,255,255,.018) 38%, transparent 72%),
    radial-gradient(ellipse 64% 54% at 84% 32%, rgba(255,255,255,.038) 0%, rgba(255,255,255,.012) 42%, transparent 74%),
    radial-gradient(ellipse 76% 50% at 48% 102%, rgba(255,255,255,.028) 0%, transparent 70%),
    #090909;
}

html.rc-app-bg {
  --twc-grey-1000: 0 0% 4.2%;
  --twc-grey-950: 0 0% 10.2%;
  --twc-grey-900: 0 0% 14%;
  --twc-grey-850: 0 0% 18.2%;
  --twc-grey-800: 0 0% 22%;
  --twc-grey-750: 0 0% 26%;
  --twc-grey-700: 0 0% 30%;
  --twc-grey-500: 0 0% 58%;
  --twc-grey-400: 0 0% 68%;
}

html.rc-app-bg #app,
html.rc-app-bg .root-router,
html.rc-app-bg .layout,
html.rc-app-bg .background,
html.rc-app-bg .background.router {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html.rc-app-bg .layout,
html.rc-app-bg #app {
  position: relative;
  z-index: 1;
}

html.rc-app-bg .layout .content-wrapper,
html.rc-app-bg .content-wrapper .router,
html.rc-app-bg .content-wrapper .content,
html.rc-app-bg .content.ignore-side,
html.rc-app-bg .always-absolute,
html.rc-app-bg .n-layout,
html.rc-app-bg .n-layout-scroll-container,
html.rc-app-bg .n-config-provider,
html.rc-app-bg .empty-image-container {
  background: transparent !important;
  background-color: transparent !important;
}

html.rc-app-bg .layout .navigation-wrapper {
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)), rgba(9,9,9,.68) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-color: rgba(255,255,255,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
}

html.rc-app-bg .content .divided-card,
html.rc-app-bg .content .settings-container,
html.rc-app-bg .content .n-card,
html.rc-app-bg .content .n-data-table-wrapper,
html.rc-app-bg .content .n-data-table {
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.016)), rgba(14,14,14,.58) !important;
  border: 1px solid rgba(255, 255, 255, .08);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
  border-radius: 20px !important;
}

html.rc-app-bg .content .bg-grey-900,
html.rc-app-bg .content .bg-grey-850,
html.rc-app-bg .content .bg-grey-800 {
  border-radius: 20px !important;
}

html.rc-app-bg .content .n-tabs-tab,
html.rc-app-bg .content .n-tabs-tab .n-tabs-tab__label {
  color: rgba(255, 255, 255, .72) !important;
}
html.rc-app-bg .content .n-tabs-tab.n-tabs-tab--active,
html.rc-app-bg .content .n-tabs-tab.n-tabs-tab--active .n-tabs-tab__label {
  color: #fff !important;
}

html.rc-app-bg .content .n-switch:not(.n-switch--active) .n-switch__rail {
  background: rgba(255, 255, 255, .16) !important;
}

html.rc-app-bg .content.ignore-side > .header,
html.rc-app-bg .layout-page > .header,
html.rc-app-bg .content > .header,
html.rc-app-bg .page-content > .header {
  background: linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.01)), rgba(9,9,9,.64) !important;
  background-image: linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.01)) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

html.rc-app-bg .search-input .input-box,
html.rc-app-bg .search-input .input-box.bg-grey-1000,
html.rc-app-bg .search-input .n-input,
html.rc-app-bg .search-input input,
html.rc-app-bg .search-input input.bg-grey-1000 {
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

html.rc-app-bg .navigation .item-row.router-link-active,
html.rc-app-bg .navigation a.router-link-active .item-row,
html.rc-app-bg .navigation .item-row.active {
  background: rgba(255, 255, 255, .08) !important;
  border-radius: 10px;
  box-shadow: inset 2px 0 0 rgba(255, 255, 255, .55);
}

html.rc-app-bg .page-tip {
  background: rgba(22, 22, 22, .7) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  backdrop-filter: blur(12px);
  border-radius: 12px !important;
}

html.rc-app-bg .navigation,
html.rc-app-bg .navigation .header,
html.rc-app-bg .navigation .footer {
  background: transparent !important;
}

html.rc-app-bg #rc-dash .dash-bg,
html.rc-app-bg #rc-dash .dash-noise,
html.rc-dash-modal #rc-dash .dash-bg,
html.rc-dash-modal #rc-dash .dash-noise {
  display: none !important;
}

html.rc-app-bg #rc-dash,
html.rc-app-bg #rc-dash .container {
  position: relative;
  z-index: 1;
}

html.rc-dash-on.rc-app-bg,
html.rc-dash-on.rc-app-bg body {
  background: #090909 !important;
}

html.rc-app-bg .content .divided-card,
html.rc-app-bg .content .settings-container,
html.rc-app-bg .content .n-card,
html.rc-app-bg .content .n-data-table-wrapper,
html.rc-app-bg .content .bg-grey-900,
html.rc-app-bg .content .bg-grey-850,
html.rc-app-bg .content .bg-grey-800 {
  overflow: hidden !important;
}

html.rc-app-bg .content .divided-card:has(.n-select--active),
html.rc-app-bg .content .divided-card:has(.n-base-selection--active),
html.rc-app-bg .content .settings-container:has(.n-select--active),
html.rc-app-bg .content .n-card:has(.n-select--active),
html.rc-app-bg .content .n-card:has(.n-base-selection--active),
html.rc-app-bg .content .bg-grey-900:has(.n-select--active),
html.rc-app-bg .content .bg-grey-900:has(.n-base-selection--active),
html.rc-app-bg .content .bg-grey-850:has(.n-select--active),
html.rc-app-bg .content .bg-grey-800:has(.n-select--active) {
  overflow: visible !important;
}

html.rc-app-bg .content .divided-card > :first-child,
html.rc-app-bg .content .n-card > :first-child,
html.rc-app-bg .content .bg-grey-900 > :first-child,
html.rc-app-bg .content .bg-grey-850 > :first-child,
html.rc-app-bg .content .bg-grey-800 > :first-child {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

html.rc-app-bg .content .divided-card > :last-child,
html.rc-app-bg .content .n-card > :last-child,
html.rc-app-bg .content .bg-grey-900 > :last-child,
html.rc-app-bg .content .bg-grey-850 > :last-child,
html.rc-app-bg .content .bg-grey-800 > :last-child {
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}

html.rc-app-bg .content .divided-card .bg-grey-900,
html.rc-app-bg .content .divided-card .bg-grey-850,
html.rc-app-bg .content .n-card .bg-grey-900,
html.rc-app-bg .content .bg-grey-900 .bg-grey-900 {
  border-radius: 0 !important;
}

html.rc-app-bg .content .n-switch,
html.rc-app-bg .content .n-switch .bg-grey-900,
html.rc-app-bg .content .n-switch .bg-grey-850 {
  overflow: visible !important;
  border-radius: 999px !important;
}

html.rc-app-bg .content .n-tabs,
html.rc-app-bg .content .n-tabs-nav,
html.rc-app-bg .content .n-tabs-wrapper,
html.rc-app-bg .content .n-tabs-tab-wrapper {
  overflow: visible !important;
}

html.rc-app-bg .content .n-select,
html.rc-app-bg .content .n-base-selection,
html.rc-app-bg .content .n-base-select-menu,
html.rc-app-bg .n-base-select-menu,
html.rc-app-bg .v-binder-follower-container,
html.rc-app-bg .n-popover,
html.rc-app-bg .n-dropdown-menu {
  z-index: 10050 !important;
  pointer-events: auto !important;
}

/* Teleported Naive UI selects/popovers must stay above the modal (z-index 9999). */
html.rc-app-bg .v-binder-follower-container {
  z-index: 10050 !important;
  pointer-events: auto !important;
}

/* Neutral liquid glass for three-dot menus and select option lists. */
html.rc-app-bg[data-rc-ui-theme] body .n-popover,
html.rc-app-bg[data-rc-ui-theme] body .n-dropdown-menu,
html.rc-app-bg[data-rc-ui-theme] body .n-base-select-menu,
html.rc-app-bg[data-rc-ui-theme] body .p-overlaypanel,
html.rc-app-bg[data-rc-ui-theme] body .p-contextmenu {
  background: linear-gradient(145deg, rgba(31,31,32,.76), rgba(12,12,13,.72)) !important;
  background-color: rgba(18,18,19,.78) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.38) !important;
  -webkit-backdrop-filter: blur(22px) saturate(118%) !important;
  backdrop-filter: blur(22px) saturate(118%) !important;
}

/* Command wizard: its own SelectInput list used to be clipped by the step modal. */
html.rc-app-bg .vfm:has(.command-create-modal),
html.rc-app-bg .vfm:has(.command-create-modal) .vfm__container,
html.rc-app-bg .vfm:has(.command-create-modal) .vfm__content,
html.rc-app-bg .vfm:has(.command-create-modal) .command-create-modal,
html.rc-app-bg .vfm:has(.command-create-modal) .command-create-modal > div,
html.rc-app-bg .command-create-modal .content {
  overflow: visible !important;
}

html.rc-app-bg .command-create-modal .select-wrapper,
html.rc-app-bg .command-create-modal .select {
  position: relative !important;
  overflow: visible !important;
}

html.rc-app-bg .command-create-modal .select:has(.activator.-opened) {
  z-index: 10080 !important;
}

html.rc-app-bg .command-create-modal .select .options-list {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 10081 !important;
  width: 100% !important;
  max-width: none !important;
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.14) !important;
  -webkit-backdrop-filter: blur(128px) brightness(32%) contrast(118%) grayscale(100%) !important;
  backdrop-filter: blur(128px) brightness(32%) contrast(118%) grayscale(100%) !important;
}

html.rc-app-bg .command-create-modal .suggester-input-wrapper {
  overflow: visible !important;
}

html.rc-app-bg .command-create-modal .suggester-input-wrapper:has(.suggestions-wrapper) {
  z-index: 10080 !important;
}

html.rc-app-bg .command-create-modal .suggester-input-wrapper .suggestions-wrapper {
  z-index: 10081 !important;
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.14) !important;
  -webkit-backdrop-filter: blur(128px) brightness(32%) contrast(118%) grayscale(100%) !important;
  backdrop-filter: blur(128px) brightness(32%) contrast(118%) grayscale(100%) !important;
}

html.rc-app-bg .command-create-modal :is(.options-list .option,.suggestions-wrapper .suggestion):hover,
html.rc-app-bg .command-create-modal .suggestions-wrapper .suggestion.selected {
  background: rgba(255,255,255,.075) !important;
  background-color: rgba(255,255,255,.075) !important;
}

/* Route/theme independent fallback: these components can be mounted outside rc-app-bg. */
html body .command-create-modal .select-wrapper .select .options-list,
html body .command-create-modal .suggester-input-wrapper .suggestions-wrapper {
  z-index: 100081 !important;
  width: 100% !important;
  max-width: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 9px !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.14) !important;
  -webkit-backdrop-filter: blur(128px) brightness(32%) contrast(118%) grayscale(100%) !important;
  backdrop-filter: blur(128px) brightness(32%) contrast(118%) grayscale(100%) !important;
}

html body .command-create-modal .select-wrapper:has(.options-list),
html body .command-create-modal .suggester-input-wrapper:has(.suggestions-wrapper),
html body .command-create-modal .content,
html body .command-create-modal .content > div {
  overflow: visible !important;
}

html body .command-create-modal :is(.options-list .option,.suggestions-wrapper .suggestion) {
  background: transparent !important;
  color: rgba(255,255,255,.94) !important;
}

html body .command-create-modal :is(.options-list .option,.suggestions-wrapper .suggestion):hover,
html body .command-create-modal .suggestions-wrapper .suggestion.selected {
  background: rgba(255,255,255,.09) !important;
}

/* Nested backdrop filters do not blur an already-filtered modal in Chromium.
   Blur the actual controls located behind an open clear-glass menu instead. */
html body .command-create-modal .rc-glass-underlay-blur {
  filter: blur(9px) !important;
  opacity: .42 !important;
  pointer-events: none !important;
  transition: filter .16s ease, opacity .16s ease !important;
}

/* Auto-kick three-dot dialog: clear, colourless liquid glass without a dark panel. */
html.rc-app-bg .vfm:has(.autokick-modal) .vfm__content,
html.rc-app-bg .vfm:has(.autokick-modal) .modal-border,
html.rc-app-bg .vfm:has(.autokick-modal) .autokick-modal > div {
  background: rgba(255,255,255,.025) !important;
  background-color: transparent !important;
  border-color: rgba(255,255,255,.09) !important;
  box-shadow: 0 20px 55px rgba(0,0,0,.24) !important;
  -webkit-backdrop-filter: blur(26px) saturate(128%) !important;
  backdrop-filter: blur(26px) saturate(128%) !important;
}

html.rc-app-bg .vfm:has(.autokick-modal) :is(.header,.footer,.content) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html.rc-app-bg .vfm:has(.autokick-modal) :is(.select .activator,.select .options-list,input,textarea) {
  background: rgba(255,255,255,.035) !important;
  background-color: transparent !important;
  border-color: rgba(255,255,255,.09) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(18px) saturate(120%) !important;
  backdrop-filter: blur(18px) saturate(120%) !important;
}

/* Public ban-list browser: restrained clear liquid glass without the white haze. */
html.rc-app-bg .modal-border:has(.modal[data-v-0a72d325]) {
  background: rgba(8,8,10,.44) !important;
  background-image: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,0) 44%, rgba(255,255,255,.015)) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.055) !important;
  -webkit-backdrop-filter: blur(34px) saturate(108%) brightness(72%) !important;
  backdrop-filter: blur(34px) saturate(108%) brightness(72%) !important;
}

html.rc-app-bg .modal-border:has(.modal[data-v-0a72d325]) > .modal,
html.rc-app-bg .modal-border:has(.modal[data-v-0a72d325]) .modal[data-v-0a72d325],
html.rc-app-bg .modal-border:has(.modal[data-v-0a72d325]) .modal[data-v-0a72d325] > div,
html.rc-app-bg .modal-border:has(.modal[data-v-0a72d325]) :is(.header,.content) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.rc-app-bg .modal[data-v-0a72d325] .projects > .project {
  background: rgba(255,255,255,.025) !important;
  background-image: linear-gradient(135deg, rgba(255,255,255,.025), rgba(255,255,255,0)) !important;
  border: 1px solid rgba(255,255,255,.085) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;
}

html.rc-app-bg .modal[data-v-0a72d325] :is(.close,button,.button) {
  box-shadow: none !important;
  filter: none !important;
}

/* Global unban dialog: match the public ban-list liquid-glass treatment. */
html.rc-app-bg .modal-border:has(.global-unban-modal) {
  background: rgba(8,8,10,.44) !important;
  background-image: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,0) 44%, rgba(255,255,255,.015)) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.055) !important;
  -webkit-backdrop-filter: blur(34px) saturate(108%) brightness(72%) !important;
  backdrop-filter: blur(34px) saturate(108%) brightness(72%) !important;
}

html.rc-app-bg .modal-border:has(.global-unban-modal) > .modal,
html.rc-app-bg .modal-border:has(.global-unban-modal) .global-unban-modal,
html.rc-app-bg .modal-border:has(.global-unban-modal) .global-unban-modal > div,
html.rc-app-bg .modal-border:has(.global-unban-modal) :is(.header,.content,.footer,.wrapper,.preview,.inputs) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.rc-app-bg .global-unban-modal :is(input,textarea,.input-box,.activator,.p-inputtext) {
  background: rgba(255,255,255,.025) !important;
  background-color: rgba(255,255,255,.025) !important;
  border-color: rgba(255,255,255,.085) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;
}

html.rc-app-bg .global-unban-modal :is(button,.button) {
  box-shadow: none !important;
  filter: none !important;
}

/* Integrations / Webhooks three-dot dialog: tintless liquid glass. */
html.rc-app-bg .modal-border:has(.webhook-edit-modal),
html.rc-app-bg .vfm__content:has(.webhook-edit-modal) {
  background: rgba(255,255,255,.025) !important;
  background-color: rgba(255,255,255,.025) !important;
  background-image: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,0) 46%, rgba(255,255,255,.012)) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 16px !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.045) !important;
  -webkit-backdrop-filter: blur(30px) saturate(108%) brightness(76%) !important;
  backdrop-filter: blur(30px) saturate(108%) brightness(76%) !important;
  overflow: hidden !important;
}

html.rc-app-bg .modal-border:has(.webhook-edit-modal) > .modal,
html.rc-app-bg .vfm__content:has(.webhook-edit-modal) > .modal,
html.rc-app-bg .webhook-edit-modal,
html.rc-app-bg .webhook-edit-modal > div,
html.rc-app-bg .webhook-edit-modal :is(.header,.content,.footer,.wrapper) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.rc-app-bg .webhook-edit-modal :is(input,textarea,.input-box,.p-inputtext) {
  background: rgba(255,255,255,.025) !important;
  background-color: rgba(255,255,255,.025) !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.09) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  -webkit-backdrop-filter: blur(14px) saturate(105%) !important;
  backdrop-filter: blur(14px) saturate(105%) !important;
}

html.rc-app-bg .webhook-edit-modal :is(button,.button,.close,.docs) {
  box-shadow: none !important;
  filter: none !important;
}

/* Ban-list settings group: remove the forced grey panel and reuse the same glass. */
html.rc-app-bg .section[data-v-c5b8b4cb]:has(.normal-action) > .header + * {
  background: rgba(255,255,255,.025) !important;
  background-color: rgba(255,255,255,.025) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035) !important;
  -webkit-backdrop-filter: blur(28px) saturate(106%) brightness(76%) !important;
  backdrop-filter: blur(28px) saturate(106%) brightness(76%) !important;
  overflow: hidden !important;
}

html.rc-app-bg .section[data-v-c5b8b4cb]:has(.normal-action) > .header + * > *,
html.rc-app-bg .section[data-v-c5b8b4cb] :is(.normal-action,.destructive-action),
html.rc-app-bg .section[data-v-c5b8b4cb] :is(.normal-action,.destructive-action)::before,
html.rc-app-bg .section[data-v-c5b8b4cb] :is(.normal-action,.destructive-action)::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: rgba(255,255,255,.055) !important;
}

html.rc-app-bg .section[data-v-c5b8b4cb] :is(.normal-action,.destructive-action):hover {
  background: rgba(255,255,255,.018) !important;
}

/* Theme-independent fallback for the BanList route. */
html body .section[data-v-c5b8b4cb]:has(.normal-action) > .header + * > *,
html body [data-v-c5b8b4cb] :is(.normal-action,.destructive-action),
html body [data-v-c5b8b4cb] :is(.normal-action,.destructive-action)::before,
html body [data-v-c5b8b4cb] :is(.normal-action,.destructive-action)::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .section[data-v-c5b8b4cb]:has(.normal-action) > .header + * {
  background: rgba(255,255,255,.025) !important;
  background-color: rgba(255,255,255,.025) !important;
  background-image: none !important;
}

/* Auto-kick groups: exactly the same restrained glass as the BanList group. */
html body .settings-container[data-v-326b1643] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body .settings-container[data-v-326b1643] > .settings {
  background: rgba(255,255,255,.035) !important;
  background-color: rgba(255,255,255,.035) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 16px !important;
  background-clip: padding-box !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), inset 0 -1px 0 rgba(255,255,255,.018) !important;
  -webkit-backdrop-filter: blur(28px) saturate(106%) brightness(76%) !important;
  backdrop-filter: blur(28px) saturate(106%) brightness(76%) !important;
  overflow: hidden !important;
  clip-path: inset(0 round 16px) !important;
}

html body .settings-container[data-v-326b1643] > .settings > * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: rgba(255,255,255,.055) !important;
}

/* Bans, Checks and Reports tabs: reuse the exact Auto-kick/BanList glass. */
html body :is(
  .settings-container[data-v-310612a0],
  .settings-container[data-v-0d79b110],
  .settings-container[data-v-8d2201d4]
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body :is(
  .settings-container[data-v-310612a0],
  .settings-container[data-v-0d79b110],
  .settings-container[data-v-8d2201d4]
) > .settings,
html body .bg-grey-900[data-v-310612a0] {
  background: rgba(255,255,255,.035) !important;
  background-color: rgba(255,255,255,.035) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 16px !important;
  background-clip: padding-box !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), inset 0 -1px 0 rgba(255,255,255,.018) !important;
  -webkit-backdrop-filter: blur(28px) saturate(106%) brightness(76%) !important;
  backdrop-filter: blur(28px) saturate(106%) brightness(76%) !important;
  overflow: hidden !important;
  clip-path: inset(0 round 16px) !important;
}

html body :is(
  .settings-container[data-v-310612a0],
  .settings-container[data-v-0d79b110],
  .settings-container[data-v-8d2201d4]
) > .settings > * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: rgba(255,255,255,.055) !important;
}

html.rc-app-bg .content .n-select.n-select--active,
html.rc-app-bg .content .n-base-selection--active,
html.rc-app-bg .content .n-base-selection--focus {
  position: relative;
  z-index: 30;
}

@keyframes rcTabIn {
  from { opacity: 0; transform: translate3d(0, 14px, 0); filter: blur(8px); }
  to { opacity: 1; transform: none; filter: none; }
}
html.rc-app-bg .rc-tab-enter {
  animation: rcTabIn .42s cubic-bezier(.22, 1, .36, 1) both;
}
html.rc-app-bg body:has(.player-modal) .rc-tab-enter,
html.rc-app-bg .vfm .rc-tab-enter,
html.rc-app-bg .player-modal .rc-tab-enter {
  animation: none !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.client-edit-modal,
.vfm:has(.client-edit-modal),
.vfm__container:has(.client-edit-modal),
.n-modal-container:has(.client-edit-modal) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}