/* Dark feedback surfaces, independent of primary button styles. */
html body :is(#dashboard-root,.nw-editor) :is(div,section,aside,span.inline-flex):is(
  [class~="bg-red-500/5"],
  [class~="bg-red-500/10"],
  [class~="bg-red-500/15"],
  [class~="bg-red-500/20"],
  [class~="bg-rose-500/5"],
  [class~="bg-rose-500/10"],
  [class~="bg-rose-500/15"],
  [class~="bg-rose-500/20"],
  [class~="bg-amber-500/5"],
  [class~="bg-amber-500/10"],
  [class~="bg-amber-500/15"],
  [class~="bg-amber-500/20"],
  [class~="bg-yellow-500/5"],
  [class~="bg-yellow-500/10"],
  [class~="bg-yellow-500/15"],
  [class~="bg-yellow-500/20"],
  [class~="bg-blue-500/5"],
  [class~="bg-blue-500/10"],
  [class~="bg-blue-500/15"],
  [class~="bg-blue-500/20"],
  [class~="bg-sky-500/5"],
  [class~="bg-sky-500/10"],
  [class~="bg-sky-500/15"],
  [class~="bg-sky-500/20"],
  [class~="bg-emerald-500/5"],
  [class~="bg-emerald-500/10"],
  [class~="bg-emerald-500/15"],
  [class~="bg-emerald-500/20"],
  [class~="bg-green-500/5"],
  [class~="bg-green-500/10"],
  [class~="bg-green-500/15"],
  [class~="bg-green-500/20"]
),
html body :is(#dashboard-root,.nw-editor) [role="alert"] {
  background: #080808 !important;
  background-image: none !important;
  border-color: #343434 !important;
  color: #ededed !important;
  box-shadow: none !important;
}
html body :is(#dashboard-root,.nw-editor) :is(div,section,aside,span.inline-flex):is(
  [class~="bg-red-500/5"],
  [class~="bg-red-500/10"],
  [class~="bg-red-500/15"],
  [class~="bg-red-500/20"],
  [class~="bg-rose-500/5"],
  [class~="bg-rose-500/10"],
  [class~="bg-rose-500/15"],
  [class~="bg-rose-500/20"],
  [class~="bg-amber-500/5"],
  [class~="bg-amber-500/10"],
  [class~="bg-amber-500/15"],
  [class~="bg-amber-500/20"],
  [class~="bg-yellow-500/5"],
  [class~="bg-yellow-500/10"],
  [class~="bg-yellow-500/15"],
  [class~="bg-yellow-500/20"],
  [class~="bg-blue-500/5"],
  [class~="bg-blue-500/10"],
  [class~="bg-blue-500/15"],
  [class~="bg-blue-500/20"],
  [class~="bg-sky-500/5"],
  [class~="bg-sky-500/10"],
  [class~="bg-sky-500/15"],
  [class~="bg-sky-500/20"],
  [class~="bg-emerald-500/5"],
  [class~="bg-emerald-500/10"],
  [class~="bg-emerald-500/15"],
  [class~="bg-emerald-500/20"],
  [class~="bg-green-500/5"],
  [class~="bg-green-500/10"],
  [class~="bg-green-500/15"],
  [class~="bg-green-500/20"]
) :is(p,small,li),
html body :is(#dashboard-root,.nw-editor) [role="alert"] :is(p,small,li) {
  color: #d4d4d4 !important;
  opacity: 1 !important;
}
html body :is(#dashboard-root,.nw-editor) :is(div,section,aside,span.inline-flex):is(
  [class~="bg-red-500/5"],
  [class~="bg-red-500/10"],
  [class~="bg-red-500/15"],
  [class~="bg-red-500/20"],
  [class~="bg-rose-500/5"],
  [class~="bg-rose-500/10"],
  [class~="bg-rose-500/15"],
  [class~="bg-rose-500/20"],
  [class~="bg-amber-500/5"],
  [class~="bg-amber-500/10"],
  [class~="bg-amber-500/15"],
  [class~="bg-amber-500/20"],
  [class~="bg-yellow-500/5"],
  [class~="bg-yellow-500/10"],
  [class~="bg-yellow-500/15"],
  [class~="bg-yellow-500/20"],
  [class~="bg-blue-500/5"],
  [class~="bg-blue-500/10"],
  [class~="bg-blue-500/15"],
  [class~="bg-blue-500/20"],
  [class~="bg-sky-500/5"],
  [class~="bg-sky-500/10"],
  [class~="bg-sky-500/15"],
  [class~="bg-sky-500/20"],
  [class~="bg-emerald-500/5"],
  [class~="bg-emerald-500/10"],
  [class~="bg-emerald-500/15"],
  [class~="bg-emerald-500/20"],
  [class~="bg-green-500/5"],
  [class~="bg-green-500/10"],
  [class~="bg-green-500/15"],
  [class~="bg-green-500/20"]
) :is(p.font-medium,h3,h4,strong),
html body :is(#dashboard-root,.nw-editor) [role="alert"] :is(p.font-medium,h3,h4,strong) {
  color: #f5f5f5 !important;
}
/* Status labels retain their small colored dot on a dark background. */
html body .nw-editor span.inline-flex:is([class~="bg-red-500/15"],[class~="bg-emerald-500/15"],[class~="bg-amber-500/15"]) {
  border: 1px solid #343434;
}