/* Versioned filename prevents stale path-level caches from serving old layouts. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');

@font-face {
  font-family: "FeatureMono Bold";
  src: url("../fonts/featuremono-bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

.lightproject-simulator {
  margin: 0;
  width: 100%;
  max-width: 1300px;
  margin-inline: auto;
  font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  --sim-bg: #ffffff;
  --sim-bg-soft: #f4f7fb;
  --sim-border: #d8e0ea;
  --sim-border-strong: #c8d4e2;
  --sim-text: #333333;
  --sim-muted: #808080;
  --sim-accent: #50b428;
  --sim-accent-soft: #e8f6e2;
  --sim-overlay: rgba(27, 33, 41, 0.30);
  --sim-glass: rgba(255, 255, 255, 0.84);
  --sim-glass-strong: rgba(255, 255, 255, 0.92);
  --sim-blur: blur(8px);
  --sim-blur-soft: blur(4px);
}

.lightproject-simulator-shell {
  width: 100%;
  max-width: 1300px;
  margin: 24px auto;
  --sim-shell-height: 900px;
  height: var(--sim-shell-height);
  min-height: var(--sim-shell-height);
  max-height: var(--sim-shell-height);
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  overflow: visible;
}

.lightproject-simulator .lightproject-sim-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 25px;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  display: grid;
  grid-template-columns: minmax(220px, 240px) minmax(0, 1fr);
  gap: 15px;
  align-items: stretch;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}

.lightproject-simulator .lightproject-sim-steps {
  background: #f7f9fb;
  border: 1px solid #333333;
  border-radius: 14px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  justify-content: flex-start;
  align-self: stretch;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-steps-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 2px 2px;
  min-height: 54px;
}

.lightproject-simulator .lightproject-sim-steps-brand {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.lightproject-simulator .lightproject-sim-steps-brand strong {
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  display: block;
  font-size: 24px;
  text-transform: lowercase;
}

.lightproject-simulator .lightproject-sim-steps-version {
  display: block;
  margin-top: 8px;
  color: #757575;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 12px;
  text-transform: none;
}

.lightproject-simulator .lightproject-sim-steps-brand small {
  font-size: 16px;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  margin-top: 16px;
}

.lightproject-simulator .lightproject-sim-steps-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  padding: 0;
}

.lightproject-footer-wrap {
  width: 100%;
  display: block;
  margin-top: 0;
  min-height: var(--sim-footer-height, 88px);
  overflow: visible;
  padding-bottom: 4px;
}

.lightproject-footer {
  display: grid;
  justify-items: center;
  gap: 6px;
  width: 100%;
  min-height: var(--sim-footer-height, 88px);
  height: 100%;
  margin: 0 auto;
  padding: 2px 18px 6px;
  text-align: center;
  background: transparent;
  align-content: center;
}

.lightproject-footer-control-btn {
  appearance: none;
  border: 1px solid #cfd9e5;
  background: #ffffff;
  border-radius: 999px;
  padding: 10px 16px;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.lightproject-footer-control-btn:hover,
.lightproject-footer-control-btn:focus-visible {
  border-color: #50b428;
  background: #f8fff4;
  outline: none;
}

.lightproject-footer-control-panel {
  width: min(980px, 100%);
  margin-top: 12px;
}

.lightproject-footer-control-card {
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  background: var(--sim-glass-strong);
  border: 1px solid rgba(216, 224, 234, 0.8);
  backdrop-filter: var(--sim-blur);
  -webkit-backdrop-filter: var(--sim-blur);
  border-radius: 22px;
  padding: 16px 16px 16px;
}

.lightproject-footer-control-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.lightproject-footer-control-head strong {
  color: #1f2d3d;
  font-size: 14px;
}

.lightproject-footer-control-close {
  appearance: none;
  border: 0;
  background: #d7d7d7;
  color: #4f5965;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.lightproject-footer-control-close:hover,
.lightproject-footer-control-close:focus-visible {
  background: #e4e4e4;
  transform: rotate(90deg);
  outline: none;
}

.lightproject-footer-control-copy {
  margin: 8px 0 0;
  color: #526172;
  font-size: 12px;
}

.lightproject-footer-control-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.lightproject-footer-control-grid article {
  display: grid;
  gap: 4px;
  padding: 14px;
  border: 1px solid #e2e9f0;
  border-radius: 14px;
  background: #f9fbfd;
}

.lightproject-footer-control-grid article strong {
  font-size: 12px;
}

.lightproject-footer-control-grid article span {
  color: #526172;
  font-size: 12px;
  line-height: 1.4;
}

.lightproject-footer-control-grid article small {
  color: #50b428;
  font-size: 10px;
  font-weight: 700;
}

.lightproject-workspace-shell {
  width: min(1300px, 100%);
  margin: 28px auto;
  display: grid;
  gap: 18px;
}

.lightproject-workspace-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 24px;
  border: 1px solid #d8e0ea;
  border-radius: 18px;
  background: #ffffff;
}

.lightproject-workspace-eyebrow {
  display: inline-block;
  margin-bottom: 6px;
  color: #50b428;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.lightproject-workspace-hero h2 {
  margin: 0;
  color: #1f2d3d;
  font-size: 32px;
}

.lightproject-workspace-hero p {
  margin: 8px 0 0;
  color: #526172;
  max-width: 740px;
}

.lightproject-workspace-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.lightproject-workspace-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  transition: 0.2s ease;
}

.lightproject-workspace-btn--primary {
  background: #50b428;
  color: #ffffff;
  border: 1px solid #50b428;
}

.lightproject-workspace-btn--primary:hover,
.lightproject-workspace-btn--primary:focus-visible {
  background: #449a22;
  border-color: #449a22;
  color: #ffffff;
  outline: none;
}

.lightproject-workspace-btn--secondary {
  background: #ffffff;
  border: 1px solid #d0d9e5;
}

.lightproject-workspace-btn--secondary:hover,
.lightproject-workspace-btn--secondary:focus-visible {
  border-color: #50b428;
  outline: none;
}

.lightproject-workspace-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.lightproject-workspace-stats article,
.lightproject-workspace-library,
.lightproject-workspace-sidepanel,
.lightproject-workspace-simulator,
.lightproject-workspace-notice,
.lightproject-workspace-empty {
  border: 1px solid #d8e0ea;
  border-radius: 18px;
  background: #ffffff;
}

.lightproject-workspace-notice {
  padding: 14px 18px;
  color: #2f4054;
  font-size: 12px;
  font-weight: 700;
  background: #f7fbf4;
  border-color: #d7ecd1;
}

.lightproject-workspace-stats article {
  display: grid;
  gap: 4px;
  padding: 16px 18px;
}

.lightproject-workspace-stats strong {
  color: #1f2d3d;
  font-size: 22px;
}

.lightproject-workspace-stats span {
  color: #526172;
  font-size: 12px;
}

.lightproject-workspace-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 18px;
  align-items: start;
}

.lightproject-workspace-library,
.lightproject-workspace-sidepanel,
.lightproject-workspace-simulator {
  padding: 18px;
}

.lightproject-workspace-section-head {
  display: grid;
  gap: 4px;
  margin-bottom: 14px;
}

.lightproject-workspace-section-head strong {
  color: #1f2d3d;
  font-size: 16px;
}

.lightproject-workspace-section-head small {
  color: #6c7b8b;
  font-size: 12px;
}

.lightproject-workspace-filterbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}

.lightproject-workspace-search {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.lightproject-workspace-search input[type="search"] {
  flex: 1 1 280px;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid #d0d9e5;
  border-radius: 12px;
  background: #ffffff;
  font: inherit;
}

.lightproject-workspace-filter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid #d8e0ea;
  background: #f9fbfd;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
}

.lightproject-workspace-filter strong {
}

.lightproject-workspace-filter.is-active {
  background: #eef6ea;
  border-color: #cfe6c2;
  color: #2f5a21;
}

.lightproject-workspace-cards,
.lightproject-workspace-sidecards {
  display: grid;
  gap: 12px;
}

.lightproject-workspace-card {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 14px;
  padding: 12px;
  border: 1px solid #e1e7ee;
  border-radius: 16px;
  background: #f9fbfd;
}

.lightproject-workspace-thumb {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 12px;
  object-fit: cover;
  background: #eef3f8;
}

.lightproject-workspace-thumb--empty {
  display: grid;
  place-items: center;
  color: #7b8b9b;
  font-weight: 700;
}

.lightproject-workspace-card-body {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.lightproject-workspace-card-head,
.lightproject-workspace-card-meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.lightproject-workspace-card-head strong {
  font-size: 14px;
}

.lightproject-workspace-card-head span,
.lightproject-workspace-card-meta span,
.lightproject-workspace-card-body p,
.lightproject-workspace-card-body small {
  color: #526172;
  font-size: 12px;
}

.lightproject-workspace-card-body p,
.lightproject-workspace-card-body small {
  margin: 0;
}

.lightproject-workspace-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.lightproject-workspace-metrics span {
  padding: 6px 9px;
  border-radius: 999px;
  background: #eef6ea;
  color: #2f5a21;
  font-size: 10px;
  font-weight: 700;
}

.lightproject-workspace-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}

.lightproject-workspace-action-form {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.lightproject-workspace-btn--ghost {
  background: #f9fbfd;
  border: 1px solid #d0d9e5;
}

.lightproject-workspace-btn--ghost:hover,
.lightproject-workspace-btn--ghost:focus-visible {
  border-color: #50b428;
  outline: none;
}

.lightproject-workspace-rename {
  margin-top: 8px;
}

.lightproject-workspace-versions {
  margin-top: 8px;
}

.lightproject-workspace-rename summary {
  cursor: pointer;
  color: #526172;
  font-size: 12px;
  font-weight: 700;
}

.lightproject-workspace-versions summary {
  cursor: pointer;
  color: #526172;
  font-size: 12px;
  font-weight: 700;
}

.lightproject-workspace-rename .lightproject-workspace-action-form {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
}

.lightproject-workspace-version-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.lightproject-workspace-version-item {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid #e1e7ee;
  border-radius: 12px;
  background: #ffffff;
}

.lightproject-workspace-version-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.lightproject-workspace-version-copy strong {
  font-size: 12px;
}

.lightproject-workspace-version-copy span,
.lightproject-workspace-version-copy small {
  color: #526172;
  font-size: 10px;
  margin: 0;
}

.lightproject-workspace-rename input[type="text"] {
  min-width: 260px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid #d0d9e5;
  border-radius: 10px;
  font: inherit;
  background: #ffffff;
}

.lightproject-workspace-sidecards article {
  display: grid;
  gap: 4px;
  padding: 13px 14px;
  border: 1px solid #e1e7ee;
  border-radius: 14px;
  background: #f9fbfd;
}

.lightproject-workspace-sidecards strong {
  font-size: 12px;
}

.lightproject-workspace-sidecards span {
  color: #526172;
  font-size: 12px;
  line-height: 1.45;
}

.lightproject-workspace-empty {
  padding: 22px;
  text-align: center;
}

.lightproject-workspace-empty strong {
  color: #1f2d3d;
  display: block;
  margin-bottom: 6px;
}

.lightproject-workspace-empty p {
  margin: 0;
  color: #526172;
  font-size: 12px;
}

@media (max-width: 860px) {
  .lightproject-footer-control-grid {
    grid-template-columns: 1fr;
  }

  .lightproject-workspace-hero,
  .lightproject-workspace-card,
  .lightproject-workspace-card-head,
  .lightproject-workspace-card-meta {
    grid-template-columns: 1fr;
    display: grid;
  }

  .lightproject-workspace-version-item {
    flex-direction: column;
    align-items: stretch;
  }

  .lightproject-workspace-grid,
  .lightproject-workspace-stats {
    grid-template-columns: 1fr;
  }

  .lightproject-workspace-hero {
    align-items: start;
  }
}

.lightproject-simulator .lightproject-sim-body {
  height: 100%;
  min-height: 0;
  max-height: 100%;
  display: flex;
  position: relative;
  z-index: 2;
  overflow: visible;
}

/* Indicador que conecta visualmente el paso activo con el panel principal. */
.lightproject-simulator .lightproject-sim-main-step-pointer {
  position: absolute;
  grid-column: 2;
  grid-row: 1;
  left: 0;
  top: var(--lightproject-main-step-pointer-y, 50%);
  z-index: 120;
  display: block;
  width: 32px;
  height: 32px;
  border: 0;
  border-left: 1px solid #333333;
  border-bottom: 1px solid #333333;
  background: #ffffff;
  pointer-events: none;
  transform: translate(-50%, -50%) rotate(45deg);
  transform-origin: center;
}

.lightproject-simulator .lightproject-sim-main-step-pointer[hidden] {
  display: none;
}

.lightproject-simulator .lightproject-sim-card:has(.lightproject-sim-modal--materials) .lightproject-sim-main-step-pointer {
  display: none;
}

/* Transici?n suave al cambiar de etapa en el flujo del simulador. */
.lightproject-simulator .lightproject-sim-body.is-step-transitioning > .lightproject-sim-step {
  animation: lightproject-step-enter 420ms cubic-bezier(0.22, 1, 0.36, 1) both;
  transform-origin: center top;
  will-change: opacity, filter, transform;
}

