/* Tableau de bord 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-).
   Cohabite avec l'admin WP (chrome natif) ; accents verts/or réservés aux composants AGEC.
   A11y (docs/design/brand-and-ux.md §5) : contrastes ≥ AA, cibles tactiles ≥ 44px, focus visible. */
.agec-dashboard {
	max-width: 1040px;
}

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

.agec-dashboard__lead {
	font-size: var(--agec-text-base);
	color: var(--agec-color-muted);
	margin: var(--agec-space-1) 0 var(--agec-space-5);
	max-width: 60ch;
}

.agec-dashboard__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: var(--agec-space-4);
}

.agec-card {
	display: flex;
	flex-direction: column;
	gap: var(--agec-space-2);
	background: var(--agec-color-surface);
	border: var(--agec-border-width) solid var(--agec-color-hairline);
	border-left: 4px solid var(--agec-color-border);
	border-radius: var(--agec-radius-md);
	padding: var(--agec-space-5) var(--agec-space-5);
	box-shadow: var(--agec-shadow-sm);
}

.agec-card--ok {
	border-left-color: var(--agec-color-success);
	background: var(--agec-color-success-bg);
}

.agec-card--warn {
	border-left-color: var(--agec-gold-500);
	background: var(--agec-color-premium-bg);
}

.agec-card--premium {
	border-left-color: var(--agec-gold-500);
}

.agec-card--premium-on {
	border-left-color: var(--agec-color-success);
	background: var(--agec-color-success-bg);
}

.agec-card__title {
	font-size: var(--agec-text-md);
	font-weight: var(--agec-weight-semibold);
	color: var(--agec-color-heading);
	margin: 0;
}

.agec-card__value {
	font-size: var(--agec-text-lg);
	font-weight: var(--agec-weight-bold);
	color: var(--agec-color-heading);
	margin: 0;
}

.agec-card__hint {
	font-size: var(--agec-text-sm);
	color: var(--agec-color-muted);
	margin: 0;
}

.agec-card__list {
	margin: 0;
	padding-left: 18px;
	font-size: var(--agec-text-sm);
	color: var(--agec-color-body);
}

.agec-card__action {
	align-self: flex-start;
	margin-top: var(--agec-space-1);
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	font-weight: var(--agec-weight-semibold);
	color: var(--agec-color-brand);
	text-decoration: none;
}

.agec-card__action:hover,
.agec-card__action:focus {
	color: var(--agec-color-brand-strong);
	text-decoration: underline;
}

.agec-card__action:focus-visible {
	outline: none;
	box-shadow: var(--agec-focus-ring);
	border-radius: var(--agec-radius-sm);
}

.agec-card__action--cta {
	margin-top: var(--agec-space-2);
	padding: 0 var(--agec-space-4);
	background: var(--agec-color-brand);
	color: var(--agec-white);
	border-radius: var(--agec-radius-sm);
}

.agec-card__action--cta:hover,
.agec-card__action--cta:focus {
	background: var(--agec-color-brand-strong);
	color: var(--agec-white);
	text-decoration: none;
}

