.score-circle {

	width: 52px;

	height: 52px;

	border: 2.5px solid #000000;

	border-radius: 50%;

	position: relative;

	background-color: #ffffff;

	box-sizing: border-box;

	overflow: hidden;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

}

.score-circle .score-num-top {

	font-family: 'Albert Sans', 'Inter', sans-serif;

	font-size: 12.5px;

	font-weight: 900;

	color: #0d6efd !important;

	line-height: 1.1;

	margin-top: 1px;

	letter-spacing: -0.3px;

	text-align: center;

}

.score-circle .score-line {

	width: 78%;

	height: 1.8px;

	background-color: #000000;

	margin: 2px 0 1px 0;

	flex-shrink: 0;

}

.score-circle .score-val {

	font-family: 'Albert Sans', 'Inter', sans-serif;

	font-size: 12px;

	font-weight: 900;

	color: #000000;

	line-height: 1.1;

	text-align: center;

}



		/* === FIX TELEPHONE MAX-WIDTH 767px: RENDEMENT et CASHFLOW ===
   - RENDEMENT/CASHFLOW + icône placés à gauche dans .simu-top-left (colonne réduite)
   - BRUT/NET/NET NET placés à droite dans .simu-top-right
   - Les 2 traits verticaux de séparation (.simu-top-left border-right) restent en place */
@media screen and (max-width: 767px) {

	/* Colonne gauche (icone + RENDEMENT/CASHFLOW): réduite pour tenir sur mobile */
	#sResultatsSimulationContainer .simu-top-left {
		width: 100px !important;
		min-width: 100px !important;
		max-width: 100px !important;
		padding: 4px 6px 4px 8px !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 4px !important;
	}

	/* Icône légèrement plus petite sur téléphone */
	#sResultatsSimulationContainer .simu-top-icon {
		width: 28px !important;
		height: 28px !important;
	}

	/* Texte RENDEMENT / CASHFLOW: peut se mettre sur 2 lignes si nécessaire */
	#sResultatsSimulationContainer .simu-top-title {
		font-size: 10px !important;
		white-space: normal !important;
		text-align: center !important;
		line-height: 1.2 !important;
	}

	/* Colonne droite (BRUT/NET/NET NET): prend tout l'espace restant */
	#sResultatsSimulationContainer .simu-top-right {
		flex: 1 1 0 !important;
		min-width: 0 !important;
		padding: 3px 6px 3px 10px !important;
	}

	/* Chaque sous-ligne (BRUT/NET/NET NET): flex row, label à gauche champ à droite */
	#sResultatsSimulationContainer .simu-sub-line {
		justify-content: flex-start !important;
		align-items: center !important;
		width: 100% !important;
	}

	/* Labels BRUT/NET/NET NET: position proche à droite du séparateur vertical */
	#sResultatsSimulationContainer .simu-sub-line .nomIndicateur {
		width: auto !important;
		min-width: 55px !important;
		max-width: 90px !important;
		flex-shrink: 0 !important;
		text-align: left !important;
		font-size: 10px !important;
		margin-right: 4px !important;
	}

	/* Wrapper du champ fakeInput: prend l'espace restant */
	#sResultatsSimulationContainer .simu-field-wrapper {
		flex: 1 1 0 !important;
		justify-content: flex-end !important;
		min-width: 0 !important;
	}

	/* fakeInput (champ résultat): s'adapte à l'espace disponible */
	#sResultatsSimulationContainer .simu-top-right .fakeInput {
		width: auto !important;
		min-width: 70px !important;
		max-width: 100% !important;
		flex: 1 1 0 !important;
		font-size: 10.5px !important;
	}

	/* ===== 6 INDICATEURS (grille 3x2) : Correction chevauchement icone/champ ===== */

	/* La colonne indicateur : flex COLONNE, pas besoin du padding-left:35px du desktop */
	#sResultatsSimulationContainer .simu-indic-col {
		padding: 4px 4px 4px 8px !important;
		flex-direction: column !important;
		align-items: flex-start !important;
	}

	#sResultatsSimulationContainer .simu-border-left-light {
		padding-left: 8px !important;
	}

	/* Partie haute : icone + champ fakeInput sur la même ligne */
	#sResultatsSimulationContainer .simu-indic-top {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-start !important;
		width: 100% !important;
		gap: 4px !important;
	}

	/* Icône : taille réduite sur téléphone */
	#sResultatsSimulationContainer .simu-indic-icon img {
		width: 24px !important;
		height: 24px !important;
		max-width: 24px !important;
		max-height: 24px !important;
	}

	/* Champ fakeInput dans les 6 indicateurs : largeur flexible */
	#sResultatsSimulationContainer .simu-indic-top .fakeInput {
		width: auto !important;
		min-width: 50px !important;
		max-width: none !important;
		flex: 1 1 0 !important;
		font-size: 10.5px !important;
		height: 20px !important;
	}

	/* Label en bas de chaque indicateur : compact */
	#sResultatsSimulationContainer .simu-indic-bottom {
		padding: 1px 0 !important;
	}

	#sResultatsSimulationContainer .simu-indic-label {
		font-size: 9px !important;
		line-height: 1.2 !important;
		white-space: normal !important;
	}

	#sResultatsSimulationContainer .simu-indic-sub {
		font-size: 8px !important;
		line-height: 1.2 !important;
	}

}