/* Page /ressources/detecteur-tracking/ : rapport (formulaire et étapes viennent de audit-geo-gratuit.css,
     hero outil, guide et bloc d'accompagnement de main.css) */

  .trk-report { display: grid; gap: var(--sp-6w); margin-top: var(--sp-6w); }

  /* ---------- Inventaire : un tableau, groupé par famille d'outils ---------- */
  .trk-summary h2 { margin-top: var(--sp-2w); font-size: clamp(1.5rem, 2.6vw, 2.25rem); line-height: 1.2; }
  .trk-counts { margin-top: var(--sp-2v); color: var(--ink-soft); }
  .trk-table-wrap { margin-top: var(--sp-4w); overflow-x: auto; }
  .trk-table { width: 100%; border-collapse: collapse; font-size: 0.9375rem; }
  .trk-table th {
    padding: 0 var(--sp-2w) var(--sp-3v) 0;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-align: left;
    color: var(--ink-faint);
    border-bottom: 2px solid var(--ink);
  }
  .trk-table td {
    padding: var(--sp-3v) var(--sp-2w) var(--sp-3v) 0;
    vertical-align: top;
    border-bottom: 1px solid var(--line);
  }
  .trk-table td:first-child { font-weight: 700; color: var(--ink); }
  .trk-table code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.8125rem;
    color: var(--klein);
    overflow-wrap: anywhere;
  }
  .trk-table .trk-none { color: var(--ink-faint); }
  /* Ligne de famille : petit carré orange comme les badges */
  .trk-table tr.trk-group td {
    padding-top: var(--sp-3w);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--klein);
    border-bottom: 0;
  }
  .trk-table tr.trk-group td::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: var(--sp-3v);
    vertical-align: middle;
    background: var(--accent);
  }
  .trk-state { white-space: nowrap; font-weight: 600; }
  .trk-state.is-live { color: var(--ink); }
  .trk-state.is-wait { color: var(--ink-faint); font-weight: 500; }
  .trk-gtm {
    margin-top: var(--sp-3w);
    padding: var(--sp-2w) var(--sp-3w);
    background: var(--tint-pale);
    border-radius: var(--r-sm);
    color: var(--ink-soft);
    font-size: 0.9375rem;
  }
  .trk-gtm strong { color: var(--ink); }

  /* ---------- Points d'attention : liste numérotée, étiquette de niveau ---------- */
  .trk-findings { list-style: none; counter-reset: trk; margin: var(--sp-3w) 0 0; padding: 0; border-top: 2px solid var(--ink); }
  .trk-findings li {
    counter-increment: trk;
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 0 var(--sp-2w);
    padding: var(--sp-3w) 0;
    border-bottom: 1px solid var(--line);
  }
  .trk-findings li::before {
    content: counter(trk, decimal-leading-zero);
    grid-row: span 2;
    font-weight: 800;
    font-size: 1.25rem;
    color: var(--ink-faint);
  }
  .trk-findings h3 { font-size: 1.125rem; line-height: 1.35; }
  .trk-findings p { margin-top: var(--sp-1v); color: var(--ink-soft); max-width: 70ch; }
  .trk-tag {
    display: inline-block;
    margin-right: var(--sp-2v);
    padding: 0.1em 0.5em;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    vertical-align: 0.15em;
    border-radius: 2px;
    color: var(--white);
    background: var(--ink-faint);
  }
  .is-ko .trk-tag { background: #c4361b; }
  .is-warn .trk-tag { background: var(--accent); color: var(--ink); }
  .is-ok .trk-tag { background: var(--klein); }
  .is-ko::before { color: #c4361b !important; }

  /* ---------- Ce que l'outil ne voit pas (seule invitation au rendez-vous du rapport) ---------- */
  .panel.trk-blind {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--sp-4w) var(--sp-6w);
    align-items: start;
    background: var(--klein-deep);
    border-color: var(--klein-deep);
    color: var(--on-klein);
  }
  .trk-blind .badge { color: var(--on-klein-soft); }
  .trk-blind h2 { margin-top: var(--sp-2w); color: var(--white); font-size: clamp(1.5rem, 2.4vw, 2rem); line-height: 1.2; }
  .trk-blind p { margin-top: var(--sp-2w); color: var(--on-klein-soft); }
  .trk-blind-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sp-3w); }
  .trk-blind-list li { padding-left: var(--sp-3w); position: relative; color: var(--on-klein-soft); }
  .trk-blind-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.45em;
    width: 8px;
    height: 8px;
    background: var(--accent);
  }
  .trk-blind-list strong { display: block; color: var(--white); }
  .trk-blind .btn { grid-column: 1 / -1; justify-self: start; }

  @media (max-width: 860px) {
    .panel.trk-blind { grid-template-columns: minmax(0, 1fr); }
    .trk-findings li { grid-template-columns: 2.25rem minmax(0, 1fr); }
    /* Tableau en lignes empilées : outil, puis identifiant et emplacement sous le nom */
    .trk-table thead { display: none; }
    .trk-table, .trk-table tbody, .trk-table tr, .trk-table td { display: block; width: 100%; }
    .trk-table tr:not(.trk-group) { padding: var(--sp-3v) 0; border-bottom: 1px solid var(--line); }
    .trk-table td { padding: 0; border: 0; }
    .trk-table td + td { margin-top: var(--sp-1v); font-size: 0.875rem; }
    .trk-table td[data-label]::before { content: attr(data-label) " : "; color: var(--ink-faint); }
  }