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

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

.dashboard-welcome {
	display: grid;
	gap: var(--groowleck-space-2);
}

.dashboard-grid {
	display: grid;
	grid-template-columns: repeat(
		auto-fit,
		minmax(12rem, 1fr)
	);
	gap: var(--groowleck-space-5);
}

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

.dashboard-card--wide {
	display: grid;
	gap: var(--groowleck-space-4);
}

.dashboard-card__value {
	font-size: 2rem;
	font-weight: 700;
}

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

.dashboard-actions {
	display: grid;
	gap: var(--groowleck-space-4);
}

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

.dashboard-card progress {
	width: 100%;
}