/* Zero-JS popup mechanics for the #chat-popup overlay (templates/partials.html.tmpl,
   "chat-popup" define). Hand-written, not Tailwind-generated: the :target
   pseudo-class toggle isn't a static utility class Tailwind's JIT scanner
   can pick up from the templates, so it lives here instead, kept deliberately
   tiny and separate from static/css/tailwind.css (never at risk of being
   overwritten by scripts/build-css.sh).
   Trigger: <a href="#chat-popup">. Close: <a href="#"> (any non-matching
   fragment). No script tag, no JS anywhere in this file or its effect. */

.cp-overlay {
  position: fixed;
  inset: 0;
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0s linear 0.2s;
}

#chat-popup:target {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.2s ease, visibility 0s linear 0s;
}

.cp-panel {
  transform: translateY(12px) scale(0.98);
  transition: transform 0.2s ease;
}

#chat-popup:target .cp-panel {
  transform: translateY(0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .cp-overlay,
  .cp-panel {
    transition: none;
  }
}