/* ============================================================================
   Classes remplaçant les anciens attributs style= des templates.
   :is(.classe, #_#_#_) donne à la règle la spécificité de 3 id (le second sélecteur ne
   correspond à rien) : comme le style inline qu'elle remplace, elle l'emporte sur les
   règles normales des autres feuilles, mais pas sur leurs !important ni sur element.style.
   ============================================================================ */

/* modal/_modalProfilInvestisseur.html.twig */
:is(.modal-profil-investisseur__modal-content, #_#_#_) {
	border-radius: 16px;
	border: 2px solid var(--colorEtape3, #18667c);
	background: #ffffff;
	box-shadow: 0 12px 40px rgba(0,0,0,0.3);
	overflow: hidden;
}
:is(.modal-profil-investisseur__modal-header, #_#_#_) {
	background: linear-gradient(135deg, #18667c 0%, #004d61 100%);
	color: #ffffff;
	border-bottom: 2px solid #0f4858;
	padding: 16px 24px;
}
:is(.modal-profil-investisseur__img, #_#_#_) {
	width: 38px;
	height: 38px;
	object-fit: contain;
	filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}
:is(.modal-profil-investisseur__modal-profil-investisseur-label, #_#_#_) {
	font-size: 1.25rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #ffffff;
}
:is(.modal-profil-investisseur__small, #_#_#_) {
	color: #e0f2f1;
	opacity: 0.9;
}
:is(.modal-profil-investisseur__profil-investisseur-body, #_#_#_) {
	background-color: #f8fafc;
	min-height: 480px;
}
:is(.modal-profil-investisseur__img-2, #_#_#_) {
	width: 110px;
	height: 110px;
	object-fit: contain;
	filter: drop-shadow(0 6px 16px rgba(0,0,0,0.25));
}
:is(.modal-profil-investisseur__h3, #_#_#_) {
	color: #18667c;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 12px;
}
:is(.modal-profil-investisseur__p, #_#_#_) {
	color: #475569;
	font-size: 1.05rem;
	max-width: 600px;
	margin: 0 auto 24px auto;
	line-height: 1.6;
}
:is(.modal-profil-investisseur__span, #_#_#_) {
	color: #18667c;
	font-weight: 700;
}
:is(.modal-profil-investisseur__div, #_#_#_) {
	max-width: 640px;
	margin: 0 auto;
}
:is(.modal-profil-investisseur__i, #_#_#_) {
	font-size: 1.5rem;
}
:is(.modal-profil-investisseur__div-2, #_#_#_) {
	font-size: 0.85rem;
}
:is(.modal-profil-investisseur__small-2, #_#_#_) {
	font-size: 0.75rem;
}
:is(.modal-profil-investisseur__btn-start-quiz, #_#_#_) {
	background: linear-gradient(135deg, #18667c 0%, #2086a3 100%);
	border-radius: 50px;
	font-size: 1.1rem;
	letter-spacing: 0.5px;
	transition: all 0.2s ease;
}
:is(.modal-profil-investisseur__pi-category-badge, #_#_#_) {
	background-color: #18667c !important;
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
}
:is(.modal-profil-investisseur__pi-progress-text, #_#_#_) {
	color: #18667c !important;
	font-size: 0.9rem;
}
:is(.modal-profil-investisseur__progress, #_#_#_) {
	height: 10px;
	border-radius: 6px;
	background-color: #e2e8f0;
}
:is(.modal-profil-investisseur__pi-progress-bar, #_#_#_) {
	width: 5%;
	background-color: #18667c;
}
:is(.modal-profil-investisseur__card, #_#_#_) {
	background: #ffffff;
}
:is(.modal-profil-investisseur__pi-question-text, #_#_#_) {
	color: #0f172a;
	font-size: 1.15rem;
	line-height: 1.5;
}
:is(.modal-profil-investisseur__btn-prev-question, #_#_#_) {
	border-radius: 30px;
}
:is(.modal-profil-investisseur__span-2, #_#_#_) {
	font-size: 0.82rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
:is(.modal-profil-investisseur__pi-profile-title, #_#_#_) {
	color: #18667c;
	font-size: 1.8rem;
	text-transform: uppercase;
}
:is(.modal-profil-investisseur__pi-profile-subtitle, #_#_#_) {
	font-size: 1rem;
}
:is(.modal-profil-investisseur__h6, #_#_#_) {
	color: #18667c;
	letter-spacing: 0.5px;
}
:is(.modal-profil-investisseur__div-3, #_#_#_) {
	position: relative;
	width: 100%;
	height: 240px;
	max-height: 240px;
}
:is(.modal-profil-investisseur__card-2, #_#_#_) {
	border-left: 5px solid #18667c !important;
	background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);
}
:is(.modal-profil-investisseur__h5, #_#_#_) {
	color: #18667c;
}
:is(.modal-profil-investisseur__pi-profile-description, #_#_#_) {
	line-height: 1.6;
	font-size: 1rem;
}
:is(.modal-profil-investisseur__div-4, #_#_#_) {
	background: linear-gradient(135deg, #18667c 0%, #004d61 100%);
}
:is(.modal-profil-investisseur__p-2, #_#_#_) {
	color: #e0f2f1;
	font-size: 0.95rem;
}
:is(.modal-profil-investisseur__pi-btn-img, #_#_#_) {
	height: 15px;
	width: auto;
	vertical-align: -2px;
	margin-right: 5px;
	display: inline-block;
}
:is(.modal-profil-investisseur__i-2, #_#_#_) {
	font-size: 1.25rem;
}
:is(.modal-profil-investisseur__modal-sauvegarde-profil, #_#_#_) {
	z-index: 1070;
}
:is(.modal-profil-investisseur__modal-dialog, #_#_#_) {
	max-width: 500px;
}
:is(.modal-profil-investisseur__modal-content-2, #_#_#_) {
	border-radius: 16px;
	border: 2px solid #18667c;
	box-shadow: 0 16px 40px rgba(0,0,0,0.3);
	background: #ffffff;
}
:is(.modal-profil-investisseur__img-3, #_#_#_) {
	width: 75px;
	height: 75px;
	object-fit: contain;
	filter: drop-shadow(0 4px 12px rgba(0,0,0,0.2));
}
:is(.modal-profil-investisseur__modal-sauvegarde-profil-title, #_#_#_) {
	color: #18667c;
	font-size: 1.3rem;
	text-transform: uppercase;
}
:is(.modal-profil-investisseur__modal-sauvegarde-profil-message, #_#_#_) {
	font-size: 0.96rem;
	line-height: 1.6;
}
/* Vues affichées par showView() de profilInvestisseur.js */
:is(.modal-profil-investisseur__pi-view--cachee, #_#_#_) {
	display: none;
}