/* ======================================
   Style personnalisé pour les TABLEAUX
   Obsidian - Thème sombre
   ====================================== */

/* Style général des tableaux */
.markdown-preview-view table {
    border-collapse: collapse;           /* Fusionne les bordures des cellules */
    width: 100%;                         /* Prend toute la largeur disponible */
    margin: 1em 0;                       /* Espace au-dessus et en dessous */
    background-color: #1e1e1e;           /* Couleur de fond du tableau */
    color: #e0e0e0;                      /* Couleur du texte */
    border: px solid #444;             /* Bordure extérieure */
    font-size: 0.95em;                   /* Légère réduction de la taille de police */
  }
  
  /* Style des cellules générales (corps du tableau) */
  .markdown-preview-view td {
    padding: 10px;                       /* Espace intérieur dans chaque cellule */
    border: 1px solid #444;             /* Bordure autour des cellules */
    text-align: left;                   /* Alignement du texte */
    vertical-align: top;                /* Aligne en haut par défaut */
    background-color: #2a2a2a;          /* Fond des cellules */
    color: #dddddd;                     /* Couleur du texte des cellules */
  }
  
  /* En-tête de colonne */
  .markdown-preview-view th {
    padding: 12px;                      /* Espace intérieur des cellules en-tête */
    border: 1px solid #555;             /* Bordure */
    background-color: #333;             /* Fond plus contrasté pour les titres */
    color: #ffffff;                     /* Texte plus clair */
    text-transform: uppercase;          /* Met en majuscules les titres */
    font-weight: bold;                  /* Met les en-têtes en gras */
    text-align: center;                 /* Centre les titres par défaut */
  }
  
  /* Ligne survolée */
  .markdown-preview-view tr:hover {
    background-color: #383838;          /* Changement de fond au survol */
  }
  
  /* Style de la première colonne si elle agit comme un titre de ligne */
  .markdown-preview-view td:first-child {
    font-weight: 600;                   /* Légèrement plus gras */
    color: #f1c40f;                     /* Couleur différente pour se démarquer */
    background-color: #262626;          /* Fond un peu plus sombre */
  }
  
  /* Si tu veux ajouter une bordure arrondie au tableau */
  .markdown-preview-view table {
    border-radius: 6px;                 /* Coins arrondis */
    overflow: hidden;                   /* Empêche le débordement des coins */
  }
  
  /* Si tu veux ajuster l'espacement entre les lignes */
  .markdown-preview-view tr {
    line-height: 1.6;                   /* Hauteur de ligne agréable */
  }
  