/**
 * Portafortuna Lab — atmosfera rituale (scuro / oro / spazio).
 * Usato con body.lab-ritual-body e .lab-ritual-root
 */
:root {
  --lab-bg-deep: #0c0b09;
  --lab-bg-mid: #151311;
  --lab-bg-card: rgba(28, 26, 22, 0.92);
  --lab-gold: #c9a227;
  --lab-gold-dim: rgba(201, 162, 39, 0.35);
  --lab-gold-soft: #e8d49a;
  --lab-ink: #f5f2ea;
  --lab-muted: #a39e93;
}

.lab-ritual-body {
  background: radial-gradient(ellipse 120% 80% at 50% -20%, rgba(201, 162, 39, 0.12) 0%, transparent 55%),
    radial-gradient(ellipse 80% 50% at 80% 100%, rgba(80, 60, 30, 0.25) 0%, transparent 45%),
    linear-gradient(180deg, var(--lab-bg-deep) 0%, var(--lab-bg-mid) 45%, #0a0908 100%);
  color: var(--lab-ink);
  min-height: 100vh;
}

.lab-ritual-root {
  min-height: calc(100vh - 2rem);
}

/* Simbolo: comparsa lenta */
.lab-symbol-reveal {
  opacity: 0;
  transform: scale(0.97) translateY(12px);
  animation: labSymbolReveal 1.4s cubic-bezier(0.22, 1, 0.36, 1) 0.35s forwards;
}

@keyframes labSymbolReveal {
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.lab-glow-ring {
  box-shadow: 0 0 0 1px var(--lab-gold-dim),
    0 0 48px -12px rgba(201, 162, 39, 0.35),
    inset 0 0 60px -30px rgba(201, 162, 39, 0.08);
}

/* Flusso quick post-esperienza / download in tema lab */
.lab-ritual-flow.pe-ambient {
  background: radial-gradient(ellipse 70% 55% at 50% 35%, rgba(201, 162, 39, 0.09) 0%, transparent 55%),
    linear-gradient(180deg, var(--lab-bg-deep) 0%, #131210 50%, var(--lab-bg-deep) 100%);
}

.lab-ritual-flow .pe-focus-halo {
  background: radial-gradient(ellipse 72% 58% at 50% 48%, rgba(201, 162, 39, 0.14) 0%, rgba(255, 255, 255, 0) 68%);
  filter: blur(1px);
  opacity: 0.9;
}

.lab-ritual-flow .pe-title,
.lab-ritual-flow h1 {
  color: var(--lab-ink) !important;
}

.lab-ritual-flow .text-gray-900 {
  color: var(--lab-ink) !important;
}

.lab-ritual-flow .text-gray-800 {
  color: #d8d3c9 !important;
}

.lab-ritual-flow .text-gray-600,
.lab-ritual-flow .text-gray-700 {
  color: var(--lab-muted) !important;
}

.lab-ritual-flow .text-gray-500\/90,
.lab-ritual-flow .text-gray-500 {
  color: #8a8580 !important;
}

.lab-ritual-flow .pe-symbol {
  background: var(--lab-bg-card) !important;
  border: 1px solid var(--lab-gold-dim);
}

.lab-ritual-flow .pe-cta {
  background: linear-gradient(145deg, #a88920 0%, var(--lab-gold) 45%, #8f7319 100%) !important;
  color: #1a1612 !important;
  font-weight: 600;
  letter-spacing: 0.04em;
  border: none;
  box-shadow: 0 8px 32px -8px rgba(201, 162, 39, 0.45);
}

.lab-ritual-flow .pe-cta:hover {
  filter: brightness(1.06);
}

.lab-ritual-flow .border-gray-300\/80 {
  border-color: rgba(201, 162, 39, 0.25) !important;
}

@media (prefers-reduced-motion: reduce) {
  .lab-symbol-reveal {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

/* Schede parametri dashboard durante percorso 14 giorni */
.lab-d14-param-grid > div {
  background: rgba(22, 20, 18, 0.92) !important;
  border-color: rgba(201, 162, 39, 0.22) !important;
  color: var(--lab-ink);
}

.lab-d14-param-grid > div .text-gray-900 {
  color: var(--lab-ink) !important;
}

.lab-d14-param-grid > div .text-gray-500,
.lab-d14-param-grid > div .text-gray-600 {
  color: var(--lab-muted) !important;
}