.agec-badge {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	padding: 2px var(--agec-space-3);
	border-radius: var(--agec-radius-pill);
	font-size: var(--agec-text-xs);
	font-weight: var(--agec-weight-bold);
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.agec-badge--premium {
	background: var(--agec-color-premium-bg);
	color: var(--agec-color-premium-text);
}

.agec-veille {
	margin-top: var(--agec-space-6);
	background: var(--agec-color-surface);
	border: var(--agec-border-width) solid var(--agec-color-hairline);
	border-radius: var(--agec-radius-md);
	padding: var(--agec-space-5);
	box-shadow: var(--agec-shadow-sm);
}

.agec-veille__title {
	font-size: var(--agec-text-md);
	font-weight: var(--agec-weight-semibold);
	color: var(--agec-color-heading);
	margin: 0 0 var(--agec-space-2);
}

.agec-veille__empty,
.agec-veille__lead {
	font-size: var(--agec-text-sm);
	color: var(--agec-color-muted);
	margin: 0 0 var(--agec-space-3);
}

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

.agec-veille__group {
	font-size: var(--agec-text-sm);
	font-weight: var(--agec-weight-semibold);
	color: var(--agec-color-heading);
	margin: var(--agec-space-4) 0 var(--agec-space-1);
}

.agec-veille__group:first-of-type {
	margin-top: var(--agec-space-2);
}

.agec-veille__group-lead {
	font-size: var(--agec-text-sm);
	color: var(--agec-color-muted);
	margin: 0 0 var(--agec-space-3);
}

.agec-veille__item {
	padding-left: var(--agec-space-4);
	border-left: 3px solid var(--agec-color-success);
}

.agec-veille__item--upcoming {
	border-left-color: var(--agec-color-premium);
}

.agec-veille__badge {
	display: inline-block;
	padding: 0 var(--agec-space-2);
	border-radius: var(--agec-radius-sm);
	font-size: var(--agec-text-xs);
	font-weight: var(--agec-weight-semibold);
	color: var(--agec-color-premium-text);
	background: var(--agec-color-premium-bg);
}

.agec-veille__meta {
	margin: 0;
	font-size: var(--agec-text-xs);
	color: var(--agec-color-muted);
}

.agec-veille__date {
	font-family: var(--agec-font-mono);
	font-weight: var(--agec-weight-semibold);
	color: var(--agec-color-body);
}

.agec-veille__entry-title {
	margin: var(--agec-space-1) 0 0;
	font-weight: var(--agec-weight-semibold);
	color: var(--agec-color-heading);
}

.agec-veille__summary {
	margin: var(--agec-space-1) 0 0;
	font-size: var(--agec-text-sm);
	color: var(--agec-color-body);
}

.agec-veille__source {
	display: inline-block;
	margin-top: var(--agec-space-1);
	font-size: var(--agec-text-sm);
	font-weight: var(--agec-weight-semibold);
	color: var(--agec-color-brand);
}

.agec-veille__source:focus-visible {
	outline: none;
	box-shadow: var(--agec-focus-ring);
	border-radius: var(--agec-radius-sm);
}

.agec-snapshot {
	margin-top: var(--agec-space-6);
	background: var(--agec-color-surface);
	border: var(--agec-border-width) solid var(--agec-color-hairline);
	border-radius: var(--agec-radius-md);
	padding: var(--agec-space-5);
	box-shadow: var(--agec-shadow-sm);
}

.agec-snapshot__title {
	font-size: var(--agec-text-md);
	font-weight: var(--agec-weight-semibold);
	color: var(--agec-color-heading);
	margin: 0 0 var(--agec-space-3);
}

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

.agec-snapshot__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--agec-space-3);
	padding-bottom: var(--agec-space-2);
	border-bottom: var(--agec-border-width) solid var(--agec-color-hairline);
}

.agec-snapshot__label {
	color: var(--agec-color-body);
}

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

.agec-snapshot__value--ok {
	color: var(--agec-color-success);
}

.agec-snapshot__value--warn {
	color: var(--agec-gold-700);
}

.agec-snapshot__value--info {
	color: var(--agec-color-info);
}

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

.agec-snapshot__note {
	margin: var(--agec-space-3) 0 0;
	font-size: var(--agec-text-xs);
	color: var(--agec-color-muted);
}

.agec-snapshot__note--legal {
	padding-top: var(--agec-space-3);
	border-top: var(--agec-border-width) solid var(--agec-color-hairline);
}

/* Qualifieur greenwashing (#12) : callout sobre, accent premium, jamais anxiogène. */
.agec-snapshot__risk {
	margin-top: var(--agec-space-4);
	padding: var(--agec-space-4);
	background: var(--agec-color-premium-bg);
	border: var(--agec-border-width) solid var(--agec-color-premium-border);
	border-radius: var(--agec-radius-md);
	color: var(--agec-color-premium-text);
}

.agec-snapshot__risk-title {
	margin: 0 0 var(--agec-space-2);
}

.agec-snapshot__risk-ex {
	margin: 0 0 var(--agec-space-2);
	padding-left: var(--agec-space-5);
	font-family: var(--agec-font-mono);
	font-size: var(--agec-text-sm);
}

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

.agec-dashboard__actions .button {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}