/* Shared profile form feedback; loaded like the existing cropper stylesheet. */
body.profil-body:has(.profil-form--edit) {
    overflow-x: clip;
    overflow-y: visible;
}
body.profil-body .profil-form--edit .profil-card--edit.vn-profile-page {
    width: 100%;
    max-width: 100%;
    overflow: visible;
}
body.profil-body .profil-form--edit .profil-edit-toolbar {
    position: sticky;
    top: var(--profil-toolbar-top, 8px);
    z-index: 30;
    padding: 8px 0;
    background: #15191d;
}
body.profil-body .profil-edit-toolbar > button {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 6px;
}
body.profil-body .profil-edit-toolbar [data-profile-section-select] {
    flex: 0 0 220px;
    width: 220px;
    min-height: 44px;
}
body.profil-body [data-profile-module] {
    scroll-margin-top: calc(var(--profil-toolbar-top, 8px) + 90px);
}
body.profil-body .profil-field-error {
    margin: 5px 0 0;
    color: #ffaaa0;
    font-size: .85rem;
    overflow-wrap: anywhere;
}
body.profil-body .profil-form [aria-invalid="true"] {
    border-color: #ffaaa0;
}
body.profil-body .profil-form .profil-required-label:has(> small)::after {
    content: none;
}
body.profil-body .profil-place-candidates {
    grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr));
}
body.profil-body .profil-create-errorbox {
    box-sizing: border-box;
    max-width: 100%;
}
body.profil-body .profil-edit-toolbar [data-profile-save-status] {
    white-space: normal;
    min-width: 0;
    font-size: .85rem;
}
@media (max-width: 600px) {
    body.profil-body .profil-edit-toolbar [data-profile-section-select] {
        flex-basis: 190px;
        width: 190px;
    }
}