/*
 * Accueil du simulateur — mise en page isolée.
 * Ce fichier est chargé après la feuille générale et ne cible que #aides-app-root.
 */

html body #aides-app-root.aides-app--saas {
	--home-blue: #2463d4;
	--home-blue-dark: #194faf;
	--home-green: #15906f;
	--home-green-dark: #0d7157;
	--home-ink: #142033;
	--home-muted: #5f6f83;
	--home-line: #d5dfeb;
	--home-line-strong: #bccadd;
	--home-blue-soft: #edf4ff;
	--home-green-soft: #eaf8f2;
	--home-panel: #f6f9fd;
	font-size: 16px !important;
	line-height: 1.45 !important;
}

html body #aides-app-root.aides-app--saas > .aides-container {
	width: 100% !important;
	max-width: 1280px !important;
	margin-inline: auto !important;
	padding-inline: 16px !important;
}

html body #aides-app-root.aides-app--saas .aides-card--saas {
	padding: clamp(20px, 2.4vw, 30px) !important;
	border: 1px solid #cfdae8 !important;
	border-radius: 22px !important;
	background: #fff !important;
	box-shadow:
		inset 0 4px 0 var(--home-blue),
		inset 0 -3px 0 rgba(21, 144, 111, .58),
		0 18px 48px rgba(20, 32, 51, .09) !important;
}

/* En-tête : le contenu éditorial prend toute la ligne, puis l'accès est rangé dessous. */
html body #aides-app-root.aides-app--saas .aides-product-header {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 18px !important;
	width: 100% !important;
	margin: 0 0 18px !important;
	padding: clamp(20px, 2.4vw, 28px) !important;
	border: 1px solid #d6e3f0 !important;
	border-radius: 20px !important;
	background:
		linear-gradient(112deg, rgba(234, 242, 255, .98) 0%, rgba(248, 251, 255, .98) 58%, rgba(234, 248, 241, .98) 100%) !important;
}

html body #aides-app-root.aides-app--saas .aides-product-heading {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
}

html body #aides-app-root.aides-app--saas .aides-eyebrow {
	margin: 0 0 9px !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
}

html body #aides-app-root.aides-app--saas .aides-main-title {
	width: 100% !important;
	max-width: 980px !important;
	margin: 0 !important;
	font-size: clamp(30px, 3.25vw, 42px) !important;
	font-weight: 780 !important;
	line-height: 1.08 !important;
	letter-spacing: -.028em !important;
	color: var(--home-ink) !important;
}

html body #aides-app-root.aides-app--saas .aides-main-subtitle {
	max-width: 850px !important;
	margin: 10px 0 0 !important;
	font-size: 16px !important;
	font-weight: 430 !important;
	line-height: 1.42 !important;
	color: var(--home-muted) !important;
}

html body #aides-app-root.aides-app--saas .aides-trust-row {
	gap: 8px !important;
	margin: 15px 0 0 !important;
}

html body #aides-app-root.aides-app--saas .aides-trust-row span {
	min-height: 30px !important;
	padding: 5px 11px !important;
	border-radius: 999px !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
}

/* Ligne d'accès : badge, champ et bouton distincts, sans chevauchement. */
html body #aides-app-root.aides-app--saas .aides-product-actions {
	display: flex !important;
	flex-flow: row wrap !important;
	align-items: center !important;
	justify-content: flex-end !important;
	justify-items: initial !important;
	gap: 12px !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 16px 0 0 !important;
	border-top: 1px solid rgba(100, 125, 156, .18) !important;
}

html body #aides-app-root.aides-app--saas .aides-account-pill {
	flex: 0 0 auto !important;
	min-width: 164px !important;
	min-height: 46px !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 8px 14px !important;
	border: 1px solid #c7d6e6 !important;
	border-radius: 13px !important;
	background: rgba(255, 255, 255, .95) !important;
	box-shadow: 0 5px 14px rgba(24, 57, 96, .07) !important;
}

html body #aides-app-root.aides-app--saas .aides-account-pill__copy strong {
	font-size: 13px !important;
	line-height: 1.12 !important;
}

html body #aides-app-root.aides-app--saas .aides-account-pill__copy small {
	font-size: 11.5px !important;
	line-height: 1.18 !important;
}

html body #aides-app-root.aides-app--saas .aides-header-login {
	flex: 0 1 510px !important;
	width: auto !important;
	min-width: 390px !important;
	max-width: 510px !important;
	margin: 0 !important;
}

html body #aides-app-root.aides-app--saas .aides-header-login__form {
	display: grid !important;
	grid-template-columns: minmax(220px, 1fr) 122px !important;
	grid-template-rows: 44px !important;
	align-items: stretch !important;
	gap: 10px !important;
	width: 100% !important;
	height: auto !important;
	min-height: 44px !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html body #aides-app-root.aides-app--saas .aides-header-login__form:focus-within {
	border: 0 !important;
	box-shadow: none !important;
}

