/* Numbered form steps (1, 2, 3...) shared by the cadastro screens: bordered block, round number, title and hint. */
.form-step {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    padding: 14px;
    margin-bottom: 14px
}

.form-step-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px
}

.form-step-title>span {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--accent-soft);
    color: var(--accent-text);
    font: 700 10px 'Manrope', sans-serif;
    flex-shrink: 0
}

.form-step-title strong {
    display: block;
    font-size: 11px;
    color: var(--text-2)
}

.form-step-title small {
    display: block;
    font-size: 8px;
    color: var(--text-faint);
    margin-top: 3px
}

.form-step .user-field {
    margin: 0
}

.form-step>.user-fields+.user-field,
.form-step>.user-field+.user-field {
    margin-top: 12px
}

.form-step>.user-field:first-of-type {
    margin-top: 0
}

.form-step>.permission-option {
    margin-top: 12px
}

.form-step-title>.form-step-count {
    margin-left: auto;
    font-style: normal;
    font-size: 8px;
    color: var(--text-muted);
    white-space: nowrap
}