body {
    font-family: Arial, sans-serif;
}

fieldset {
    width: 850px;
    border: rgb(66, 66, 66) 2px groove;
    box-shadow: 5px 5px 20px rgb(66, 66, 66);
    background-color: #f1f1f1;
    border-radius: 10px;
    margin: 20px auto;
}

legend {
    font-weight: bold;
}

.info-card {
    margin: 20px 0;
}

.header-row, .data-row {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.header-cell, .data-cell {
    flex: 1; /* Chaque case prend une part égale */
    text-align: center;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.header-cell {
    font-weight: bold;
    background-color: #1E90FF; /* Couleur d'arrière-plan pour les en-têtes */
    color: white; /* Texte en blanc pour les cellules d'en-tête */
}

.data-cell {
    background-color: #3EB489; /* Couleur par défaut pour les cellules de données */
    color: white; /* Texte en blanc pour les cellules de données */
}

.signal-cell {
    background-color: #FF7F50; /* Couleur de fond pour la cellule du signal */
    color: white; /* Texte en blanc pour la cellule du signal */
}

/* Style pour l'icône */
.icon {
    width: 18px; 
    height: 18px; 
    vertical-align: middle; 
    margin-right: 5px; 
}