/* Lock screen integrated into the editing product (same page, not iframe shell) */

html,
body {
  height: 100%;
  margin: 0;
  overflow: hidden;
}

/* CMS app host under the lock layer */
.suna-cms-root {
  height: 100dvh;
  min-height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}

.suna-cms-root.is-locked {
  pointer-events: none;
  user-select: none;
}

.suna-cms-root:not(.is-locked) {
  pointer-events: auto;
}

/* Full-viewport lock overlay above the CMS */
#lock-screen.lock-screen {
  position: fixed;
  inset: 0;
  z-index: 10000;
}

#lock-screen.is-hidden {
  z-index: -1;
}

/* Toast above CMS when unlocking */
#unlocked-toast.unlocked-toast {
  position: fixed;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10001;
}

/* Header lock button emphasis when present */
#suna-screen-lock-btn:hover {
  background: rgba(255, 255, 255, 0.18) !important;
}