/* Shared theme corrections: keep text/background as a pair. In particular,
   legacy [class*="bg-white/"] rules also match hover:bg-white/90 and used to
   turn white primary actions black without changing their black text. */
html.gx-ui {
  --gx-muted: #adb3ad;
  --gx-faint: #a0a8a0;
  --xh-muted: #adb3ad;
  --mh-night-muted: #adb3ad;
}
html.gx-ui.gx-light {
  --gx-muted: #555d55;
  --gx-faint: #596159;
  --xh-muted: #555d55;
  --mh-night-muted: #555d55;
}
html:root body :is(button,a,[role="button"])[class~="bg-white"] {
  background: #f1f3f5 !important;
  color: #17212b !important;
  -webkit-text-fill-color: #17212b !important;
  border-color: #bcc6d0 !important;
}
html:root body :is(button,a,[role="button"])[class~="bg-white"]:hover:not(:disabled) {
  background: #dce5ed !important;
}
html:root body :is(button,a,[role="button"])[class~="bg-white"] :is(span,svg) {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}
/* Explicitly paired neutral buttons, including disabled actions: readable
   does not mean enabled. Preserve disabled attributes and pointer behavior. */
html:root body :is(button,a,[role="button"])[class~="bg-white"]:disabled {
  background: #c9d1d9 !important;
  color: #3c4650 !important;
  -webkit-text-fill-color: #3c4650 !important;
  opacity: .8 !important;
}
html.gx-ui:not(.gx-light) :is([class~="text-content-muted"],[class~="text-gray-500"],[class~="text-slate-500"]) {
  color: #adb3bd;
}
html.gx-ui:not(.gx-light) :is(input,textarea)::placeholder { color: #a7b0bb !important; opacity: 1; }
html.gx-ui.gx-light :is(input,textarea)::placeholder { color: #596471 !important; opacity: 1; }
/* This panel ships with right-[8px] but that utility is absent in the
   shared CSS bundle. Avoid its static-position fallback and 0.68 text scale. */
html:root .mh-infinite-canvas-ui > div[class~="origin-top-right"][class~="w-[520px]"] {
  position: fixed !important;
  left: auto !important;
  right: 16px !important;
  top: 64px !important;
  bottom: auto !important;
  width: min(360px, calc(100vw - 24px)) !important;
  max-height: calc(100dvh - 80px) !important;
  transform: none !important;
  padding: 16px !important;
  border-radius: 14px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  font-size: 14px !important;
  line-height: 1.5 !important;
  background: #141b24 !important;
  color: #f1f4f8 !important;
}
html:root.gx-light .mh-infinite-canvas-ui > div[class~="origin-top-right"][class~="w-[520px]"] {
  background: #f7f9fc !important;
  color: #182431 !important;
}
html:root.gx-light .mh-infinite-canvas-ui > div[class~="origin-top-right"][class~="w-[520px]"] :is([class~="text-white"],[class~="text-white/56"],[class~="text-white/60"]) {
  color: #182431 !important;
}
html:root .mh-infinite-canvas-ui > div[class~="origin-top-right"][class~="w-[520px]"] :is(button,[role="switch"],span,p) {
  font-size: 14px;
}
html:root .mh-infinite-canvas-ui > div[class~="origin-top-right"][class~="w-[520px]"] button {
  font-size: 14px !important;
  line-height: 1.5 !important;
}
html:root .mh-infinite-canvas-ui > div[class~="origin-top-right"][class~="w-[520px]"] [class~="h-[54px]"] {
  height: 42px !important;
  font-size: 15px !important;
}
html:root .mh-infinite-canvas-ui > div[class~="origin-top-right"][class~="w-[520px]"] [class~="mt-6"] { margin-top: 14px !important; }
@media (max-width: 600px) {
  html:root .mh-infinite-canvas-ui > div[class~="origin-top-right"][class~="w-[520px]"] { right: 12px !important; }
}