/* HappyFamilyAnswers PREVIEW ONLY: the "test data" label. Hidden behind the welcome screen
   (which sits above it), visible on every other screen. Not part of the production package. */
#hfa-preview-bar { position: fixed; top: env(safe-area-inset-top, 0px); left: 0; right: 0; z-index: 11; height: 30px;
  display: flex; align-items: center; justify-content: center; padding: 0 12px; background: #7A4F00; color: #FFFFFF;
  font: 700 13px/1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; letter-spacing: .02em; text-align: center; }
body.hfa-preview .shell { padding-top: 30px; }
body.hfa-preview .topbar { top: calc(env(safe-area-inset-top, 0px) + 30px); }
body.is-welcome #hfa-preview-bar { visibility: hidden; }