/* STOCK_STEP4_FLAT_V22 — scoped to review step only. */
body[data-stock-step4-flat-v22="1"] {
  --stock-v22-paper: #fff;
  --stock-v22-separator: #e9edf1;
  background-color: var(--stock-v22-paper) !important;
}

/* The page, layout and parent wrappers share the same white surface. */
body[data-stock-step4-flat-v22="1"] :where(main, #mainContent, .wizard-shell, .wizard-main, .wizard-layout, .step-shell, .step-main, .review-shell, .review-layout, .publish-layout, .content-grid, .panel-grid, .main-column, .side-column) {
  background-color: var(--stock-v22-paper) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Remove nested panels, decorative outlines and shadows, not form controls. */
body[data-stock-step4-flat-v22="1"] main :where(
  .card-surface, .form-card, .section-card, .content-card, .wizard-card,
  .step-card, .review-card, .review-panel, .review-preview, .review-summary,
  .preview-card, .preview-panel, .summary-card, .checklist-card, .panel-card,
  .details-card, .detail-card, .notice-card, .info-card, .tip-card,
  .publish-card, .publish-panel, .card-panel, .glass-card
) {
  background-color: var(--stock-v22-paper) !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
}

/* The content sections breathe without looking like separate stacked boxes. */
body[data-stock-step4-flat-v22="1"] main :where(
  .card-surface, .form-card, .section-card, .content-card, .wizard-card,
  .step-card, .review-card, .review-panel, .review-summary, .preview-panel,
  .summary-card, .checklist-card, .panel-card, .details-card,
  .notice-card, .publish-card, .publish-panel
) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Keep subtle dividers between major consecutive review sections. */
body[data-stock-step4-flat-v22="1"] main :where(
  .card-surface, .section-card, .content-card, .wizard-card, .step-card,
  .review-panel, .review-card, .checklist-card, .summary-card
) + :where(
  .card-surface, .section-card, .content-card, .wizard-card, .step-card,
  .review-panel, .review-card, .checklist-card, .summary-card
) {
  border-top: 1px solid var(--stock-v22-separator) !important;
  margin-top: 14px !important;
  padding-top: 20px !important;
}

/* Quiet metadata rows; do not affect images, badges or buttons. */
body[data-stock-step4-flat-v22="1"] main :where(
  .review-row, .review-field, .review-item, .summary-row,
  .summary-item, .spec-row, .spec-item, .detail-row, .detail-item
) {
  box-shadow: none !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* No change to input borders, selected chips, submission buttons,
   alerts, focus indicators, step navigation, header, or bottom navbar. */
@media (max-width: 768px) {
  body[data-stock-step4-flat-v22="1"] main :where(
    .card-surface, .form-card, .section-card, .content-card, .wizard-card,
    .step-card, .review-panel, .review-card, .summary-card, .checklist-card
  ) {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}