/* Jarbou3i inspection section (UIX-3, ADR-0002): the record directory (.j-idir*)
   and the evidence summary (.j-evi*): source clusters, evidence gaps, review
   queue and claim–evidence matrix, in one disclosure. Its cards are .j-rec, its
   counts .j-stats, its records .j-insp-rec buttons and its matrix a .j-table. */

/* The directory: its heading beside its counts, then the evidence summary, a
   search field, and every record as a card that opens the inspector. */
.j-idir { display: grid; gap: var(--j-s-4); min-width: 0; }
.j-idir-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: var(--j-s-3) var(--j-s-5); }
.j-idir-head .j-lede { margin-bottom: 0; }

.j-evi > summary {
  display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: var(--j-s-4);
  padding: var(--j-s-3) var(--j-s-4);
}
.j-evi-title { display: grid; gap: var(--j-s-1); }
.j-evi-title strong { font-size: var(--j-t-16); }
.j-evi-title small { max-width: 76ch; color: var(--j-fg-muted); font-size: var(--j-t-12); font-weight: 400; line-height: 1.45; }

/* Clusters beside gaps; the review queue and the matrix span the body. */
.j-evi-body {
  display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 0 var(--j-s-4);
  padding: 0 var(--j-s-4) var(--j-s-4); border-top: 1px solid var(--j-line);
}
.j-evi-sec { display: grid; gap: var(--j-s-3); align-content: start; min-width: 0; padding-top: var(--j-s-4); }
.j-evi-sec h4 { margin: 0; font-size: var(--j-t-14); }
.j-evi-sec:is([data-evidence-review-queue], [data-evidence-traceability]) { grid-column: 1 / -1; margin-top: var(--j-s-4); border-top: 1px solid var(--j-line); }
/* What the part is, then its actions at the end. */
.j-evi-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: var(--j-s-3) var(--j-s-4); }
/* Its intro, then a note on what its export is. */
.j-evi-head :is(p, small) { display: block; margin: var(--j-s-1) 0 0; color: var(--j-fg-muted); font-size: var(--j-t-12); }
.j-evi-acts { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--j-s-2); }
.j-evi-counts { display: flex; flex-wrap: wrap; gap: var(--j-s-1) var(--j-s-3); margin: 0; color: var(--j-fg-muted); font-size: var(--j-t-12); }
.j-evi-counts b { color: var(--j-fg); font-family: var(--j-font-data); }

/* The review queue: its phases one under another (a phase with no task is
   one line), each its tasks reason by reason, side by side when they fit. */
.j-evi-phases { display: grid; gap: var(--j-s-3); }
.j-evi-phases > .j-rec { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr)); gap: var(--j-s-3) var(--j-s-4); align-items: start; }
.j-evi-phases > .j-rec > .j-rec-head { grid-column: 1 / -1; }
.j-evi-reason { display: grid; gap: var(--j-s-2); min-width: 0; }
.j-evi-reason > h6 { display: flex; justify-content: space-between; align-items: baseline; gap: var(--j-s-2); margin: 0; font-size: var(--j-t-13); line-height: 1.35; }
.j-evi-reason > .j-disclosure > .j-evi-tasks { margin-top: var(--j-s-2); }
.j-evi-tasks { display: grid; gap: var(--j-s-2); margin: 0; padding: 0; list-style: none; }
.j-evi-tasks > li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--j-s-2); align-items: start; }
.j-evi-tasks > li > div { display: grid; gap: var(--j-s-1); min-width: 0; }
.j-evi-seq {
  display: grid; place-items: center; min-width: 24px; height: 24px; border-radius: var(--j-r-1);
  background: var(--j-signal-wash); color: var(--j-signal); font: 600 var(--j-t-12)/1 var(--j-font-data);
}
/* A task whose record cannot be opened: named, not a button. */
.j-evi-target { display: grid; gap: 2px; padding: var(--j-s-2) var(--j-s-3); border: 1px dashed var(--j-line); border-radius: var(--j-r-2); font-size: var(--j-t-13); overflow-wrap: anywhere; }
.j-evi-target > code { color: var(--j-fg-muted); font: 500 var(--j-t-12)/1.3 var(--j-font-code); }

@media (max-width: 900px) {
  .j-evi-body { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 620px) {
  .j-evi-head, .j-idir-head { grid-template-columns: minmax(0, 1fr); }
  /* The counts under the title, the chevron beside it. */
  .j-evi > summary { grid-template-columns: minmax(0, 1fr) auto; }
  .j-evi > summary > .j-stats { grid-area: 2 / 1 / 3 / -1; }
  .j-evi > summary::after { grid-area: 1 / 2; }
  .j-evi-body { padding-inline: var(--j-s-3); }
  .j-evi-acts { justify-content: stretch; }
  .j-evi-acts .j-btn { flex: 1 1 auto; }
}
@media (forced-colors: active) {
  .j-evi-seq { border: 1px solid CanvasText; }
}