/*
 * Espace client. Même système graphique que le site public, densité plus forte
 * et fond distinct pour signaler qu'on est dans un espace privé.
 */

.finpro-account {
	background: var(--finpro-background);
	min-height: 60vh;
}

.finpro-account__greeting {
	font-family: var(--finpro-font-display);
	font-size: var(--finpro-size-h2);
	font-weight: 600;
	color: var(--finpro-secondary);
	margin-bottom: 0.25rem;
}

.finpro-account__intro {
	color: var(--finpro-muted);
	margin-bottom: var(--finpro-gap-loose);
}

.finpro-account__layout {
	display: grid;
	gap: clamp(1.5rem, 1rem + 2vw, 2.5rem);
}

@media (min-width: 60rem) {
	.finpro-account__layout { grid-template-columns: 15rem 1fr; align-items: start; }
}

.finpro-account__nav {
	position: sticky;
	top: 6rem;
	display: grid;
	gap: 0.25rem;
}

.finpro-account__nav a {
	display: block;
	padding: 0.625rem 0.875rem;
	border-radius: var(--finpro-radius-control);
	color: var(--finpro-secondary);
	text-decoration: none;
}

.finpro-account__nav a[aria-current="page"] {
	background: var(--finpro-surface);
	border: 1px solid var(--finpro-border);
	font-weight: 600;
}

.finpro-account__empty {
	background: var(--finpro-surface);
	border: 1px dashed var(--finpro-border);
	border-radius: var(--finpro-radius-card);
	padding: clamp(1.5rem, 1rem + 2vw, 2.5rem);
	color: var(--finpro-muted);
}

@media (max-width: 60rem) {
	.finpro-account__nav { position: static; grid-auto-flow: column; overflow-x: auto; }
}