html[data-pc-theme="dark"],
html[data-pc-theme="dark"] body {
  background: #0b1120;
  color: #e5edf6;
}

html[data-pc-theme="dark"] .bg-slate-50 {
  background-color: #0b1120;
}

html[data-pc-theme="dark"] .bg-white,
html[data-pc-theme="dark"] .bg-white\/90 {
  background-color: #111827;
}

html[data-pc-theme="dark"] .bg-slate-100,
html[data-pc-theme="dark"] .bg-slate-200 {
  background-color: #1f2937;
}

html[data-pc-theme="dark"] .bg-blue-50 {
  background-color: #10233f;
}

html[data-pc-theme="dark"] .bg-amber-50 {
  background-color: #33260d;
}

html[data-pc-theme="dark"] .bg-emerald-50,
html[data-pc-theme="dark"] .bg-green-50 {
  background-color: #0f2f28;
}

html[data-pc-theme="dark"] .bg-orange-50 {
  background-color: #35200f;
}

html[data-pc-theme="dark"] .bg-rose-50 {
  background-color: #3a1420;
}

html[data-pc-theme="dark"] .bg-sky-50 {
  background-color: #102a3a;
}

html[data-pc-theme="dark"] .border-slate-100,
html[data-pc-theme="dark"] .border-slate-200,
html[data-pc-theme="dark"] .divide-slate-100 > :not([hidden]) ~ :not([hidden]),
html[data-pc-theme="dark"] .divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: #253247;
}

html[data-pc-theme="dark"] .border-blue-100,
html[data-pc-theme="dark"] .border-blue-200 {
  border-color: #21436e;
}

html[data-pc-theme="dark"] .border-amber-200 {
  border-color: #6d4b12;
}

html[data-pc-theme="dark"] .border-emerald-200,
html[data-pc-theme="dark"] .border-green-200 {
  border-color: #1d5b4b;
}

html[data-pc-theme="dark"] .border-orange-200 {
  border-color: #714013;
}

html[data-pc-theme="dark"] .border-rose-200 {
  border-color: #7a2438;
}

html[data-pc-theme="dark"] .border-sky-200 {
  border-color: #1d5573;
}

html[data-pc-theme="dark"] .text-slate-950,
html[data-pc-theme="dark"] .text-slate-900,
html[data-pc-theme="dark"] .text-slate-800,
html[data-pc-theme="dark"] .text-slate-700 {
  color: #e5edf6;
}

html[data-pc-theme="dark"] .text-slate-600,
html[data-pc-theme="dark"] .text-slate-500 {
  color: #a9b7ca;
}

html[data-pc-theme="dark"] .text-slate-400 {
  color: #7f8da3;
}

html[data-pc-theme="dark"] .text-blue-700,
html[data-pc-theme="dark"] .text-blue-800,
html[data-pc-theme="dark"] .text-blue-900 {
  color: #9cc8ff;
}

html[data-pc-theme="dark"] .text-emerald-700,
html[data-pc-theme="dark"] .text-emerald-900,
html[data-pc-theme="dark"] .text-green-800 {
  color: #8ce7c1;
}

html[data-pc-theme="dark"] .text-amber-700,
html[data-pc-theme="dark"] .text-orange-700,
html[data-pc-theme="dark"] .text-orange-800 {
  color: #f7c56f;
}

html[data-pc-theme="dark"] .text-rose-700,
html[data-pc-theme="dark"] .text-rose-800 {
  color: #f4a0b0;
}

html[data-pc-theme="dark"] .text-sky-800 {
  color: #9fd8f6;
}

html[data-pc-theme="dark"] .hover\:bg-slate-50:hover,
html[data-pc-theme="dark"] .hover\:bg-slate-100:hover {
  background-color: #1f2937;
}

html[data-pc-theme="dark"] .hover\:text-slate-950:hover {
  color: #f8fafc;
}

html[data-pc-theme="dark"] table thead,
html[data-pc-theme="dark"] .bg-slate-50 table thead {
  background-color: #172033;
}

.info-tooltip {
  display: inline-flex;
  position: relative;
  align-items: center;
  flex: 0 0 auto;
}

.info-tooltip > button {
  background: #ffffff;
  cursor: default;
}

.info-tooltip__popup,
.info-tooltip:hover .info-tooltip__popup,
.info-tooltip:focus-within .info-tooltip__popup {
  cursor: default;
}

.info-tooltip__popup {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  z-index: 40;
  width: min(280px, calc(100vw - 48px));
  padding: 10px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16);
  color: #334155;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
  opacity: 0;
  pointer-events: none;
  text-align: left;
  transform: translate(-50%, 4px);
  transition:
    opacity 140ms ease-out,
    transform 140ms ease-out;
  white-space: normal;
}

.info-tooltip__popup::after {
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 9px;
  height: 9px;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  background: inherit;
  content: "";
  transform: translateX(-50%) rotate(45deg);
}

.info-tooltip:hover .info-tooltip__popup,
.info-tooltip:focus-within .info-tooltip__popup {
  opacity: 1;
  transform: translate(-50%, 0);
}

html[data-pc-theme="dark"] .info-tooltip > button {
  background: #111827;
}

html[data-pc-theme="dark"] .info-tooltip__popup {
  border-color: #334155;
  background: #172033;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.34);
  color: #d9e4f2;
}

html[data-pc-theme="dark"] .info-tooltip__popup::after {
  border-color: #334155;
}