html body #aides-app-root.aides-app--saas .aides-header-login__form > input[type="email"] {
	position: static !important;
	display: block !important;
	box-sizing: border-box !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 44px !important;
	min-height: 44px !important;
	max-height: 44px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1px solid var(--home-line-strong) !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: inset 0 1px 2px rgba(20, 32, 51, .035) !important;
	color: var(--home-ink) !important;
	font-size: 15px !important;
	font-weight: 450 !important;
	line-height: 1.2 !important;
	text-align: left !important;
	transform: none !important;
}

html body #aides-app-root.aides-app--saas .aides-header-login__form > input[type="email"]:focus {
	outline: none !important;
	border-color: var(--home-blue) !important;
	box-shadow: 0 0 0 3px rgba(36, 99, 212, .14) !important;
}

html body #aides-app-root.aides-app--saas .aides-header-login__form > input[type="email"]::placeholder {
	color: #718096 !important;
	opacity: 1 !important;
	text-align: left !important;
}

html body #aides-app-root.aides-app--saas .aides-header-login__form > button[type="submit"] {
	position: static !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: 122px !important;
	min-width: 122px !important;
	max-width: 122px !important;
	height: 44px !important;
	min-height: 44px !important;
	max-height: 44px !important;
	margin: 0 !important;
	padding: 0 16px !important;
	border: 1px solid rgba(20, 73, 164, .18) !important;
	border-radius: 12px !important;
	background: linear-gradient(135deg, #2868d8 0%, #347dde 60%, #1c956e 145%) !important;
	box-shadow: 0 7px 16px rgba(36, 99, 212, .22) !important;
	color: #fff !important;
	font-size: 13.5px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	transform: none !important;
}

html body #aides-app-root.aides-app--saas .aides-header-login__form > button[type="submit"]:hover,
html body #aides-app-root.aides-app--saas .aides-header-login__form > button[type="submit"]:focus-visible {
	filter: brightness(1.035) !important;
	box-shadow: 0 9px 20px rgba(36, 99, 212, .27) !important;
	transform: translateY(-1px) !important;
}

html body #aides-app-root.aides-app--saas .aides-header-login__message {
	margin: 7px 0 0 !important;
	font-size: 12.5px !important;
	line-height: 1.3 !important;
	text-align: left !important;
}

/* Tuiles de navigation : couleurs lisibles et bordures nettes. */
html body #aides-app-root.aides-app--saas .aides-top-buttons--saas {
	gap: 14px !important;
	margin: 0 0 16px !important;
}

html body #aides-app-root.aides-app--saas .aides-tile {
	min-height: 82px !important;
	padding: 14px 16px !important;
	border-width: 1px !important;
	border-radius: 15px !important;
	box-shadow: 0 4px 12px rgba(20, 32, 51, .035) !important;
}

html body #aides-app-root.aides-app--saas .aides-tile-simulateur.is-active {
	border-color: #79a4ef !important;
	background: linear-gradient(135deg, #eaf2ff 0%, #f7faff 100%) !important;
	box-shadow: inset 4px 0 0 var(--home-blue), 0 5px 15px rgba(36, 99, 212, .07) !important;
}

html body #aides-app-root.aides-app--saas .aides-tile-catalogue {
	border-color: #c8dcd5 !important;
	background: linear-gradient(135deg, #ffffff 0%, #f5fbf8 100%) !important;
}

html body #aides-app-root.aides-app--saas .aides-tile-catalogue.is-active {
	border-color: #77bda8 !important;
	background: linear-gradient(135deg, #e9f8f2 0%, #f7fcfa 100%) !important;
	box-shadow: inset 4px 0 0 var(--home-green), 0 5px 15px rgba(21, 144, 111, .07) !important;
}

html body #aides-app-root.aides-app--saas .aides-tile strong {
	font-size: 16px !important;
	line-height: 1.15 !important;
}

html body #aides-app-root.aides-app--saas .aides-tile small {
	font-size: 13px !important;
	line-height: 1.22 !important;
}

html body #aides-app-root.aides-app--saas .aides-tile-meta {
	font-size: 12px !important;
	line-height: 1.1 !important;
}

/* Formulaire : dimensions compactes, typographie lisible et espacements constants. */
html body #aides-app-root.aides-app--saas .aides-form-wrap--dynamic {
	gap: 12px !important;
	padding: 16px !important;
	border: 1px solid #d6e0eb !important;
	border-radius: 17px !important;
	background: var(--home-panel) !important;
}

html body #aides-app-root.aides-app--saas .aides-form-section {
	padding: 16px !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 13px !important;
	box-shadow: 0 3px 10px rgba(20, 32, 51, .03) !important;
}

html body #aides-app-root.aides-app--saas .aides-form-section__head {
	display: flex !important;
	align-items: flex-start !important;
	gap: 11px !important;
	margin: 0 0 13px !important;
	padding: 0 !important;
}

