/* =========================================================================
   The Classic glow: ONE definition for the public pages, the Sangat portal and the admin desks (Phase 7.2, 7.7).
   Temple Dark: a deep vermilion glow over #0D0B09. Temple Dawn (the light theme, and the UK's): amber and rose over Sandalwood
   Parchment #FBF8F1. The golden motes drifting over it are assets/js/hero-particles.js, never a second script.
   The public pages carry the glow on a hero or stage (.g-glow in guest.css); the portal and the desks print it once, fixed
   behind the page (the one shared canvas):  <div class="g-glow djjs-ambient" data-hero-particles="34" data-ambient-fixed>
   with html[data-djjs-glow] set (the shell and includes/views/head.php do both). Calm mode (the desks, /portal/apps) is the
   script's: html[data-djjs-calm] or body.djjs-calm. Loaded before guest.css / the portal's own sheets.
   ========================================================================= */
.g-glow { isolation: isolate; background:
  radial-gradient(ellipse 70% 55% at 72% 32%, rgba(136, 19, 55, .5), transparent 70%),
  radial-gradient(ellipse 60% 50% at 18% 78%, rgba(217, 119, 6, .16), transparent 70%),
  radial-gradient(ellipse 90% 70% at 50% 110%, rgba(91, 15, 42, .45), transparent 70%), #0D0B09; }
[data-theme="light"] .g-glow, html[data-djjs-surface="portal"]:not(.dark) .g-glow { background:
  radial-gradient(ellipse 70% 55% at 72% 30%, rgba(217, 119, 6, .2), transparent 70%),
  radial-gradient(ellipse 60% 50% at 18% 80%, rgba(136, 19, 55, .1), transparent 70%), #FBF8F1; }

/* the page-wide backdrop: fixed, the height of the large viewport (the phone's URL bar never resizes it), under everything, never
   catching a tap, no layout of its own (nothing shifts when it arrives) */
.djjs-ambient[data-hero-particles] { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; height: 100lvh; z-index: -1; pointer-events: none; contain: strict; }
.djjs-ambient .hero-particles { position: absolute; inset: 0; display: block; width: 100%; height: 100%; pointer-events: none; }
/* the page's own canvases step aside so the glow shows: the document, the app's page wrapper (cards keep their surface tokens) */
html[data-djjs-glow] body { background: transparent !important; }
html[data-djjs-glow] #root .min-h-dvh.bg-canvas { background-color: transparent; }
@media print { .djjs-ambient { display: none; } html[data-djjs-glow] body { background: #fff !important; } }