@layer supplier-legacy {
/* Marketplace onboarding: scoped to the new supplier page. */
.onboarding-page { display: grid; align-content: start; gap: 1.25rem; color: var(--supplier-text); }
.supplier-page-shell.onboarding-page { padding-top: 0; }
.onboarding-page h2 { margin-top: 0; margin-bottom: 0; font-size: 1.5rem; font-weight: 800; }
.onboarding-page h3, .onboarding-page dt { font-weight: 700; }
.onboarding-page a { text-decoration: underline; }
.onboarding-page button { padding: .7rem 1rem; border-radius: .8rem; background: var(--supplier-primary); color: var(--supplier-button-text); font-weight: 700; }
.onboarding-page button:disabled { opacity: .5; }
.onboarding-filters, .onboarding-form { display: flex; flex-wrap: wrap; align-items: end; gap: 1rem; }
.onboarding-page label { display: grid; gap: .35rem; }
.onboarding-page input:not([type=checkbox]), .onboarding-page select { border: 1px solid var(--supplier-border); border-radius: .5rem; padding: .65rem; background: var(--supplier-surface); color: var(--supplier-text); max-width: 100%; }
.onboarding-page .onboarding-check { display: flex; align-items: center; width: 100%; }
.onboarding-fields { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 1rem; }
.onboarding-fields dd { white-space: pre-wrap; overflow-wrap: anywhere; }
.onboarding-table { overflow-x: auto; }
.onboarding-table table { width: 100%; border-collapse: collapse; }
.onboarding-table th, .onboarding-table td { padding: .75rem; text-align: left; border-bottom: 1px solid var(--supplier-border); }
.onboarding-error { padding: 1rem; background: var(--supplier-danger-bg); color: var(--supplier-danger-text); border-radius: .75rem; }
.onboarding-success { padding: 1rem; background: var(--supplier-success-bg); color: var(--supplier-success-text); border-radius: .75rem; }

}