/* Both dashboard and subscription detail render this disabled device card. */
html.sora-miniapp :is(
  [data-onboarding="connect-devices"],
  button:disabled[class~="opacity-50"][class~="gap-3.5"][class~="mb-5"]
) {
  opacity: 1 !important;
}

html.sora-miniapp.light :is(
  [data-onboarding="connect-devices"],
  button:disabled[class~="opacity-50"][class~="gap-3.5"][class~="mb-5"]
) .text-dark-50 {
  color: #17233b !important;
  font-weight: 700;
}

html.sora-miniapp.light :is(
  [data-onboarding="connect-devices"],
  button:disabled[class~="opacity-50"][class~="gap-3.5"][class~="mb-5"]
) .text-dark-50\/50 {
  color: #3d4e66 !important;
  font-weight: 600;
}

html.sora-miniapp.light :is(
  [data-onboarding="connect-devices"],
  button:disabled[class~="opacity-50"][class~="gap-3.5"][class~="mb-5"]
) .min-w-0 > .mt-1 {
  color: #92400e !important;
  font-size: 12px;
  font-weight: 650;
}

html.sora-miniapp.dark :is(
  [data-onboarding="connect-devices"],
  button:disabled[class~="opacity-50"][class~="gap-3.5"][class~="mb-5"]
) .text-dark-50 {
  color: #f8fafc !important;
  font-weight: 700;
}

html.sora-miniapp.dark :is(
  [data-onboarding="connect-devices"],
  button:disabled[class~="opacity-50"][class~="gap-3.5"][class~="mb-5"]
) .text-dark-50\/50 {
  color: #d1d9e8 !important;
  font-weight: 600;
}

html.sora-miniapp.dark :is(
  [data-onboarding="connect-devices"],
  button:disabled[class~="opacity-50"][class~="gap-3.5"][class~="mb-5"]
) .min-w-0 > .mt-1 {
  color: #fbbf24 !important;
  font-size: 12px;
  font-weight: 650;
}

/* Subscription link and its copy action remain readable beside the card. */
html.sora-miniapp.light code.scrollbar-hide {
  color: #2b3d58 !important;
  background: #f3f6fb !important;
  border-color: #cbd6e6 !important;
}

html.sora-miniapp.light code.scrollbar-hide + button {
  color: #28456e !important;
  background: #e8eef8 !important;
  border-color: #becfe6 !important;
}

html.sora-miniapp.dark code.scrollbar-hide {
  color: #d7e1f1 !important;
  background: #1c293c !important;
  border-color: #38506f !important;
}

html.sora-miniapp.dark code.scrollbar-hide + button {
  color: #dbeafe !important;
  background: #243c5d !important;
  border-color: #476890 !important;
}