/* STOCK_STEP3_FLAT_V21 */
body[data-stock-step3-flat-v21="1"] {
  --stock-v21-surface: #ffffff;
  --stock-v21-line: rgba(15, 23, 42, 0.08);
  --stock-v21-soft: rgba(239, 68, 68, 0.06);
}

body[data-stock-step3-flat-v21="1"] main,
body[data-stock-step3-flat-v21="1"] .page-shell,
body[data-stock-step3-flat-v21="1"] .dashboard-main,
body[data-stock-step3-flat-v21="1"] .wizard-shell,
body[data-stock-step3-flat-v21="1"] .wizard-layout,
body[data-stock-step3-flat-v21="1"] .step-shell,
body[data-stock-step3-flat-v21="1"] .step-main,
body[data-stock-step3-flat-v21="1"] .content-grid,
body[data-stock-step3-flat-v21="1"] .panel-grid,
body[data-stock-step3-flat-v21="1"] .main-column,
body[data-stock-step3-flat-v21="1"] .side-column {
  background: transparent !important;
  box-shadow: none !important;
}

body[data-stock-step3-flat-v21="1"] :where(
  .card-surface,
  .form-card,
  .notice-card,
  .progress-card,
  .updates-card,
  .panel,
  .panel-card,
  .content-card,
  .section-card,
  .wizard-card,
  .step-card,
  .path-card,
  .check-item,
  .upload-card,
  .helper-card,
  .intro-card,
  .detail-card,
  fieldset
) {
  background: var(--stock-v21-surface) !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body[data-stock-step3-flat-v21="1"] :where(
  .card-surface,
  .form-card,
  .notice-card,
  .progress-card,
  .updates-card,
  .panel,
  .panel-card,
  .content-card,
  .section-card,
  .wizard-card,
  .step-card,
  .path-card,
  .upload-card,
  .helper-card,
  .detail-card,
  fieldset
):not(:last-child) {
  border-bottom: 1px solid var(--stock-v21-line) !important;
}

body[data-stock-step3-flat-v21="1"] :where(.page-intro, .section-head, .wizard-header, .step-header) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-inline: 0 !important;
}

body[data-stock-step3-flat-v21="1"] :where(.card-surface, .form-card, .panel, .panel-card, .content-card, .section-card, .wizard-card, .step-card) {
  padding: 18px 0 !important;
}

body[data-stock-step3-flat-v21="1"] :where(label, .field-label, .section-title, h2, h3) {
  color: #111827;
}

body[data-stock-step3-flat-v21="1"] :where(input, select, textarea) {
  border-radius: 14px !important;
  border: 1px solid var(--stock-v21-line) !important;
  background: #fff !important;
  box-shadow: none !important;
}

body[data-stock-step3-flat-v21="1"] :where(input:focus, select:focus, textarea:focus) {
  border-color: rgba(239, 68, 68, 0.34) !important;
  box-shadow: 0 0 0 4px var(--stock-v21-soft) !important;
}

body[data-stock-step3-flat-v21="1"] :where(button, .button, .btn, .chip, .tag-button) {
  box-shadow: none !important;
}

body[data-stock-step3-flat-v21="1"] :where(.chip, .tag-button, .feature-chip, .step-chip) {
  border-radius: 999px !important;
  border: 1px solid var(--stock-v21-line) !important;
  background: #fff !important;
}

body[data-stock-step3-flat-v21="1"] :where(.actions-row, .wizard-actions, .footer-actions) {
  background: transparent !important;
  border-top: 1px solid var(--stock-v21-line) !important;
  padding-top: 18px !important;
}

@media (max-width: 768px) {
  body[data-stock-step3-flat-v21="1"] :where(.card-surface, .form-card, .panel, .panel-card, .content-card, .section-card, .wizard-card, .step-card) {
    padding: 16px 0 !important;
  }
}