/* Le bloc d'AI Indexer : ses onglets, les anomalies, la complexité, la fiche pour le
   système de gestion. Les lignes de la fiche reprennent celles du rattachement
   (`.id-l`, tri.css) : une valeur, d'où elle vient, un clic l'allume sur le message. */

.ix-ongl { display:flex; flex-wrap:wrap; gap:4px; margin:0 0 12px; border-bottom:1px solid var(--line-soft); }
.ix-ongl button { border:0; background:none; font:inherit; font-size:12.5px; color:var(--muted); padding:6px 10px 8px;
  border-bottom:2px solid transparent; margin-bottom:-1px; cursor:pointer; white-space:nowrap; }
.ix-ongl button:hover { color:var(--ink); }
.ix-ongl button.on { color:var(--ink); font-weight:600; border-bottom-color:var(--ia); }
.ix-ongl button.al { color:var(--hi); }
.ix-rien { margin:2px 0; font-size:12.5px; color:var(--muted); }

/* Les anomalies : la gravité d'abord, puis ce qui ne va pas, où, et ce qu'on en fait. */
.ix-an { display:grid; gap:6px; }
.ix-an-l { display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:start; text-align:left; width:100%;
  border:1px solid var(--line); border-radius:8px; background:var(--surface); padding:8px 10px; font:inherit; font-size:12.5px;
  color:var(--ink); cursor:pointer; box-shadow:inset 3px 0 0 var(--md); }
.ix-an-l:not([data-ind-go]) { cursor:default; }
.ix-an-l.signaler, .ix-an-l.bloque { box-shadow:inset 3px 0 0 var(--hi); }
.ix-an-l.on { background:var(--ia-w); }
.ix-grav { font-size:10.5px; font-weight:600; white-space:nowrap; padding:1px 7px; border-radius:20px; background:var(--md-w); color:var(--md); }
.ix-an-l.signaler .ix-grav, .ix-an-l.bloque .ix-grav { background:var(--hi-w); color:var(--hi); }
.ix-an-t b { font-weight:600; display:block; line-height:1.45; }
.ix-ou { display:block; font-size:11px; color:var(--muted); margin-top:2px; }
.ix-suite { display:block; margin-top:4px; color:var(--ink-soft); }
.ix-suite::before { content:"À faire : "; color:var(--muted); }

/* La complexité : le niveau et à qui, puis ce qui pèse et ce qui décide. */
.ix-niv { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; padding:8px 11px; border-radius:8px; margin-bottom:10px;
  background:var(--lo-w); box-shadow:inset 3px 0 0 var(--lo); font-size:13px; }
.ix-niv.courante { background:var(--md-w); box-shadow:inset 3px 0 0 var(--md); }
.ix-niv.complexe { background:var(--hi-w); box-shadow:inset 3px 0 0 var(--hi); }
.ix-niv .small { flex-basis:100%; }
.ix-raisons { list-style:none; margin:0 0 12px; padding:0; display:grid; gap:4px; font-size:12.5px; }
.ix-raisons li { display:flex; gap:10px; align-items:baseline; }
.ix-effet { margin-left:auto; font-size:10.5px; white-space:nowrap; padding:1px 7px; border-radius:20px; background:var(--surface-2); color:var(--ink-soft); }
.ix-raisons li.decide .ix-effet { background:var(--hi-w); color:var(--hi); font-weight:600; }
.ix-prop { font-size:12.5px; margin:0 0 9px; }
.ix-affecte .rang { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }

/* La fiche : l'opération, ses champs, le JSON, et le geste qui l'injecte. */
.ix-op { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; margin-bottom:8px; font-size:13px; }
.ix-op .muted { font-size:11.5px; }
.ix-champs .id-l .c code { display:block; font-family:var(--mono); font-size:10.5px; color:var(--muted); margin-top:1px; }
.ix-champs .id-l.a_creer .id-src, .ix-champs .id-l.calcul .id-src, .ix-champs .id-l.indexer .id-src { background:var(--ia-w); color:var(--ia); }
.ix-champs .id-l.attendu .id-src { background:var(--md-w); color:var(--md); }
.ix-json-l { margin:10px 0 0; }
.ix-json { margin:8px 0 0; max-height:320px; overflow:auto; padding:10px 12px; border-radius:8px; background:var(--surface-2);
  font-family:var(--mono); font-size:11.5px; line-height:1.5; color:var(--ink); white-space:pre; }
.ix-injecte { margin-top:12px; }
.ix-injecte .rang { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }

/* Dans les listes. */
.ix-pill { font-size:11.5px; font-weight:600; white-space:nowrap; color:var(--lo); }
.ix-pill.courante { color:var(--md); }
.ix-pill.complexe { color:var(--hi); }
.ix-nb { display:inline-block; min-width:20px; text-align:center; font-size:11.5px; font-weight:600; padding:0 6px; border-radius:20px;
  background:var(--hi-w); color:var(--hi); }