/* KMH Marketplace public account setup and front Admin invitation screens. */
.kmh-marketplace-onboarding {
    box-sizing: border-box;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 2rem 1rem;
}
.kmh-marketplace-onboarding h1 {
    margin: 0 0 1rem;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.15;
    overflow-wrap: anywhere;
}
body.admin-bar .kmh-marketplace-onboarding {
    margin-top: 32px;
}
.kmh-marketplace-onboarding > p,
.kmh-marketplace-onboarding .kmh-marketplace-card,
.kmh-onboarding-form { margin: 1rem 0; }
.kmh-marketplace-onboarding .kmh-marketplace-card,
.kmh-onboarding-form { padding: 1.25rem; border: 1px solid #d9e0e5; border-radius: .5rem; background: #fff; }
.kmh-onboarding-form,
.kmh-onboarding-form *,
.kmh-marketplace-onboarding .kmh-marketplace-card {
    box-sizing: border-box;
    min-width: 0;
}
.kmh-onboarding-form label { display: block; margin: .8rem 0; font-weight: 600; }
.kmh-onboarding-form input:not([type=checkbox]),
.kmh-onboarding-form select,
.kmh-onboarding-form textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-top: .35rem;
}
.kmh-onboarding-form fieldset {
    width: 100%;
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid #d9e0e5;
    border-radius: .5rem;
}
.kmh-onboarding-form fieldset legend { padding: 0 .25rem; }
.kmh-onboarding-form fieldset p { margin: .75rem 0 1rem; }
.kmh-onboarding-form fieldset label {
    display: block;
    margin: .8rem 0;
    font-weight: 400;
    line-height: 1.45;
}
.kmh-onboarding-form fieldset label > input[type=checkbox] {
    width: auto;
    margin: 0 .4rem 0 0;
    vertical-align: middle;
}
.kmh-onboarding-area { margin-left: 1.5rem !important; }
.kmh-onboarding-inline-form { display: inline-flex; align-items: center; gap: .6rem; margin-left: 1rem; }
.kmh-onboarding-inline-form label { margin: 0; }
.kmh-onboarding-optin { border-style: dashed; }
.kmh-marketplace-onboarding .kmh-business-error { color: #8a1f11; }

@media (max-width: 600px) {
    .kmh-marketplace-onboarding {
        padding: 1.5rem .75rem;
    }
    .kmh-onboarding-form,
    .kmh-marketplace-onboarding .kmh-marketplace-card {
        padding: 1rem;
    }
    .kmh-onboarding-form fieldset { padding: .75rem; }
}
@media (max-width: 782px) {
    body.admin-bar .kmh-marketplace-onboarding {
        margin-top: 46px;
    }
}

.kmh-work-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.kmh-work-choices .kmh-marketplace-card { margin: 0; }
@media (max-width: 600px) { .kmh-work-choices { grid-template-columns: 1fr; } }
