/* The public reservation confirmation must remain readable when the installed
   portal or device is using dark mode. The component uses fixed navy text, so
   its card must stay white instead of inheriting the dark-mode card token. */
html.dark main.flex.flex-1.items-center.justify-center > div.w-full.max-w-2xl.rounded-3xl,
.dark main.flex.flex-1.items-center.justify-center > div.w-full.max-w-2xl.rounded-3xl {
  background: #ffffff !important;
  color: #003b78 !important;
}

html.dark main.flex.flex-1.items-center.justify-center > div.w-full.max-w-2xl.rounded-3xl h1,
html.dark main.flex.flex-1.items-center.justify-center > div.w-full.max-w-2xl.rounded-3xl h2,
html.dark main.flex.flex-1.items-center.justify-center > div.w-full.max-w-2xl.rounded-3xl p,
.dark main.flex.flex-1.items-center.justify-center > div.w-full.max-w-2xl.rounded-3xl h1,
.dark main.flex.flex-1.items-center.justify-center > div.w-full.max-w-2xl.rounded-3xl h2,
.dark main.flex.flex-1.items-center.justify-center > div.w-full.max-w-2xl.rounded-3xl p {
  color: #003b78 !important;
}