/**
 * Responsive spawn dialog layout.
 *
 * The shared offcanvas shell provides the viewport shell while the form body
 * takes the remaining space and the action row stays compact and stable.
 */
.wm-spawn-form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  height: 100%;
  min-height: 0;
  max-height: none;
  padding: 0.75rem 0.75rem 0.85rem;
  overflow: hidden;
  color: var(--wm-color-popup-text, var(--wm-color-menu-text));
  box-sizing: border-box;
}

.wm-spawn-form__body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: 0.75rem 0.85rem;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  padding: 0.1rem 0.05rem 0.1rem;
  overflow: auto;
  align-content: start;
  scrollbar-gutter: stable both-edges;
}

.wm-spawn-form__body > *,
.wm-spawn-form__body > .form-item,
.wm-spawn-form__body > .js-form-wrapper,
.wm-spawn-form__body > details,
.wm-spawn-form__body > .container-inline {
  min-width: 0;
}

.wm-spawn-form__full,
.wm-spawn-form__messages,
.wm-spawn-form__section,
.wm-spawn-form__footer {
  grid-column: 1/-1;
}

.wm-spawn-form__messages {
  margin: 0;
}

.wm-spawn-form .form-item {
  margin: 0;
}

.wm-spawn-form__body .form-item {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.wm-spawn-form__body .form-item label,
.wm-spawn-form__body .form-wrapper > label,
.wm-spawn-form__body legend {
  margin-bottom: 0.2rem;
  color: var(--wm-color-popup-text, var(--wm-color-menu-text));
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.2;
}

.wm-spawn-form__body .form-item .description,
.wm-spawn-form__body .fieldset-wrapper > .description {
  margin-top: 0.25rem;
  color: var(--wm-color-menu-header);
  font-size: 0.75rem;
  line-height: 1.35;
}

.wm-spawn-form__body .form-text,
.wm-spawn-form__body .form-number,
.wm-spawn-form__body .form-select,
.wm-spawn-form__body textarea {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--wm-color-border-subtle);
  border-radius: var(--wm-radius-md, 0.375rem);
  background: color-mix(in srgb, var(--wm-color-surface-dark-950) 97%, var(--wm-color-surface-dark-700) 3%);
  color: var(--wm-color-popup-text, var(--wm-color-menu-text));
  box-shadow: inset 0 1px 0 var(--wm-overlay-white-04);
}

.wm-spawn-form__body .form-text:focus,
.wm-spawn-form__body .form-number:focus,
.wm-spawn-form__body .form-select:focus,
.wm-spawn-form__body textarea:focus {
  border-color: var(--wm-color-selection-stroke);
  box-shadow: 0 0 0 2px var(--wm-overlay-accent-35);
  outline: none;
}

.wm-spawn-form__body .form-number::-webkit-outer-spin-button,
.wm-spawn-form__body .form-number::-webkit-inner-spin-button {
  margin: 0;
}

.wm-spawn-form__body .select2-container--bootstrap-5 {
  width: 100% !important;
}

.wm-spawn-form__body .select2-container--bootstrap-5 .select2-selection--single {
  min-height: 2.75rem;
  height: auto;
  padding: 0.35rem 0.75rem;
  border: 1px solid var(--wm-color-border-subtle);
  border-radius: var(--wm-radius-md, 0.375rem);
  background: color-mix(in srgb, var(--wm-color-surface-dark-950) 97%, var(--wm-color-surface-dark-700) 3%);
  box-shadow: inset 0 1px 0 var(--wm-overlay-white-04);
}

.wm-spawn-form__body .select2-container--bootstrap-5 .select2-selection__rendered {
  color: var(--wm-color-popup-text, var(--wm-color-menu-text));
}

.wm-spawn-form__body .select2-container--bootstrap-5.select2-container--focus .select2-selection--single,
.wm-spawn-form__body .select2-container--bootstrap-5.select2-container--open .select2-selection--single {
  border-color: var(--wm-color-selection-stroke);
  box-shadow: 0 0 0 2px var(--wm-overlay-accent-35);
}

.wm-spawn-form__section {
  margin: 0;
  border: 1px solid var(--wm-overlay-white-10);
  border-radius: var(--wm-radius-lg, 0.5rem);
  background: linear-gradient(180deg, color-mix(in srgb, var(--wm-color-surface-dark-900) 88%, transparent), color-mix(in srgb, var(--wm-color-surface-dark-950) 96%, transparent));
  box-shadow: inset 0 1px 0 var(--wm-overlay-white-04);
  overflow: hidden;
}

.wm-spawn-form__section > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.8rem 0.95rem;
  color: var(--wm-color-selection-text, var(--wm-color-blue-200));
  font-size: 0.95rem;
  font-weight: 700;
  border-bottom: 1px solid var(--wm-overlay-white-08);
}

.wm-spawn-form__section[open] > summary {
  margin-bottom: 0.25rem;
}

.wm-spawn-form__section > :not(summary) {
  padding: 0 0.95rem 0.9rem;
}

.wm-spawn-form__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  flex: 0 0 auto;
  margin: 0;
  padding: 0.7rem 0.85rem 0.65rem;
  border-top: 1px solid var(--wm-overlay-white-08);
  background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--wm-color-surface-dark-900) 92%, transparent) 28%);
  box-shadow: 0 -12px 24px var(--wm-overlay-black-16);
}

.wm-spawn-form__actions .button {
  min-width: 8.5rem;
}

#wm-offcanvas.is-s .wm-spawn-form,
#wm-offcanvas.is-m .wm-spawn-form {
  gap: 0.65rem;
  padding: 0.65rem 0.65rem 0.75rem;
  max-height: calc(100vh - 9.5rem);
}

#wm-offcanvas.is-s .wm-spawn-form__body,
#wm-offcanvas.is-m .wm-spawn-form__body {
  grid-template-columns: 1fr;
  gap: 0.65rem;
  padding: 0.05rem;
}

#wm-offcanvas.is-l .wm-spawn-form,
#wm-offcanvas.is-xl .wm-spawn-form {
  height: 100%;
}

#wm-offcanvas.is-l .wm-spawn-form__body,
#wm-offcanvas.is-xl .wm-spawn-form__body {
  gap: 0.8rem 0.95rem;
}

#wm-offcanvas.is-l .wm-spawn-form__body {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#wm-offcanvas.is-xl .wm-spawn-form__body {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#wm-offcanvas.is-s .wm-spawn-form__footer,
#wm-offcanvas.is-m .wm-spawn-form__footer {
  padding: 0.55rem 0.65rem 0.6rem;
  flex-direction: column;
  align-items: stretch;
}

#wm-offcanvas.is-s .wm-spawn-form__actions .button,
#wm-offcanvas.is-m .wm-spawn-form__actions .button {
  width: 100%;
  min-width: 0;
}

@media (max-width: 575.98px) {
  .wm-spawn-form__body {
    gap: 0.65rem 0.7rem;
  }
  .wm-spawn-form__footer {
    padding: 0.55rem 0.7rem 0.7rem;
  }
}

/*# sourceMappingURL=spawn-form.css.map */