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

/* Roboto */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400; /* Pour la version Regular */
  font-display: swap; 
  src: url('roboto-v49-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700; /* Pour la version Bold */
  font-display: swap;
  src: url('roboto-v49-latin-700.woff2') format('woff2');
}

/* Material Symbols Outlined */
@font-face
{
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700; /* Important pour la police variable */
    font-display: swap;
    src: url('material-symbols.woff2') format('woff2');
}

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

.material-symbols-outlined
{
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Aide au rendu des icônes */
    font-feature-settings: 'liga';
    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
{
    /* La bordure de droite définit une ligne de séparation verticale */
    border-right: 1px solid rgba(61, 153, 112, 0.3); 
    padding: 0.5rem 1rem; /* Correspond à 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
{
    /* Tailwind gère la couleur de la bordure basse du tbody, mais cette règle assure une épaisseur cohérente si la classe est absente */
    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" (Dernière colonne) */
.icon-up
{
    color: #1FAF77; /* Vert pour l'augmentation */
}

.icon-medium
{
    color: #98C42F; /* Jaune/Olive pour le neutre */
}

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

/* Configuration des variations de police pour les icônes remplies */
.icon-filled
{
    font-variation-settings:
    'FILL' 1,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;
}