/*
 * The "sign up to unlock" overlay shown over fabricated preview content on
 * Activities/Companies/Orders for anonymous visitors. Deliberately static —
 * no hover transition anywhere in here, and the dummy content beneath it
 * must never visually react to the mouse at all (no card lift, no
 * button-hover colour shift). Uses its own class names rather than
 * Metronic's .overlay/.overlay-layer, which are hover-reactive by design
 * (see plugins.bundle.css) and would read as the fabricated content itself
 * being interactive.
 *
 * The CTA itself is a floating panel — plain Bootstrap `card shadow-lg`
 * utilities (locked_preview_overlay.html), not a hand-rolled background/
 * shadow here, so it already follows the light/dark theme the rest of the
 * portal does (--bs-card-bg resolves to --bs-body-bg, which Bootstrap
 * redefines under [data-bs-theme="dark"]) — a blurred, lightly-tinted wash
 * behind it keeps the dimmed content readable as "there's real stuff
 * under here" instead of fully hidden.
 *
 * .locked-preview wraps the whole app-main content (toolbar included) so
 * the wash/blur and CTA cover the full page, not just the fabricated
 * content block.
 */
.locked-preview {
  position: relative;
}

.locked-preview-content {
  pointer-events: none;
  user-select: none;
  opacity: 0.5;
}

.locked-preview-cta {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  background-color: rgba(var(--bs-body-bg-rgb), 0.2);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}