.pilot-support-frame {
  position: fixed;
  right: 0;
  bottom: 0;
  width: min(104px, 100vw);
  height: min(104px, 100dvh);
  border: 0;
  background: transparent;
  /* The widget document is light. On the dark Night Flight pages "normal" made Chrome see a scheme
     mismatch and paint an opaque white canvas around the bubble and launcher; light keeps it transparent. */
  color-scheme: light;
  z-index: 70;
  visibility: hidden;
}
.pilot-support--ready .pilot-support-frame { visibility: visible; }
.pilot-support--preview .pilot-support-frame { width: min(348px, 100vw); height: min(248px, 100dvh); clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - 104px) 100%, calc(100% - 104px) calc(100% - 92px), 0 calc(100% - 92px)); }
.pilot-support--open .pilot-support-frame { width: min(448px, 100vw); height: min(752px, 100dvh); clip-path: none; z-index: 90; }
.pilot-support--open.pilot-support--expanded .pilot-support-frame { width: min(568px, 100vw); height: min(872px, 100dvh); }
/* Shown while the widget loads or when it fails: a Night Flight card in the
   launcher's corner (physical right, like the widget, also in RTL). Values are
   literal because the landing page and the account center name their tokens
   differently. White on #da1f5a is 4.86:1; the red ring on ink is 5.65:1. */
.pilot-support-fallback {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 71;
  max-width: calc(100vw - 32px);
  padding: 14px 16px;
  background: #151923;
  color: #f2f0ea;
  border: 1px solid rgb(242 240 234 / .22);
  border-radius: 16px;
  box-shadow: 0 30px 80px -20px rgb(0 0 0 / .8);
  font: 14px/1.5 "Archivo", system-ui, sans-serif;
}
.pilot-support-fallback[hidden] { display: none; }
.pilot-support-fallback strong { display: block; margin-bottom: 8px; font-weight: 700; }
.pilot-support-fallback button, .pilot-support-fallback a { color: inherit; font: inherit; }
.pilot-support-fallback button { margin-inline-end: 12px; padding: 6px 14px; cursor: pointer; background: #da1f5a; color: #fff; border: 0; border-radius: 999px; font-weight: 600; }
.pilot-support-fallback a { text-underline-offset: 3px; }
.pilot-support-fallback :focus-visible { outline: 2px solid #fe3c72; outline-offset: 2px; }
@media (max-width: 767px) {
  .pilot-support--portal .pilot-support-frame { bottom: calc(64px + env(safe-area-inset-bottom)); }
  .pilot-support--portal .pilot-support-fallback { bottom: calc(80px + env(safe-area-inset-bottom)); }
}
@media (max-width: 480px) {
  .pilot-support--preview .pilot-support-frame { clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - 104px) 100%, calc(100% - 104px) calc(100% - 84px), 0 calc(100% - 84px)); }
  .pilot-support--open .pilot-support-frame,
  .pilot-support--open.pilot-support--expanded .pilot-support-frame { top: 0; left: 0; bottom: auto; width: 100vw; height: 100dvh; }
}