/* ═══════════════════════════════════════════════════════════════
   SFP-Europa — Tableau de corrélation Statut / RAA
   À ajouter à style-doc.css
   ═══════════════════════════════════════════════════════════════ */

/* ── WRAPPER ── */
.corr-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: 8px;
  margin-top: 1.5rem;
  font-size: .82rem;
  -webkit-overflow-scrolling: touch;
}

/* ── TABLE BASE ── */
.corr-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 640px;
}

/* ── COLONNES : widths relatives ── */
.corr-table td:nth-child(1) { width: 22%; }
.corr-table td:nth-child(2) { width: 20%; }
.corr-table td:nth-child(3) { width: 20%; }
.corr-table td:nth-child(4) { width: 20%; }
.corr-table td:nth-child(5) { width: 18%; }

/* ── CELLULE BASE ── */
.corr-table td {
  padding: .4rem .6rem;
  border: 1px solid var(--border);
  vertical-align: middle;
  text-align: center;
  line-height: 1.4;
}

/* ── SECTION HEADER (ancien #5AaDf9) ── */
.corr-table th {
  background: var(--blue-deep);
  color: var(--white);
  font-size: .78rem;
  font-weight: 400;
  padding: .6rem .75rem;
  border: 1px solid rgba(255,255,255,.15);
  line-height: 1.5;
  text-align: left;
  vertical-align: top;
}
.corr-table th strong {
  color: var(--white);
  font-weight: 600;
  display: block;
  margin-bottom: .2rem;
}

/* ── COLONNE STATUT / RAA AT (source) ── */
td.corr-statut {
  background: var(--bg);
  text-align: left;
  padding-left: .85rem;
}
td.corr-statut a {
  color: var(--blue-deep);
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color .12s;
}
td.corr-statut a:hover { border-color: var(--blue-mid); }

/* ── RAA AT (ancien #d3f4ff) ── */
td.corr-at {
  background: #e8f5fe;
}
td.corr-at a {
  color: #005a9e;
  font-weight: 500;
  text-decoration: none;
}
td.corr-at a:hover { text-decoration: underline; }

/* ── RAA AC 3bis (ancien #b2dffb) ── */
td.corr-ac {
  background: #d4eefb;
}
td.corr-ac a {
  color: #004e8c;
  font-weight: 500;
  text-decoration: none;
}
td.corr-ac a:hover { text-decoration: underline; }

/* ── RAA APA (ancien #6495ED cornflower) ── */
td.corr-apa {
  background: #dde8fb;
}
td.corr-apa a {
  color: var(--blue-deep);
  font-weight: 600;
  text-decoration: none;
}
td.corr-apa a:hover { text-decoration: underline; }

/* ── CELLULE VIDE (ancien #cccccc) ── */
td.corr-empty {
  background: var(--border);
  color: transparent;
  font-size: .1px;
}

/* ── LIGNES RAA→RAA (section 3) ── */
.corr-table tr.corr-raa-row td.corr-raa-marker {
  background: var(--border);
  color: var(--text-light);
  font-size: .7rem;
  text-align: center;
}

/* ── HOVER ROW — lignes de données uniquement, pas les headers ── */
.corr-table tr:hover td.corr-statut,
.corr-table tr:hover td.corr-at,
.corr-table tr:hover td.corr-ac,
.corr-table tr:hover td.corr-apa {
  filter: brightness(.95);
}

/* ── LÉGENDE ── */
.corr-legend {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.25rem;
  margin-bottom: 1.25rem;
  padding: .75rem 1rem;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 6px;
  font-size: .78rem;
}
.corr-legend-item {
  display: flex;
  align-items: center;
  gap: .4rem;
}
.corr-legend-swatch {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  flex-shrink: 0;
  border: 1px solid rgba(0,0,0,.1);
}
.swatch-at  { background: #e8f5fe; }
.swatch-ac  { background: #d4eefb; }
.swatch-apa { background: #dde8fb; }
.swatch-empty { background: var(--border); }

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .corr-table-wrap { font-size: .75rem; }
  .corr-table td { padding: .3rem .4rem; }
}