/* Assistant AGEC Ready — styles encapsulés (écran admin uniquement).
   Pilotés par les tokens du design system (assets/css/agec-design-tokens.css,
   préfixe --agec-) : couleurs/rayons/espacements/ombres = source de vérité unique.
   Cohabite avec l'admin WP (chrome natif) ; accents verts réservés aux composants AGEC.
   A11y (cf. docs/design/brand-and-ux.md §5) : cibles tactiles ≥ 44px, focus visible. */
.agec-wizard {
	max-width: 720px;
	margin: var(--agec-space-6) auto;
}

.agec-wizard__steps {
	display: flex;
	gap: var(--agec-space-2);
	list-style: none;
	margin: 0 0 var(--agec-space-5);
	padding: 0;
}

.agec-wizard__step {
	flex: 1;
	display: flex;
	align-items: center;
	gap: var(--agec-space-2);
	padding: 10px var(--agec-space-3);
	border: var(--agec-border-width) solid var(--agec-color-hairline);
	border-radius: var(--agec-radius-sm);
	background: var(--agec-color-surface);
	color: var(--agec-color-muted);
	font-weight: var(--agec-weight-semibold);
}

.agec-wizard__step.is-current {
	background: var(--agec-color-surface);
	border-color: var(--agec-color-brand);
	color: var(--agec-color-heading);
	box-shadow: var(--agec-focus-ring-soft);
}

.agec-wizard__step.is-done {
	background: var(--agec-color-success-bg);
	border-color: var(--agec-green-300);
	color: var(--agec-color-success-strong);
}

.agec-wizard__dot {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--agec-color-bg);
	border: var(--agec-border-width) solid var(--agec-color-border);
	color: var(--agec-color-muted);
	font-size: var(--agec-text-xs);
}

.agec-wizard__step.is-current .agec-wizard__dot,
.agec-wizard__step.is-done .agec-wizard__dot {
	background: var(--agec-color-brand);
	border-color: var(--agec-color-brand);
	color: var(--agec-white);
}

.agec-wizard__card {
	background: var(--agec-color-surface);
	border: var(--agec-border-width) solid var(--agec-color-hairline);
	border-radius: var(--agec-radius-md);
	padding: 28px var(--agec-space-8);
	box-shadow: var(--agec-shadow-sm);
}

.agec-wizard__card h1 {
	font-size: var(--agec-text-xl);
	color: var(--agec-color-heading);
	margin-top: 0;
}

.agec-wizard__lead {
	font-size: var(--agec-text-base);
	color: var(--agec-color-muted);
}

.agec-wizard__list {
	margin: var(--agec-space-4) 0;
	padding-left: 18px;
}

.agec-wizard__list li {
	margin: 6px 0;
}

.agec-wizard__fieldset {
	border: 0;
	padding: 0;
	margin: var(--agec-space-4) 0;
	display: grid;
	gap: var(--agec-space-3);
}

.agec-wizard__toggle {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px; /* WCAG 2.1 AA 2.5.5 — cible tactile (label cliquable). */
	padding: var(--agec-space-3) 14px;
	border: var(--agec-border-width) solid var(--agec-color-border);
	border-radius: var(--agec-radius-sm);
	cursor: pointer;
	box-sizing: border-box;
}

.agec-wizard__toggle:hover {
	border-color: var(--agec-color-brand);
}

.agec-wizard__toggle:focus-within {
	border-color: var(--agec-color-brand);
	box-shadow: var(--agec-focus-ring);
}

.agec-wizard__legend {
	font-weight: var(--agec-weight-semibold);
	color: var(--agec-color-heading);
	padding: 0;
	margin-bottom: var(--agec-space-1);
}

.agec-wizard__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--agec-space-3);
	min-height: 44px; /* cible tactile : le select reste atteignable au doigt. */
	padding: var(--agec-space-2) 14px;
	border: var(--agec-border-width) solid var(--agec-color-hairline);
	border-radius: var(--agec-radius-sm);
	box-sizing: border-box;
}

.agec-wizard__row:focus-within {
	border-color: var(--agec-color-brand);
	box-shadow: var(--agec-focus-ring);
}

.agec-wizard__row-label {
	color: var(--agec-color-heading);
}

.agec-wizard__row select {
	min-width: 220px;
}

.agec-wizard__cat-name {
	font-weight: var(--agec-weight-semibold);
}

.agec-wizard__cat-meta {
	margin-left: auto;
	color: var(--agec-color-muted);
	font-size: var(--agec-text-xs);
}

.agec-wizard__empty {
	padding: var(--agec-space-4);
	background: var(--agec-color-bg);
	border-radius: var(--agec-radius-sm);
	color: var(--agec-color-muted);
}

