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

.user-account {
	display: grid;
	gap: var(--groowleck-space-8);
}

.account-navigation ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--groowleck-space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.account-panel,
.account-empty-state {
	padding: var(--groowleck-space-6);
	border: 1px solid currentColor;
	border-radius: var(--groowleck-radius-lg);
}

.account-summary {
	display: grid;
	gap: var(--groowleck-space-3);
}

.account-summary > div {
	display: grid;
	grid-template-columns: minmax(8rem, 12rem) 1fr;
	gap: var(--groowleck-space-4);
}

.account-summary dd {
	margin: 0;
}

.account-list {
	display: grid;
	gap: var(--groowleck-space-3);
	margin: 0;
	padding-inline-start: var(--groowleck-space-5);
}

.account-download {
	margin-block: var(--groowleck-space-4);
}