/* STOCK_STEP2_FLAT_V20 — STEP 2 ONLY. Visual wrappers, not form logic. */
body[data-stock-step2-flat-v20="1"] {
  --s20-canvas: #ffffff;
  --s20-divider: #e9edf1;
}
html[data-theme="dark"] body[data-stock-step2-flat-v20="1"],
body.dark-mode[data-stock-step2-flat-v20="1"],
body[data-theme="dark"][data-stock-step2-flat-v20="1"] {
  --s20-canvas: #171e28;
  --s20-divider: #344150;
}
/* One seamless surface, without changing positioning/grid or wizard controls. */
body[data-stock-step2-flat-v20="1"] {
  background-color: var(--s20-canvas) !important;
  background-image: none !important;
}
body[data-stock-step2-flat-v20="1"] main,
body[data-stock-step2-flat-v20="1"] main :is(
  .wizard-shell, .wizard-layout, .wizard-main, .wizard-content,
  .step-shell, .step-layout, .step-content, .step-main,
  .publish-layout, .publish-content, .form-layout, .form-content,
  .category-layout, .location-layout, .condition-layout
) {
  background-color: var(--s20-canvas) !important;
  background-image: none !important;
  box-shadow: none !important;
  min-width: 0;
}
/* Flatten presentation containers. Preserve individual selectable category/condition
   items, dropdowns, map canvases, popups, and drag/interaction targets. */
body[data-stock-step2-flat-v20="1"] main :is(
  section.card-surface, article.card-surface, div.card-surface,
  section.form-card, div.form-card,
  .wizard-card, .wizard-panel, .wizard-form-card,
  .step-card, .step-panel, .step-form-card,
  .form-panel, .form-section, .section-card, .content-card,
  .category-section, .category-panel,
  .location-section, .location-panel,
  .condition-section, .condition-panel,
  .map-section, .map-panel,
  .geo-section, .geo-panel, .help-panel, .tips-panel
):not([role="option"]):not([role="button"]):not([class*="option-card"]):not([class*="choice-card"]):not([class*="category-card"]):not([class*="condition-card"]):not([class*="map-card"]):not([class*="preview-card"]):not([class*="modal"]):not([class*="dropdown"]):not([class*="dropzone"]):not([class*="picker-item"]) {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  backdrop-filter: none !important;
}
/* Remove the large exterior floating frames regardless of their revision names. */
body[data-stock-step2-flat-v20="1"] main > :is(section, article),
body[data-stock-step2-flat-v20="1"] main > div > :is(section, article),
body[data-stock-step2-flat-v20="1"] main form > :is(section, article),
body[data-stock-step2-flat-v20="1"] main :is(
  .wizard-sections, .step-sections, .form-sections,
  .wizard-layout, .step-layout, .wizard-grid, .step-grid
) > :is(section, article) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
  border-radius: 0 !important;
}
/* Replace repeated frame edges with subtle section rules. */
body[data-stock-step2-flat-v20="1"] main :is(
  .form-card, .wizard-card, .step-card, .wizard-panel, .step-panel,
  .form-section, .category-section, .location-section, .condition-section
) + :is(
  .form-card, .wizard-card, .step-card, .wizard-panel, .step-panel,
  .form-section, .category-section, .location-section, .condition-section
) {
  border-top: 1px solid var(--s20-divider) !important;
  padding-top: clamp(18px, 2.3vw, 26px) !important;
  margin-top: clamp(10px, 1.6vw, 18px) !important;
}
/* Semantic fieldsets should not look like a second nested card. */
body[data-stock-step2-flat-v20="1"] main fieldset:not([class*="drop"]):not([class*="picker"]) {
  box-shadow: none !important;
  border-color: transparent !important;
}
/* Never reset inputs, select lists, interactive category tiles, map surfaces,
   selected states, buttons, progress steps or sticky navigation. */
@media (max-width: 780px) {
  body[data-stock-step2-flat-v20="1"] main { min-width: 0; max-width: 100%; }
  body[data-stock-step2-flat-v20="1"] main :is(
    .wizard-card, .step-card, .form-card, .wizard-panel,
    .step-panel, .form-section, .category-section,
    .location-section, .condition-section
  ) { padding-inline: clamp(0px, 1vw, 8px) !important; }
}