.ggn-account-dashboard {
	display: grid;
	gap: var(--wp--preset--spacing--30);
}

.ggn-account-dashboard__greeting,
.ggn-account-dashboard__shortcut,
.ggn-account-dashboard__recent {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--card);
	padding: var(--wp--preset--spacing--card);
}

.ggn-account-dashboard__greeting {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--30);
	justify-content: space-between;
}

.ggn-account-dashboard__greeting h2,
.ggn-account-dashboard__greeting p {
	margin: 0;
}

.ggn-account-dashboard__greeting > div:first-child {
	min-width: 0;
	overflow-wrap: anywhere;
}

.ggn-account-dashboard__greeting h2 {
	font-size: var(--wp--preset--font-size--h-2);
	margin-bottom: var(--wp--preset--spacing--10);
}

.ggn-account-dashboard__greeting p,
.ggn-account-dashboard__shortcut span,
.ggn-account-dashboard__order-meta {
	color: var(--wp--preset--color--muted);
}

.ggn-account-dashboard__shortcuts {
	display: grid;
	gap: var(--wp--preset--spacing--card);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ggn-account-dashboard__shortcut {
	color: var(--wp--preset--color--text);
	display: grid;
	gap: var(--wp--preset--spacing--10);
	text-decoration: none;
}

.ggn-account-dashboard__shortcut:hover,
.ggn-account-dashboard__shortcut:focus-visible {
	border-color: var(--wp--preset--color--accent);
}

.ggn-account-dashboard__shortcut strong {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--card-title);
}

.ggn-account-dashboard__shortcut em {
	color: var(--wp--preset--color--accent);
	font-size: var(--wp--preset--font-size--small);
	font-style: normal;
	font-weight: 600;
}

.ggn-account-dashboard__recent {
	display: grid;
	gap: var(--wp--preset--spacing--card);
}

.ggn-account-dashboard__recent h3 {
	font-size: var(--wp--preset--font-size--card-title);
	margin: 0;
}

.ggn-account-dashboard__order {
	align-items: center;
	border-top: 1px solid var(--wp--preset--color--line);
	display: grid;
	gap: var(--wp--preset--spacing--card);
	grid-template-columns: auto minmax(0, 1fr) auto auto;
	padding-top: var(--wp--preset--spacing--card);
}

.ggn-account-dashboard__order-number {
	align-items: center;
	display: inline-flex;
	font-weight: 700;
	min-height: var(--wp--custom--control--size);
	text-decoration: none;
}

.ggn-account-dashboard__order-number:hover,
.ggn-account-dashboard__order-number:focus-visible {
	text-decoration: underline;
}

.ggn-account-dashboard__order-meta {
	font-size: var(--wp--preset--font-size--small);
	min-width: 0;
	overflow-wrap: anywhere;
}

.ggn-account-dashboard__total {
	white-space: nowrap;
}

.ggn-account-dashboard__empty {
	border-top: 1px solid var(--wp--preset--color--line);
	margin: 0;
	padding-top: var(--wp--preset--spacing--card);
}

.ggn-account-dashboard__empty a {
	align-items: center;
	display: inline-flex;
	min-height: var(--wp--custom--control--size);
}

@media (max-width: 781px) {
	.ggn-account-dashboard__shortcuts {
		grid-template-columns: minmax(0, 1fr);
	}

	.ggn-account-dashboard__order {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.ggn-account-dashboard__order-meta {
		grid-column: 1 / -1;
		grid-row: 2;
	}
}