@keyframes lightproject-step-enter {
  from {
    opacity: 0.2;
    filter: blur(8px);
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lightproject-simulator .lightproject-sim-body.is-step-transitioning > .lightproject-sim-step {
    animation: none;
  }
}

.lightproject-simulator .lightproject-sim-step-tab {
  border: 1px solid #d8e0ea;
  border-radius: 800px;
  background: #e7ecf1;
  padding: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  z-index: 2;
  position: relative;
  font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-step-tab strong {
  font-size: 16px;
  font-weight: 800;
}

.lightproject-simulator .lightproject-sim-step-badge {
  font-size: 10px;
  text-transform: uppercase;
}

.lightproject-simulator .lightproject-sim-step-meta {
  display: grid;
  gap: 2px;
  flex: 1 1 auto;
}

.lightproject-simulator .lightproject-sim-step-meta small {
  font-size: 12px;
  color: var(--sim-muted);
}

.lightproject-simulator .lightproject-sim-step-dot {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  max-width: 30px;
  max-height: 30px;
  flex: 0 0 30px;
  aspect-ratio: 1 / 1;
  box-sizing: border-box;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  background: #fff;
  color: #76ae63;
  font-size: 12px;
  font-weight: 600;
  position: relative;
  z-index: 2;
  margin-left: 5px;
  margin-right: 5px;
}

.lightproject-simulator .lightproject-sim-step-tab.is-active {
  background: #dbfdc3;
  color: #1d3f10;
  z-index: 2;
}

.lightproject-simulator .lightproject-sim-step-tab.is-done {
  background: #FFF;
}

.lightproject-simulator .lightproject-sim-step-tab.is-active .lightproject-sim-step-dot {
  border-color: #fff;
  background: #50b428;
  color: #ffffff;
}

.lightproject-simulator .lightproject-sim-step-tab.is-done .lightproject-sim-step-dot {
  border-color: #b4ff52;
  background: #b4fb52;
  color: #000000;
}

.lightproject-simulator .lightproject-sim-step-tab.is-locked {
  opacity: 0.60;
  cursor: not-allowed;
  border: 1px solid #d8e0ea;
}

.lightproject-simulator .lightproject-sim-step-tab.is-locked:hover {
  transform: none;
  filter: none;
}

.lightproject-simulator .lightproject-sim-step-check {
  font-size: 20px;
  line-height: 16px;
  color: #59c433;
  font-family: "DM Sans", "Segoe UI Symbol", "Helvetica Neue", sans-serif !important;
  font-weight: 900;
  font-style: italic;
  margin-right: 8px;
  opacity: 0;
  transform: scale(0.8) rotate(-14deg) skewX(-8deg);
  transition: opacity 180ms ease, transform 180ms ease;
}

.lightproject-simulator .lightproject-sim-step-tab.is-done .lightproject-sim-step-check {
  opacity: 1;
  transform: scale(1) rotate(0deg) skewX(-10deg);
}

.lightproject-simulator .lightproject-sim-step-tab.is-active .lightproject-sim-step-check,
.lightproject-simulator .lightproject-sim-step-tab:not(.is-done) .lightproject-sim-step-check {
  opacity: 0;
  transform: scale(0.8);
}

.lightproject-simulator .lightproject-sim-step {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #333333;
  padding: 32px;
  transform-origin: 50% 16%;
  width: 100%;
  text-align: center;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}

.lightproject-simulator .lightproject-sim-help-wrap {
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 20;
}

.lightproject-simulator .lightproject-sim-help-btn {
  width: 24px;
  height: 24px;
  border-radius: 999px !important;
  border: none;
  background: #dfdfdf !important;
  font-weight: 600;
  font-size: 12px;
  padding: 0 !important;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
}

.lightproject-simulator .lightproject-sim-help-pop {
  position: absolute;
  right: 0;
  top: calc(100% + 5px);
  width: min(360px, 72vw);
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid rgba(180, 251, 82, 0.45);
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  border-color: #d8e0ea;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 150ms ease, transform 150ms ease;
}

.lightproject-simulator .lightproject-sim-help-wrap.is-open .lightproject-sim-help-pop,
.lightproject-simulator .lightproject-sim-help-wrap:hover .lightproject-sim-help-pop,
.lightproject-simulator .lightproject-sim-help-wrap:focus-within .lightproject-sim-help-pop {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.lightproject-simulator .lightproject-sim-step--dimensions {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 10px;
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-step--editor {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 12px;
  overflow: hidden;
  padding: 20px 24px 16px;
}

.lightproject-simulator .lightproject-sim-step--area-plan {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 12px;
  overflow: hidden;
  padding: 20px 24px 16px;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-intro {
  margin-bottom: 0;
}

.lightproject-simulator .lightproject-sim-intro {
  margin-bottom: 24px;
}

.lightproject-simulator .lightproject-sim-welcome {
  border: 1px solid #333333;
  border-radius: 16px;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-welcome__lead {
  max-width: 700px;
  margin: 0 auto 32px;
  font-size: 14px;
}

.lightproject-simulator .lightproject-sim-welcome__lead + .lightproject-sim-welcome__lead {
  margin-top: 0;
}

.lightproject-simulator .lightproject-sim-welcome__badges {
  gap: 6px;
  margin-bottom: 12px;
}

.lightproject-simulator .lightproject-sim-welcome__icon {
  width: 20px;
  height: 20px;
  margin-right: 16px;
  flex: 0 0 auto;
}

.lightproject-simulator .lightproject-sim-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}

.lightproject-simulator .lightproject-sim-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  flex: 1 1 auto;
  min-height: 0;
  align-items: stretch;
}

.lightproject-simulator .lightproject-sim-choice-picker {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}

.lightproject-simulator .lightproject-sim-choice-picker--compact {
  flex: 0 0 auto;
  height: auto;
}

.lightproject-simulator .lightproject-sim-choice-picker .lightproject-sim-choice-grid {
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  align-items: stretch;
}

.lightproject-simulator .lightproject-sim-choice-picker--compact .lightproject-sim-choice-grid {
  height: auto;
  min-height: 0;
  gap: 14px;
  width: 100%;
}

.lightproject-simulator .lightproject-sim-choice-card--terrain {
  min-height: 0;
  height: 100%;
  grid-template-rows: 130px 86px auto;
}

.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-choice-card--terrain {
  background: linear-gradient(180deg, #2a2f37 0%, #1f2329 100%);
  border-color: #39414d;
  color: #f5f7fa;
  position: relative;
}

.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-choice-card--terrain strong {
  color: #ffffff;
  text-transform: none;
  font-size: 40px;
  font-weight: 700;
}

.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-choice-card--terrain small {
  color: rgba(255, 255, 255, 0.82);
}

.lightproject-simulator .lightproject-sim-choice-icon {
  width: 100px;
  height: 100px;
  align-self: center;
  justify-self: center;
  color: #b4fb52;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.32));
  transform-origin: 50% 60%;
  animation: betChoiceFloat 4.6s ease-in-out infinite;
}

.lightproject-simulator .lightproject-sim-choice-card:nth-child(2) .lightproject-sim-choice-icon {
  animation-delay: -0.5s;
}

.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-choice-card--terrain.is-active {
  background: linear-gradient(180deg, #245c2b 0%, #0a1e0e 100%);
  border-color: #b4fb52;
  color: #f7fff2;
  transform: translateY(-2px) scale(1.01);
}

.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-choice-card--terrain.is-active strong,
.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-choice-card--terrain.is-active small {
  color: #f7fff2;
}

.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-choice-picker .lightproject-sim-choice-card--terrain,
.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-choice-picker .lightproject-sim-choice-card--terrain:hover {
  background: #333333;
  color: #f5f7fa !important;
}

.lightproject-simulator .lightproject-sim-shape-hitlayer {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: transparent;
  cursor: grab;
}

.lightproject-simulator .lightproject-sim-shape-hitlayer:active {
  cursor: grabbing;
}

.lightproject-simulator .lightproject-sim-qty-field {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}

.lightproject-simulator .lightproject-sim-qty-field > span {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
  text-transform: lowercase;
  margin: 0;
}

.lightproject-simulator .lightproject-sim-qty-control {
  border: 0px;
  border-radius: 999px;
  background: #ffffff;
  padding: 5px 10px;
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  gap: 10px;
  color: #ffffff;
  width: 100%;
  max-width: 220px;
  justify-self: end;
}

.lightproject-simulator .lightproject-sim-qty-btn {
  width: 40px !important;
  min-width: 40px;
  height: 40px;
  border-radius: 999px !important;
  border: 1px solid #333333 !important;
  background: #ffffff !important;
  color: #333333 !important;
  padding: 0 !important;
  line-height: 1 !important;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 24px !important;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-qty-btn-sign {
  display: block;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  transform: translateY(-1px);
}

.lightproject-simulator .lightproject-sim-qty-btn:hover,
.lightproject-simulator .lightproject-sim-qty-btn:focus-visible {
  color: #2d2d2d !important;
  background: #ffffff !important;
}

.lightproject-simulator .lightproject-sim-qty-control input {
  width: 100%;
  min-width: 0;
  border: 0;
  border-radius: 8px;
  background: none;
  padding: 5px 0px;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  appearance: textfield;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-qty-control input::-webkit-inner-spin-button,
.lightproject-simulator .lightproject-sim-qty-control input::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
}

.lightproject-simulator .lightproject-sim-qty-control input:focus-visible {
  outline: 2px solid rgba(80, 180, 40, 0.45);
  background: #ffffff;
}

.lightproject-simulator .lightproject-sim-step--area-plan .lightproject-sim-node-actions {
  width: 100%;
}

.lightproject-simulator .lightproject-sim-step--area-plan .lightproject-sim-node-actions > small {
  grid-column: 1 / -1;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-choice-card {
  border: 4px solid #dbfdc3;
  background: #ffffff;
  border-radius: 15px;
  color: var(--sim-text);
  padding: 22px;
  cursor: pointer;
  display: grid;
  grid-template-rows: 180px 86px auto;
  gap: 10px;
  text-align: center;
  align-content: stretch;
  justify-items: center;
  min-height: 100%;
}

.lightproject-simulator .lightproject-sim-choice-selected-badge {
  position: absolute;
  top: 24px;
  right: 24px;
  display: inline-flex;
  align-items: center;
  padding: 5px 15px;
  border-radius: 999px;
  background: #dbfdc3;
  color: #1f2b10;
  font-size: 12px;
  font-weight: 600;
  text-transform: lowercase;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-choice-card strong {
  font-size: 52px;
  font-weight: 100;
  line-height: 1;
  color: #b4fb52;
  font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  text-transform: lowercase;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 86px;
  margin: 0;
}

.lightproject-simulator .lightproject-sim-choice-card small {
  opacity: 0.9;
  font-size: 16px;
  max-width: 36ch;
  margin: 0;
}

@keyframes betChoiceFloat {
  0% {
    transform: translateY(0) scale(1);
    filter: invert(1) grayscale(1) brightness(1.85) contrast(1.15) drop-shadow(0 6px 14px rgba(0, 0, 0, 0.12));
  }
  50% {
    transform: translateY(-6px) scale(1.012);
    filter: invert(1) grayscale(1) brightness(1.95) contrast(1.2) drop-shadow(0 12px 20px rgba(80, 180, 40, 0.16));
  }
  100% {
    transform: translateY(0) scale(1);
    filter: invert(1) grayscale(1) brightness(1.85) contrast(1.15) drop-shadow(0 6px 14px rgba(0, 0, 0, 0.12));
  }
}

.lightproject-simulator .lightproject-sim-choice-icon {
  line-height: 1;
}

.lightproject-simulator .lightproject-sim-empty {
  margin: 0;
  color: #000000;
  background: #dbfdc3;
  border: 2px dashed #51b428;
  border-radius: 10px;
  padding: 10px;
}

.lightproject-simulator .lightproject-sim-toolbar button {
  background: #dfdfdf;
  border-radius: 16px;
  color: #333333 !important;
  border: transparent !important;
  padding: 15px 20px 15px 20px;
  cursor: pointer;
  transition: transform 160ms ease, filter 160ms ease, background-color 160ms ease;
  text-align: center;
  border: none;
  font-size: 16px !important;
}

.lightproject-simulator .lightproject-sim-toolbar--views {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  align-items: stretch;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
}

.lightproject-simulator .lightproject-sim-toolbar--views button {
  min-width: 0;
  width: 100%;
  white-space: nowrap;
}

.lightproject-simulator .lightproject-sim-plan-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.9fr) !important;
  gap: 16px !important;
  align-items: stretch;
  width: 100%;
  min-height: 0;
  height: 100%;
}

/* Force layout order: map left, controls right. */
.lightproject-simulator .lightproject-sim-plan-map {
  order: 1 !important;
}

.lightproject-simulator .lightproject-sim-editor-wrap {
  display: grid;
  gap: 10px;
  width: 100%;
  height: 100%;
  align-content: start;
}

.lightproject-simulator .lightproject-sim-editor-dropstate {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 18px;
}

.lightproject-simulator .lightproject-sim-editor-dropstate.is-armed {
  border-color: transparent;
  background: transparent;
}

.lightproject-simulator .lightproject-sim-editor-dropstate.is-hot {
  border-color: #50b428;
  background: linear-gradient(180deg, rgba(232, 246, 226, 0.9) 0%, rgba(255, 255, 255, 0.25) 100%);
}

.lightproject-simulator .lightproject-sim-editor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

.lightproject-simulator .lightproject-sim-editor-side {
  order: 2 !important;
}

.lightproject-simulator .lightproject-sim-editor-side {
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  padding: 14px;
  display: grid;
  gap: 8px;
  align-content: start;
  max-height: 100%;
  overflow: auto;
  overflow-x: hidden;
  min-width: 0;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-side-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  position: sticky;
  top: 0;
  z-index: 2;
  padding-bottom: 5px;
}

.lightproject-simulator .lightproject-sim-side-tab {
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid #333333;
  border-radius: 12px;
  background: #fff;
  color: #415469;
  font-size: 12px;
  font-weight: 800;
}

.lightproject-simulator .lightproject-sim-side-tab.is-active {
  background: #e9f6e2;
  border-color: #7ece5d;
  color: #2f6b1a;
}

.lightproject-simulator .lightproject-sim-side-panels {
  display: grid;
  min-height: 0;
}

.lightproject-simulator .lightproject-sim-side-panel {
  display: none;
  gap: 10px;
  align-content: start;
  min-width: 0;
}

.lightproject-simulator .lightproject-sim-side-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.lightproject-simulator .lightproject-sim-side-stat {
  display: grid;
  gap: 10px;
  padding: 10px 8px;
  color: #333333;
  border-radius: 12px;
  background: #ebf7f7;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-side-stat strong {
  font-size: 16px;
  line-height: 1;
}

.lightproject-simulator .lightproject-sim-side-stat small {
  color: #333333;
  font-size: 10px;
  font-weight: 600;
}

.lightproject-simulator .lightproject-sim-selection-card,
.lightproject-simulator .lightproject-sim-editor-card {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid #dbe4ee;
  border-radius: 14px;
  background: #ffffff;
}

.lightproject-simulator .lightproject-sim-selection-card strong {
  font-size: 16px;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  color: #44a620;
}

.lightproject-simulator .lightproject-sim-selection-card small {
  color: #333333;
  font-size: 14px;
  font-weight: 600;
}

.lightproject-simulator .lightproject-sim-side-panel.is-active {
  display: grid;
}

.lightproject-simulator .lightproject-sim-editor-side button {
  width: 100%;
}

.lightproject-simulator .lightproject-sim-editor-side button.is-active {
  background: #44a620;
  color: #fff !important;
}

.lightproject-simulator .lightproject-sim-editor-side label {
  display: grid;
  gap: 5px;
  color: var(--sim-text);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.lightproject-simulator .lightproject-sim-plan-map {
  min-width: 0;
  width: 100%;
  min-height: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  background: transparent;
  border: none;
  border-radius: 18px;
  padding: 0;
}

.lightproject-simulator .lightproject-sim-plan-map .lightproject-sim-editor-canvas {
  margin-top: 0;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: 560px;
  background: transparent;
  border: none;
  border-radius: 0;
  display: block;
}

.lightproject-simulator .lightproject-sim-editor-dropstate {
  position: relative;
}

.lightproject-simulator .lightproject-sim-editor-notice {
  margin: 2px 0 0;
  color: #a33434;
  font-size: 12px;
  line-height: 1.35;
}

.lightproject-simulator .lightproject-sim-step-tab:hover,
.lightproject-simulator .lightproject-sim-choice-card:hover,
.lightproject-simulator .lightproject-sim-toolbar button:hover {
  transform: translateY(-1px);
}

.lightproject-simulator .lightproject-sim-choice-card:hover {
  transform: translateY(-4px);
  z-index: 3;
}

.lightproject-simulator .lightproject-sim-toolbar button.is-active {
  background: var(--sim-accent-soft);
  border-color: #7ece5d;
  color: #2f6b1a;
}

.lightproject-simulator input,
.lightproject-simulator select {
  background: #FFF;
  border: 1px solid #333333;
  color: #333333;
  border-radius: 800px;
  padding: 10px 15px 10px 15px;
  font-size: 12px;
  font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-editor-canvas,
.lightproject-simulator .lightproject-sim-shape-canvas,
.lightproject-simulator .lightproject-sim-top-canvas {
  width: 100%;
  height: auto;
  border: none;
  border-radius: 10px;
  margin-top: 10px;
  background: #f4f7fb;
}

.lightproject-simulator .lightproject-sim-toolbar small {
  color: var(--sim-muted);
  font-size: 12px;
}

.lightproject-simulator .lightproject-sim-top-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  justify-items: center;
  min-height: 0;
}

.lightproject-simulator .lightproject-sim-legend {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  align-items: center;
  width: 100%;
  min-width: 0;
  margin: 10px;
}

.lightproject-simulator .lightproject-sim-leg-item {
  display: grid;
  grid-template-columns: 25px auto auto;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 5px 10px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #333333;
  grid-template-areas:
    "dot label value"
    "dot label rating";
}

.lightproject-simulator .lightproject-sim-leg-item span {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  display: inline-block;
  grid-area: dot;
  border: 1px solid #333333;
}

.lightproject-simulator .lightproject-sim-leg-item--min span { background: #2f61b8; }
.lightproject-simulator .lightproject-sim-leg-item--avg span { background: #e5d84c; }
.lightproject-simulator .lightproject-sim-leg-item--max span { background: #ed5b4c; }

.lightproject-simulator .lightproject-sim-leg-item small {
  grid-area: label;
  color: #333333;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-leg-item strong {
  grid-area: value;
  font-size: 14px;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 800;
  white-space: nowrap;
  margin-bottom: -10px;
  color: #333333;
  margin-top: 2px;
}

.lightproject-simulator .lightproject-sim-leg-rating {
  grid-area: rating;
  justify-self: auto;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  text-transform: lowercase;
}

.lightproject-simulator .lightproject-sim-leg-rating--bad { color: #c74a3a; }
.lightproject-simulator .lightproject-sim-leg-rating--good { color: #65811f; }
.lightproject-simulator .lightproject-sim-leg-rating--excellent { color: #2f61b8; }

.lightproject-simulator .lightproject-sim-3d-wrap {
  border: 1px solid var(--sim-border);
  border-radius: 10px;
  overflow: hidden;
  min-height: 420px;
  background: #2d3237;
  position: relative;
}

.lightproject-simulator .lightproject-sim-3d {
  width: 100%;
  height: 420px;
}

.lightproject-simulator .lightproject-sim-3d canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
  cursor: grab;
}

.lightproject-simulator .lightproject-sim-3d canvas.is-dragging-fixture {
  cursor: grabbing;
}

.lightproject-simulator .lightproject-sim-3d canvas.is-panning-view {
  cursor: grabbing;
}

.lightproject-simulator .lightproject-sim-3d-controls {
  position: absolute;
  z-index: 3;
  top: 10px;
  left: 50%;
  display: flex;
  gap: 7px;
  padding: 7px;
  border: 0px;
  border-radius: 999px;
  background: #333333;
  transform: translateX(-50%);
}

.lightproject-simulator .lightproject-sim-3d-controls--zoom {
  top: auto;
  bottom: 10px;
}

.lightproject-simulator .lightproject-sim-3d-controls--zoom .lightproject-sim-btn-badge:first-child,
.lightproject-simulator .lightproject-sim-3d-controls--zoom .lightproject-sim-btn-badge:last-child {
  min-width: 25px;
  min-height: 25px;
  height: 25px;
  width: 25px;
  font-size: 16px;
}

.lightproject-simulator .lightproject-sim-3d-wrap .lightproject-sim-3d-lock-toggle {
  position: absolute;
  z-index: 3;
  top: 10px;
  left: 10px;
}

.lightproject-simulator .lightproject-sim-3d-fixture-panel-host {
  position: absolute;
  z-index: 4;
  inset: 0;
  pointer-events: none;
}

.lightproject-simulator .lightproject-sim-3d-fixture-panel.lightproject-sim-distribution {
  right: 14px;
  bottom: 14px;
  pointer-events: auto;
}

.lightproject-simulator .lightproject-sim-3d-fixture-panel .lightproject-sim-distribution__drag-handle {
  cursor: grab;
}

.lightproject-simulator .lightproject-sim-3d-fixture-panel.is-dragging .lightproject-sim-distribution__drag-handle {
  cursor: grabbing;
}

.lightproject-simulator .lightproject-sim-3d-fixture-panel__controls {
  grid-area: separation;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-report-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 0;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-report-summary div {
  border: 1px solid var(--sim-border);
  border-radius: 10px;
  background: #f7f9fc;
  padding: 10px 12px;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-report-summary small {
  display: block;
  color: #6b7c96;
  font-size: 12px;
  margin-bottom: 4px;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-report-summary strong {
  display: block;
  font-size: 14px;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-report-form {
  display: grid;
  gap: 8px;
  border: 1px solid var(--sim-border);
  border-radius: 12px;
  background: #f9fbff;
  padding: 12px;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-report-form label {
  display: grid;
  gap: 4px;
  font-size: 12px;
  color: #384b65;
}

/* Paso 5: resumen + formulario en sidebar derecho */
.lightproject-simulator .lightproject-sim-step--report {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 10px;
  min-height: 0;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-report-summary {
  margin-bottom: 0;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-report-form {
  gap: 10px;
  height: 100%;
}

@keyframes betSimStepIn {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.992);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 860px) {
  

  

  .lightproject-simulator .lightproject-sim-card {
    height: auto;
    grid-template-columns: 1fr;
    min-height: 600px;
  }

  .lightproject-simulator .lightproject-sim-steps {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
  }

  .lightproject-simulator .lightproject-sim-steps::before {
    display: none;
  }

  .lightproject-simulator .lightproject-sim-step-tab {
    flex: 1 1 230px;
  }

  .lightproject-simulator .lightproject-sim-choice-grid {
    grid-template-columns: 1fr;
  }

  

  .lightproject-simulator .lightproject-sim-choice-card {
    min-height: 220px;
  }

  .lightproject-simulator .lightproject-sim-top-wrap {
    grid-template-columns: 1fr;
  }

  .lightproject-simulator .lightproject-sim-results-layout {
    grid-template-columns: 1fr;
    height: auto;
  }

  .lightproject-simulator .lightproject-sim-results-side {
    max-height: none;
  }

  

  .lightproject-simulator .lightproject-sim-plan-layout {
    grid-template-columns: 1fr;
  }

  

  .lightproject-simulator .lightproject-sim-card {
    min-height: 600px;
  }

  .lightproject-simulator .lightproject-sim-body {
    height: auto;
    min-height: 460px;
  }
}

/* CAD-lite editor controls. */
.lightproject-simulator .lightproject-sim-cad-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 6px 0;
}

.lightproject-simulator .lightproject-sim-cad-section {
  display: grid;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid #dbe4ee;
  border-radius: 12px;
  background: #fbfdff;
  margin-bottom: 10px;
}

.lightproject-simulator .lightproject-sim-cad-section > strong {
  font-size: 12px;
  font-weight: 800;
}

.lightproject-simulator .lightproject-sim-cad-toolbar button {
  min-height: 30px !important;
  padding: 5px 8px !important;
  border-radius: 7px !important;
  background: #f1f5f9 !important;
  border: 1px solid #b9c9d9 !important;
  font-size: 10px !important;
}

.lightproject-simulator .lightproject-sim-cad-toolbar label {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  color: #526172 !important;
  font-size: 10px !important;
}

.lightproject-simulator .lightproject-sim-cad-toolbar input {
  width: 54px;
  padding: 4px 6px;
  font-size: 10px;
}

.lightproject-simulator .lightproject-sim-cad-toolbar--align button {
  min-width: 45px;
}

.lightproject-simulator .lightproject-sim-cad-matrix {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  padding: 8px;
  border: 1px solid var(--sim-border);
  border-radius: 9px;
  background: #f9fbff;
  font-size: 10px;
}

.lightproject-simulator .lightproject-sim-cad-matrix strong {
  grid-column: 1 / -1;
}

.lightproject-simulator .lightproject-sim-cad-matrix label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

.lightproject-simulator .lightproject-sim-cad-matrix input {
  width: 52px;
  padding: 4px;
}

.lightproject-simulator .lightproject-sim-cad-matrix button {
  min-height: 28px;
  padding: 4px 6px;
  border: 1px solid #b9c9d9;
  border-radius: 7px;
  background: #ffffff;
  font-size: 10px;
}

/* UX pass: compact fixture list, metric hierarchy and accessible states. */
.lightproject-simulator .lightproject-sim-editor-list {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 6px !important;
  max-height: 260px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border: 1px solid var(--sim-border) !important;
  border-radius: 12px;
  padding: 6px !important;
  margin: 0 0 10px !important;
  scrollbar-width: thin;
}

.lightproject-simulator .lightproject-sim-editor-list li {
  min-width: 0;
  list-style: none;
}

.lightproject-simulator .lightproject-sim-editor-card .lightproject-sim-panel-head {
  margin-bottom: 2px;
}

.lightproject-simulator .lightproject-sim-result-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 4px 0 10px;
}

.lightproject-simulator .lightproject-sim-form-error {
  margin: 0 0 10px;
  padding: 6px 15px;
  border: 1px solid #c43b3b;
  border-radius: 999px;
  background: #fff4f4;
  color: #8e2727;
  font-size: 12px;
}

.lightproject-simulator .lightproject-sim-empty--editor {
  background: #efefef;
  border: 2px dashed #333333;
  text-align: left;
  font-size: 14px;
}

.lightproject-simulator .lightproject-sim-btn-primary,
.lightproject-simulator .lightproject-sim-btn-secondary,
.lightproject-simulator .lightproject-sim-btn-danger {
  border-radius: 0px !important;
  font-weight: 600 !important;
  border-radius: 999em !important;
}

.lightproject-simulator .lightproject-sim-btn-primary {
  background: #44a620 !important;
  color: #ffffff !important;
}

.lightproject-simulator .lightproject-sim-btn-secondary {
  background: #5f5f5f !important;
  color: #333333 !important;
  border-radius: 999em !important;
}

.lightproject-simulator .lightproject-sim-btn-danger {
  background: #fff4f4 !important;
  border: 0px !important;
  color: #8e2727 !important;
}

.lightproject-simulator button:disabled,
.lightproject-simulator button[aria-disabled="true"] {
  opacity: 0.4;
  cursor: not-allowed !important;
  transform: none !important;
}

.lightproject-simulator button:focus-visible,
.lightproject-simulator input:focus-visible,
.lightproject-simulator select:focus-visible,
.lightproject-simulator textarea:focus-visible,
.lightproject-simulator summary:focus-visible {
  outline: 3px solid rgba(80, 180, 40, 0.45) !important;
  outline-offset: 2px;
}

@media (max-width: 1100px) {
  .lightproject-simulator .lightproject-sim-editor-list {
    max-height: 210px;
  }

  .lightproject-simulator .lightproject-sim-results-layout {
    overflow: auto;
  }

  .lightproject-simulator .lightproject-sim-results-stage,
  .lightproject-simulator .lightproject-sim-results-side {
    min-height: 520px;
  }
}

@media (max-width: 640px) {
  .lightproject-simulator .lightproject-sim-result-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

/* Assistant flow: project-first information architecture. */
.lightproject-simulator .lightproject-sim-project-summary {
  display: grid;
  margin: 8px 0 16px;
  padding: 15px 15px;
  border: 1px solid var(--sim-border);
  border-radius: 10px;
  background: #ffffff;
}

.lightproject-simulator .lightproject-sim-project-summary strong {
  font-size: 14px;
  margin-bottom: 5px;
  overflow-wrap: anywhere;
}

.lightproject-simulator .lightproject-sim-project-summary span,
.lightproject-simulator .lightproject-sim-project-summary small {
  color: #526172;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.lightproject-simulator .lightproject-sim-sidebar-reset {
  align-self: stretch;
  width: 100%;
  margin: 15px 0 15px;
  padding: 10px 10px;
  min-height: 38px;
  font-size: 10px;
  /* line-height: 1.15; */
  white-space: normal;
}

.lightproject-simulator .lightproject-sim-save-status {
  display: grid;
  gap: 4px;
  margin-top: 8px;
}

.lightproject-simulator .lightproject-sim-save-status strong {
  font-size: 10px;
  font-weight: 600;
}

.lightproject-simulator .lightproject-sim-save-status small {
  font-size: 9px;
  font-weight: 600;
}

.lightproject-simulator .lightproject-sim-save-status.is-saved strong {
  color: #b4fb52;
}

.lightproject-simulator .lightproject-sim-save-status.is-saving strong,
.lightproject-simulator .lightproject-sim-save-status.is-loading strong {
  color: #b4fb52;
}

.lightproject-simulator .lightproject-sim-save-status.is-dirty strong {
  color: #9a6c12;
}

.lightproject-simulator .lightproject-sim-save-status.is-error strong {
  color: #a33434;
}

.lightproject-simulator .lightproject-sim-assistant-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px 20px;
  width: min(760px, 100%);
  margin: 0 auto;
  text-align: left;
}

.lightproject-simulator .lightproject-sim-project-form {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.lightproject-simulator .lightproject-sim-project-form__primary {
  grid-column: span 3;
}

.lightproject-simulator .lightproject-sim-project-form__secondary {
  grid-column: span 2;
}

.lightproject-simulator .lightproject-sim-assistant-form label {
  display: grid;
  gap: 5px;
  font-size: 12px;
  font-weight: 700;
}

.lightproject-simulator .lightproject-sim-assistant-form input,
.lightproject-simulator .lightproject-sim-assistant-form select {
  width: 100%;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-assistant-form small {
  color: #526172;
  font-size: 10px;
  font-weight: 500;
}

.lightproject-simulator .lightproject-sim-area-form {
  width: 100%;
  max-width: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lightproject-simulator .lightproject-sim-application-form {
  width: 100%;
  max-width: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 12px;
}

.lightproject-simulator .lightproject-sim-setup-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
  min-height: 0;
}

.lightproject-simulator .lightproject-sim-geometry-picker,
.lightproject-simulator .lightproject-sim-area-parameters {
  min-width: 0;
  margin: 0;
}

.lightproject-simulator .lightproject-sim-geometry-picker .lightproject-sim-choice-grid {
  grid-template-columns: 1fr;
  gap: 10px;
  height: auto;
}

.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-geometry-picker .lightproject-sim-choice-card--terrain {
  min-height: 0;
  height: auto;
  padding: 12px 16px;
  gap: 8px;
  grid-template-rows: 48px auto auto;
}

.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-geometry-picker .lightproject-sim-choice-card--terrain strong {
  font-size: 24px;
}

.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-geometry-picker .lightproject-sim-choice-card--terrain small {
  max-width: 34ch;
  font-size: 12px;
  line-height: 1.2;
}

.lightproject-simulator .lightproject-sim-area-parameters {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  padding: 14px;
  border: 1px solid #d8e0ea;
  border-radius: 14px;
  background: rgba(255,255,255,0.72);
}

.lightproject-simulator .lightproject-sim-area-parameters .lightproject-sim-editor-hint {
  margin: 5px 0 0;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-step--dimensions {
  overflow-y: auto;
  overflow-x: hidden;
}

.lightproject-simulator .lightproject-sim-inline-catalog {
  display: grid;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--sim-border);
}

.lightproject-simulator .lightproject-sim-inline-catalog-list {
  display: grid;
  gap: 5px;
  max-height: 184px;
  overflow-y: auto;
}

.lightproject-simulator .lightproject-sim-inline-catalog-item {
  width: 100% !important;
  padding: 7px 9px !important;
  border: 1px solid #333333 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  text-align: left !important;
  font-size: 12px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: grab;
}

.lightproject-simulator .lightproject-sim-inline-catalog-item.is-active {
  border-color: #50b428 !important;
  background: #e8f6e2 !important;
  color: #1f4f16 !important;
}

.lightproject-simulator .lightproject-sim-inline-catalog-item:active {
  cursor: grabbing;
}

.lightproject-simulator .lightproject-sim-document-layout {
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(320px, 1.2fr);
  gap: 14px;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}

.lightproject-simulator .lightproject-sim-document-sections,
.lightproject-simulator .lightproject-sim-document-form {
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 14px;
  border: 1px solid var(--sim-border);
  border-radius: 12px;
  background: #ffffff;
}

.lightproject-simulator .lightproject-sim-document-sections h3,
.lightproject-simulator .lightproject-sim-document-form h3 {
  margin: 0 0 3px;
  font-size: 14px;
}

.lightproject-simulator .lightproject-sim-document-sections label {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #333333;
  font-size: 11px;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

@media (max-width: 860px) {
  .lightproject-simulator .lightproject-sim-document-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .lightproject-simulator .lightproject-sim-assistant-form,
  .lightproject-simulator .lightproject-sim-area-form {
    grid-template-columns: 1fr;
  }

  .lightproject-simulator .lightproject-sim-project-form__primary,
  .lightproject-simulator .lightproject-sim-project-form__secondary {
    grid-column: auto;
  }

  .lightproject-simulator .lightproject-sim-application-form,
  .lightproject-simulator .lightproject-sim-setup-workspace,
  .lightproject-simulator .lightproject-sim-area-parameters {
    grid-template-columns: 1fr;
  }

  

  
}

@media (max-width: 640px) {
  

  

  

  

  .lightproject-simulator .lightproject-sim-steps {
    flex-direction: column;
  }

  .lightproject-simulator .lightproject-sim-card {
    height: auto;
    min-height: 600px;
  }

  .lightproject-simulator .lightproject-sim-body {
    height: auto;
    min-height: 430px;
  }

  .lightproject-simulator .lightproject-sim-step--report .lightproject-sim-report-summary {
    grid-template-columns: 1fr;
  }

  

  
}

.lightproject-simulator,
.lightproject-simulator * {
}

.lightproject-simulator .lightproject-sim-card {
  min-height: 760px;
  height: auto;
  max-height: none;
  grid-template-columns: minmax(220px, 240px) minmax(0, 1fr);
}

.lightproject-simulator .lightproject-sim-intro h2,
.lightproject-simulator .lightproject-sim-step-tab,
.lightproject-simulator .lightproject-sim-toolbar button,
.lightproject-simulator input,
.lightproject-simulator select,
.lightproject-simulator textarea {
  font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif !important!important;
}

.lightproject-simulator .lightproject-sim-step {
  padding: 32px;
}

.lightproject-simulator .lightproject-sim-step--dimensions,
.lightproject-simulator .lightproject-sim-step--results,
.lightproject-simulator .lightproject-sim-step--report {
  height: auto;
  min-height: 0;
}

.lightproject-simulator .lightproject-sim-step--dimensions {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 12px;
}

.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-choice-picker {
  min-height: 0;
  height: 100%;
  display: flex;
}

.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-choice-picker .lightproject-sim-choice-grid {
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  align-items: stretch;
}

.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-choice-card--terrain {
  height: 100%;
  min-height: 100%;
  align-self: stretch;
}

.lightproject-simulator .lightproject-sim-plan-layout,
.lightproject-simulator .lightproject-sim-results-layout {
  min-height: 560px;
}

.lightproject-simulator .lightproject-sim-editor-side,
.lightproject-simulator .lightproject-sim-results-side {
  border: 1px solid var(--sim-border);
  border-radius: 18px;
  padding: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.lightproject-simulator .lightproject-sim-panel-head {
  display: grid;
  gap: 4px;
  margin-bottom: 8px;
}

.lightproject-simulator .lightproject-sim-panel-head strong {
  font-size: 18px;
  font-weight: 800;
}

.lightproject-simulator .lightproject-sim-panel-head small {
  font-size: 14px;
}

.lightproject-simulator .lightproject-sim-editor-side {
  align-content: start;
}

.lightproject-simulator .lightproject-sim-editor-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.lightproject-simulator .lightproject-sim-editor-list {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 2px !important;
  border-bottom: 2px solid var(--sim-border) !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 10px !important;
}

.lightproject-simulator .lightproject-sim-editor-list::-webkit-scrollbar {
  display: none !important;
}

.lightproject-simulator .lightproject-sim-editor-hint {
  margin: 0;
  color: #6f8199;
  font-size: 12px;
  line-height: 1.35;
}

.lightproject-simulator .lightproject-sim-editor-actions button {
  min-height: 56px;
}

.lightproject-simulator .lightproject-sim-checkline {
  display: flex !important;
  align-items: center;
  gap: 8px;
  font-size: 11px !important;
}

.lightproject-simulator .lightproject-sim-toolbar button {
  border-radius: 16px !important;
  font-size: 14px;
  font-weight: 600;
}

.lightproject-simulator input,
.lightproject-simulator select,
.lightproject-simulator textarea {
  border-radius: 15984px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
}

.lightproject-simulator input[type="checkbox"] {
  width: 16px;
  height: 16px;
}

.lightproject-simulator .lightproject-sim-editor-canvas,
.lightproject-simulator .lightproject-sim-shape-canvas,
.lightproject-simulator .lightproject-sim-top-canvas {
  margin-top: 0;
  border-radius: 14px;
  width: 100%;
  max-width: 100%;
  display: block;
  background: #f8fbff;
}

.lightproject-simulator .lightproject-sim-3d-wrap {
  border-radius: 14px;
  min-height: 480px;
}

.lightproject-simulator .lightproject-sim-3d {
  height: 480px;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-report-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1100px) {
  .lightproject-simulator .lightproject-sim-card {
    grid-template-columns: 1fr;
  }

  .lightproject-simulator .lightproject-sim-plan-layout,
  .lightproject-simulator .lightproject-sim-results-layout {
    grid-template-columns: 1fr;
    min-height: auto;
  }
}

@media (max-width: 860px) {
  .lightproject-simulator .lightproject-sim-editor-actions {
    grid-template-columns: 1fr;
  }

  .lightproject-simulator .lightproject-sim-step--report .lightproject-sim-report-summary {
    grid-template-columns: 1fr;
  }
}

.lightproject-simulator .lightproject-sim-result-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
  gap: 10px;
  align-items: stretch;
}

.lightproject-simulator .lightproject-sim-result-card {
  display: grid;
  position: relative;
  gap: 5px;
  padding: 6px 26px 8px 9px;
  border: 1px solid var(--sim-border);
  border-radius: 10px;
  background: #fff;
  min-width: 0;
}

.lightproject-simulator .lightproject-sim-result-card__label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0px;
  padding: 0;
  font-size: 10px;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 700;
  text-transform: none;
  line-height: 1.05;
  text-align: left;
  min-width: 0;
}

.lightproject-simulator .lightproject-sim-result-card__label > span {
  display: block;
  width: 100%;
  text-align: left;
  text-transform: lowercase;
}

.lightproject-simulator .lightproject-sim-result-card__value {
  font-size: 12px;
  line-height: 1.02;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lightproject-simulator .lightproject-sim-tip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 0;
  border-radius: 999px;
  padding: 0;
  background: #ffffff;
  color: #333333;
  line-height: 1;
  cursor: help;
  flex: 0 0 auto;
  appearance: none;
}

.lightproject-simulator .lightproject-sim-result-card .lightproject-sim-tip {
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: auto;
  width: 14px;
  height: 14px;
}

.lightproject-simulator .lightproject-sim-tip .lightproject-icon {
  width: 16px;
  height: 16px;
}

.lightproject-simulator .lightproject-sim-tip:hover,
.lightproject-simulator .lightproject-sim-tip:focus-visible {
  color: #1f2d3d;
  outline: none;
}

.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-results-stage > .lightproject-sim-empty {
  align-self: center;
  justify-self: center;
  width: min(400px, calc(100% - 32px));
  box-sizing: border-box;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-metric-tooltip-pop {
  position: absolute;
  left: var(--lightproject-metric-tip-x, 8px);
  top: var(--lightproject-metric-tip-y, 8px);
  z-index: 40;
  width: min(240px, calc(100% - 16px));
  padding: 10px 12px;
  border: 0;
  border-radius: 10px;
  background: #333333;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
  pointer-events: none;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-metric-tooltip-pop[hidden] {
  display: none;
}

.lightproject-simulator .lightproject-sim-result-support {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.lightproject-simulator .lightproject-sim-result-support__item {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid #dbe4ee;
  border-radius: 10px;
  background: #fbfdff;
}

.lightproject-simulator .lightproject-sim-result-support__label {
  justify-content: flex-start;
  padding: 0;
  font-size: 12px;
  text-align: left;
}

.lightproject-simulator .lightproject-sim-result-support__label > span {
  text-align: left;
}

.lightproject-simulator .lightproject-sim-result-support__item strong {
  color: #1f2d3d;
  font-size: 14px;
}

.lightproject-simulator .lightproject-sim-reading {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid #dbe4ee;
  border-left-width: 4px;
  border-radius: 14px;
  background: #fff;
}

.lightproject-simulator .lightproject-sim-reading.is-high {
  border-left-color: #d24b4b;
}

.lightproject-simulator .lightproject-sim-reading.is-medium {
  border-left-color: #d5a228;
}

.lightproject-simulator .lightproject-sim-reading.is-low {
  border-left-color: #4daf57;
}

.lightproject-simulator .lightproject-sim-reading__head h3 {
  margin: 0 0 4px;
}

.lightproject-simulator .lightproject-sim-reading__head p {
  margin: 0;
  font-size: 12px;
}

.lightproject-simulator .lightproject-sim-reading__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
  margin-top: 12px;
}

.lightproject-simulator .lightproject-sim-reading__grid span {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.lightproject-simulator .lightproject-sim-reading__grid strong,
.lightproject-simulator .lightproject-sim-reading__grid p {
  margin: 0;
}

.lightproject-simulator .lightproject-sim-reading__rules {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #e4ebf2;
}

.lightproject-simulator .lightproject-sim-reading__rule {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #33475b;
  font-size: 12px;
}

.lightproject-simulator .lightproject-sim-reading__rule em {
  color: #77889a;
  font-style: normal;
}

@media (max-width: 1100px) {
  .lightproject-simulator .lightproject-sim-result-support {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .lightproject-simulator .lightproject-sim-result-support,
  .lightproject-simulator .lightproject-sim-reading__grid {
    grid-template-columns: 1fr;
  }
}

.lightproject-simulator .lightproject-sim-scenarios,
.lightproject-simulator .lightproject-sim-compare,
.lightproject-simulator .lightproject-sim-scenario-quick {
  margin: 14px 0;
  padding: 12px;
  border: 1px solid var(--sim-border);
  border-radius: 14px;
  background: #fff;
}

.lightproject-simulator .lightproject-sim-scenario-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.lightproject-simulator .lightproject-sim-scenario-card {
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid #dbe4ee;
  border-radius: 12px;
  background: #fbfdff;
}

.lightproject-simulator .lightproject-sim-scenario-card.is-active {
  border-color: #50b428;
}

.lightproject-simulator .lightproject-sim-scenario-card.is-recommended {
  background: #f5fbef;
}

.lightproject-simulator .lightproject-sim-scenario-card__head,
.lightproject-simulator .lightproject-sim-scenario-card__meta,
.lightproject-simulator .lightproject-sim-scenario-card__actions {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  align-items: center;
}

.lightproject-simulator .lightproject-sim-scenario-card__head strong {
  font-size: 12px;
  line-height: 1.05;
}

.lightproject-simulator .lightproject-sim-scenario-card__meta,
.lightproject-simulator .lightproject-sim-scenario-card__warn {
  color: #617385;
  font-size: 10px;
  line-height: 1.15;
}

.lightproject-simulator .lightproject-sim-scenario-card__warn {
  margin: 0;
  padding: 8px 10px;
  border-radius: 8px;
  background: #fff6e8;
  color: #8a6118;
}

.lightproject-simulator .lightproject-sim-scenario-card__actions button {
  padding: 5px 8px;
  border: 1px solid #cdd9e5;
  border-radius: 8px;
  background: #fff;
  font-size: 10px;
  min-height: 28px;
}

.lightproject-simulator .lightproject-sim-scenario-toolbar {
  margin-top: 12px;
}

.lightproject-simulator .lightproject-sim-compare-previews {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.lightproject-simulator .lightproject-sim-compare-preview {
  margin: 0;
  border: 1px solid #dbe4ee;
  border-radius: 12px;
  overflow: hidden;
  background: #fbfdff;
}

.lightproject-simulator .lightproject-sim-compare-preview img,
.lightproject-simulator .lightproject-sim-compare-preview__empty {
  display: block;
  width: 100%;
  height: 180px;
  object-fit: cover;
  background: #eef3f8;
}

.lightproject-simulator .lightproject-sim-compare-preview__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #617385;
}

.lightproject-simulator .lightproject-sim-compare-preview figcaption {
  display: grid;
  gap: 4px;
  padding: 10px;
}

.lightproject-simulator .lightproject-sim-compare-preview figcaption span {
  color: #617385;
  font-size: 12px;
}

.lightproject-simulator .lightproject-sim-compare-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin: 14px 0;
  font-size: 12px;
}

.lightproject-simulator .lightproject-sim-compare-table {
  width: 100%;
  border-collapse: collapse;
}

.lightproject-simulator .lightproject-sim-compare-table th,
.lightproject-simulator .lightproject-sim-compare-table td {
  padding: 10px;
  border-bottom: 1px solid #e5ebf2;
  text-align: left;
  vertical-align: top;
}

.lightproject-simulator .lightproject-sim-compare-table td strong,
.lightproject-simulator .lightproject-sim-compare-table td small {
  display: block;
}

.lightproject-simulator .lightproject-sim-compare-table td small {
  margin-top: 4px;
  color: #617385;
}

.lightproject-simulator .lightproject-sim-compare-table td.is-different {
  background: #f8fbff;
}

.lightproject-simulator .lightproject-sim-compare-recommendation {
  margin-top: 14px;
}

.lightproject-simulator .lightproject-sim-compare-recommendation textarea {
  min-height: 88px;
}

.lightproject-simulator .lightproject-sim-scenario-quick__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.lightproject-simulator .lightproject-sim-scenario-quick__block {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid #dbe4ee;
  border-radius: 12px;
  background: #fbfdff;
}

.lightproject-simulator .lightproject-sim-scenario-quick__block p {
  margin: 0;
  color: #617385;
  font-size: 12px;
}

.lightproject-simulator .lightproject-sim-scenario-quick__block button,
.lightproject-simulator .lightproject-sim-scenario-quick__block select,
.lightproject-simulator .lightproject-sim-scenario-quick__block input {
  width: 100%;
}

.lightproject-simulator .lightproject-sim-materials {
  margin: 14px 0;
  padding: 14px;
  border: 1px solid var(--sim-border);
  border-radius: 14px;
  background: #fff;
}

.lightproject-simulator .lightproject-sim-materials__toolbar,
.lightproject-simulator .lightproject-sim-materials__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
  margin-top: 12px;
}

.lightproject-simulator .lightproject-sim-materials__meta {
  color: #617385;
  font-size: 12px;
}

.lightproject-simulator .lightproject-sim-materials__table-wrap {
  margin-top: 12px;
  overflow: auto;
}

.lightproject-simulator .lightproject-sim-materials__table {
  width: 100%;
  border-collapse: collapse;
  min-width: 900px;
}

.lightproject-simulator .lightproject-sim-materials__table th,
.lightproject-simulator .lightproject-sim-materials__table td {
  padding: 8px;
  border-bottom: 1px solid #e5ebf2;
  vertical-align: top;
  text-align: left;
}

.lightproject-simulator .lightproject-sim-materials__table td input {
  width: 100%;
}

.lightproject-simulator .lightproject-sim-materials__table td small {
  display: block;
  margin-top: 4px;
  color: #617385;
}

.lightproject-simulator .lightproject-sim-materials__tag {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
}

.lightproject-simulator .lightproject-sim-materials__tag.is-calculated {
  background: #eef7ea;
  color: #2f6e19;
}

.lightproject-simulator .lightproject-sim-materials__tag.is-manual {
  background: #edf3fb;
  color: #355c9b;
}

.lightproject-simulator .lightproject-sim-modal {
  position: absolute;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: var(--sim-overlay);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.lightproject-simulator .lightproject-sim-modal[hidden] {
  display: none;
}

.lightproject-simulator .lightproject-sim-modal--confirm {
  position: fixed;
  z-index: 1000;
  background: rgba(35, 38, 42, 0.46);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  animation: lightproject-modal-overlay-in 180ms ease-out both;
}

.lightproject-simulator .lightproject-sim-modal--confirm .lightproject-sim-modal__backdrop {
  position: absolute;
  inset: 0;
}

.lightproject-simulator .lightproject-sim-modal.lightproject-sim-modal--confirm .lightproject-sim-modal__dialog--confirm {
  position: relative;
  z-index: 1;
  display: block;
  width: min(400px, calc(100vw - 32px));
  max-height: none;
  padding: 24px;
  border-radius: 16px;
  background: #FFFFFF;
  color: #333333;
  animation: lightproject-modal-dialog-in 220ms cubic-bezier(.2,.75,.25,1) both;
}

.lightproject-simulator .lightproject-sim-modal__eyebrow {
  margin-bottom: 16px;
  color: #91d979;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-modal__dialog--confirm h2 {
  margin: 0;
  color: #333333;
  font-size: 20px;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-modal__dialog--confirm p {
  color: #333333;
  font-size: 16px;
}

.lightproject-simulator .lightproject-sim-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.lightproject-simulator .lightproject-sim-modal--confirm.is-destructive [data-confirm-accept] {
  background: #a43d35;
  color: #ffffff !important;
}

@keyframes lightproject-modal-overlay-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes lightproject-modal-dialog-in {
  from { opacity: 0; transform: translateY(-10px) scale(0.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .lightproject-simulator .lightproject-sim-modal--confirm,
  .lightproject-simulator .lightproject-sim-modal__dialog--confirm {
    animation: none;
  }
}

.lightproject-simulator .lightproject-sim-modal__dialog {
  width: min(1180px, calc(100% - 24px));
  max-width: 100%;
  max-height: min(86vh, 920px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  border: 4px solid #333333;
  border-radius: 28px;
  background: rgba(255,255,255,0.90);
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-modal--materials {
  position: fixed;
  inset: 0;
  z-index: 1100;
  padding: 32px;
}

.lightproject-simulator .lightproject-sim-modal--materials .lightproject-sim-modal__dialog--materials {
  width: min(1240px, calc(100vw - 64px));
  max-height: calc(100vh - 64px);
}

.lightproject-simulator .lightproject-sim-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #333333;
  background: #FFFFFF;
}

.lightproject-simulator .lightproject-sim-modal__head strong {
  display: block;
  font-size: 20px;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-modal__head small {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
}

.lightproject-simulator .lightproject-sim-modal__close {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 0px solid #d7d7d7;
  background: #dbfdc3;
  font-size: 25px;
  line-height: 1;
  font-weight: 700;
  cursor: pointer;
  flex: 0 0 auto;
}

.lightproject-simulator .lightproject-sim-modal__body {
  min-height: 0;
  overflow: auto;
  padding: 20px 24px 24px;
}

.lightproject-simulator .lightproject-sim-modal--svg-import {
  position: fixed;
  z-index: 1120;
  padding: 20px;
  background: rgba(35, 38, 42, 0.46);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.lightproject-simulator .lightproject-sim-modal--svg-import .lightproject-sim-modal__backdrop {
  position: absolute;
  inset: 0;
}

.lightproject-simulator .lightproject-sim-modal--svg-import .lightproject-sim-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(960px, calc(100vw - 40px));
  height: min(720px, calc(100vh - 40px));
  max-height: calc(100vh - 40px);
  grid-template-rows: auto minmax(0, 1fr) auto;
  border-radius: 20px;
  background: #ffffff;
  color: #333333;
}

.lightproject-simulator .lightproject-sim-modal--svg-import .lightproject-sim-modal__head {
  padding: 25px;
}

.lightproject-simulator .lightproject-sim-modal--svg-import .lightproject-sim-modal__body {
  overflow: hidden;
  padding: 20px 20px;
}

.lightproject-simulator .lightproject-sim-modal--svg-import .lightproject-sim-modal__actions {
  margin-top: 0;
  padding: 20px;
  border-top: 1px solid #333333;
  background: #ffffff;
  width: auto;
}

.lightproject-simulator .lightproject-sim-svg-import {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 10px;
  height: 100%;
  min-height: 0;
}

.lightproject-simulator .lightproject-sim-svg-import__source {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
  align-items: center;
  gap: 20px;
  padding: 20pX;
  border: 1px solid #333333;
  border-radius: 14px;
  background: #ffffff;
}

.lightproject-simulator .lightproject-sim-svg-import__source > label:first-child,
.lightproject-simulator .lightproject-sim-svg-import__scale > div {
  display: grid;
  gap: 5px;
}

.lightproject-simulator .lightproject-sim-svg-import__source strong {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}

.lightproject-simulator .lightproject-sim-svg-import__source .lightproject-icon {
  width: 25px;
  height: 25px;
  color: #333333;
}

.lightproject-simulator .lightproject-sim-svg-import__source small,
.lightproject-simulator .lightproject-sim-svg-import__scale small,
.lightproject-simulator .lightproject-sim-svg-import__preview small {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}

.lightproject-simulator .lightproject-sim-svg-import__status,
.lightproject-simulator .lightproject-sim-svg-import__error {
  padding: 16px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-svg-import__status {
  border: 1px dashed #cbd6e1;
  background: #f7f9fb;
  color: #5d6f81;
}

.lightproject-simulator .lightproject-sim-svg-import > .lightproject-sim-empty {
  display: grid;
  place-items: center;
  height: 95%;
  min-height: 0;
  margin: 0;
  text-align: center;
  font-weight: 500;
}

.lightproject-simulator .lightproject-sim-svg-import__error {
  border: 1px solid #e7b7b2;
  background: #fff4f3;
  color: #8c352e;
}

.lightproject-simulator .lightproject-sim-svg-import__workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(240px, 0.8fr);
  gap: 16px;
  min-height: 0;
}

.lightproject-simulator .lightproject-sim-svg-import__preview,
.lightproject-simulator .lightproject-sim-svg-import__selection {
  display: grid;
  min-width: 0;
  min-height: 0;
  padding: 20px;
  border: 1px solid #333333;
  border-radius: 15px;
  background: #ffffff;
}

.lightproject-simulator .lightproject-sim-svg-import__preview {
  grid-template-rows: minmax(200px, 1fr) auto;
  gap: 6px;
}

.lightproject-simulator .lightproject-sim-svg-import__preview svg {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 200px;
  border-radius: 10px;
  background-color: #ffffff;
  background-image:
    linear-gradient(rgba(93, 112, 132, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 112, 132, 0.08) 1px, transparent 1px);
  background-size: 16px 16px;
}

.lightproject-simulator .lightproject-sim-svg-import__contour {
  fill: rgba(92, 112, 132, 0.08);
  stroke: #73869a;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  cursor: pointer;
  transition: fill 160ms ease, stroke 160ms ease;
}

.lightproject-simulator .lightproject-sim-svg-import__contour:hover,
.lightproject-simulator .lightproject-sim-svg-import__contour:focus,
.lightproject-simulator .lightproject-sim-svg-import__contour.is-selected {
  fill: rgba(197, 245, 197, 0.62);
  stroke: #44a620;
  stroke-width: 3;
  outline: none;
}

.lightproject-simulator .lightproject-sim-svg-import__selection {
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
}

.lightproject-simulator .lightproject-sim-svg-import__selection > strong {
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lightproject-simulator .lightproject-sim-svg-import__options {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 0;
  overflow: auto;
}

.lightproject-simulator .lightproject-sim-svg-import__option {
  display: grid;
  gap: 5px;
  width: 100%;
  padding: 10px;
  border: 0px;
  border-radius: 0px;
  background: #ffffff;
  text-align: left;
  cursor: pointer;
}

.lightproject-simulator .lightproject-sim-svg-import__option span {
  color: #333333;
  font-size: 12px;
}

.lightproject-simulator .lightproject-sim-svg-import__option:hover,
.lightproject-simulator .lightproject-sim-svg-import__option:focus-visible,
.lightproject-simulator .lightproject-sim-svg-import__option.is-selected {
  background: #dbfdc3;
  color: #2f6e19;
  outline: none;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 20px;
}

.lightproject-simulator .lightproject-sim-svg-import__scale {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 130px 130px;
  align-items: anchor-center;
  gap: 15px;
  padding: 15px 25px 15px 25px;
  border: 1px solid #333333;
  border-radius: 15px;
  background: #ffffff;
}

.lightproject-simulator .lightproject-sim-svg-import__scale label {
  display: grid;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-svg-import__scale input {
  width: 100%;
  min-height: 20px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #333333;
  border-radius: 999em;
  background: #ffffff;
  font-size: 14px;
}

@media (max-width: 900px) {
  .lightproject-simulator .lightproject-sim-modal--svg-import {
    padding: 16px;
  }

  .lightproject-simulator .lightproject-sim-modal--svg-import .lightproject-sim-modal__dialog {
    width: calc(100vw - 32px);
    height: auto;
    max-height: calc(100vh - 32px);
  }

  .lightproject-simulator .lightproject-sim-modal--svg-import .lightproject-sim-modal__body {
    overflow: auto;
  }

  .lightproject-simulator .lightproject-sim-svg-import {
    height: auto;
  }

  .lightproject-simulator .lightproject-sim-svg-import__source,
  .lightproject-simulator .lightproject-sim-svg-import__workspace,
  .lightproject-simulator .lightproject-sim-svg-import__scale {
    grid-template-columns: minmax(0, 1fr);
  }
}

.lightproject-simulator .lightproject-sim-modal__body .lightproject-sim-materials {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  height: 100%;
  min-height: 100%;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
}

.lightproject-simulator .lightproject-sim-modal--materials .lightproject-sim-modal__head {
  position: relative;
  justify-content: center;
}

.lightproject-simulator .lightproject-sim-modal--materials .lightproject-sim-modal__head > div,
.lightproject-simulator .lightproject-sim-modal__body .lightproject-sim-materials__toolbar,
.lightproject-simulator .lightproject-sim-modal__body .lightproject-sim-materials__meta {
  justify-content: center;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-modal--materials .lightproject-sim-modal__close {
  position: absolute;
  right: 24px;
}

.lightproject-simulator .lightproject-sim-modal__body .lightproject-sim-materials__table-wrap {
  min-height: 0;
  max-height: none;
  overflow: auto;
  border-radius: 12px;
}

.lightproject-simulator .lightproject-sim-modal__body .lightproject-sim-materials__table {
  min-width: 860px;
  table-layout: fixed;
  border-radius: 0;
}

.lightproject-simulator .lightproject-sim-modal__body .lightproject-sim-materials__table col:nth-child(1) { width: 10%; }
.lightproject-simulator .lightproject-sim-modal__body .lightproject-sim-materials__table col:nth-child(2) { width: 26%; }
.lightproject-simulator .lightproject-sim-modal__body .lightproject-sim-materials__table col:nth-child(3) { width: 12%; }
.lightproject-simulator .lightproject-sim-modal__body .lightproject-sim-materials__table col:nth-child(4) { width: 40%; }
.lightproject-simulator .lightproject-sim-modal__body .lightproject-sim-materials__table col:nth-child(5) { width: 12%; }

.lightproject-simulator .lightproject-sim-modal__body .lightproject-sim-materials__table th,
.lightproject-simulator .lightproject-sim-modal__body .lightproject-sim-materials__table td {
  padding: 4px 3px;
  text-align: center;
  vertical-align: middle;
}

.lightproject-simulator .lightproject-sim-modal__body .lightproject-sim-materials__table td input {
  min-width: 0;
  min-height: 30px;
  padding: 0 9px;
  font-size: 11px;
  text-align: center;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-modal__body .lightproject-sim-materials__table td small {
  margin-top: 2px;
  font-size: 10px;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-modal__body .lightproject-sim-materials__group-row td {
  padding: 8px 10px 6px;
  background: #f3f6ee;
  border-bottom: 1px solid #dce6cf;
  text-align: left;
}

.lightproject-simulator .lightproject-sim-modal__body .lightproject-sim-materials__group-label {
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5d7451;
}

.lightproject-simulator .lightproject-sim-modal__body .lightproject-sim-materials__tag {
  display: inline-flex;
  justify-content: center;
}

.lightproject-simulator .lightproject-sim-modal__body .lightproject-sim-materials__table td:last-child .lightproject-sim-btn-secondary {
  min-width: 0;
  padding-inline: 9px;
}

@media (max-width: 720px) {
  .lightproject-simulator .lightproject-sim-modal--materials {
    padding: 16px;
  }

  .lightproject-simulator .lightproject-sim-modal--materials .lightproject-sim-modal__dialog--materials {
    width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
  }
}

.lightproject-simulator .lightproject-sim-annotation-toolbar {
  display: grid;
  gap: 10px;
}

.lightproject-simulator .lightproject-sim-editor-list--annotations {
  display: grid !important;
  gap: 10px !important;
  border: none !important;
  overflow: visible !important;
  margin-bottom: 12px !important;
}

.lightproject-simulator .lightproject-sim-annotation-option {
  width: 100%;
  border: 1px solid #dbe4ee;
  border-radius: 10px !important;
  background: #fff;
  padding: 10px 10px !important;
  text-align: left;
  display: grid;
  gap: 0px;
}

.lightproject-simulator .lightproject-sim-annotation-option.is-active {
  border-color: #50b428;
  background: #f5fbef;
}

.lightproject-simulator .lightproject-sim-annotation-option span,
.lightproject-simulator .lightproject-sim-annotation-option small {
  color: #333333;
  font-size: 12px;
}

.lightproject-simulator .lightproject-sim-export-panel {
  margin: 14px 0;
  padding: 14px;
  border: 1px solid rgba(216, 224, 234, 0.78);
  border-radius: 18px;
  background: var(--sim-glass);
  backdrop-filter: var(--sim-blur-soft);
  -webkit-backdrop-filter: var(--sim-blur-soft);
}

.lightproject-simulator .lightproject-sim-export-panel summary {
  cursor: pointer;
  font-weight: 800;
}

.lightproject-simulator .lightproject-sim-export-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
  margin: 12px 0;
}

.lightproject-simulator .lightproject-sim-export-grid label {
  display: grid;
  gap: 4px;
}

.lightproject-simulator .lightproject-sim-presentation {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background:
    linear-gradient(180deg, rgba(248, 251, 255, 0.76) 0%, rgba(232, 239, 247, 0.76) 100%),
    var(--sim-overlay);
  backdrop-filter: var(--sim-blur);
  -webkit-backdrop-filter: var(--sim-blur);
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 14px;
  padding: 20px 24px;
}

.lightproject-simulator .lightproject-sim-presentation__head,
.lightproject-simulator .lightproject-sim-presentation__metrics,
.lightproject-simulator .lightproject-sim-presentation__reading {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}

.lightproject-simulator .lightproject-sim-presentation__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  background: var(--sim-glass);
  border: 1px solid rgba(216, 224, 234, 0.74);
  border-radius: 22px;
  padding: 18px 20px;
  backdrop-filter: var(--sim-blur-soft);
  -webkit-backdrop-filter: var(--sim-blur-soft);
}

.lightproject-simulator .lightproject-sim-presentation__brand {
  display: flex;
  align-items: center;
  gap: 14px;
}

.lightproject-simulator .lightproject-sim-presentation__brand img {
  width: auto;
  height: 44px;
  object-fit: contain;
}

.lightproject-simulator .lightproject-sim-presentation__brand strong {
  display: block;
  color: #162538;
  font-size: 18px;
}

.lightproject-simulator .lightproject-sim-presentation__brand span {
  color: #617385;
  font-size: 14px;
}

.lightproject-simulator .lightproject-sim-presentation__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.lightproject-simulator .lightproject-sim-presentation__actions button {
  min-height: 40px;
  padding: 8px 14px;
  border: 1px solid #cfdbe7;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.82);
  backdrop-filter: var(--sim-blur-soft);
  -webkit-backdrop-filter: var(--sim-blur-soft);
}

.lightproject-simulator .lightproject-sim-presentation__actions button.is-active {
  background: #50b428;
  border-color: #50b428;
  color: #fff;
}

.lightproject-simulator .lightproject-sim-presentation__metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.lightproject-simulator .lightproject-sim-presentation__metrics article {
  padding: 12px 14px;
  border: 1px solid rgba(219, 228, 238, 0.72);
  border-radius: 18px;
  background: rgba(255,255,255,0.82);
  backdrop-filter: var(--sim-blur-soft);
  -webkit-backdrop-filter: var(--sim-blur-soft);
}

.lightproject-simulator .lightproject-sim-presentation__metrics span {
  display: block;
  color: #617385;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.lightproject-simulator .lightproject-sim-presentation__metrics strong {
  color: #162538;
  font-size: 16px;
}

.lightproject-simulator .lightproject-sim-presentation__stage {
  max-width: 1440px;
  width: 100%;
  min-height: 0;
  margin: 0 auto;
  border: 1px solid rgba(219, 228, 238, 0.74);
  border-radius: 24px;
  background: rgba(255,255,255,0.80);
  backdrop-filter: var(--sim-blur);
  -webkit-backdrop-filter: var(--sim-blur);
  overflow: hidden;
  padding: 14px;
}

.lightproject-simulator .lightproject-sim-presentation-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 12px;
}

.lightproject-simulator .lightproject-sim-presentation-top .lightproject-sim-top-canvas {
  width: 100%;
  height: auto;
  margin-top: 0;
}

.lightproject-simulator .lightproject-sim-presentation-3d,
.lightproject-simulator .lightproject-sim-presentation-3d .lightproject-sim-3d {
  width: 100%;
  height: 100%;
  min-height: 620px;
}

.lightproject-simulator .lightproject-sim-presentation-compare {
  max-height: 70vh;
  overflow: auto;
}

.lightproject-simulator .lightproject-sim-presentation__reading {
  padding: 12px 16px;
  border: 1px solid rgba(219, 228, 238, 0.72);
  border-radius: 18px;
  background: rgba(255,255,255,0.82);
  backdrop-filter: var(--sim-blur-soft);
  -webkit-backdrop-filter: var(--sim-blur-soft);
}

.lightproject-simulator .lightproject-sim-presentation__reading strong {
  display: block;
  color: #162538;
  margin-bottom: 6px;
}

.lightproject-simulator .lightproject-sim-presentation__reading p {
  margin: 0;
}

@media (max-width: 1100px) {
  .lightproject-simulator .lightproject-sim-compare-previews,
  .lightproject-simulator .lightproject-sim-scenario-quick__grid {
    grid-template-columns: 1fr;
  }

  .lightproject-simulator .lightproject-sim-export-grid,
  .lightproject-simulator .lightproject-sim-presentation__metrics,
  .lightproject-simulator .lightproject-sim-presentation-top {
    grid-template-columns: 1fr;
  }
}

/* ============================
   LIGHTPROJECT DESIGN SYSTEM
============================ */

.lightproject-simulator {
  --sim-bg-soft: #f5f7fa;
  --sim-border: #d9dee5;
  --sim-border-strong: #cfd6df;
  --sim-text: #333333;
  --sim-muted: #6c7480;
  --sim-accent: #44a620;
  --sim-accent-soft: #eefaec;
}

.lightproject-simulator .lightproject-sim-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 20px;
}

.lightproject-simulator .lightproject-sim-steps {
  background: #333333;
  border: 0;
  border-radius: 20px;
  padding: 25px;
}

.lightproject-simulator .lightproject-sim-steps-brand strong,
.lightproject-simulator .lightproject-sim-steps-brand small {
  color: #ffffff;
}

/* Ajuste final del shell: altura acotada al viewport, sin comprimir el contenido. */
.lightproject-simulator,
.lightproject-simulator-root {
  height: 100%;
  min-height: 0;
}

.lightproject-simulator-shell {
  --sim-shell-height: min(920px, calc(100dvh - 96px));
  height: auto;
  min-height: 0;
  max-height: none;
  grid-template-rows: minmax(0, var(--sim-shell-height));
}

.lightproject-simulator-root {
  display: block;
}

.lightproject-simulator .lightproject-sim-card {
  min-height: 0;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-body,
.lightproject-simulator .lightproject-sim-step {
  min-height: 0;
  height: 100%;
  max-height: 100%;
}

.lightproject-simulator .lightproject-sim-step {
  overflow-y: auto;
  overflow-x: hidden;
}

.lightproject-simulator .lightproject-sim-step--dimensions,
.lightproject-simulator .lightproject-sim-step--results,
.lightproject-simulator .lightproject-sim-step--report {
  height: auto;
  min-height: 0;
}

.lightproject-simulator .lightproject-sim-step--dimensions {
  grid-template-rows: auto auto auto;
  gap: 10px;
  align-content: start;
  overflow-y: auto;
  overflow-x: hidden;
}

.lightproject-simulator .lightproject-sim-plan-layout,
.lightproject-simulator .lightproject-sim-results-layout {
  min-height: 0;
  height: auto;
}

.lightproject-simulator .lightproject-sim-choice-card--terrain {
  min-height: 235px;
}

/* Selector de geometría: composición compacta y estable */
.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-choice-picker--compact .lightproject-sim-choice-grid {
  gap: 14px;
  align-items: stretch;
}

.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-choice-card--terrain {
  min-height: 208px;
  height: auto;
  padding: 18px 20px 16px;
  gap: 8px;
  grid-template-rows: 92px auto auto;
  align-content: center;
}

.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-choice-card--terrain strong {
  min-height: 0;
  margin: 0;
  font-size: 24px;
  line-height: 1.02;
}

.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-choice-card--terrain small {
  max-width: 28ch;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.32;
}

.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-assistant-form {
  gap: 0 14px;
  align-items: start;
}

.lightproject-simulator .lightproject-sim-steps-brand small {
}

.lightproject-simulator .lightproject-sim-project-summary {
  background: #2c5d33;
  border: none;
  border-radius: 16px;
}

.lightproject-simulator .lightproject-sim-project-summary strong,
.lightproject-simulator .lightproject-sim-project-summary span,
.lightproject-simulator .lightproject-sim-project-summary small {
  color: #ffffff;
}

.lightproject-simulator .lightproject-sim-project-summary span,
.lightproject-simulator .lightproject-sim-project-summary small {
}

.lightproject-simulator .lightproject-sim-save-status {
  background: rgba(255,255,255,0.10);
  border-radius: 8px;
  padding: 10px 15px;
}

.lightproject-simulator .lightproject-sim-save-status strong,
.lightproject-simulator .lightproject-sim-save-status small {
  color: #ffffff;
}

.lightproject-simulator .lightproject-sim-step-tab {
  background: rgba(255,255,255,0.94);
  border: 0;
  border-radius: 30px 0px 0px 30px;
  padding: 8px;
  gap: 16px;
  min-height: 45px;
}

.lightproject-simulator .lightproject-sim-step-tab:hover {
  transform: translateY(-1px);
}

.lightproject-simulator .lightproject-sim-step-tab.is-active {
  background: #dbfdc3;
}

.lightproject-simulator .lightproject-sim-step-tab.is-active::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -14px;
  transform: translateY(-50%) !important;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 15px solid #dbfdc3;
  filter: drop-shadow(4px 0 6px r);
}

.lightproject-simulator .lightproject-sim-step-dot {
  background: #dfdfdf;
  color: #757575;
  width: 30px;
  height: 30px;
  font-size: 16px;
  margin-left: 5px;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-step-tab.is-active .lightproject-sim-step-dot,
.lightproject-simulator .lightproject-sim-step-tab.is-done .lightproject-sim-step-dot {
  background: #44a620;
  color: #ffffff;
}

.lightproject-simulator .lightproject-sim-step-meta {
  gap: 1px;
}

.lightproject-simulator .lightproject-sim-step-badge {
  font-size: 10px;
  font-weight: 600;
}

.lightproject-simulator .lightproject-sim-step-tab strong {
  font-size: 16px;
  text-transform: lowercase;
}

.lightproject-simulator .lightproject-sim-step-meta small {
  font-size: 10px;
  line-height: 1.05;
}

.lightproject-simulator .lightproject-sim-step-check {
  margin-right: 10px;
  font-size: 16px;
}

.lightproject-simulator .lightproject-sim-step--editor {
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-workspace-layout {
  display: grid;
  grid-template-columns: minmax(290px, 320px) minmax(0, 1fr);
  gap: 18px;
  min-height: 0;
  height: 100%;
  align-items: stretch;
}

.lightproject-simulator .lightproject-sim-plan-main {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 12px;
}

.lightproject-simulator .lightproject-sim-plan-main .lightproject-sim-intro {
  margin-bottom: 0;
}

.lightproject-simulator .lightproject-sim-plan-layout {
  display: block !important;
  min-width: 0;
  min-height: 0;
  height: 100%;
}

.lightproject-simulator .lightproject-sim-editor-side {
  order: initial !important;
  position: relative;
  min-height: 0;
  height: 100%;
  border-radius: 15px;
  padding: 20px;
  overflow: auto;
  border: none;
  background: #f7f7f7;
}

.lightproject-simulator .lightproject-sim-editor-side::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -16px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 16px solid rgba(255, 255, 255, 0.96);
  filter: drop-shadow(6px 0 10px rgba(31, 45, 61, 0.12));
  pointer-events: none;
}

.lightproject-simulator .lightproject-sim-side-tabs {
  top: 0;
}

.lightproject-simulator .lightproject-sim-side-tab.is-active {
  position: relative;
  overflow: visible;
}

.lightproject-simulator .lightproject-sim-side-tab.is-active:not(.lightproject-sim-btn-tab)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 10px solid #e9f6e2;
}

.lightproject-simulator .lightproject-sim-plan-map {
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;
  align-items: stretch;
  justify-content: stretch;
}

.lightproject-simulator .lightproject-sim-editor-wrap {
  grid-template-rows: minmax(0, 1fr) auto auto;
  min-height: 0;
  height: 100%;
}

.lightproject-simulator .lightproject-sim-editor-dropstate {
  min-height: 0;
  height: 100%;
  align-content: start;
}

.lightproject-simulator .lightproject-sim-plan-map .lightproject-sim-editor-canvas {
  max-height: none;
  min-height: 0;
}

@media (max-width: 1100px) {
  .lightproject-simulator .lightproject-sim-workspace-layout {
    grid-template-columns: 1fr;
  }

  .lightproject-simulator .lightproject-sim-editor-side::after,
  .lightproject-simulator .lightproject-sim-step-tab.is-active::after,
  .lightproject-simulator .lightproject-sim-side-tab.is-active::after {
    display: none;
  }
}

/* Paso 4 - override final de layout para evitar solapes y scrolls anidados */
.lightproject-simulator .lightproject-sim-workspace-layout {
  grid-template-columns: minmax(210px, 240px) minmax(0, 1fr);
  gap: 20px;
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-plan-main {
  overflow: hidden;
  padding-bottom: 14px;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-fields-panel {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 15px;
}

.lightproject-simulator .lightproject-sim-plan-layout {
  overflow: hidden;
  display: block !important;
  width: 100%;
  height: 100%;
}

.lightproject-simulator .lightproject-sim-editor-side {
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-side-panels {
  min-height: 0;
  overflow: auto;
  width: auto;
  padding: 10px;
}

.lightproject-simulator .lightproject-sim-inline-catalog-list,
.lightproject-simulator .lightproject-sim-editor-list {
  max-height: none;
}

.lightproject-simulator .lightproject-sim-editor-wrap {
  grid-template-rows: minmax(0, 1fr);
  gap: 0;
  overflow: hidden;
  align-content: stretch;
  width: 100%;
  height: 100%;
}

.lightproject-simulator .lightproject-sim-editor-dropstate {
  grid-template-rows: minmax(0, 1fr) auto;
  align-content: stretch;
  justify-items: center;
  overflow: visible;
  width: 100%;
  height: 100%;
  padding: 8px 0 10px;
  border-bottom: 0;
}

.lightproject-simulator .lightproject-sim-panel-surface {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 15px;
  border: 0;
  border-radius: 15px;
  background: #f7f7f7;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-plan-footer {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 5px;
  justify-items: stretch;
  height: 88px;
  min-height: 88px;
  max-height: 88px;
  position: relative;
  z-index: 2;
}

.lightproject-simulator .lightproject-sim-plan-footer strong {
  display: block;
  text-align: center;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.lightproject-simulator .lightproject-sim-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}

.lightproject-simulator .lightproject-sim-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 15px;
  border-radius: 999px;
  background: #dbffc3;
  color: #2c5d33;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  text-transform: lowercase;
}

.lightproject-simulator .lightproject-sim-btn-badge {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 25px;
  padding: 6px 12px !important;
  border: 0 !important;
  border-radius: 999px;
  background: #ffffff !important;
  color: #333333 !important;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600;
  line-height: 1;
  text-transform: lowercase;
  cursor: pointer;
}

.lightproject-simulator .lightproject-sim-btn-badge.is-active {
  background: #dbffc3 !important;
  color: #2c5d33 !important;
}

.lightproject-simulator .lightproject-sim-plan-map .lightproject-sim-editor-canvas {
  width: auto;
  max-width: 100%;
  max-height: min(68dvh, 720px);
  margin-inline: auto;
  margin-bottom: 0;
}

.lightproject-simulator .lightproject-sim-step--area-plan .lightproject-sim-plan-map {
  display: flex;
  align-items: center;
  justify-content: center;
}

.lightproject-simulator .lightproject-sim-step--area-plan .lightproject-sim-editor-wrap {
  width: 100%;
  height: 100%;
}

.lightproject-simulator .lightproject-sim-step--area-plan .lightproject-sim-editor-dropstate {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  align-items: center;
  justify-items: center;
  padding-top: 10px;
}

.lightproject-simulator .lightproject-sim-step--area-plan .lightproject-sim-shape-canvas {
  width: auto;
  max-width: 100%;
  max-height: min(68dvh, 720px);
  height: auto;
  margin-inline: auto;
  display: block;
  align-self: center;
  justify-self: center;
}

.lightproject-simulator .lightproject-sim-editor-actions {
  display: inline-flex;
  gap: 10px;
  align-items: stretch;
  justify-content: stretch;
}

.lightproject-simulator .lightproject-sim-editor-actions > button {
  min-width: 0;
  min-height: 30px;
  padding-block: 5px;
}

.lightproject-simulator .lightproject-sim-editor-hint,
.lightproject-simulator .lightproject-sim-editor-notice {
  margin-top: 0;
  font-size: 10px;
  line-height: 1.2;
}

.lightproject-simulator .lightproject-sim-side-tabs {
  gap: 10px;
}

.lightproject-simulator .lightproject-sim-side-tab {
  padding: 7px 9px;
  font-size: 10px;
}

.lightproject-simulator .lightproject-sim-side-stat {
  padding: 8px 6px;
}

.lightproject-simulator .lightproject-sim-plan-fixtures {
  display: grid;
  gap: 6px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #e2e8ef;
}

.lightproject-simulator .lightproject-sim-plan-fixtures > strong {
  font-size: 10px;
  text-transform: uppercase;
}

.lightproject-simulator .lightproject-sim-plan-fixtures__list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.lightproject-simulator .lightproject-sim-plan-fixture-row {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.lightproject-simulator .lightproject-sim-plan-fixture {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 38px;
  min-height: 28px;
  padding: 4px 7px;
  border: 1px solid #d7dfe8;
  border-radius: 999px;
  background: #fff;
  cursor: pointer;
  font-size: 10px;
  font-weight: 800;
}

.lightproject-simulator .lightproject-sim-plan-fixture__icon {
  display: inline-grid;
  place-items: center;
  width: 16px;
  height: 16px;
  color: #50b428;
}

.lightproject-simulator .lightproject-sim-plan-fixture__icon svg {
  width: 100%;
  height: 100%;
}

.lightproject-simulator .lightproject-sim-plan-fixture.is-active,
.lightproject-simulator .lightproject-sim-plan-fixture:hover {
  border-color: #50b428;
  background: #e8f6e2;
  color: #1f4f16;
}

.lightproject-simulator .lightproject-sim-plan-fixture-row.is-active .lightproject-sim-plan-fixture {
  border-color: #50b428;
  background: #e8f6e2;
  color: #1f4f16;
}

/* El pie del plano tiene una altura estable: la lista no puede empujar ni deformar el canvas. */
.lightproject-simulator .lightproject-sim-plan-footer > .lightproject-sim-side-overview {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr);
  align-items: stretch;
  gap: 7px;
  min-width: 0;
  min-height: 0;
}

.lightproject-simulator .lightproject-sim-side-overview__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
  min-height: 0;
}

.lightproject-simulator .lightproject-sim-plan-footer .lightproject-sim-side-stat {
  min-width: 0;
  min-height: 0;
  padding: 5px 6px;
  gap: 3px;
  align-content: center;
}

.lightproject-simulator .lightproject-sim-plan-footer .lightproject-sim-side-stat strong {
  font-size: 14px;
}

.lightproject-simulator .lightproject-sim-plan-footer .lightproject-sim-plan-fixtures {
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0 0 0 9px;
  border-top: 0;
  border-left: 1px solid #e2e8ef;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto minmax(0, 1fr);
  align-items: center;
  gap: 4px;
}

.lightproject-simulator .lightproject-sim-plan-footer .lightproject-sim-plan-fixtures > strong {
  white-space: nowrap;
  text-align: center;
  font-size: 8px;
}

.lightproject-simulator .lightproject-sim-plan-footer .lightproject-sim-plan-fixtures__list {
  min-width: 0;
  max-height: 32px;
  overflow-x: hidden;
  overflow-y: auto;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-bottom: 1px;
}

.lightproject-simulator .lightproject-sim-plan-fixture-row {
  position: relative;
  align-items: center;
}

.lightproject-simulator .lightproject-sim-plan-fixture {
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  min-width: 42px;
  min-height: 38px;
  padding: 3px 5px;
  border-radius: 10px;
  line-height: 1;
}

.lightproject-simulator .lightproject-sim-plan-fixture strong {
  font-size: 8px;
  line-height: 1;
}

.lightproject-simulator .lightproject-sim-plan-fixture-row.is-active .lightproject-sim-plan-fixture {
  min-width: 58px;
  min-height: 46px;
  background: #e8f6e2;
  border-color: #50b428;
}

/* LightProject se opera únicamente desde computadora; en móvil solo se comunica la limitación. */
.lightproject-sim-mobile-message {
  display: none;
}

@media (max-width: 720px) {
  .lightproject-simulator-shell {
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 16px auto;
  }

  .lightproject-simulator .lightproject-sim-card {
    display: none;
  }

  .lightproject-simulator .lightproject-sim-mobile-message {
    display: grid;
    justify-items: center;
    gap: 10px;
    min-height: 250px;
    padding: 36px 24px;
    border: 1px solid #d8e0ea;
    border-radius: 18px;
    background: #ffffff;
    color: #2f4054;
    text-align: center;
    align-content: center;
    box-sizing: border-box;
  }

  .lightproject-sim-mobile-message__icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: #50b428;
  }

  .lightproject-sim-mobile-message__icon svg {
    width: 100%;
    height: 100%;
  }

  .lightproject-sim-mobile-message strong {
    font-size: 16px;
  }

  .lightproject-sim-mobile-message p {
    max-width: 34ch;
    margin: 0;
    color: #526172;
    font-size: 14px;
    line-height: 1.45;
  }
}

.lightproject-simulator .lightproject-sim-inline-catalog-list {
  gap: 4px;
}

.lightproject-simulator .lightproject-sim-inline-catalog-item {
  padding: 6px 8px !important;
  font-size: 10px !important;
}

.lightproject-simulator .lightproject-sim-scenarios--compact {
  margin: 0;
  padding: 10px;
  border-radius: 16px;
}

.lightproject-simulator .lightproject-sim-scenarios--compact .lightproject-sim-scenario-list {
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 8px;
}

.lightproject-simulator .lightproject-sim-scenarios--compact .lightproject-sim-scenario-card {
  padding: 9px;
  gap: 6px;
}

.lightproject-simulator .lightproject-sim-scenarios--compact .lightproject-sim-scenario-card__head,
.lightproject-simulator .lightproject-sim-scenarios--compact .lightproject-sim-scenario-card__meta {
  gap: 6px;
}

.lightproject-simulator .lightproject-sim-scenarios--compact .lightproject-sim-scenario-card__head strong {
  font-size: 12px;
}

.lightproject-simulator .lightproject-sim-scenarios--compact .lightproject-sim-scenario-card__meta,
.lightproject-simulator .lightproject-sim-scenarios--compact .lightproject-sim-scenario-card__warn {
  font-size: 10px;
}

.lightproject-simulator .lightproject-sim-scenarios--compact .lightproject-sim-scenario-card__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.lightproject-simulator .lightproject-sim-scenarios--compact .lightproject-sim-scenario-card__actions label {
  grid-column: 1 / -1;
  font-size: 10px;
}

.lightproject-simulator .lightproject-sim-scenarios--compact .lightproject-sim-scenario-card__actions button,
.lightproject-simulator .lightproject-sim-scenarios--compact .lightproject-sim-scenario-toolbar button {
  min-height: 34px;
  padding: 6px 8px;
  font-size: 10px;
}

.lightproject-simulator .lightproject-sim-scenario-quick__details summary {
  cursor: pointer;
  list-style: none;
  font-weight: 800;
  font-size: 12px;
}

.lightproject-simulator .lightproject-sim-scenario-quick__details summary::-webkit-details-marker {
  display: none;
}

.lightproject-simulator .lightproject-sim-scenario-quick__details .lightproject-sim-scenario-quick__grid {
  margin-top: 10px;
}

.lightproject-simulator .lightproject-sim-side-panel[data-editor-panel="project"] .lightproject-sim-scenario-quick__grid {
  grid-template-columns: 1fr;
  gap: 8px;
}

.lightproject-simulator .lightproject-sim-side-panel[data-editor-panel="project"] .lightproject-sim-scenario-quick__block {
  padding: 9px;
  gap: 6px;
}

.lightproject-simulator .lightproject-sim-side-panel[data-editor-panel="project"] .lightproject-sim-scenario-quick__block p {
  font-size: 10px;
  font-weight: 500;
}

.lightproject-simulator .lightproject-sim-side-panel[data-editor-panel="project"] .lightproject-sim-scenario-quick__block button,
.lightproject-simulator .lightproject-sim-side-panel[data-editor-panel="project"] .lightproject-sim-scenario-quick__block select,
.lightproject-simulator .lightproject-sim-side-panel[data-editor-panel="project"] .lightproject-sim-scenario-quick__block input {
  min-height: 36px;
  font-size: 10px;
}

.lightproject-simulator .lightproject-sim-intro h2,
.lightproject-simulator .lightproject-sim-reading__head h3,
.lightproject-simulator .lightproject-sim-panel-head strong,
.lightproject-simulator .lightproject-sim-export-panel summary {
  color: #333333;
  text-transform: uppercase;
  font-weight: 600;
}

.lightproject-simulator .lightproject-sim-intro p,
.lightproject-simulator .lightproject-sim-panel-head small,
.lightproject-simulator .lightproject-sim-empty,
.lightproject-simulator .lightproject-sim-reading__head p {
  color: #333333;
}

.lightproject-simulator .lightproject-sim-assistant-form,
.lightproject-simulator .lightproject-sim-results-side,
.lightproject-simulator .lightproject-sim-result-support,
.lightproject-simulator .lightproject-sim-reading,
.lightproject-simulator .lightproject-sim-scenarios,
.lightproject-simulator .lightproject-sim-compare,
.lightproject-simulator .lightproject-sim-scenario-quick,
.lightproject-simulator .lightproject-sim-materials,
.lightproject-simulator .lightproject-sim-cad-section,
.lightproject-simulator .lightproject-sim-export-panel {
  background: #FFFFFF;
  border: 1px solid #333333;
  border-radius: 20px;
}

.lightproject-simulator .lightproject-sim-scenarios--side {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.lightproject-simulator .lightproject-sim-assistant-form {
}

.lightproject-simulator .lightproject-sim-assistant-form label,
.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-report-form label,
.lightproject-simulator .lightproject-sim-export-grid label,
.lightproject-simulator .lightproject-sim-scenario-quick__block p {
  color: #333333;
  font-weight: 800;
}

.lightproject-simulator .lightproject-sim-assistant-form input,
.lightproject-simulator .lightproject-sim-assistant-form select,
.lightproject-simulator .lightproject-sim-assistant-form textarea,
.lightproject-simulator .lightproject-sim-step--report input,
.lightproject-simulator .lightproject-sim-step--report select,
.lightproject-simulator .lightproject-sim-step--report textarea,
.lightproject-simulator .lightproject-sim-results-side input,
.lightproject-simulator .lightproject-sim-results-side select,
.lightproject-simulator .lightproject-sim-results-side textarea,
.lightproject-simulator .lightproject-sim-scenario-quick__block input,
.lightproject-simulator .lightproject-sim-scenario-quick__block select,
.lightproject-simulator .lightproject-sim-materials__table td input {
  border: 1px solid #333333;
  border-radius: 999px;
  background: #ffffff;
  color: #333333;
  min-height: 40px;
  padding: 0 15px;
  font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lightproject-simulator .lightproject-sim-assistant-form textarea,
.lightproject-simulator .lightproject-sim-step--report textarea,
.lightproject-simulator .lightproject-sim-results-side textarea {
  min-height: 110px;
  padding: 14px 18px;
  border-radius: 18px;
  resize: vertical;
}

.lightproject-simulator input:focus,
.lightproject-simulator select:focus,
.lightproject-simulator textarea:focus,
.lightproject-simulator button:focus-visible,
.lightproject-simulator summary:focus-visible {
  outline: none;
  border-color: #50b428 !important;
}

.lightproject-simulator .lightproject-sim-btn-primary,
.lightproject-simulator .lightproject-sim-btn-secondary,
.lightproject-simulator .lightproject-sim-toolbar button,
.lightproject-simulator .lightproject-sim-annotation-option,
.lightproject-simulator .lightproject-sim-inline-catalog-item,
.lightproject-simulator .lightproject-sim-scenario-card__actions button,
.lightproject-simulator .lightproject-sim-scenario-toolbar button,
.lightproject-simulator .lightproject-sim-materials__toolbar button {
  border-radius: 999px !important;
  font-weight: 800;
  min-height: 16px;
  text-transform: lowercase;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-btn-primary {
  border: 0px !important;
  background: #333333;
  border-color: #333333;
}

.lightproject-simulator .lightproject-sim-btn-primary:hover {
  background: #272727;
  border-color: #272727;
}

.lightproject-simulator .lightproject-sim-btn-secondary,
.lightproject-simulator .lightproject-sim-toolbar button,
.lightproject-simulator .lightproject-sim-inline-catalog-item,
.lightproject-simulator .lightproject-sim-annotation-option,
.lightproject-simulator .lightproject-sim-scenario-card__actions button,
.lightproject-simulator .lightproject-sim-scenario-toolbar button,
.lightproject-simulator .lightproject-sim-materials__toolbar button {
  background: #dbfdc3 !important;
  border: 0px;
  color: #66935e !important;
  border-radius: 999px !important;
}

.lightproject-simulator .lightproject-sim-btn-secondary:hover,
.lightproject-simulator .lightproject-sim-toolbar button:hover,
.lightproject-simulator .lightproject-sim-inline-catalog-item:hover,
.lightproject-simulator .lightproject-sim-annotation-option:hover,
.lightproject-simulator .lightproject-sim-scenario-card__actions button:hover,
.lightproject-simulator .lightproject-sim-scenario-toolbar button:hover,
.lightproject-simulator .lightproject-sim-materials__toolbar button:hover {
  border-color: #44a620;
  background: #f7fff3;
  color: #333333;
}

.lightproject-simulator .lightproject-sim-toolbar button.is-active,
.lightproject-simulator .lightproject-sim-inline-catalog-item.is-active,
.lightproject-simulator .lightproject-sim-annotation-option.is-active {
  background: #dbfdc3;
  border-color: #44a620;
  color: #333333;
}

.lightproject-simulator .lightproject-sim-report-summary div,
.lightproject-simulator .lightproject-sim-scenario-card,
.lightproject-simulator .lightproject-sim-compare-preview,
.lightproject-simulator .lightproject-sim-scenario-quick__block,
.lightproject-simulator .lightproject-sim-materials__table-wrap {
  background: #fff;
  border: 1px solid #333333;
  border-radius: 10px;
}

.lightproject-simulator .lightproject-sim-scenario-card.is-active,
.lightproject-simulator .lightproject-sim-scenario-card.is-recommended {
  border-color: #44a620;
}

.lightproject-simulator .lightproject-sim-results-side {
  background: linear-gradient(180deg, #fbfcfd 0%, #f6f8fb 100%);
}

.lightproject-simulator .lightproject-sim-top-wrap,
.lightproject-simulator .lightproject-sim-3d-wrap,
.lightproject-simulator .lightproject-sim-results-stage,
.lightproject-simulator .lightproject-sim-presentation__stage {
  border-radius: 22px !important;
}

.lightproject-simulator .lightproject-sim-compare-table,
.lightproject-simulator .lightproject-sim-materials__table {
  background: #ffffff;
  border-radius: 18px;
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-compare-table th,
.lightproject-simulator .lightproject-sim-materials__table th {
  background: #333333;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 12px;
}

.lightproject-simulator .lightproject-sim-compare-table td,
.lightproject-simulator .lightproject-sim-materials__table td {
  color: #333333;
  border-color: #eceff3;
}

.lightproject-simulator .lightproject-sim-reading.is-high {
  border-left: 6px solid #cf4d44;
}

.lightproject-simulator .lightproject-sim-reading.is-medium {
  border-left: 6px solid #d4a11f;
}

.lightproject-simulator .lightproject-sim-reading.is-low {
  border-left: 6px solid #44a620;
}

.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-results-layout {
  gap: 16px;
}

/* Biblioteca de luminarias: mini cards arrastrables. */
.lightproject-simulator .lightproject-sim-inline-catalog-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-height: 278px;
  padding: 2px;
}

.lightproject-simulator .lightproject-sim-inline-catalog-item {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto auto;
  align-items: center;
  justify-items: center;
  gap: 4px;
  aspect-ratio: 1 / 1;
  min-height: 112px;
  padding: 7px !important;
  border-radius: 12px !important;
  text-align: center !important;
  white-space: normal;
  cursor: grab;
  touch-action: none;
  user-select: none;
}

/* Resultados replica la proporción y la jerarquía visual del sembrado. */
.lightproject-simulator .lightproject-sim-step--results {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 12px;
  min-height: 0;
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-results-layout {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 15px;
  min-height: 0;
  height: 100%;
  align-items: stretch;
  overflow: hidden;
  position: relative;
}

.lightproject-simulator .lightproject-sim-results-main {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  gap: 0;
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-results-main .lightproject-sim-intro {
  margin: 0;
  min-height: 28px;
  align-content: center;
}

.lightproject-simulator .lightproject-sim-results-main .lightproject-sim-step-intro-badge {
  margin: 0 auto;
}

.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-results-side {
  min-height: 0;
  height: 100%;
  align-self: stretch;
  padding: 12px;
  border: none;
  border-radius: 15px;
  background: #f7f7f7;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-results-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}

.lightproject-simulator .lightproject-sim-results-tabs .lightproject-sim-side-tab {
  width: 100%;
  min-width: 0;
  justify-self: stretch;
}

.lightproject-simulator .lightproject-sim-results-tabs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lightproject-simulator .lightproject-sim-results-tabs .lightproject-sim-side-tab.is-active::after {
  display: none;
}

.lightproject-simulator .lightproject-sim-results-side__scroll {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 8px;
  padding-right: 0;
}

.lightproject-simulator .lightproject-sim-results-side__scroll.is-results-tab {
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-results-side__scroll.is-scenarios-tab {
  width: 100%;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  justify-items: stretch;
  overflow: auto;
}

.lightproject-simulator .lightproject-sim-results-side__scroll.is-materials-tab {
  overflow: auto;
}

.lightproject-simulator .lightproject-sim-results-side__scroll .lightproject-sim-scenarios,
.lightproject-simulator .lightproject-sim-results-side__scroll .lightproject-sim-result-support {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.lightproject-simulator .lightproject-sim-results-side__scroll.is-scenarios-tab .lightproject-sim-panel-head,
.lightproject-simulator .lightproject-sim-results-side__scroll.is-scenarios-tab .lightproject-sim-scenarios--compact,
.lightproject-simulator .lightproject-sim-results-side__scroll.is-scenarios-tab .lightproject-sim-scenario-list,
.lightproject-simulator .lightproject-sim-results-side__scroll.is-scenarios-tab .lightproject-sim-scenario-card,
.lightproject-simulator .lightproject-sim-results-side__scroll.is-scenarios-tab .lightproject-sim-scenario-card__actions,
.lightproject-simulator .lightproject-sim-results-side__scroll.is-scenarios-tab .lightproject-sim-scenario-toolbar,
.lightproject-simulator .lightproject-sim-results-side__scroll.is-scenarios-tab .lightproject-sim-scenario-toolbar button {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-results-side__scroll.is-scenarios-tab .lightproject-sim-scenarios--compact {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: stretch;
}

.lightproject-simulator .lightproject-sim-results-side__scroll.is-scenarios-tab .lightproject-sim-scenario-list {
  grid-template-columns: minmax(0, 1fr);
  justify-items: stretch;
}

.lightproject-simulator .lightproject-sim-results-side__scroll.is-scenarios-tab .lightproject-sim-scenario-card__actions button,
.lightproject-simulator .lightproject-sim-results-side__scroll.is-scenarios-tab .lightproject-sim-scenario-card__actions label {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-results-side__scroll.is-scenarios-tab .lightproject-sim-scenarios--side,
.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-results-side__scroll.is-scenarios-tab .lightproject-sim-scenarios--side > *,
.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-results-side__scroll.is-scenarios-tab .lightproject-sim-scenarios--side .lightproject-sim-scenario-card,
.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-results-side__scroll.is-scenarios-tab .lightproject-sim-scenarios--side .lightproject-sim-scenario-toolbar {
  width: 100%;
  max-width: none;
  min-width: 0;
  justify-self: stretch;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-results-side__scroll.is-scenarios-tab .lightproject-sim-scenarios--side {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.lightproject-simulator .lightproject-sim-results-side__scroll .lightproject-sim-result-support {
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  margin: 0;
}

.lightproject-simulator .lightproject-sim-results-side__scroll .lightproject-sim-result-support__item {
  align-content: start;
  min-height: 0;
  padding: 2px 5px;
  text-align: left;
}

.lightproject-simulator .lightproject-sim-results-side__scroll .lightproject-sim-result-support__label {
  font-size: 12px;
  color: #333333;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-results-side__scroll .lightproject-sim-result-support__item strong {
  font-size: 11px;
  line-height: 1.1;
}

.lightproject-simulator .lightproject-sim-results-side__scroll.is-materials-tab .lightproject-sim-materials {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-results-side__scroll.is-materials-tab .lightproject-sim-materials__toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.lightproject-simulator .lightproject-sim-results-side__scroll.is-materials-tab .lightproject-sim-materials__toolbar button {
  width: 100%;
}

.lightproject-simulator .lightproject-sim-results-side__scroll .lightproject-sim-reading {
  margin: 15px;
  padding: 10px 20px 20px 20px;
  border: 1px solid #333333;
  border-radius: 15px;
  background: #ffffff;
  text-align: left;
}

.lightproject-simulator .lightproject-sim-results-side__scroll .lightproject-sim-reading__grid {
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 10px;
}

.lightproject-simulator .lightproject-sim-results-side__scroll .lightproject-sim-reading__rules {
  gap: 7px;
  margin-top: 10px;
  padding-top: 10px;
  border-top-color: rgba(255, 255, 255, 0.18);
}

.lightproject-simulator .lightproject-sim-results-side__scroll .lightproject-sim-reading__rule {
  display: grid;
  gap: 3px;
  padding: 7px 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
}


.lightproject-simulator .lightproject-sim-document-export {
  grid-column: 1 / -1;
}

.lightproject-simulator .lightproject-sim-document-export .lightproject-sim-export-panel > button {
  display: none;
}

.lightproject-simulator .lightproject-sim-document-export .lightproject-sim-export-panel {
  margin: 0;
}

.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-results-stage {
  position: relative;
  min-width: 0;
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 8px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-results-side__scroll .lightproject-sim-reading__grid span {
  margin-bottom: 2px;
  color: #333333;
  font-size: 14px;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-results-side__scroll .lightproject-sim-reading__grid strong,
.lightproject-simulator .lightproject-sim-results-side__scroll .lightproject-sim-reading__grid p,
.lightproject-simulator .lightproject-sim-results-side__scroll .lightproject-sim-reading__rule {
  color: #333333;
  font-size: 12px;
}

.lightproject-simulator .lightproject-sim-results-side__scroll .lightproject-sim-reading__head h3 {
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 15px;
  text-align: left;
}

.lightproject-simulator .lightproject-sim-results-side__scroll .lightproject-sim-reading__head p {
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  line-height: 1.3;
}

.lightproject-simulator .lightproject-sim-results-side__scroll .lightproject-sim-reading__rules > strong {
  color: #ffffff;
  font-size: 13px;
  text-align: left;
}

.lightproject-simulator .lightproject-sim-results-side__scroll .lightproject-sim-reading__rule em {
  color: rgba(255, 255, 255, 0.74);
  font-size: 10px;
  line-height: 1.25;
}

.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-3d-wrap,
.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-top-wrap {
  min-height: 0 !important;
  height: 100% !important;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 6px;
  padding: 0;
  overflow: hidden;
  place-items: center;
}

.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-canvas-frame {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: grid;
  place-items: center;
  overflow: visible;
}

.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-top-canvas {
  width: auto;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
  margin-top: 0;
  border-radius: 12px !important;
}

@media (max-width: 1100px) {
  .lightproject-simulator .lightproject-sim-step--results .lightproject-sim-results-layout {
    grid-template-columns: 1fr;
    height: auto;
    min-height: auto;
  }

  .lightproject-simulator .lightproject-sim-step--results .lightproject-sim-results-side {
    height: auto;
    max-height: none;
    overflow: visible;
  }

  .lightproject-simulator .lightproject-sim-results-side__scroll {
    overflow: visible;
  }

  .lightproject-simulator .lightproject-sim-step--results {
    min-height: 0;
  }

}

.lightproject-simulator .lightproject-sim-inline-catalog-item__media {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 0;
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-inline-catalog-item__media img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 45px;
  object-fit: contain;
}

.lightproject-simulator .lightproject-sim-inline-catalog-item strong {
  max-width: 100%;
  overflow: hidden;
  font-size: 12px;
  margin-bottom: -5px;
  color: #333333;
  letter-spacing: -0.05em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-inline-catalog-item small {
  font-size: 9px;
  color: #333333;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  margin-bottom: 2px;
}

/* El sidebar del paso 4 queda contenido en su propia altura; el resumen
   vive debajo del plano para liberar espacio de las herramientas. */
.lightproject-simulator .lightproject-sim-editor-side,
.lightproject-simulator .lightproject-sim-side-panels {
  overflow: hidden;
}

.lightproject-sim-drag-ghost {
  position: fixed;
  z-index: 100000;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 132px;
  padding: 9px 12px;
  border: 1px solid #b4fb52;
  border-radius: 12px;
  background: #245c2b;
  color: #f7fff2;
  font: 700 12px/1.1 "DM Sans", "Helvetica Neue", Arial, sans-serif;
  pointer-events: none;
  transform: translateZ(0);
}

.lightproject-sim-drag-ghost__icon {
  width: 24px;
  height: 24px;
  color: #b4fb52;
  flex: 0 0 auto;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-editor-wrap {
  grid-template-rows: minmax(0, 1fr) 88px;
  gap: 10px;
  min-height: 0;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-editor-dropstate {
  grid-template-rows: minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-editor-canvas {
  min-height: 0;
  max-height: 100%;
}

/* Estado seleccionado: debe prevalecer sobre el fondo base del picker. */
.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-choice-picker .lightproject-sim-choice-card--terrain.is-active {
  background: #2c5d33;
  border-color: #dbfdc3 !important;
  color: #f7fff2 !important;
}

.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-choice-picker .lightproject-sim-choice-card--terrain.is-active strong,
.lightproject-simulator .lightproject-sim-step--dimensions .lightproject-sim-choice-picker .lightproject-sim-choice-card--terrain.is-active small {
  color: #ffffff !important;
  margin-top: 5px;
}

/* Paso 4: toolbar contextual y pie estable con pestañas. */
.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-editor-wrap {
  grid-template-rows: auto minmax(0, 1fr) 82px;
  gap: 8px;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-editor-wrap.has-context-toolbar {
  grid-template-rows: auto minmax(0, 1fr) 82px;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-plan-main {
  grid-template-rows: minmax(0, 1fr);
  gap: 0;
}

.lightproject-simulator .lightproject-sim-panel-title {
  justify-items: center;
  margin-bottom: 10px;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-panel-title strong {
  font-size: 23px;
  line-height: 1;
  text-transform: uppercase;
}

.lightproject-simulator .lightproject-sim-context-toolbar {
  --lightproject-toolbar-control-size: 40px;
  display: grid;
  grid-template-columns: minmax(112px, 1fr) auto minmax(100px, 1fr) minmax(100px, 1fr) 70px 80px;
  align-items: end;
  gap: 10px;
  min-height: 54px;
  align-content: start;
}

.lightproject-simulator .lightproject-sim-context-toolbar.is-disabled input,
.lightproject-simulator .lightproject-sim-context-toolbar.is-disabled button {
  cursor: not-allowed;
}

.lightproject-simulator .lightproject-sim-context-toolbar__identity {
  display: grid;
  gap: 3px;
  min-width: 0;
  align-self: center;
  grid-column: 1;
  grid-row: 1;
}

.lightproject-simulator .lightproject-sim-context-toolbar__identity small,
.lightproject-simulator .lightproject-sim-context-toolbar__field > span:first-child,
.lightproject-simulator .lightproject-sim-context-toolbar:not(.lightproject-sim-context-toolbar--annotation) .lightproject-sim-context-toolbar__actions > span:first-child {
  color: #333333;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-context-toolbar__identity strong {
  overflow: hidden;
  font-size: 10px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lightproject-simulator .lightproject-sim-context-toolbar__type {
  align-self: center;
  justify-self: start;
  grid-column: 2;
  grid-row: 1;
  white-space: nowrap;
}

.lightproject-simulator .lightproject-sim-context-toolbar__field {
  display: grid;
  grid-template-rows: 10px var(--lightproject-toolbar-control-size);
  align-items: center;
  align-content: center;
  align-self: start;
  justify-items: center;
  gap: 5px;
  min-width: 0;
  margin: 0;
}

.lightproject-simulator .lightproject-sim-context-toolbar__field:nth-of-type(1) {
  grid-column: 3;
  grid-row: 1;
}

.lightproject-simulator .lightproject-sim-context-toolbar__field:nth-of-type(2) {
  grid-column: 4;
  grid-row: 1;
}

.lightproject-simulator .lightproject-sim-context-toolbar__inputs {
  display: grid;
  grid-template-columns: minmax(34px, 1fr) 38px 8px;
  align-items: center;
  gap: 5px;
}

.lightproject-simulator .lightproject-sim-context-toolbar input[type="range"] {
  width: 100%;
  min-width: 0;
  padding: 0;
  accent-color: #50b428;
}

.lightproject-simulator .lightproject-sim-context-toolbar input[type="number"] {
  width: 100%;
  min-width: 0;
  height: 29px;
  padding: 4px 6px;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-context-toolbar__inputs small {
  color: #6f8199;
  font-size: 10px;
  font-weight: 800;
}

/* Editor contextual unificado: luminarias, selección CAD y anotaciones. */
.lightproject-simulator .lightproject-sim-context-toolbar {
  grid-template-columns: minmax(96px, 1.25fr) auto 52px 58px 96px auto;
  align-items: center;
  min-height: 80px;
}

.lightproject-simulator .lightproject-sim-context-toolbar .lightproject-sim-context-toolbar__field,
.lightproject-simulator .lightproject-sim-context-toolbar .lightproject-sim-context-toolbar__text,
.lightproject-simulator .lightproject-sim-context-toolbar .lightproject-sim-context-toolbar__actions {
  grid-row: 1;
  min-width: 0;
}

.lightproject-simulator .lightproject-sim-context-toolbar .lightproject-sim-context-toolbar__identity { grid-column: 1; }
.lightproject-simulator .lightproject-sim-context-toolbar .lightproject-sim-context-toolbar__type { grid-column: 2; }
.lightproject-simulator .lightproject-sim-context-toolbar .lightproject-sim-context-toolbar__rotation { grid-column: 3; }
.lightproject-simulator .lightproject-sim-context-toolbar .lightproject-sim-context-toolbar__tilt { grid-column: 4; }
.lightproject-simulator .lightproject-sim-context-toolbar .lightproject-sim-context-toolbar__stepper { grid-column: 5; }
.lightproject-simulator .lightproject-sim-context-toolbar .lightproject-sim-context-toolbar__actions { grid-column: 6; }

.lightproject-simulator .lightproject-sim-context-toolbar__tilt .lightproject-sim-context-toolbar__inputs {
  grid-template-columns: 16px 31px 7px;
  justify-content: center;
  gap: 3px;
}

.lightproject-simulator .lightproject-sim-context-toolbar__tilt input[type="range"] {
  width: 25px;
  min-width: 25px;
  height: var(--lightproject-toolbar-control-size);
  margin: 0 auto;
  accent-color: #50b428;
  writing-mode: vertical-lr;
  direction: rtl;
  -webkit-appearance: slider-vertical;
  appearance: slider-vertical;
}

.lightproject-simulator .lightproject-sim-context-toolbar__tilt input[type="number"] {
  height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  appearance: textfield;
}

.lightproject-simulator .lightproject-sim-context-toolbar__tilt input[type="number"]::-webkit-inner-spin-button,
.lightproject-simulator .lightproject-sim-context-toolbar__tilt input[type="number"]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

/* Validación progresiva de los pasos del asistente. */
.lightproject-simulator .lightproject-sim-assistant-form input.is-invalid,
.lightproject-simulator .lightproject-sim-assistant-form select.is-invalid {
  border-color: #c43b3b !important;
  background: #fff8f8 !important;
}

.lightproject-simulator .lightproject-sim-assistant-form input.is-invalid:focus,
.lightproject-simulator .lightproject-sim-assistant-form select.is-invalid:focus {
  outline: 2px solid rgba(196, 59, 59, 0.28);
  outline-offset: 1px;
}

.lightproject-simulator .lightproject-sim-assistant-form .lightproject-sim-field-error,
.lightproject-simulator .lightproject-sim-geometry-picker .lightproject-sim-field-error {
  display: block;
  margin: 0;
  color: #a52f2f;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.25;
}

.lightproject-simulator .lightproject-sim-geometry-picker.is-invalid .lightproject-sim-choice-grid {
  padding: 4px;
  border-radius: 16px;
  outline: 2px solid #c43b3b;
  outline-offset: 1px;
  background: rgba(255, 248, 248, 0.72);
}

.lightproject-simulator .lightproject-sim-geometry-picker.is-invalid .lightproject-sim-field-error {
  margin-top: 7px;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-validation-summary {
  width: min(760px, calc(100% - 24px));
  margin: 0 auto 10px;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-fields .lightproject-sim-validation-summary {
  width: 100%;
  margin: 0 0 10px;
  text-align: left;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-context-toolbar__text {
  display: grid;
  gap: 4px;
  margin: 0;
}

.lightproject-simulator .lightproject-sim-context-toolbar__text > span {
  color: #6f8199;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.lightproject-simulator .lightproject-sim-context-toolbar__text input {
  width: 100%;
  height: 30px;
  min-width: 0;
  padding: 4px 8px;
}

.lightproject-simulator .lightproject-sim-rotation-dial {
  position: relative;
  display: grid;
  place-items: center;
  width: var(--lightproject-toolbar-control-size);
  height: var(--lightproject-toolbar-control-size);
  margin: 0 auto;
  padding: 0;
  border: 1px solid #333333;
  border-radius: 50%;
  background: radial-gradient(circle at center, #ffffff 0 56%, #dbfdc3 57% 100%);
  color: #2f6b1a;
  cursor: grab;
  touch-action: none;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-rotation-dial:active { cursor: grabbing; }

.lightproject-simulator .lightproject-sim-rotation-dial__hand {
  position: absolute;
  inset: 4px;
  transform: rotate(0deg);
  pointer-events: none;
}

.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="5"] .lightproject-sim-rotation-dial__hand { transform: rotate(5deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="10"] .lightproject-sim-rotation-dial__hand { transform: rotate(10deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="15"] .lightproject-sim-rotation-dial__hand { transform: rotate(15deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="20"] .lightproject-sim-rotation-dial__hand { transform: rotate(20deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="25"] .lightproject-sim-rotation-dial__hand { transform: rotate(25deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="30"] .lightproject-sim-rotation-dial__hand { transform: rotate(30deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="35"] .lightproject-sim-rotation-dial__hand { transform: rotate(35deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="40"] .lightproject-sim-rotation-dial__hand { transform: rotate(40deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="45"] .lightproject-sim-rotation-dial__hand { transform: rotate(45deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="50"] .lightproject-sim-rotation-dial__hand { transform: rotate(50deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="55"] .lightproject-sim-rotation-dial__hand { transform: rotate(55deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="60"] .lightproject-sim-rotation-dial__hand { transform: rotate(60deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="65"] .lightproject-sim-rotation-dial__hand { transform: rotate(65deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="70"] .lightproject-sim-rotation-dial__hand { transform: rotate(70deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="75"] .lightproject-sim-rotation-dial__hand { transform: rotate(75deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="80"] .lightproject-sim-rotation-dial__hand { transform: rotate(80deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="85"] .lightproject-sim-rotation-dial__hand { transform: rotate(85deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="90"] .lightproject-sim-rotation-dial__hand { transform: rotate(90deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="95"] .lightproject-sim-rotation-dial__hand { transform: rotate(95deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="100"] .lightproject-sim-rotation-dial__hand { transform: rotate(100deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="105"] .lightproject-sim-rotation-dial__hand { transform: rotate(105deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="110"] .lightproject-sim-rotation-dial__hand { transform: rotate(110deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="115"] .lightproject-sim-rotation-dial__hand { transform: rotate(115deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="120"] .lightproject-sim-rotation-dial__hand { transform: rotate(120deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="125"] .lightproject-sim-rotation-dial__hand { transform: rotate(125deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="130"] .lightproject-sim-rotation-dial__hand { transform: rotate(130deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="135"] .lightproject-sim-rotation-dial__hand { transform: rotate(135deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="140"] .lightproject-sim-rotation-dial__hand { transform: rotate(140deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="145"] .lightproject-sim-rotation-dial__hand { transform: rotate(145deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="150"] .lightproject-sim-rotation-dial__hand { transform: rotate(150deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="155"] .lightproject-sim-rotation-dial__hand { transform: rotate(155deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="160"] .lightproject-sim-rotation-dial__hand { transform: rotate(160deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="165"] .lightproject-sim-rotation-dial__hand { transform: rotate(165deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="170"] .lightproject-sim-rotation-dial__hand { transform: rotate(170deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="175"] .lightproject-sim-rotation-dial__hand { transform: rotate(175deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="180"] .lightproject-sim-rotation-dial__hand { transform: rotate(180deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="185"] .lightproject-sim-rotation-dial__hand { transform: rotate(185deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="190"] .lightproject-sim-rotation-dial__hand { transform: rotate(190deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="195"] .lightproject-sim-rotation-dial__hand { transform: rotate(195deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="200"] .lightproject-sim-rotation-dial__hand { transform: rotate(200deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="205"] .lightproject-sim-rotation-dial__hand { transform: rotate(205deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="210"] .lightproject-sim-rotation-dial__hand { transform: rotate(210deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="215"] .lightproject-sim-rotation-dial__hand { transform: rotate(215deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="220"] .lightproject-sim-rotation-dial__hand { transform: rotate(220deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="225"] .lightproject-sim-rotation-dial__hand { transform: rotate(225deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="230"] .lightproject-sim-rotation-dial__hand { transform: rotate(230deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="235"] .lightproject-sim-rotation-dial__hand { transform: rotate(235deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="240"] .lightproject-sim-rotation-dial__hand { transform: rotate(240deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="245"] .lightproject-sim-rotation-dial__hand { transform: rotate(245deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="250"] .lightproject-sim-rotation-dial__hand { transform: rotate(250deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="255"] .lightproject-sim-rotation-dial__hand { transform: rotate(255deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="260"] .lightproject-sim-rotation-dial__hand { transform: rotate(260deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="265"] .lightproject-sim-rotation-dial__hand { transform: rotate(265deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="270"] .lightproject-sim-rotation-dial__hand { transform: rotate(270deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="275"] .lightproject-sim-rotation-dial__hand { transform: rotate(275deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="280"] .lightproject-sim-rotation-dial__hand { transform: rotate(280deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="285"] .lightproject-sim-rotation-dial__hand { transform: rotate(285deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="290"] .lightproject-sim-rotation-dial__hand { transform: rotate(290deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="295"] .lightproject-sim-rotation-dial__hand { transform: rotate(295deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="300"] .lightproject-sim-rotation-dial__hand { transform: rotate(300deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="305"] .lightproject-sim-rotation-dial__hand { transform: rotate(305deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="310"] .lightproject-sim-rotation-dial__hand { transform: rotate(310deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="315"] .lightproject-sim-rotation-dial__hand { transform: rotate(315deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="320"] .lightproject-sim-rotation-dial__hand { transform: rotate(320deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="325"] .lightproject-sim-rotation-dial__hand { transform: rotate(325deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="330"] .lightproject-sim-rotation-dial__hand { transform: rotate(330deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="335"] .lightproject-sim-rotation-dial__hand { transform: rotate(335deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="340"] .lightproject-sim-rotation-dial__hand { transform: rotate(340deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="345"] .lightproject-sim-rotation-dial__hand { transform: rotate(345deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="350"] .lightproject-sim-rotation-dial__hand { transform: rotate(350deg); }
.lightproject-simulator .lightproject-sim-rotation-dial[data-dial-angle="355"] .lightproject-sim-rotation-dial__hand { transform: rotate(355deg); }

.lightproject-simulator .lightproject-sim-rotation-dial__dot {
  position: absolute;
  top: -5px;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #333333;
  transform: translateX(-50%);
}

.lightproject-simulator .lightproject-sim-rotation-dial > strong {
  position: relative;
  z-index: 1;
  pointer-events: none;
}

.lightproject-simulator .lightproject-sim-stepper {
  display: grid;
  grid-template-columns: 22px minmax(30px, 1fr) 22px;
  align-items: center;
  height: var(--lightproject-toolbar-control-size);
  min-height: var(--lightproject-toolbar-control-size);
  max-height: var(--lightproject-toolbar-control-size);
  overflow: hidden;
  border: 1px solid #333333;
  border-radius: 999px;
  background: #ffffff;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-stepper button {
  display: grid;
  place-items: center;
  width: 20px;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: #333333;
}

.lightproject-simulator .lightproject-sim-stepper button:first-child {border-right: 1px solid #333333;}
.lightproject-simulator .lightproject-sim-stepper button:last-child {border-left: 2px solid #333333;}
.lightproject-simulator .lightproject-sim-stepper .lightproject-icon {width: 13px;height: 13px;}

.lightproject-simulator .lightproject-sim-stepper > strong,
.lightproject-simulator .lightproject-sim-rotation-dial > strong,
.lightproject-simulator .lightproject-sim-context-toolbar__tilt input[type="number"] {
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-stepper > strong small {
  margin-left: 2px;
  font-size: 10px;
}

.lightproject-simulator .lightproject-sim-context-toolbar__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}

.lightproject-simulator .lightproject-sim-icon-btn {
  display: grid;
  place-items: center;
  position: relative;
  overflow: visible;
  width: var(--lightproject-toolbar-control-size, 25px);
  min-width: var(--lightproject-toolbar-control-size, 25px);
  height: var(--lightproject-toolbar-control-size, 25px);
  min-height: var(--lightproject-toolbar-control-size, 25px);
  max-height: var(--lightproject-toolbar-control-size, 25px);
  padding: 0;
  border: 0px;
  border-radius: 50%;
  background: #ffffff;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-icon-btn .lightproject-icon,
.lightproject-simulator .lightproject-sim-icon-btn svg {
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
  overflow: visible;
  opacity: 1 !important;
  visibility: visible !important;
  stroke: currentColor !important;
  fill: none !important;
}
.lightproject-simulator .lightproject-sim-icon-btn.is-active { background: #e7f7df; color: #2f7b19; }
.lightproject-simulator .lightproject-sim-icon-btn--danger {border-color: #333333;color: #757575;}
.lightproject-simulator .lightproject-sim-icon-btn--danger:hover { background: #fff0ee; }

.lightproject-simulator .lightproject-sim-plan-footer {
  grid-template-rows: auto minmax(0, 1fr);
  height: 82px;
  min-height: 82px;
  max-height: 82px;
  gap: 4px;
}

.lightproject-simulator .lightproject-sim-plan-footer__head {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.lightproject-simulator .lightproject-sim-plan-footer__head > strong {
  grid-column: 1;
  text-align: left;
}

.lightproject-simulator .lightproject-sim-plan-footer-tabs {
  position: static;
  grid-column: 2;
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  padding: 0;
  background: transparent;
}

.lightproject-simulator .lightproject-sim-plan-footer-tabs .lightproject-sim-side-tab {
  min-height: 24px;
  padding: 4px 8px;
  border-color: #d7dfe8;
  border-radius: 999px;
  font-size: 9px;
}

.lightproject-simulator .lightproject-sim-plan-footer-tabs .lightproject-sim-side-tab.is-active::after {
  display: none;
}

.lightproject-simulator .lightproject-sim-plan-footer-tabs .lightproject-sim-side-tab span {
  display: inline-grid;
  place-items: center;
  min-width: 16px;
  height: 16px;
  margin-left: 3px;
  border-radius: 999px;
  background: #ffffff;
  color: #2f6b1a;
}

.lightproject-simulator .lightproject-sim-plan-footer__panel {
  display: none;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-plan-footer__panel.is-active {
  display: grid;
}

.lightproject-simulator .lightproject-sim-plan-footer.is-distribution-open {
  height: 164px;
  min-height: 164px;
  max-height: 164px;
}

.lightproject-simulator .lightproject-sim-plan-footer__panel--distribution {
  overflow: visible;
}

.lightproject-simulator .lightproject-sim-distribution {
  display: grid;
  grid-template-columns: minmax(138px, 1.2fr) minmax(210px, 1.5fr) minmax(190px, 1fr);
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 0;
  padding: 2px 1px;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-distribution__intro,
.lightproject-simulator .lightproject-sim-distribution__direction,
.lightproject-simulator .lightproject-sim-distribution__actions {
  display: flex;
  align-items: center;
  gap: 5px;
}

.lightproject-simulator .lightproject-sim-distribution__intro {
  flex-direction: column;
  align-items: flex-start;
}

.lightproject-simulator .lightproject-sim-distribution__intro strong {
  font-size: 12px;
}

.lightproject-simulator .lightproject-sim-distribution__intro small,
.lightproject-simulator .lightproject-sim-distribution__hint {
  font-size: 10px;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-distribution__direction {
  flex-wrap: wrap;
}

.lightproject-simulator .lightproject-sim-distribution__direction > span {
  width: 100%;
  color: #4b5d4a;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
}

.lightproject-simulator .lightproject-sim-distribution__direction label {
  color: #333333;
  font-size: 11px;
  white-space: nowrap;
  vertical-align: middle;
}

.lightproject-simulator .lightproject-sim-distribution__direction input {
  accent-color: #50b428;
}

.lightproject-simulator .lightproject-sim-distribution__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}

.lightproject-simulator .lightproject-sim-distribution__stats span {
  display: grid;
  justify-items: center;
  padding: 5px;
  border: 0px;
  border-radius: 0px;
  background: #dbfdc3;
  color: #333333;
}

.lightproject-simulator .lightproject-sim-distribution__stats strong {
  color: #333333;
  font-size: 12px;
}

.lightproject-simulator .lightproject-sim-distribution__stats small {
  font-size: 9px;
  font-weight: 600;
  font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  text-transform: lowercase;
}

.lightproject-simulator .lightproject-sim-distribution__message,
.lightproject-simulator .lightproject-sim-distribution__hint {
  margin: 0;
}

.lightproject-simulator .lightproject-sim-distribution__message {
  color: #4b5d4a;
  font-size: 10px;
}

.lightproject-simulator .lightproject-sim-distribution__message.is-error {
  color: #ad3d34;
}

.lightproject-simulator .lightproject-sim-distribution__actions {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.lightproject-simulator .lightproject-sim-distribution__actions button {
  min-height: 28px;
  padding: 5px 9px;
  font-size: 10px;
}

.lightproject-simulator .lightproject-sim-plan-footer > .lightproject-sim-plan-footer__panel .lightproject-sim-side-overview {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  min-width: 0;
  min-height: 0;
}

.lightproject-simulator .lightproject-sim-plan-footer .lightproject-sim-side-overview__stats {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.lightproject-simulator .lightproject-sim-plan-footer .lightproject-sim-side-stat {
  padding: 5px;
  gap: 5px;
}

.lightproject-simulator .lightproject-sim-plan-footer .lightproject-sim-side-stat strong {
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-plan-footer__panel .lightproject-sim-plan-fixtures {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  align-items: center;
  gap: 0;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.lightproject-simulator .lightproject-sim-plan-footer__panel .lightproject-sim-plan-fixtures__list {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 58px;
  align-items: center;
  gap: 6px;
  width: 100%;
  height: 45px;
  max-height: none;
  padding: 1px 2px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-plan-footer__panel .lightproject-sim-plan-fixtures__list::-webkit-scrollbar {
  display: none;
}

.lightproject-simulator .lightproject-sim-plan-footer__panel .lightproject-sim-plan-fixture-row {
  display: block;
  width: 58px;
}

.lightproject-simulator .lightproject-sim-plan-footer__panel .lightproject-sim-plan-fixture {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 43px;
  padding: 4px 5px;
  gap: 2px;
  border-radius: 11px;
  background: linear-gradient(180deg, #ffffff 0%, #f5f8fb 100%);
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-plan-footer__panel .lightproject-sim-plan-fixture__icon {
  width: 18px;
  height: 18px;
}

.lightproject-simulator .lightproject-sim-plan-footer__panel .lightproject-sim-plan-fixture strong {
  font-size: 8px;
  line-height: 1;
}

.lightproject-simulator .lightproject-sim-plan-footer__panel .lightproject-sim-plan-fixture-row.is-active .lightproject-sim-plan-fixture {
  min-width: 0;
  min-height: 43px;
  background: linear-gradient(180deg, #dff4d7 0%, #c9ebbc 100%);
}

.lightproject-simulator .lightproject-sim-plan-footer__panel > .lightproject-sim-empty {
  align-self: center;
  margin: 0;
  padding: 8px;
  text-align: center;
}

/* Inicio · portada y acceso a proyectos locales .BET */
.lightproject-simulator .lightproject-sim-step--home {
  padding: 0;
  overflow: hidden;
  border-color: #333333;
  border-radius: 20px;
  background: #ffffff;
  --lightproject-home-content-width: min(910px, calc(100% - 72px));
}

.lightproject-simulator .lightproject-sim-home-hero {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  background-image: url("../img/lightproject-home-hero.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
}

.lightproject-simulator .lightproject-sim-home-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.08) 38%, rgba(255, 255, 255, 0.88) 79%, #ffffff 100%);
}

.lightproject-simulator .lightproject-sim-home-welcome {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: grid;
  place-items: end center;
  padding: 0px 35px 20px 35px;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-home-welcome .lightproject-sim-welcome {
  width: var(--lightproject-home-content-width);
  max-width: 100%;
  margin: 0 auto;
  padding: 24px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(12px);
}

.lightproject-simulator .lightproject-sim-welcome__brand {
  display: grid;
  justify-items: center;
  gap: 3px;
  margin-bottom: 24px;
}

.lightproject-simulator .lightproject-sim-welcome__brand-name {
  display: block;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 50px !important;
  text-transform: lowercase;
}

.lightproject-simulator .lightproject-sim-welcome__brand-version {
  font-size: 22px;
  font-weight: 800;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  margin-bottom: 16px;
}

.lightproject-simulator .lightproject-sim-welcome__brand-subtitle {
  font-size: 16px;
  font-weight: 600;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-home-welcome .lightproject-sim-welcome__lead {
  font-size: 14px;
}

.lightproject-simulator .lightproject-sim-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.lightproject-simulator .lightproject-sim-step--home > .lightproject-sim-grid-2 {
  flex: 0 0 118px;
  width: var(--lightproject-home-content-width);
  margin: 0 auto;
  padding: 10px 0 20px;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-btn-big {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  width: 100%;
  min-height: 80px;
  padding: 16px 32px 16px 32px;
  border: 0 !important;
  border-radius: 15984px !important;
  cursor: pointer;
  font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  text-decoration: none !important;
  text-transform: none !important;
  box-sizing: border-box;
  color: #ffffff !important;
}

.lightproject-simulator .lightproject-sim-btn-big--primary {
  background: #618c8b !important;
  color: #ffffff !important;
}

.lightproject-simulator .lightproject-sim-btn-big--secondary {
  background: #757575 !important;
  color: #ffffff !important;
}

.lightproject-simulator .lightproject-sim-btn-big > span:last-of-type {
  display: grid;
  gap: 4px;
}

.lightproject-simulator .lightproject-sim-btn-big strong {
  display: block;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.1;
  text-transform: uppercase;
}

.lightproject-simulator .lightproject-sim-btn-big small {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
}

.lightproject-simulator .lightproject-sim-btn-big__icon {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.15);
}

.lightproject-simulator .lightproject-sim-btn-big__icon .lightproject-icon {
  width: 24px;
  height: 24px;
}

.lightproject-simulator .lightproject-sim-btn-big--secondary .lightproject-sim-btn-big__icon {
  background: #ffffff;
  color: #44a620;
}

.lightproject-simulator .lightproject-sim-btn-big--primary,
.lightproject-simulator .lightproject-sim-btn-big--primary strong,
.lightproject-simulator .lightproject-sim-btn-big--primary small,
.lightproject-simulator .lightproject-sim-btn-big--secondary,
.lightproject-simulator .lightproject-sim-btn-big--secondary strong,
.lightproject-simulator .lightproject-sim-btn-big--secondary small {
  color: #ffffff !important;
}

.lightproject-simulator .lightproject-sim-home-notice {
  position: absolute;
  z-index: 5;
  right: 25px;
  bottom: 124px;
  left: 24px;
  width: fit-content;
  max-width: calc(100% - 48px);
  margin: 0 auto;
  padding: 8px 14px;
  border-radius: 999px;
  background: #eef6e9;
  color: #2d6e22;
  font-size: 12px;
  font-weight: 600;
}

.lightproject-simulator .lightproject-sim-home-notice.is-error {
  background: #fff0f0;
  color: #a62d2d;
}

.lightproject-simulator .lightproject-sim-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.lightproject-simulator .lightproject-sim-report-summary > button {
  margin: 12px auto 0;
  padding-inline: 22px;
}

/* Paso 1 combinado: proyecto, aplicación y área en una composición compacta. */
.lightproject-simulator .lightproject-sim-step--combined {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  padding-block: 32px;
  overflow-x: hidden;
  overflow-y: hidden;
  margin-bottom: unset;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-intro {
  width: calc(66.6667% - 9.333px);
  align-self: flex-start;
  margin-bottom: 0;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-context-toolbar {
  width: 100%;
  justify-self: stretch;
}

.lightproject-simulator .lightproject-sim-intro {
  display: grid;
  justify-items: center;
  text-align: center;
  margin: 0;
}

.lightproject-simulator .lightproject-sim-intro h2,
.lightproject-simulator .lightproject-sim-plan-main .lightproject-sim-intro h2,
.lightproject-simulator .lightproject-sim-results-main .lightproject-sim-intro h2,
.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-intro h2 {
  margin: 0;
  color: #333333;
  font-size: 24px;
  line-height: 1.15;
  font-weight: 800;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-intro p,
.lightproject-simulator .lightproject-sim-plan-main .lightproject-sim-intro p,
.lightproject-simulator .lightproject-sim-results-main .lightproject-sim-intro p,
.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-intro p {
  width: min(60ch, 100%);
  max-width: 100ch;
  margin: 0px;
  color: #333333;
  font-size: 14px;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-combined-section {
  display: grid;
  gap: 0px;
  min-width: 0;
}

.lightproject-simulator .lightproject-sim-combined-section__title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #333333;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
}

.lightproject-simulator .lightproject-sim-combined-section__title .lightproject-sim-section-title__icon {
  width: 24px;
  height: 24px;
  color: #a6a6a6;
}

.lightproject-simulator .lightproject-sim-workspace {
  display: grid;
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  max-height: none;
  overflow: hidden;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-fields {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 8px;
  min-height: 0;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-btn-tab,
.lightproject-simulator .lightproject-sim-btn-pill,
.lightproject-simulator .lightproject-sim-btn-cta {
  appearance: none;
  border: 0;
  font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 800;
  line-height: 1.15;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-btn-tab {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-width: 0;
  min-height: 30px !important;
  padding: 10px 15px !important;
  border: 0px !important;
  border-radius: 999px !important;
  background: #757575;
  color: #FFF !important;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: left;
  text-transform: lowercase !important;
}

.lightproject-simulator .lightproject-sim-btn-tab.is-active {
  background: #dbfdc3;
  color: #333333 !important;
}

.lightproject-simulator .lightproject-sim-btn-tab .lightproject-sim-side-tab__icon {
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  color: #fff;
}

.lightproject-simulator .lightproject-sim-btn-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 20px;
  padding: 3px 7px;
  border-radius: 999px;
  background: #dfdfdf;
  color: #333333 !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: lowercase;
  white-space: nowrap;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-btn-pill.is-active {
  background: #e9f6e2;
}

.lightproject-simulator .lightproject-sim-btn-pill span {
  min-width: 14px;
  height: 14px;
  font-size: 9px;
}

.lightproject-simulator .lightproject-sim-btn-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  min-height: 50px;
  padding: 10px 22px;
  border-radius: 999px !important;
  background: #618c8b !important;
  color: #ffffff !important;
  font-size: 15px;
  text-transform: uppercase;
}

.lightproject-simulator .lightproject-sim-btn-cta:disabled,
.lightproject-simulator .lightproject-sim-btn-cta[aria-disabled="true"] {
  opacity: 0.60;
}

.lightproject-simulator .lightproject-sim-action-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  align-items: stretch;
  margin-top: 12px;
}

.lightproject-simulator .lightproject-sim-action-row--wide-primary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lightproject-simulator .lightproject-sim-action-row--two-up {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lightproject-simulator .lightproject-sim-action-row--wide-primary .lightproject-sim-btn-row--primary {
  grid-column: span 2;
}

.lightproject-simulator .lightproject-sim-btn-row {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  min-height: 50px;
  padding: 10px 14px;
  border: 0;
  border-radius: 999px !important;
  font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-btn-row--primary {
  background: #618c8b !important;
  color: #ffffff !important;
}

.lightproject-simulator .lightproject-sim-btn-row--secondary {
  background: #757575 !important;
  color: #FFFFFF !important;
}

.lightproject-simulator .lightproject-sim-btn-row .lightproject-icon {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-project-form,
.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-application-form {
  width: auto;
  max-width: none;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-assistant-form label {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 5px;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-assistant-form input,
.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-assistant-form select {
  min-height: 35px;
  height: 35px;
  padding-inline: 10px;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-setup-workspace {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  grid-template-areas:
    "fields geometry";
  grid-template-rows: minmax(0, 1fr);
  gap: 30px;
  padding: 10px;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-geometry-picker,
.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-setup-fields {
  width: 100%;
  height: 100%;
  min-height: 0;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-geometry-picker {
  grid-area: geometry;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 4px;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-setup-fields {
  grid-area: fields;
  gap: 10px;
  overflow: hidden;
  padding: 10px;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-project-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-project-form__primary,
.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-project-form__secondary {
  grid-column: span 1;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-project-form__full {
  grid-column: 1 / -1;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-application-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-application-form__full {
  grid-column: 1 / -1;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-geometry-picker .lightproject-sim-choice-grid {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 24px;
  height: 100%;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-geometry-picker .lightproject-sim-choice-card--terrain {
  min-height: auto;
  height: 100%;
  padding: 18px 20px;
  gap: 8px;
  grid-template-rows: 64px auto auto;
  align-content: center;
  font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-geometry-picker .lightproject-sim-choice-card--terrain.is-active {
  grid-template-rows: 35px 65px auto auto;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-geometry-picker .lightproject-sim-choice-icon {
  width: 64px;
  height: 64px;
  align-self: center;
  justify-self: center;
  color: #000;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-geometry-picker .lightproject-sim-choice-card--terrain.is-active .lightproject-sim-choice-icon {
  grid-row: 2;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-geometry-picker .lightproject-sim-choice-selected-badge {
  position: static;
  grid-row: 1;
  justify-self: center;
  align-self: center;
  padding: 4px 14px;
  line-height: 16px;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-geometry-picker .lightproject-sim-choice-card--terrain strong {
  font-size: 24px;
  line-height: 1;
  margin: 0;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
  text-transform: lowercase;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-geometry-picker .lightproject-sim-choice-card--terrain.is-active strong {
  grid-row: 3;
  color: #dbfdc3 !important;
  text-transform: lowercase;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-geometry-picker .lightproject-sim-choice-card--terrain small {
  max-width: none;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  font-weight: 400;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-geometry-picker .lightproject-sim-choice-card--terrain.is-active small {
  grid-row: 4;
}

.lightproject-simulator .lightproject-sim-step--combined .lightproject-sim-area-parameters {
  width: 100%;
  height: auto;
  min-height: 0;
  box-sizing: border-box;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 3px 8px;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.lightproject-simulator .lightproject-sim-workspace-cta {
  flex: 0 0 50px;
  margin-top: 8px;
}

.lightproject-simulator .lightproject-sim-workspace-cta .lightproject-sim-btn-big__icon {
  flex-basis: 36px;
  width: 36px;
  height: 36px;
}

.lightproject-simulator .lightproject-sim-workspace-cta .lightproject-icon {
  width: 20px;
  height: 20px;
}

/* Paso 2: panel de configuración en un tercio y plano en dos tercios. */
.lightproject-simulator .lightproject-sim-step--area-plan .lightproject-sim-workspace-layout--plan {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 14px;
}

.lightproject-simulator .lightproject-sim-step--area-plan .lightproject-sim-fields-panel.lightproject-sim-fields {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 15px;
  overflow: hidden;
}

/* Paso 3: navegación en un tercio y plano en los dos tercios restantes. */
.lightproject-simulator .lightproject-sim-step--editor {
  display: grid;
  grid-template-rows: minmax(0, 1fr) 52px;
  gap: 10px;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-workspace-layout {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 14px;
  justify-items: stretch;
  width: 100%;
  height: auto;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-fields-panel.lightproject-sim-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 15px;
  justify-items: stretch;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-editor-side,
.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-side-panels,
.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-side-panel {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  justify-self: stretch;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-document-layout.lightproject-sim-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 14px;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-document-form.lightproject-sim-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  justify-items: stretch;
  gap: 6px;
  width: 100%;
  min-width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  margin: 0;
  overflow: visible;
  padding: 0;
  border: 0;
  background: transparent;
}

.lightproject-simulator .lightproject-sim-step--report {
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 12px;
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-document-main {
  display: block;
  min-width: 0;
  min-height: 0;
  height: auto;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  overflow: visible;
  padding-bottom: 0;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-document-main > *,
.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-document-form > * {
  justify-self: stretch;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin-bottom: 1em;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-document-main > .lightproject-sim-fields-notice {
  margin: 0 0 10px;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-document-sections.lightproject-sim-fields {
  align-items: stretch;
  gap: 5px;
  overflow: hidden;
  padding: 16px;
  border: 0;
  border-radius: 15px;
  background: #f7f7f7;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-document-sections label {
  min-height: 20px;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-document-sections input[type="checkbox"] {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 0;
  padding: 0;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-document-form .lightproject-sim-combined-section__title {
  justify-content: center;
  justify-self: stretch;
  width: 100%;
  margin-bottom: 0;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-document-form label {
  width: 100%;
  min-width: 0;
  max-width: none;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-document-form input {
  width: 100% !important;
  max-width: none;
  min-height: 34px;
  height: 34px;
  padding: 0 12px;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-step--report .lightproject-sim-document-form textarea {
  width: 100% !important;
  max-width: none;
  height: 64px;
  min-height: 64px;
  max-height: 64px;
  padding: 8px 12px;
  box-sizing: border-box;
  resize: none;
  font: inherit;
}

.lightproject-simulator .lightproject-sim-document-summary {
  display: grid;
  gap: 10px;
  margin-top: 1em;
  padding: 15px;
  border: 1px solid #333333;
  border-radius: 16px;
  background: #ffffff;
}

.lightproject-simulator .lightproject-sim-document-summary div {
  display: grid;
  gap: 2px;
}

.lightproject-simulator .lightproject-sim-document-summary span {
  color: #333333;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-document-summary strong {
  font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.15;
}

.lightproject-simulator .lightproject-sim-document-highlights {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  justify-self: stretch;
  width: 100%;
  min-width: 100%;
  max-width: none;
}

.lightproject-simulator .lightproject-sim-document-highlights div {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 5px;
  min-height: 50px;
  padding: 10px 10px;
  border: 1px solid #333333;
  border-radius: 10px;
  background: #ffffff;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-document-highlights span {
  color: #333333;
  font-size: 10px;
  text-transform: uppercase;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-document-highlights strong {
  font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.1;
}

.lightproject-simulator .lightproject-sim-document-luminaires {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  min-width: 0;
  max-width: none;
}

.lightproject-simulator .lightproject-sim-document-luminaires.is-empty {
  place-items: center;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #d8e0ea;
  border-radius: 12px;
  background: #ffffff;
  color: #6b7c96;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-document-luminaire {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto auto auto;
  align-content: center;
  align-items: center;
  justify-items: center;
  gap: 5px 10px;
  min-height: 100px;
  padding: 10px;
  border: 0px;
  border-radius: 12px;
  background: #dbfdc3;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-document-luminaire__icon {
  display: inline-grid;
  grid-column: 1 / -1;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: #e9f7e2;
  color: #36b42b;
}

.lightproject-simulator .lightproject-sim-document-luminaire__icon svg {
  width: 18px;
  height: 18px;
}

.lightproject-simulator .lightproject-sim-document-luminaire__main {
  display: grid;
  gap: 2px;
  grid-column: 1 / -1;
  justify-items: center;
  min-width: 0;
}

.lightproject-simulator .lightproject-sim-document-luminaire__main strong {
  font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 800;
  text-align: center;
  color: #333333;
}

.lightproject-simulator .lightproject-sim-document-luminaire__main small,
.lightproject-simulator .lightproject-sim-document-luminaire__spec span {
  color: #333333;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-document-luminaire__spec {
  display: grid;
  gap: 2px;
  justify-items: center;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-document-luminaire__spec strong {
  font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
  font-weight: 800;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lightproject-simulator .lightproject-sim-document-contact-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  min-width: 0;
}

.lightproject-simulator .lightproject-sim-document-contact-row label {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.lightproject-simulator .lightproject-sim-btn-tab-grid {
  position: static;
  grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
  gap: 5px;
  width: 100%;
  padding: 0;
  background: transparent;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-cad-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 5px;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-cad-tabs .lightproject-sim-btn-pill {
  min-height: 29px !important;
  padding: 5px 10px !important;
  border: none !important;
  border-radius: 999px !important;
  background: #d9e9ff !important;
  color: #8da3bd !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: none !important;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-cad-tabs .lightproject-sim-btn-pill.is-active {
  background: #b1ceff !important;
  color: #4f6486 !important;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-cad-tab-panels {
  display: grid;
  gap: 0;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-cad-section--tab {
  display: none;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-cad-section--tab.is-active {
  display: grid;
}

.lightproject-simulator .lightproject-sim-plan-footer-tabs .lightproject-sim-btn-pill {
  min-height: 24px !important;
  padding: 5px 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-transform: lowercase !important;
}

.lightproject-simulator .lightproject-sim-plan-footer-tabs .lightproject-sim-btn-pill span {
  min-width: 12px !important;
  height: 12px !important;
  margin-left: 2px !important;
  font-size: 8px !important;
  line-height: 12px !important;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-context-toolbar {
  grid-template-columns: minmax(82px, 1fr) auto 46px 58px 66px 38px;
  width: 100%;
  height: 90px;
  min-height: 90px;
  max-height: 90px;
  justify-self: stretch;
  overflow: visible;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-context-toolbar:not(.lightproject-sim-context-toolbar--annotation) {
  grid-template-columns: minmax(0, 40fr) minmax(0, 12fr) minmax(0, 12fr) minmax(0, 16fr) minmax(0, 10fr) minmax(0, 10fr);
}

.lightproject-simulator .lightproject-sim-context-toolbar:not(.lightproject-sim-context-toolbar--annotation) .lightproject-sim-context-toolbar__identity {
  grid-column: 1;
  align-content: center;
  justify-items: center;
  gap: 5px;
  text-align: center;
}

.lightproject-simulator .lightproject-sim-context-toolbar__identity > .lightproject-sim-context-toolbar__type {
  grid-column: auto;
  grid-row: auto;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  justify-self: center;
}

.lightproject-simulator .lightproject-sim-context-toolbar:not(.lightproject-sim-context-toolbar--annotation) .lightproject-sim-context-toolbar__rotation { grid-column: 2; }
.lightproject-simulator .lightproject-sim-context-toolbar:not(.lightproject-sim-context-toolbar--annotation) .lightproject-sim-context-toolbar__tilt { grid-column: 3; }
.lightproject-simulator .lightproject-sim-context-toolbar:not(.lightproject-sim-context-toolbar--annotation) .lightproject-sim-context-toolbar__stepper { grid-column: 4; }
.lightproject-simulator .lightproject-sim-context-toolbar:not(.lightproject-sim-context-toolbar--annotation) .lightproject-sim-context-toolbar__actions { grid-column: 5; }
.lightproject-simulator .lightproject-sim-context-toolbar:not(.lightproject-sim-context-toolbar--annotation) .lightproject-sim-context-toolbar__actions--fullscreen { grid-column: 6; }

.lightproject-simulator .lightproject-sim-context-toolbar:not(.lightproject-sim-context-toolbar--annotation) .lightproject-sim-context-toolbar__rotation,
.lightproject-simulator .lightproject-sim-context-toolbar:not(.lightproject-sim-context-toolbar--annotation) .lightproject-sim-context-toolbar__tilt,
.lightproject-simulator .lightproject-sim-context-toolbar:not(.lightproject-sim-context-toolbar--annotation) .lightproject-sim-context-toolbar__stepper,
.lightproject-simulator .lightproject-sim-context-toolbar:not(.lightproject-sim-context-toolbar--annotation) .lightproject-sim-context-toolbar__actions {
  align-self: stretch;
  padding-left: 10px;
  border-left: 1px solid #333333;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-context-toolbar:not(.lightproject-sim-context-toolbar--annotation) .lightproject-sim-context-toolbar__actions {
  display: grid;
  grid-template-columns: 31px;
  grid-template-rows: 10px var(--lightproject-toolbar-control-size);
  grid-auto-flow: row;
  place-content: center;
  justify-items: center;
  gap: 5px;
  padding-left: 0;
}

.lightproject-simulator .lightproject-sim-context-toolbar--cad .lightproject-sim-context-toolbar__actions:not(.lightproject-sim-context-toolbar__actions--fullscreen) {
  grid-template-columns: repeat(2, 31px);
}

.lightproject-simulator .lightproject-sim-context-toolbar.is-disabled .lightproject-sim-context-toolbar__actions--fullscreen button {
  cursor: pointer;
}

.lightproject-simulator .lightproject-sim-context-toolbar:not(.lightproject-sim-context-toolbar--annotation) .lightproject-sim-context-toolbar__actions > span:first-child {
  grid-row: 1;
  grid-column: 1 / -1;
  text-align: center;
  justify-self: center;
}

.lightproject-simulator .lightproject-sim-context-toolbar:not(.lightproject-sim-context-toolbar--annotation) .lightproject-sim-context-toolbar__actions > button {
  grid-row: 2;
  align-self: center;
  justify-self: center;
  margin-left: 0 !important;
}

/* El root permanece estable durante los redibujados del editor y por eso es
   el objetivo de fullscreen; dentro solo se conserva el espacio de sembrado. */
.lightproject-simulator .lightproject-simulator-root.is-plan-fullscreen {
  position: fixed;
  z-index: 100000;
  inset: 0;
  width: 100vw;
  max-width: none;
  height: 100dvh;
  min-height: 100dvh;
  max-height: none;
  padding: 14px;
  background: #eef1f3;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-simulator-root.is-plan-fullscreen .lightproject-sim-card {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: 14px;
  border-radius: 0;
}

.lightproject-simulator .lightproject-simulator-root.is-plan-fullscreen .lightproject-sim-steps,
.lightproject-simulator .lightproject-simulator-root.is-plan-fullscreen .lightproject-sim-main-step-pointer,
.lightproject-simulator .lightproject-simulator-root.is-plan-fullscreen .lightproject-sim-step--editor .lightproject-sim-workspace-cta,
.lightproject-simulator .lightproject-simulator-root.is-plan-fullscreen .lightproject-sim-step--editor > .lightproject-sim-help-wrap {
  display: none !important;
}

.lightproject-simulator .lightproject-simulator-root.is-plan-fullscreen .lightproject-sim-step--editor {
  grid-template-rows: minmax(0, 1fr);
  gap: 0;
}

.lightproject-simulator .lightproject-simulator-root.is-plan-fullscreen .lightproject-sim-step--editor .lightproject-sim-workspace-layout {
  grid-template-columns: minmax(290px, 320px) minmax(0, 1fr);
  gap: 14px;
  height: 100%;
}

.lightproject-simulator .lightproject-simulator-root.is-plan-fullscreen .lightproject-sim-step--editor .lightproject-sim-fields-panel,
.lightproject-simulator .lightproject-simulator-root.is-plan-fullscreen .lightproject-sim-step--editor .lightproject-sim-editor-side {
  height: 100%;
  max-height: none;
}

.lightproject-simulator .lightproject-simulator-root.is-plan-fullscreen .lightproject-sim-step--editor .lightproject-sim-plan-main {
  height: 100%;
  padding: 0;
}

.lightproject-simulator .lightproject-simulator-root.is-plan-fullscreen .lightproject-sim-step--editor .lightproject-sim-plan-layout,
.lightproject-simulator .lightproject-simulator-root.is-plan-fullscreen .lightproject-sim-step--editor .lightproject-sim-plan-map,
.lightproject-simulator .lightproject-simulator-root.is-plan-fullscreen .lightproject-sim-step--editor .lightproject-sim-editor-wrap {
  height: 100%;
  max-height: none;
}

.lightproject-simulator .lightproject-sim-context-toolbar:not(.lightproject-sim-context-toolbar--annotation) .lightproject-sim-context-toolbar__tilt .lightproject-sim-context-toolbar__inputs {
  gap: 0;
}

.lightproject-simulator .lightproject-sim-context-toolbar:not(.lightproject-sim-context-toolbar--annotation) .lightproject-sim-context-toolbar__tilt input[type="number"] {
  padding-right: 0;
  text-align: right;
}

.lightproject-simulator .lightproject-sim-context-toolbar:not(.lightproject-sim-context-toolbar--annotation) .lightproject-sim-context-toolbar__tilt .lightproject-sim-context-toolbar__inputs small {
  justify-self: start;
  margin-left: 1px;
}

.lightproject-simulator .lightproject-sim-context-toolbar .lightproject-sim-rotation-dial:disabled,
.lightproject-simulator .lightproject-sim-context-toolbar .lightproject-sim-rotation-dial[aria-disabled="true"] {
  opacity: 1;
}

.lightproject-simulator .lightproject-sim-context-toolbar .lightproject-sim-rotation-dial:disabled .lightproject-sim-rotation-dial__hand,
.lightproject-simulator .lightproject-sim-context-toolbar .lightproject-sim-rotation-dial[aria-disabled="true"] .lightproject-sim-rotation-dial__hand {
  opacity: 0.48;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-editor-dropstate {
  min-height: 0;
  align-items: center;
  justify-items: center;
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-plan-footer {
  height: 82px;
  min-height: 82px;
  max-height: 82px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-plan-footer__head {
  grid-template-columns: minmax(0, 1fr);
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-plan-footer-tabs {
  grid-column: 1;
  margin-bottom: 5px !important;
  gap: 10px;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-plan-footer.is-distribution-open {
  height: 82px;
  min-height: 82px;
  max-height: 82px;
  overflow: visible;
  z-index: 8;
}

.lightproject-simulator .lightproject-sim-plan-footer.is-distribution-open .lightproject-sim-plan-footer__panel--distribution.is-active {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: calc(100% + 8px);
  left: auto;
  display: block;
  width: min(240px, 100%);
  height: auto;
  min-height: 0;
  max-height: none;
  padding: 10px;
  overflow: visible;
  border: 3px solid #333333;
  border-radius: 14px;
  background: #ffffff;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-plan-footer.is-distribution-open .lightproject-sim-distribution {
  position: relative;
  height: auto;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "intro"
    "direction"
    "separation"
    "hint"
    "stats"
    "message"
    "actions";
  align-content: start;
  gap: 5px;
  padding: 5px;
}

.lightproject-simulator .lightproject-sim-distribution__header {
  grid-area: intro;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 22px;
  align-items: start;
  gap: 5px;
}

.lightproject-simulator .lightproject-sim-distribution__drag-handle {
  min-width: 0;
  cursor: grab;
  touch-action: none;
}

.lightproject-simulator .lightproject-sim-distribution__drag-handle:active {
  cursor: grabbing;
}

.lightproject-simulator .lightproject-sim-plan-footer__panel--distribution.is-dragging {
  user-select: none;
}

.lightproject-simulator .lightproject-sim-distribution__close {
  display: grid;
  width: 22px;
  height: 22px;
  padding: 0;
  place-items: center;
  border: none;
  border-radius: 50%;
  background: #44a620;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.lightproject-simulator .lightproject-sim-distribution__close:hover,
.lightproject-simulator .lightproject-sim-distribution__close:focus-visible {
  border-color: #70ad56;
  background: #eff9eb;
  color: #1f6b17;
}

.lightproject-simulator .lightproject-sim-distribution__direction {grid-area: direction;}
.lightproject-simulator .lightproject-sim-distribution__separation { grid-area: separation; }
.lightproject-simulator .lightproject-sim-distribution__hint { grid-area: hint; }
.lightproject-simulator .lightproject-sim-distribution__actions { grid-area: actions; }
.lightproject-simulator .lightproject-sim-distribution__stats { grid-area: stats; }
.lightproject-simulator .lightproject-sim-distribution__message { grid-area: message; }

.lightproject-simulator .lightproject-sim-distribution__intro strong {
  font-size: 14px;
}

.lightproject-simulator .lightproject-sim-distribution__intro small {
  font-size: 11px;
  text-transform: uppercase;
}

.lightproject-simulator .lightproject-sim-distribution__hint {
  max-width: none;
  font-size: 9px;
  line-height: 1.25;
}

.lightproject-simulator .lightproject-sim-distribution__direction {
  justify-content: flex-start;
}

.lightproject-simulator .lightproject-sim-distribution__direction > span {
  display: none;
}

.lightproject-simulator .lightproject-sim-distribution__separation {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: center;
  gap: 0px 10px;
  border: none;
  border-radius: 10px;
  color: #333333;
  font-size: 11px;
  font-weight: 800;
}

.lightproject-simulator .lightproject-sim-distribution__separation .lightproject-sim-stepper {
  grid-template-columns: 32px minmax(52px, 1fr) 32px;
  width: 100%;
  min-height: 24px;
}

.lightproject-simulator .lightproject-sim-distribution__separation .lightproject-sim-stepper[role="radiogroup"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lightproject-simulator .lightproject-sim-distribution__separation .lightproject-sim-stepper[role="radiogroup"] button {
  width: 100%;
}

.lightproject-simulator .lightproject-sim-distribution__separation .lightproject-sim-stepper button {
  width: 30px;
  height: 25px;
}

.lightproject-simulator .lightproject-sim-distribution__separation label {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  color: #48604c;
  cursor: pointer;
}

.lightproject-simulator .lightproject-sim-distribution__separation > span:not(.lightproject-sim-stepper),
.lightproject-simulator .lightproject-sim-distribution__separation > label {
  justify-self: start;
  text-align: left;
}

.lightproject-simulator .lightproject-sim-distribution__separation label input {
  width: 14px;
  height: 14px;
  margin: 0;
  accent-color: #50b428;
}

.lightproject-simulator .lightproject-sim-distribution__separation [data-distribution-spacing-control] {
  grid-column: 2;
  margin-bottom: 8px;
}

.lightproject-simulator .lightproject-sim-distribution__separation [data-distribution-spacing-control] > strong {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}

.lightproject-simulator .lightproject-sim-distribution__separation [data-distribution-spacing-control] input[type="number"] {
  width: 3ch;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: 1;
  text-align: right;
  appearance: textfield;
}

.lightproject-simulator .lightproject-sim-distribution__separation [data-distribution-spacing-control] input[type="number"]::-webkit-inner-spin-button,
.lightproject-simulator .lightproject-sim-distribution__separation [data-distribution-spacing-control] input[type="number"]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.lightproject-simulator .lightproject-sim-distribution__separation [data-distribution-spacing-control] input[type="number"]:focus-visible {
  outline: 2px solid rgba(80, 180, 40, 0.45);
  outline-offset: 1px;
}

.lightproject-simulator .lightproject-sim-distribution__separation .lightproject-sim-stepper button:disabled {
  opacity: 0.4;
  cursor: default;
}

.lightproject-simulator .lightproject-sim-distribution__separation [data-distribution-density] {
  width: 100%;
  color: #48604c;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.lightproject-simulator .lightproject-sim-distribution__separation [data-distribution-density][aria-pressed="true"] {
  background: #e9f6e2;
  color: #2f7b19;
}

.lightproject-simulator .lightproject-sim-distribution__actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 2fr));
  align-items: center;
  width: 100%;
}

.lightproject-simulator .lightproject-sim-distribution__actions button {
  width: 100%;
  min-height: 25px;
  padding: 1px 5px;
  font-size: 10px;
  text-transform: lowercase !important;
  font-family: "FeatureMono Bold", "DM Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lightproject-simulator .lightproject-sim-distribution__actions > button:only-child {
  grid-column: 1 / -1;
}

.lightproject-simulator .lightproject-sim-distribution__actions [data-distribution-action-group] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column: span 3;
  gap: 5px;
}

.lightproject-simulator .lightproject-sim-distribution__actions [data-distribution-action="delete"] {
  grid-column: span 1;
}

.lightproject-simulator .lightproject-sim-distribution__actions .lightproject-sim-icon-btn {
  justify-self: center;
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  padding: 0;
}

.lightproject-simulator .lightproject-sim-fixture-floating-panel {
  position: absolute;
  right: 15px;
  bottom: 30px;
  z-index: 7;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "intro"
    "separation"
    "hint";
  align-items: start;
  align-content: start;
  gap: 10px;
  width: min(240px, calc(100% - 20px));
  padding: 15px;
  border: 1px solid #333333;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 5px 5px 0px #3333;
  cursor: grab;
  touch-action: none;
}

.lightproject-simulator .lightproject-sim-fixture-floating-panel.is-dragging {
  cursor: grabbing;
  user-select: none;
}

.lightproject-simulator .lightproject-sim-fixture-floating-panel .lightproject-sim-distribution__separation {
  grid-template-columns: 25% minmax(0, 1fr);
}

.lightproject-simulator .lightproject-sim-fixture-floating-panel .lightproject-sim-distribution__separation > span:not(.lightproject-sim-stepper) {
  width: 100%;
  padding-left: 8px;
  text-align: left;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-annotation-floating-panel {
  width: min(330px, calc(100% - 20px));
  max-height: calc(100% - 20px);
  overflow: auto;
}

.lightproject-simulator .lightproject-sim-annotation-floating-panel__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.lightproject-simulator .lightproject-sim-annotation-floating-panel__fields label {
  display: grid;
  min-width: 0;
  gap: 3px;
  color: #333333;
  font-size: 10px;
  font-weight: 700;
}

.lightproject-simulator .lightproject-sim-annotation-floating-panel__fields label.is-wide {
  grid-column: 1 / -1;
}

.lightproject-simulator .lightproject-sim-annotation-floating-panel__fields input {
  width: 100%;
  min-width: 0;
  height: 30px;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-inline-catalog-item.is-selected-for-distribution {
  position: relative;
  border: 2px solid #3d9b1f !important;
  background: linear-gradient(180deg, #efffe8 0%, #d8f5cb 100%) !important;
}

.lightproject-simulator .lightproject-sim-inline-catalog-item.is-selected-for-distribution strong,
.lightproject-simulator .lightproject-sim-inline-catalog-item.is-selected-for-distribution small {
  color: #245f16 !important;
}

@media (max-width: 700px) {
  .lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-plan-footer.is-distribution-open {
    height: 82px;
    min-height: 82px;
    max-height: 82px;
  }

  .lightproject-simulator .lightproject-sim-plan-footer.is-distribution-open .lightproject-sim-plan-footer__panel--distribution.is-active {
    width: min(260px, 100%);
    height: auto;
    min-height: 0;
    max-height: none;
  }

  .lightproject-simulator .lightproject-sim-plan-footer.is-distribution-open .lightproject-sim-distribution {
    grid-template-columns: 1fr;
  }

  .lightproject-simulator .lightproject-sim-distribution__direction,
  .lightproject-simulator .lightproject-sim-distribution__actions {
    justify-content: flex-start;
  }
}

/* Catálogo del sembrado: ocho modelos por página, sin scroll interno. */
.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-inline-catalog {
  gap: 6px;
  padding-bottom: 0;
  border-bottom: 0;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-inline-catalog-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(4, minmax(0, 1fr));
  gap: 9px;
  height: 380px;
  max-height: 380px;
  padding: 5px;
  overflow: visible;
  box-sizing: border-box;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-inline-catalog-item {
  grid-template-rows: minmax(30px, 1fr) auto auto;
  gap: 5px;
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: auto;
  padding: 5px !important;
  border-radius: 10px !important;
}

.lightproject-simulator .lightproject-sim-inline-catalog-item__drawing {
  width: 36px;
  height: 36px;
  color: #50b428;
}

.lightproject-simulator .lightproject-sim-catalog-browser {
  position: relative;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  overflow: visible;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-editor-side .lightproject-sim-catalog-pagination__arrow {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 35px !important;
  min-width: 35px !important;
  max-width: 35px !important;
  height: 35px !important;
  min-height: 35px !important;
  padding: 0 !important;
  border: 0px !important;
  border-radius: 50% !important;
  background: transparent !important;
  cursor: pointer;
  transform: translateY(-50%);
}

.lightproject-simulator .lightproject-sim-catalog-pagination__arrow--previous {
  left: -20px;
}

.lightproject-simulator .lightproject-sim-catalog-pagination__arrow--next {
  right: -20px;
}

.lightproject-simulator .lightproject-sim-catalog-pagination__arrow span {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 0.75;
}

.lightproject-simulator .lightproject-sim-catalog-pagination__arrow:hover:not(:disabled) {
  border-color: #50b428 !important;
  color: #2e821a !important;
}

.lightproject-simulator .lightproject-sim-catalog-pagination__arrow:disabled {
  opacity: 0.35;
  cursor: default;
  transform: translateY(-50%) !important;
}

.lightproject-simulator .lightproject-sim-catalog-pagination__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  height: 18px;
  min-width: 0;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-editor-side .lightproject-sim-catalog-pagination__dot {
  flex: 0 0 8px;
  width: 8px !important;
  min-width: 8px !important;
  max-width: 8px !important;
  height: 8px !important;
  min-height: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #d4dbe1 !important;
  cursor: pointer;
  appearance: none;
  transition: background-color 160ms ease, transform 160ms ease;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-editor-side .lightproject-sim-catalog-pagination__dot.is-active {
  background: #50b428 !important;
  transform: scale(1.25);
}

/* Herramientas del sembrado: retículas compactas, sin tarjetas anidadas. */
.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-cad-section {
  gap: 6px;
  margin: 0;
  padding: 8px 0;
  border: 0;
  border-bottom: 1px solid #dbe4ee;
  border-radius: 0;
  background: transparent;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-cad-section:last-child {
  border-bottom: 0;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-cad-toolbar--four {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  margin: 0;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-cad-toolbar--four button {
  width: 100%;
  min-width: 0;
  padding-inline: 4px !important;
  min-height: 30px !important;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  line-height: 1.15 !important;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-cad-toolbar--snap {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  margin: 0;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-cad-toolbar--snap label {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 6px;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-cad-matrix {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-cad-matrix label {
  grid-column: span 2;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-cad-section .lightproject-sim-editor-card {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.lightproject-simulator .lightproject-sim-step--editor .lightproject-sim-cad-toolbar--align {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lightproject-simulator .lightproject-sim-annotation-toolbar {
  gap: 8px;
}

.lightproject-simulator .lightproject-sim-annotation-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.lightproject-simulator .lightproject-sim-annotation-actions button {
  display: grid;
  grid-template-rows: 22px auto;
  place-items: center;
  gap: 3px;
  min-width: 0;
  min-height: 52px;
  padding: 6px 4px !important;
  border: 1px solid #333 !important;
  border-radius: 11px !important;
  background: #fff !important;
  font-size: 10px !important;
  font-weight: 800;
}

.lightproject-simulator .lightproject-sim-annotation-actions button[aria-pressed="true"] {
  border-color: #50b428 !important;
  background: #effbe9 !important;
  color: #2e821a !important;
}

.lightproject-simulator .lightproject-sim-annotation-actions .lightproject-icon {
  width: 20px;
  height: 20px;
}

/* Altura externa unica del plugin; cada paso debe resolver overflow internamente. */
.lightproject-simulator-shell {
  --sim-shell-height: 900px;
  height: var(--sim-shell-height);
  min-height: var(--sim-shell-height);
  max-height: var(--sim-shell-height);
  grid-template-rows: minmax(0, 1fr);
  overflow: visible;
}

.lightproject-simulator,
.lightproject-simulator-root {
  height: 100%;
  min-height: 0;
  max-height: 100%;
}

.lightproject-simulator .lightproject-sim-card {
  height: 100%;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-body,
.lightproject-simulator .lightproject-sim-step {
  height: 100%;
  min-height: 0;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.lightproject-simulator .lightproject-sim-step--editor,
.lightproject-simulator .lightproject-sim-step--area-plan {
  min-height: 0;
  overflow: hidden;
}

.lightproject-simulator .lightproject-sim-card {
  min-height: 0;
  height: 100%;
  max-height: 100%;
}

.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-results-layout,
.lightproject-simulator .lightproject-sim-plan-layout {
  min-height: 0;
  height: 100%;
  max-height: 100%;
}

.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-results-stage,
.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-3d-wrap,
.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-3d,
.lightproject-simulator .lightproject-sim-step--results .lightproject-sim-top-wrap {
  min-height: 0 !important;
  height: 100% !important;
}

.lightproject-simulator .lightproject-sim-presentation-3d,
.lightproject-simulator .lightproject-sim-presentation-3d .lightproject-sim-3d {
  min-height: 0;
}

.lightproject-simulator .lightproject-sim-step-intro-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 62px;
  height: 28px;
  margin: 0 auto 24px;
  padding: 0 16px;
  border-radius: 999px;
  background: #618c8b;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  box-sizing: border-box;
}