.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-dd04b19b-7c2b-7e3d-773e-660beccbc65f {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-dd04b19b-7c2b-7e3d-773e-660beccbc65f) !important;
text-align: center !important;
}
/* ------------------------------------------
   1. THEME VARIABLES (LIGHT MODE DEFAULT)
   ------------------------------------------ */

body {
  /* background + surfaces */
  --page-bg: radial-gradient(circle at top left, #e0edff, #f4f5f7 55%);
  --page-surface: #ffffff;
  --page-surface-soft: rgba(255, 255, 255, 0.88);

  /* text + borders */
  --page-text: #111827;
  --page-text-muted: #6b7280;
  --page-border-subtle: rgba(15, 23, 42, 0.08);

  /* accent */
  --page-accent: #2563eb;
  --page-accent-soft: rgba(37, 99, 235, 0.12);
}

/* ------------------------------------------
   2. DARK MODE OVERRIDES
   ------------------------------------------ */

body[data-theme="dark"] {
  --page-bg: radial-gradient(circle at top left, #0f172a, #020617 55%);
  --page-surface: #020617;
  --page-surface-soft: rgba(15, 23, 42, 0.88);

  --page-text: #e5e7eb;
  --page-text-muted: #9ca3af;
  --page-border-subtle: rgba(148, 163, 184, 0.35);

  --page-accent: #38bdf8;
  --page-accent-soft: rgba(56, 189, 248, 0.18);
}

/* Hint to the browser we support dark/light */
body,
body[data-theme="dark"] {
  color-scheme: light dark;
}

/* ------------------------------------------
   3. FULL PAGE MASTER WRAPPER
   ------------------------------------------ */

/* Root element of this master’s Container */
.[${FRAGMENT_CLASS$}] {
  min-height: 100vh;
  width: 100%;

  /* background comes from variables above */
  background: var(--page-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  flex-direction: column;
}

/* Make the drop zone stretch between header & footer */
.[${FRAGMENT_CLASS$}] > .lfr-layout-structure-item-drop-zone,
.[${FRAGMENT_CLASS$}] > .page-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Optional: utility class for “glass” cards used in login, etc. */
.[${FRAGMENT_CLASS$}] .glass-card {
  background: var(--page-surface-soft);
  border-radius: 1rem;
  border: 1px solid var(--page-border-subtle);
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.35);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: var(--page-text);
}