/* style/rsvp.css
   RSVP migrated to the kx- design system. Visual styling now lives in
   main.css (scoped to body.kx). This file keeps only the functional
   baseline that must work regardless of the kx skin:
   - status colour states (set by rsvp.js setStatus)
   - the .full capacity state toggled by rsvp.js
   - page-level z-index safety for the shared fixed mobile-menu
   (.page-bg replaced by .kx-bg-deep) */

body > *:not(.kx-bg-deep):not(.kfx-modal-backdrop):not(.mobile-menu):not(.mobile-menu-backdrop){
  position: relative;
  z-index: 1;
}

.kfx-modal-backdrop{
  position: fixed !important;
  inset: 0;
  z-index: 9999 !important;
}

/* functional state hooks used by rsvp.js (skin is in main.css) */
.status.ok{ color: rgba(152,255,181,.95); }
.status.err{ color: rgba(255,170,170,.95); }
.rsvp-cap.full{ /* state toggled by JS; colours themed in main.css */ }