html body #aides-app-root.aides-app--saas .aides-form-section__head h3,
html body #aides-app-root.aides-app--saas .aides-form-section__head h4 {
	margin: 0 !important;
	font-size: 16px !important;
	font-weight: 780 !important;
	line-height: 1.16 !important;
}

html body #aides-app-root.aides-app--saas .aides-form-section__head p {
	margin: 3px 0 0 !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
}

html body #aides-app-root.aides-app--saas .aides-field-grid {
	column-gap: 12px !important;
	row-gap: 12px !important;
	align-items: start !important;
}

html body #aides-app-root.aides-app--saas .aides-field {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body #aides-app-root.aides-app--saas .aides-label,
html body #aides-app-root.aides-app--saas .aides-pay-field label {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 13.5px !important;
	font-weight: 720 !important;
	line-height: 1.18 !important;
}

html body #aides-app-root.aides-app--saas .aides-input,
html body #aides-app-root.aides-app--saas .aides-input-select,
html body #aides-app-root.aides-app--saas .aides-pay-input {
	width: 100% !important;
	height: 42px !important;
	min-height: 42px !important;
	max-height: 42px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 1px solid var(--home-line-strong) !important;
	border-radius: 10px !important;
	background-color: #fff !important;
	font-size: 14.5px !important;
	font-weight: 450 !important;
	line-height: 1.2 !important;
}

html body #aides-app-root.aides-app--saas .aides-input:focus,
html body #aides-app-root.aides-app--saas .aides-input-select:focus,
html body #aides-app-root.aides-app--saas .aides-pay-input:focus {
	border-color: var(--home-blue) !important;
	box-shadow: 0 0 0 3px rgba(36, 99, 212, .12) !important;
}

html body #aides-app-root.aides-app--saas .aides-form-note {
	font-size: 12.5px !important;
	line-height: 1.3 !important;
}

html body #aides-app-root.aides-app--saas .aides-submit-btn--fullwidth {
	min-height: 48px !important;
	border: 1px solid rgba(20, 73, 164, .14) !important;
	border-radius: 11px !important;
	background: linear-gradient(100deg, #2463d4 0%, #2d72d9 72%, #168b69 145%) !important;
	box-shadow: 0 8px 18px rgba(36, 99, 212, .20) !important;
	font-size: 14.5px !important;
}

@media (max-width: 900px) {
	html body #aides-app-root.aides-app--saas .aides-product-actions {
		justify-content: flex-start !important;
	}

	html body #aides-app-root.aides-app--saas .aides-header-login {
		flex: 1 1 440px !important;
		min-width: 320px !important;
		max-width: 540px !important;
	}
}

@media (max-width: 680px) {
	html body #aides-app-root.aides-app--saas > .aides-container {
		padding-inline: 10px !important;
	}

	html body #aides-app-root.aides-app--saas .aides-card--saas {
		padding: 14px !important;
		border-radius: 17px !important;
	}

	html body #aides-app-root.aides-app--saas .aides-product-header {
		gap: 14px !important;
		padding: 17px !important;
		border-radius: 16px !important;
	}

	html body #aides-app-root.aides-app--saas .aides-main-title {
		font-size: 27px !important;
		line-height: 1.08 !important;
	}

	html body #aides-app-root.aides-app--saas .aides-main-subtitle {
		font-size: 15px !important;
		line-height: 1.4 !important;
	}

	html body #aides-app-root.aides-app--saas .aides-product-actions {
		align-items: stretch !important;
		padding-top: 14px !important;
	}

	html body #aides-app-root.aides-app--saas .aides-account-pill {
		width: fit-content !important;
		min-width: 158px !important;
	}

	html body #aides-app-root.aides-app--saas .aides-header-login {
		flex: 1 1 100% !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
	}

	html body #aides-app-root.aides-app--saas .aides-header-login__form {
		grid-template-columns: minmax(0, 1fr) 112px !important;
		gap: 8px !important;
	}

	html body #aides-app-root.aides-app--saas .aides-header-login__form > button[type="submit"] {
		width: 112px !important;
		min-width: 112px !important;
		max-width: 112px !important;
	}

	html body #aides-app-root.aides-app--saas .aides-top-buttons--saas {
		gap: 8px !important;
	}

	html body #aides-app-root.aides-app--saas .aides-tile {
		min-height: 66px !important;
		padding: 10px !important;
	}

	html body #aides-app-root.aides-app--saas .aides-form-wrap--dynamic {
		padding: 11px !important;
	}

	html body #aides-app-root.aides-app--saas .aides-form-section {
		padding: 14px !important;
	}
}

@media (max-width: 460px) {
	html body #aides-app-root.aides-app--saas .aides-header-login__form {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: 44px 44px !important;
	}

	html body #aides-app-root.aides-app--saas .aides-header-login__form > button[type="submit"] {
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
	}
}