/**
 * CRIEMUS — F6-04A — onboarding público controlado.
 */

.criemus-onboarding-public {
    margin: 1.35rem 0 1rem;
    padding: 1.15rem;
    border: 1px solid currentColor;
    border-radius: 10px;
}

.criemus-onboarding-public legend {
    padding: 0 0.4rem;
    font-weight: 700;
}

.criemus-onboarding-public__staging {
    display: inline-block;
    margin: 0 0 1rem;
    padding: 0.35rem 0.55rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.criemus-onboarding-public__field {
    margin: 1rem 0;
}

.criemus-onboarding-public__field label {
    display: block;
    margin-bottom: 0.35rem;
}

.criemus-onboarding-public__field input {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

.criemus-onboarding-public__help,
.criemus-onboarding-public__legal-note {
    margin: 0.4rem 0 0;
    font-size: 0.9rem;
    line-height: 1.5;
    opacity: 0.85;
}

.criemus-onboarding-public__check {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin: 1rem 0;
    line-height: 1.45;
}

.criemus-onboarding-public__check input {
    flex: 0 0 auto;
    margin-top: 0.2rem;
}

.criemus-onboarding-public__guardian,
.criemus-onboarding-public__protection {
    margin-top: 1.2rem;
    padding-top: 1rem;
    border-top: 1px solid currentColor;
}

.criemus-onboarding-public__guardian h3 {
    margin: 0 0 0.35rem;
}

.criemus-onboarding-public__protection p {
    margin-bottom: 0;
}

/* LAYOUT-02.2 — Design System DARK oficial. */
.criemus-onboarding-public {
    border-color: var(--criemus-border-medium, rgba(242, 242, 238, 0.24));
    background: var(--criemus-surface-raised, #1A1D1F);
    color: var(--criemus-text-primary, #F2F2EE);
    font-family: var(--criemus-font-family-base, "Carlito", Sans-Serif);
    font-size: var(--criemus-font-size-base, 18px);
}

.criemus-onboarding-public legend,
.criemus-onboarding-public__guardian h3 {
    color: var(--criemus-color-yellow-action, #FDFB5D);
}

.criemus-onboarding-public__staging {
    border-color: var(--criemus-color-gold, #DFD486);
    color: var(--criemus-color-yellow-action, #FDFB5D);
}

.criemus-onboarding-public__guardian,
.criemus-onboarding-public__protection {
    border-color: var(--criemus-border-subtle, rgba(242, 242, 238, 0.14));
}


/* v03.3.07.9.4 — confirmação segura ao reutilizar Responsável existente. */
.criemus-onboarding-public__identity-warning {
    margin: 1rem 0;
    padding: 0.9rem 1rem;
    border: 1px solid var(--criemus-color-gold, #DFD486);
    border-radius: 10px;
    background: var(--criemus-surface-base, #151719);
}

.criemus-onboarding-public__identity-warning > strong {
    color: var(--criemus-color-yellow-action, #FDFB5D);
}

.criemus-onboarding-public__identity-warning > p {
    margin: 0.45rem 0 0;
    line-height: 1.5;
}

.criemus-onboarding-public__identity-warning .criemus-onboarding-public__check {
    margin-bottom: 0;
}

/* v03.3.07.9.4.1 — alerta de identidade com destaque de erro e ancoragem de scroll. */
.criemus-onboarding-public__identity-warning {
    border-color: var(--criemus-color-danger, #ff6b6b);
    scroll-margin-top: 2rem;
}

.criemus-onboarding-public__identity-warning > strong {
    color: var(--criemus-color-danger, #ff6b6b);
}

.criemus-onboarding-public__identity-warning:focus {
    outline: 2px solid var(--criemus-color-danger, #ff6b6b);
    outline-offset: 3px;
}