/* Sign-in return backdrop (see the comment in index.html).

   A FILE on purpose, never an inline <style>: Tauri hashes every inline
   <style> in index.html into the packaged app's CSP style-src, and a hash
   there makes the webview ignore 'unsafe-inline' — which blocked every style
   the app injects at runtime (terminal colours, OverlayScrollbars, Kanban
   layout) in release builds only. tests/indexHtmlNoInlineStyle.test.js. */

html.apb-auth-boot,
html.apb-auth-boot body {
  background: #0e0e10;
}
html.apb-auth-boot body::after {
  content: '';
  position: fixed;
  inset: 0;
  margin: auto;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 42%, rgba(124, 116, 255, 0.55), rgba(124, 116, 255, 0) 70%);
  animation: apb-auth-boot-pulse 1.6s ease-in-out infinite;
}
/* The mascot has mounted: React owns the screen from here. */
html.apb-auth-boot body:has(#root > *)::after {
  display: none;
}
@keyframes apb-auth-boot-pulse {
  0%, 100% { opacity: 0.35; transform: scale(0.85); }
  50% { opacity: 0.9; transform: scale(1.1); }
}
