/* Shared success notices, including styles injected later by legacy React pages.
   Scope to notice components, never generic .success buttons or status badges.
   The shell variant also outranks page-specific important dark-theme rules. */
html :is(body, body.onlyfong-shell.admin-page) :is(
  ul.messages li.success,
  .notification.success,
  .notification-success,
  .jubeat-notification.success,
  .alert-success,
  .server-settings-notice.success,
  .life-notice.success,
  .toast.ok,
  .flash-message.flash-success
) {
  color: #000000 !important;
  background: #e7ffd4 !important;
  border-color: #78a65d !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #000000 !important;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

/* Translated spans, strong text, icons, links and close controls must not
   inherit the dark theme's white/muted text on the pale notice background. */
html :is(body, body.onlyfong-shell.admin-page) :is(
  ul.messages li.success,
  .notification.success,
  .notification-success,
  .jubeat-notification.success,
  .alert-success,
  .server-settings-notice.success,
  .life-notice.success,
  .toast.ok,
  .flash-message.flash-success
) * {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  text-shadow: none !important;
}

html body ul.messages li.success {
  font-size: 14px;
  padding: 10px 12px;
}

html :is(body, body.onlyfong-shell.admin-page) :is(
  .notification.success, .notification-success, .jubeat-notification.success
) .notification-icon {
  background: #c8eab6 !important;
}

html :is(body, body.onlyfong-shell.admin-page) :is(
  ul.messages li.success, .notification.success, .notification-success,
  .jubeat-notification.success, .alert-success, .toast.ok,
  .server-settings-notice.success, .life-notice.success, .flash-message.flash-success
) :is(.close, .notification-close, .btn-close),
html :is(body, body.onlyfong-shell.admin-page) :is(
  ul.messages li.success, .notification.success, .notification-success,
  .jubeat-notification.success, .alert-success, .toast.ok,
  .server-settings-notice.success, .life-notice.success, .flash-message.flash-success
) :is(.close, .notification-close, .btn-close):is(:hover, :focus-visible) {
  color: #000000 !important;
  background: transparent !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

html :is(body, body.onlyfong-shell.admin-page) :is(
  ul.messages li.success, .notification.success, .notification-success,
  .jubeat-notification.success, .alert-success, .server-settings-notice.success,
  .life-notice.success, .toast.ok, .flash-message.flash-success
) a {
  text-decoration: underline;
  text-underline-offset: 2px;
}