/**
 * Perfil del usuario.
 *
 * @package Groowleck
 */

.user-profile {
	display: grid;
	gap: var(--groowleck-space-8);
	padding-block: var(--groowleck-space-10);
}

.profile-summary,
.profile-completion,
.profile-form,
.profile-message,
.profile-access-required {
	display: grid;
	gap: var(--groowleck-space-4);
	padding: var(--groowleck-space-6);
	border: 1px solid currentColor;
	border-radius: var(--groowleck-radius-lg);
}

.profile-form {
	gap: var(--groowleck-space-6);
}

.profile-section {
	display: grid;
	gap: var(--groowleck-space-4);
	padding: var(--groowleck-space-5);
}

.profile-section label {
	display: grid;
	gap: var(--groowleck-space-2);
}

.profile-section input,
.profile-section textarea {
	width: 100%;
}

.profile-completion progress {
	width: 100%;
}