/* Configurators rendered inside the right-hand workspace panel stay on one white canvas. */
[data-inline-configurator],
[data-inline-configurator] > *,
[data-inline-configurator] > * > header,
[data-inline-configurator] > * > footer,
[data-inline-configurator] > * > section,
[data-inline-configurator] > * > div,
[data-inline-configurator] aside {
  background-color: #fff !important;
}

/* Remove the large cream surfaces used by the former standalone modal layout. */
[data-inline-configurator] [class*="bg-[#fffdf9]"],
[data-inline-configurator] [class*="bg-[#faf7f2]"],
[data-inline-configurator] [class*="bg-[#f7f3ec]"],
[data-inline-configurator] [class*="bg-[#f6f2eb]"],
[data-inline-configurator] [class*="bg-[#fbf8f3]"],
[data-inline-configurator] [class*="bg-[#f5f0e8]"] {
  background-color: #fff !important;
}

[data-inline-configurator] input,
[data-inline-configurator] select,
[data-inline-configurator] textarea {
  background-color: #fff !important;
}

/* Keep the configurator compact inside the existing floating panel. */
[data-inline-configurator] [data-configurator-hub] {
  min-height: 0;
  overflow: hidden;
}

[data-inline-configurator] [data-configurator-card="pool"] {
  display: flex !important;
  visibility: visible !important;
}

@media (max-width: 720px) {
  [data-inline-configurator] [data-configurator-hub] > div > div {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}