
.conditional-builder { padding: 20px; max-width: 800px; margin: auto; }
.selector-block { margin-bottom: 20px; }
.typeblock { background: #f9f9f9; padding: 15px; border: 1px solid #ccc; margin-bottom: 20px; }

/* Fade-in al mostrar secciones condicionales */
.categoria-condicional.fade-in,
.campo-condicional.fade-in {
  animation: fadeIn .25s ease-out;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Asterisco dinámico para requeridos */
.required-star {
  color: #d93025; /* rojo accesible */
  margin-left: 2px;
  font-weight: 700;
}

/* Resumen de errores arriba del formulario */
.error-summary {
  border: 1px solid #d93025;
  background: #fdecea;
  color: #5f1a13;
  padding: 12px 14px;
  border-radius: 8px;
  margin-bottom: 16px;
}
.error-summary__title {
  font-weight: 700;
  margin-bottom: 6px;
}
.error-summary__list {
  margin: 0;
  padding-left: 18px;
}
.error-summary__list li {
  margin: 4px 0;
}
.error-summary__link {
  text-decoration: underline;
}

/* Botón enviando */
.is-busy {
  opacity: 0.7;
  pointer-events: none;
}

/* Asterisco rojo cuando el wrapper tiene .required (funciona en todos los bloques) */
.fitem.required .col-form-label::after,
.fitem.required .fitemtitle::after,
.form-group.required > label::after {
  content: " *";
  color: #a00;
  margin-left: .25rem;
  font-weight: 600;
}

/* (Opcional) Uniformar mensajes de error bajo el campo */
.fitem .error, .form-group .invalid-feedback {
  color: #a00;
  font-size: .875rem;
  margin-top: .25rem;
}

/* === Aviso universal legible en cualquier tema === */
.lcs-notice {
  max-width: 720px;
  margin: 3rem auto;
  padding: 2rem;
  background: #fff;
  color: #111;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0,0,0,.08);
  border: 1px solid rgba(0,0,0,.06);
  text-align: center;
}
.lcs-notice--success { background: #f6fffa; border-color: #e5f6ea; }
.lcs-notice--info    { background: #f6fbff; border-color: #e6f2ff; }
.lcs-notice--warning { background: #fffdf6; border-color: #fff3cd; }
.lcs-notice--error   { background: #fff6f7; border-color: #f8d7da; }

.lcs-notice__title { margin: 0 0 .75rem; font-size: 1.6rem; font-weight: 700; }
.lcs-notice__body  { margin: 0 0 1.25rem; font-size: 1rem; line-height: 1.55; }

.lcs-btn {
  display: inline-block;
  padding: .75rem 1.25rem;
  border-radius: .5rem;
  text-decoration: none;
}
#page-login-index .page-brand-info, #page-login-signup .page-brand-info {
    position: fixed;
    top: 100px;
    width: calc(100% - 500px);
    padding: 75px;
    color: #fff;
    background: #5b3592bd!important;
}

/* === Constructor visual 2.0.5 ========================================== */
.conditional-builder {
  max-width: 1180px;
}
.lcs-builder-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.5rem 0;
}
.lcs-builder-summary > div {
  background: var(--bs-body-bg, #fff);
  border: 1px solid rgba(0,0,0,.12);
  border-radius: .75rem;
  padding: 1rem 1.15rem;
  display: flex;
  flex-direction: column;
  min-height: 92px;
  justify-content: center;
}
.lcs-builder-summary strong {
  font-size: 1.6rem;
  line-height: 1.1;
}
.lcs-builder-summary span {
  color: var(--bs-secondary-color, #6c757d);
  margin-top: .35rem;
}
.lcs-builder-section {
  background: var(--bs-body-bg, #fff);
  border: 1px solid rgba(0,0,0,.12);
  border-radius: .75rem;
  padding: 1.25rem;
  margin-top: 1.25rem;
}
.lcs-builder-section__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}
.lcs-builder-section__header h3 {
  margin: 0 0 .25rem;
}
.lcs-builder-section__header p {
  margin: 0;
  color: var(--bs-secondary-color, #6c757d);
}
.lcs-builder-table td,
.lcs-builder-table th {
  vertical-align: middle;
}
.lcs-builder-actions {
  white-space: nowrap;
}
.lcs-builder-actions .btn {
  margin: .1rem;
}
#formcampo,
#formregla {
  background: var(--bs-tertiary-bg, #f8f9fa);
  border: 1px solid rgba(0,0,0,.12);
  border-radius: .75rem;
  padding: 1.25rem;
}
#tiposeleccion,
#formcampo select,
#formregla select,
#formregla input[type="text"] {
  max-width: 100%;
}
@media (max-width: 767px) {
  .lcs-builder-summary { grid-template-columns: 1fr; }
  .lcs-builder-actions { white-space: normal; min-width: 160px; }
}
/* ====================================================================== */

/* 2.0.6: bulk field picker and multiple selector UI. */
.lcs-field-picker { border: 1px solid #dee2e6; border-radius: .5rem; padding: .75rem; margin-top: .75rem; max-height: 360px; overflow: auto; }
.lcs-field-picker__row { display: grid; grid-template-columns: minmax(220px, 1fr) 130px; gap: 1rem; align-items: center; padding: .45rem .25rem; border-bottom: 1px solid #f1f3f5; }
.lcs-field-picker__row:last-child { border-bottom: 0; }
.lcs-field-picker__row.is-existing { opacity: .62; }
.lcs-field-picker__meta { display:block; font-size:.8rem; color:#6c757d; }
.lcs-selector-form-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:.5rem 1rem; border:1px solid #dee2e6; border-radius:.5rem; padding:1rem; margin-top:.5rem; }
.lcs-selector-form-item { padding:.25rem 0; }


/* 2.0.6.2: server-rendered multiple picker (does not depend on JS to display). */
.lcs-picker-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; border:1px solid #d9dee3; background:var(--bs-body-bg,#fff); border-radius:.6rem; padding:.8rem 1rem; margin:.75rem 0; }
.lcs-category-picker { display:grid; gap:.75rem; margin-top:.75rem; }
.lcs-category-card { border:1px solid #d9dee3; border-radius:.65rem; background:var(--bs-body-bg,#fff); overflow:hidden; }
.lcs-category-card > summary { cursor:pointer; padding:.85rem 1rem; background:var(--bs-tertiary-bg,#f8f9fa); list-style-position:inside; }
.lcs-category-card__body { padding:.5rem 1rem .8rem; }
.lcs-category-selectall { padding:.45rem .25rem .65rem; border-bottom:1px solid #eef0f2; margin-bottom:.15rem; }
.lcs-server-bulk-form .lcs-field-picker__row { grid-template-columns:minmax(240px,1fr) minmax(120px,160px); }
@media (max-width: 650px) { .lcs-server-bulk-form .lcs-field-picker__row { grid-template-columns:1fr; gap:.3rem; } }

/* 2.0.7: per-form branding and editable presentation. */
.lcs-public-form-card { overflow: hidden; }
.lcs-public-header { width: 100%; background: var(--bs-body-bg, #fff); }
.lcs-public-header--logo { padding: 1.25rem 1.5rem .75rem; text-align: center; }
.lcs-public-header--logo .lcs-public-header-image { display: inline-block; max-width: min(100%, 640px); width: auto; max-height: 180px; object-fit: contain; }
.lcs-public-header--banner { height: clamp(150px, 24vw, 280px); overflow: hidden; }
.lcs-public-header--banner .lcs-public-header-image { width: 100%; height: 100%; object-fit: cover; display: block; }
.lcs-admin-header-preview {
  display: block;
  width: 260px;
  max-width: 100%;
  height: 140px;
  object-fit: cover;
  object-position: center;
  border: 1px solid #dee2e6;
  border-radius: .5rem;
  padding: .35rem;
  background: #fff;
}
.lcs-form-intro .list-group-item { line-height: 1.5; }
.lcs-selector-header { height: 120px; padding: .75rem; display: flex; align-items: center; justify-content: center; overflow: hidden; background: var(--bs-tertiary-bg, #f8f9fa); }
.lcs-selector-header-image { max-width: 100%; max-height: 100%; object-fit: contain; }


/* === 2.0.8: modern configurable public registration layouts ============== */
.lcs-registration-page {
  width: min(100%, 1460px);
  margin: 1.5rem auto 3rem;
  padding: 0 1rem;
}
.lcs-registration-shell {
  background: #fff;
  border: 1px solid rgba(15, 40, 70, .10);
  border-radius: 1.35rem;
  box-shadow: 0 18px 55px rgba(19, 50, 82, .13);
  overflow: hidden;
  position: relative;
}
.lcs-layout--splitright,
.lcs-layout--splitleft {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(330px, .82fr);
  min-height: 720px;
}
.lcs-layout--splitleft {
  grid-template-columns: minmax(330px, .82fr) minmax(0, 1.18fr);
}
.lcs-registration-content {
  padding: clamp(1.5rem, 3.2vw, 3.25rem);
  min-width: 0;
  background: rgba(255,255,255,.985);
  position: relative;
  z-index: 2;
}
.lcs-registration-heading {
  margin-bottom: 1.5rem;
}
.lcs-registration-title {
  color: #132744;
  font-size: clamp(1.7rem, 2.3vw, 2.45rem);
  font-weight: 750;
  letter-spacing: -.025em;
  line-height: 1.12;
  margin: 0;
}
.lcs-registration-title::after {
  content: "";
  display: block;
  width: 3.4rem;
  height: .2rem;
  margin-top: .8rem;
  border-radius: 999px;
  background: var(--bs-primary, #0d6efd);
}
.lcs-registration-subtitle {
  color: #66758a;
  font-size: 1rem;
  line-height: 1.55;
  margin: 1rem 0 0;
  max-width: 760px;
}
.lcs-registration-media {
  min-height: 100%;
  background: #eaf5ff;
  overflow: hidden;
  position: relative;
}
.lcs-registration-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.03), rgba(25,121,198,.08));
}
.lcs-registration-media__image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center;
}
.lcs-layout--splitright .lcs-registration-media__image { object-position: 62% center; }
.lcs-layout--splitleft .lcs-registration-media__image { object-position: 62% center; }

/* Banner and logo modes retain the same modern card language. */
.lcs-layout--banner .lcs-registration-media { height: clamp(190px, 26vw, 360px); }
.lcs-layout--banner .lcs-registration-media__image { object-fit: cover; object-position: center; }
.lcs-layout--logo .lcs-registration-media {
  min-height: 0;
  padding: 1.4rem 2rem .4rem;
  background: #fff;
  text-align: center;
}
.lcs-layout--logo .lcs-registration-media::after { display: none; }
.lcs-layout--logo .lcs-registration-media__image {
  width: auto;
  max-width: min(100%, 650px);
  height: auto;
  max-height: 170px;
  margin: 0 auto;
  object-fit: contain;
}
.lcs-layout--classic { max-width: 980px; margin-inline: auto; }

/* Background mode: artwork covers the frame, form becomes a readable glass card. */
.lcs-layout--background {
  min-height: 760px;
  background-size: cover;
  background-position: center;
  padding: clamp(1rem, 3vw, 3rem);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.lcs-layout--background::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(236,247,255,.96) 0%, rgba(245,250,255,.90) 42%, rgba(240,248,255,.30) 70%, rgba(224,244,255,.10) 100%);
}
.lcs-layout--background .lcs-registration-content {
  width: min(760px, 65%);
  border-radius: 1.1rem;
  box-shadow: 0 14px 44px rgba(18,48,78,.14);
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(5px);
}

/* Make native Moodle form sections look like coherent modern blocks. */
.lcs-registration-content .mform fieldset {
  border: 1px solid rgba(20, 54, 87, .10);
  border-radius: .9rem;
  padding: .8rem clamp(.75rem, 2vw, 1.35rem) 1.15rem;
  margin-bottom: 1rem;
  background: #fff;
}
.lcs-registration-content .mform fieldset > legend {
  color: #183251;
  font-weight: 700;
  font-size: 1.05rem;
  padding-inline: .35rem;
}
.lcs-registration-content .mform .form-control,
.lcs-registration-content .mform .custom-select,
.lcs-registration-content .mform select {
  border-radius: .62rem;
  min-height: 2.75rem;
}
.lcs-registration-content .mform .btn-primary,
.lcs-registration-content .mform input[type="submit"] {
  border-radius: .65rem;
  min-height: 2.8rem;
  padding-inline: 1.4rem;
  font-weight: 650;
}
.lcs-registration-content .alert-info {
  background: #eff7ff;
  border-color: #d8ebff;
  color: #274a70;
  border-radius: .75rem;
}
.lcs-registration-content .lcs-form-intro {
  border: 0;
  background: #eff7ff;
  box-shadow: none !important;
  border-radius: .85rem;
  overflow: hidden;
}
.lcs-registration-content .lcs-form-intro .card-body { padding: 1rem 1.15rem; }
.lcs-registration-content .lcs-form-intro .list-group-item {
  background: transparent;
  border-color: rgba(42,93,145,.10);
  padding: .55rem .15rem;
}
.lcs-registration-login {
  margin-top: 1.2rem;
  text-align: center;
  font-size: .95rem;
}

/* Reduce theme interference on this purpose-built public page. */
body#page-local-conditional_signup-signup_conditional #region-main,
body#page-local-conditional_signup-signup_conditional .region-main-content {
  padding: 0;
  background: transparent;
}
body#page-local-conditional_signup-signup_conditional #page-content {
  max-width: none;
}

@media (max-width: 991px) {
  .lcs-layout--splitright,
  .lcs-layout--splitleft {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  .lcs-layout--splitright .lcs-registration-media,
  .lcs-layout--splitleft .lcs-registration-media {
    order: -1;
    min-height: 240px;
    height: 32vw;
    max-height: 330px;
  }
  .lcs-layout--background {
    padding: 1rem;
    background-position: 65% center;
  }
  .lcs-layout--background::before {
    background: rgba(239,248,255,.78);
  }
  .lcs-layout--background .lcs-registration-content {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .lcs-registration-page { padding: 0 .45rem; margin-top: .6rem; }
  .lcs-registration-shell { border-radius: .9rem; }
  .lcs-registration-content { padding: 1.15rem .9rem 1.4rem; }
  .lcs-layout--splitright .lcs-registration-media,
  .lcs-layout--splitleft .lcs-registration-media,
  .lcs-layout--banner .lcs-registration-media { min-height: 190px; height: 190px; }
  .lcs-layout--background { padding: .45rem; }
  .lcs-registration-content .mform fieldset { padding-inline: .55rem; }
}
/* ========================================================================== */

/* === 2.0.8.1: standalone public landing, no Moodle header ================= */
body.lcs-standalone-signup {
  margin: 0 !important;
  background: #e8f3fb !important;
  overflow-x: hidden;
}
/* Theme-independent reset only for this public signup page. */
body.lcs-standalone-signup .navbar,
body.lcs-standalone-signup header#page-header,
body.lcs-standalone-signup #page-header,
body.lcs-standalone-signup .secondary-navigation,
body.lcs-standalone-signup .primary-navigation,
body.lcs-standalone-signup .drawer-toggles,
body.lcs-standalone-signup .drawer,
body.lcs-standalone-signup footer#page-footer,
body.lcs-standalone-signup #page-footer,
body.lcs-standalone-signup .page-context-header,
body.lcs-standalone-signup .breadcrumb,
body.lcs-standalone-signup .breadcrumb-nav {
  display: none !important;
}
body.lcs-standalone-signup #page-wrapper,
body.lcs-standalone-signup #page,
body.lcs-standalone-signup #page-content,
body.lcs-standalone-signup #region-main-box,
body.lcs-standalone-signup #region-main,
body.lcs-standalone-signup .region-main-content,
body.lcs-standalone-signup .main-inner {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.lcs-standalone-signup #topofscroll {
  margin: 0 !important;
  padding: 0 !important;
}
body.lcs-standalone-signup .container,
body.lcs-standalone-signup .container-fluid {
  max-width: none;
}

.lcs-landing-page {
  /* Keep the artwork tied to the viewport, not to the full form height. */
  width: 100%;
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  align-items: stretch;
  isolation: isolate;
}
.lcs-landing-overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(241,248,255,.96) 0%, rgba(244,250,255,.82) 38%, rgba(235,247,255,.28) 67%, rgba(215,241,250,.08) 100%);
}
.lcs-landing-pos--right .lcs-landing-overlay {
  background: linear-gradient(270deg, rgba(241,248,255,.96) 0%, rgba(244,250,255,.84) 40%, rgba(235,247,255,.28) 70%, rgba(215,241,250,.08) 100%);
}
.lcs-landing-pos--center .lcs-landing-overlay {
  background: rgba(238,247,253,.58);
}
.lcs-landing-stage {
  width: 100%;
  height: 100%;
  min-height: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: clamp(.75rem, 2.4vh, 2rem) clamp(1rem, 3.2vw, 3.5rem);
}
.lcs-landing-pos--center .lcs-landing-stage { justify-content: center; }
.lcs-landing-pos--right .lcs-landing-stage { justify-content: flex-end; }
.lcs-landing-card {
  width: min(1080px, calc(100vw - 2rem));
  height: min(860px, 100%);
  min-height: 0;
  max-height: 100%;
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  overflow: hidden;
  border-radius: 1.35rem;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(26,72,112,.12);
  box-shadow: 0 26px 70px rgba(12,45,73,.20);
  backdrop-filter: blur(10px);
}
.lcs-landing-rail {
  padding: 2rem 1.25rem 1.5rem;
  background: linear-gradient(180deg, rgba(245,250,255,.98), rgba(232,244,254,.98));
  border-right: 1px solid rgba(31,88,137,.10);
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.lcs-landing-brand {
  padding: .15rem .35rem 1.45rem;
  min-height: 96px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: .7rem;
}
.lcs-landing-logo {
  display: block;
  max-width: 168px;
  max-height: 76px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.lcs-landing-reference {
  color: #16385f;
  font-size: .92rem;
  line-height: 1.25;
  font-weight: 750;
  letter-spacing: .01em;
}
.lcs-landing-nav {
  position: relative;
  display: grid;
  gap: .25rem;
  padding-top: .35rem;
}
.lcs-landing-nav::before {
  content: "";
  position: absolute;
  left: 1.05rem;
  top: 1.45rem;
  bottom: 1.45rem;
  width: 1px;
  background: rgba(29,93,151,.16);
}
.lcs-landing-navitem {
  position: relative;
  z-index: 1;
  width: 100%;
  display: grid;
  grid-template-columns: 2.1rem minmax(0,1fr);
  align-items: center;
  gap: .7rem;
  text-align: left;
  appearance: none;
  border: 0;
  border-radius: .8rem;
  padding: .7rem .55rem;
  background: transparent;
  color: #24425f;
  cursor: pointer;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.lcs-landing-navitem:hover,
.lcs-landing-navitem:focus-visible {
  background: rgba(255,255,255,.78);
  outline: none;
}
.lcs-landing-navitem.is-active {
  background: rgba(255,255,255,.96);
  color: #0b5ed7;
  box-shadow: 0 7px 18px rgba(32,91,143,.08);
}
.lcs-landing-stepnum {
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(31,86,137,.22);
  background: #fff;
  color: #36546f;
  font-size: .86rem;
  font-weight: 750;
}
.lcs-landing-navitem.is-active .lcs-landing-stepnum {
  background: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
}
.lcs-landing-steptext { min-width: 0; display: block; }
.lcs-landing-stepname { display:block; font-weight: 700; font-size: .9rem; line-height: 1.2; }
.lcs-landing-stephelper { display:block; margin-top:.15rem; color:#75879a; font-size:.76rem; line-height:1.25; }
.lcs-landing-security {
  margin-top: auto;
  border-radius: .85rem;
  padding: .8rem;
  background: rgba(255,255,255,.72);
  display: grid;
  grid-template-columns: 1.9rem minmax(0,1fr);
  gap: .55rem;
  align-items: start;
  color: #466179;
  font-size: .75rem;
  line-height: 1.35;
}
.lcs-landing-security-icon {
  width: 1.9rem;
  height: 1.9rem;
  border-radius: .55rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e2f1ff;
  color:#0d6efd;
  font-weight:800;
}
.lcs-landing-security strong,
.lcs-landing-security span { display:block; }
.lcs-landing-security strong { color:#244666; margin-bottom:.12rem; }

.lcs-landing-form {
  min-width: 0;
  min-height: 0;
  height: 100%;
  padding: clamp(1.5rem, 3.1vw, 3.25rem);
  background: rgba(255,255,255,.985);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.lcs-landing-form .lcs-registration-heading { max-width: 760px; }
.lcs-landing-form .mform { max-width: 100%; }
.lcs-landing-form .collapsible-actions { display: none !important; }
.lcs-landing-form .mform fieldset {
  scroll-margin-top: 1.25rem;
  border: 1px solid rgba(24,65,104,.11);
  border-radius: .92rem;
  background: #fff;
  margin: 0 0 1rem;
  padding: .75rem clamp(.65rem, 2vw, 1.25rem) 1.15rem;
  box-shadow: 0 3px 14px rgba(19,55,88,.035);
}
.lcs-landing-form .mform fieldset > legend {
  color: #193654;
  font-size: 1.04rem;
  font-weight: 750;
}
.lcs-landing-form .mform .form-control,
.lcs-landing-form .mform select,
.lcs-landing-form .mform textarea {
  border-radius: .62rem;
  border-color: #d8e0e8;
}
.lcs-landing-form .mform .form-control:focus,
.lcs-landing-form .mform select:focus,
.lcs-landing-form .mform textarea:focus {
  border-color: #86b7fe;
  box-shadow: 0 0 0 .18rem rgba(13,110,253,.10);
}
.lcs-landing-form .lcs-form-intro {
  border: 0;
  background: #edf6ff;
  box-shadow: none !important;
  border-radius: .85rem;
  overflow: hidden;
}
.lcs-landing-form .lcs-form-intro .card-body { padding: 1rem 1.1rem; }
.lcs-landing-form .lcs-form-intro .list-group-item {
  background: transparent;
  border-color: rgba(42,93,145,.10);
  padding: .55rem .1rem;
}
.lcs-landing-form .btn-primary,
.lcs-landing-form input[type="submit"] {
  border-radius: .65rem;
  min-height: 2.8rem;
  padding-inline: 1.4rem;
  font-weight: 700;
}
.lcs-admin-logo-preview {
  display: block;
  width: 180px;
  max-width: 100%;
  height: 78px;
  object-fit: contain;
  border: 1px solid #dee2e6;
  border-radius: .5rem;
  padding: .4rem;
  background: #fff;
}

@media (max-width: 900px) {
  .lcs-landing-page { background-position: 68% center; }
  .lcs-landing-overlay,
  .lcs-landing-pos--right .lcs-landing-overlay,
  .lcs-landing-pos--center .lcs-landing-overlay {
    background: rgba(235,246,254,.82);
  }
  .lcs-landing-stage {
    padding: .75rem;
    align-items: flex-start;
  }
  .lcs-landing-card {
    width: 100%;
    height: 100%;
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
  }
  .lcs-landing-rail {
    border-right: 0;
    border-bottom: 1px solid rgba(31,88,137,.10);
    padding: 1rem;
  }
  .lcs-landing-brand {
    min-height: 0;
    padding: 0 0 .8rem;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .lcs-landing-logo { max-height: 58px; max-width: 150px; }
  .lcs-landing-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .35rem;
  }
  .lcs-landing-nav::before { display:none; }
  .lcs-landing-navitem {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    padding: .55rem .3rem;
  }
  .lcs-landing-stephelper { display:none; }
  .lcs-landing-security { display:none; }
  .lcs-landing-form { padding: 1.25rem 1rem 1.5rem; }
}
@media (max-width: 560px) {
  .lcs-landing-stage { padding: 0; }
  .lcs-landing-card { border-radius: 0; border: 0; height: 100%; min-height: 0; }
  .lcs-landing-reference { font-size:.8rem; text-align:right; }
  .lcs-landing-navitem { border-radius:.6rem; }
  .lcs-landing-stepname { font-size:.74rem; }
  .lcs-landing-stepnum { width:1.8rem; height:1.8rem; font-size:.76rem; }
  .lcs-landing-form { padding: 1.1rem .75rem 1.5rem; }
  .lcs-registration-title { font-size: 1.65rem; }
}
/* ========================================================================== */

/* 2.0.8.3 - Keep Moodle's native visual-file manager compact in admin. */
.lcs-image-manager-card .mform {
  max-width: 880px;
}
.lcs-image-manager-card .filemanager,
.lcs-image-manager-card .filemanager-container {
  max-width: 760px;
}
.lcs-image-manager-card .fp-thumbnail img,
.lcs-image-manager-card .fp-file-icon img,
.lcs-image-manager-card .fp-content img {
  max-width: 112px !important;
  max-height: 84px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}
.lcs-image-manager-card .fp-content {
  min-height: 92px;
  max-height: 210px;
  overflow: auto;
}
