/* ============================================================
   TABLEAU DE DOCUMENTS — l'espace documentaire de l'adhérent
   Relevé complément § 6.5 : deux tableaux `.lcdi-table-simple` (« Documents
   envoyés » / « Documents reçus »), produits par un shortcode, stylés dans le
   CSS additionnel avec une PALETTE TAILWIND IMPORTÉE :
     th  fond `#f9fafb`, texte `#374151`, 16/700, padding `9,6 / 12,8`
     td  texte `#444444`, bordure 1 px `#e5e7eb`
     liens d'action « Voir » / « Télécharger » en `#2563eb`, marge droite 16 px
   Aucun de ces quatre hex n'appartient à la palette LCDI.

   CONTRAT : « tableaux de documents re-tokenisés (les gris/bleu Tailwind →
   rôles sémantiques) ». C'est fait ici, à géométrie constante : mêmes padding,
   même graisse d'en-tête, même marge entre actions. Seules les couleurs
   changent de source.

   AJOUT DE ROBUSTESSE : le tableau devient défilable horizontalement sous son
   propre conteneur. En mobile 390 il fait 837 px de large dans une colonne de
   342 px — aujourd'hui il déborde.
   ============================================================ */

.lcdi-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: var(--radius-m);
}

.lcdi-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--font-body);
  font-size: var(--type-body);
  color: var(--text-body);
  background: transparent;
}

.lcdi-table th,
.lcdi-table td {
  border: 1px solid var(--border-soft);
  padding: .6rem .8rem;                    /* 9,6 / 12,8 px, relevé */
  text-align: left;
}

.lcdi-table th {
  background: var(--surface-page);         /* remplace `#f9fafb` */
  color: var(--text-strong);               /* remplace `#374151` */
  font-weight: var(--weight-title);        /* 700, relevé */
}

.lcdi-table tbody tr:nth-child(even) td { background: var(--surface-raised); }

/* Colonne d'actions : les liens « Voir » et « Télécharger ».
   Le bleu Tailwind `#2563eb` disparaît au profit du lien du système.
   Ils restent SOULIGNÉS AU SURVOL (relevé) et gagnent un soulignement permanent :
   dans un tableau, un lien sans soulignement ni couleur distinctive suffisante
   n'est pas identifiable comme lien (WCAG 1.4.1). */
.lcdi-table__actions a {
  color: var(--link);
  text-decoration: underline;
  text-underline-offset: .2em;
  margin-right: var(--space-4);            /* 16 px, relevé */
}
.lcdi-table__actions a:last-child { margin-right: 0; }
.lcdi-table__actions a:hover { color: var(--link-hover); }

/* État vide, relevé : « Aucun document. » en italique */
.lcdi-table__empty { color: var(--text-body); font-style: italic; }

/* Colonne d'actions à largeur fixée (180 px dans le shortcode) */
.lcdi-table__col-actions { width: 180px; }

/* --- Pseudo-tableau en grille (section Licence FFVélo, relevé § 6.6) ----
   Trois ou quatre colonnes, en-têtes « Type de documents · Transmission · État ».
   Il était monté en rangée de colonnes Kadence à gouttière 0 : le voici en
   grille, avec les mêmes filets que le tableau. */
.lcdi-grid-table { display: grid; gap: 0; border: 1px solid var(--border-soft); border-radius: var(--radius-m); overflow: hidden; }
.lcdi-grid-table--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lcdi-grid-table--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lcdi-grid-table > * { padding: .6rem .8rem; border-bottom: 1px solid var(--border-soft); }
.lcdi-grid-table__head { background: var(--surface-page); color: var(--text-strong); font-weight: var(--weight-title); }

@media (max-width: 767px) {
  .lcdi-grid-table--3, .lcdi-grid-table--4 { grid-template-columns: minmax(0, 1fr); }
  .lcdi-grid-table__head { display: none; }
}