/**
 * Bootstrap Redirect Styles
 *
 * This stylesheet prevents flash of unauthenticated content (FOUC) during
 * standalone mode redirects and authentication flows.
 *
 * HOW IT WORKS:
 * 1. Body is hidden by default (display: none)
 * 2. bootstrap.ts determines if redirect is needed
 * 3. If no redirect: adds 'allow-render' class → body visible
 * 4. If redirect: body stays hidden → user never sees unauthenticated content
 *
 * CSP COMPLIANCE:
 * External stylesheet (not inline styles) ensures Content Security Policy compliance.
 * No style-src 'unsafe-inline' needed.
 */

/* Hide body by default - prevents flash of unauthenticated content */
body {
  display: none;
  visibility: hidden;
}

/* Show body when explicitly allowed (after auth check) */
body.allow-render {
  display: block;
  visibility: visible;
}

/* Fallback: Show body after 3 seconds if class wasn't added (prevents deadlock) */
@keyframes show-body {
  0% {
    display: none;
    visibility: hidden;
  }
  100% {
    display: block;
    visibility: visible;
  }
}

body {
  animation: show-body 0s 3s forwards;
}