/*
 * Fichier CSS personnalisé pour Darkgreen
 * Couleurs utilisées:
 * Principal (Texte/Fond clair): #FFFFFF
 * Fond (Sombre): #161616, #242424
 * Accent (Vert): #3D9970
 * Alerte (Rouge): #F23645
 * Texte secondaire (Gris-vert): #C5E0D0
 */

/* Règle pour la police de base */
body
{
    font-family: 'Roboto', sans-serif;
}

.material-symbols-outlined
{
	vertical-align: middle
}

/* Styles pour le tableau d'analyse */
/* Suppression de la bordure d'espacement pour que les bordures de cellule se touchent */
.table-analysis
{
	border-collapse: collapse;
}

/* Ajout d'une bordure verticale légère pour séparer les colonnes */
.table-analysis td, .table-analysis th
{
	border-right: 1px solid rgba(61, 153, 112, 0.3);
	padding: 0.5rem 1rem; /* p-2 px-4 */
}

/* Retire la bordure de droite pour la dernière colonne */
.table-analysis td:last-child, .table-analysis th:last-child
{
	border-right: none;
}

/* Style la bordure de bas de ligne */
.table-analysis tr
{
	border-bottom: 1px solid #3D9970;
}

/* Retire la bordure du bas pour la dernière ligne du corps du tableau */
.table-analysis tbody tr:last-child
{
	border-bottom: none;
}

/* Corrige le style de l'image (logo d'actif) dans la première colonne */
.table-analysis td:first-child img
{
	border-radius: 50%;
	object-fit: cover;
	width: 1.75rem; /* Équivalent à w-7 */
	height: 1.75rem; /* Assure que l'image est un cercle parfait */
	display: block;
	margin: auto; /* Centrage */
}

/* Styles pour les icônes d'indicateurs (Digital, etc.) */
.icon-active
{
	color: #3D9970; /* Couleur d'accent pour un indicateur positif/actif */
}

/* Styles pour le "Rating" */
.icon-up
{
	color: #1FAF77; /* Vert pour l'augmentation */
}

.icon-medium
{
	color: #98C42F;
}

.icon-down
{
	color: #F23645; /* Rouge pour la diminution/alerte */
}

.icon-filled
{
	font-variation-settings:
	'FILL' 1,
	'wght' 400,
	'GRAD' 0,
	'opsz' 24;
}