/* Confirmation d'enregistrement de l'étape précédente (QR-16) — feedback immédiat, annoncé (role=status). */
.agec-wizard__saved {
	margin: 0 0 var(--agec-space-3);
	padding: var(--agec-space-2) var(--agec-space-4);
	background: var(--agec-color-success-bg);
	color: var(--agec-color-success-strong);
	border-radius: var(--agec-radius-sm);
	font-weight: var(--agec-weight-medium);
	max-width: 720px;
}

.agec-wizard__upsell {
	margin: var(--agec-space-4) 0 0;
	padding: 14px var(--agec-space-4);
	border: var(--agec-border-width) solid var(--agec-gold-400);
	background: var(--agec-color-premium-bg);
	border-radius: var(--agec-radius-sm);
}

.agec-wizard__upsell p {
	margin: 6px 0;
}

.agec-wizard__actions {
	margin-top: var(--agec-space-6);
	display: flex;
	gap: 10px;
	align-items: center;
}

/* Boutons WP natifs (cohabitation) portés à la cible tactile 44px (2.5.5). */
.agec-wizard .button {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* ----- Écran « Terminé » : succès valorisé (aha) + upsell art. 13 + amorce veille ----- */
.agec-wizard__done {
	display: grid;
	gap: var(--agec-space-5);
}

.agec-wizard__done-head {
	display: flex;
	align-items: center;
	gap: var(--agec-space-4);
}

.agec-wizard__done-mark {
	flex: none;
	width: 56px;
	height: 56px;
	border-radius: var(--agec-radius-lg);
	background: linear-gradient(160deg, var(--agec-green-700), var(--agec-green-900));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--agec-shadow-md);
}

.agec-wizard__done-mark svg {
	width: 34px;
	height: 34px;
	color: var(--agec-white); /* la coche (stroke=currentColor) hérite du blanc via ce token, pas de couleur en dur */
}

.agec-wizard__done-title {
	margin: 0;
	font-family: var(--agec-font-display);
	font-size: var(--agec-text-2xl);
	color: var(--agec-color-heading);
}

.agec-wizard__done-lead {
	margin: var(--agec-space-1) 0 0;
	font-size: var(--agec-text-md);
	color: var(--agec-color-body);
}

.agec-wizard__done-kpi {
	font-family: var(--agec-font-display);
	font-weight: var(--agec-weight-xbold);
	color: var(--agec-color-brand);
}

/* Dans l'écran « Terminé », l'espacement vient de la grille (.agec-wizard__done) : pas de marge en plus. */
.agec-wizard__done .agec-wizard__actions {
	margin-top: 0;
}

.agec-wizard__checks {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--agec-space-2);
}

.agec-wizard__check {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: var(--agec-color-body);
}

.agec-wizard__check-ic {
	flex: none;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	color: var(--agec-color-success);
}

.agec-wizard__check--pending {
	color: var(--agec-color-muted);
}

.agec-wizard__check-ic--pending {
	color: var(--agec-color-muted);
}

/* Eyebrow + CTA de l'upsell art. 13 (réutilise .agec-wizard__upsell, fond/bordure or). */
.agec-wizard__upsell-eyebrow {
	margin: 0 0 var(--agec-space-1);
	font-size: var(--agec-text-xs);
	font-weight: var(--agec-weight-bold);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--agec-color-premium-text);
}

.agec-wizard__upsell-cta {
	align-self: flex-start;
	margin-top: var(--agec-space-2);
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--agec-color-premium);
	border-color: var(--agec-color-premium);
	color: var(--agec-white);
	text-decoration: none;
}

.agec-wizard__upsell-cta:hover,
.agec-wizard__upsell-cta:focus {
	background: var(--agec-gold-800);
	border-color: var(--agec-gold-800);
	color: var(--agec-white);
}

.agec-wizard__veille {
	display: flex;
	align-items: center;
	gap: var(--agec-space-3);
	padding: 14px var(--agec-space-4);
	border: var(--agec-border-width) solid var(--agec-color-hairline);
	border-left: 4px solid var(--agec-color-brand);
	border-radius: var(--agec-radius-sm);
	background: var(--agec-color-success-bg);
}

.agec-wizard__veille-ic {
	flex: none;
	width: 40px;
	height: 40px;
	border-radius: var(--agec-radius-md);
	background: var(--agec-white);
	color: var(--agec-color-brand);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.agec-wizard__veille-ic svg {
	width: 22px;
	height: 22px;
}

.agec-wizard__veille-text {
	margin: 0;
	flex: 1;
	color: var(--agec-color-body);
}

.agec-wizard__veille-text strong {
	color: var(--agec-color-heading);
}

.agec-wizard__veille-date {
	flex: none;
	font-family: var(--agec-font-mono);
	font-size: var(--agec-text-xs);
	color: var(--agec-color-muted);
	white-space: nowrap;
}

@media (max-width: 600px) {
	.agec-wizard__steps {
		flex-direction: column;
	}

	.agec-wizard__veille {
		flex-wrap: wrap;
	}

	.agec-wizard__veille-date {
		flex-basis: 100%;
	}
}