/* Compact index views for inspections, findings and reinspections. Keep report/print layouts intact. */
@media screen {
  :is(#page-inspection-runs,#page-inspection-findings,#page-inspection-reinspections) {
    box-sizing:border-box;
    width:100%;
    max-width:none;
    padding:14px clamp(12px,2vw,28px) 36px;
  }
  :is(#page-inspection-runs,#page-inspection-findings,#page-inspection-reinspections) > .page-heading {
    margin-bottom:12px;
  }
  :is(#page-inspection-runs,#page-inspection-findings,#page-inspection-reinspections) > .page-heading .eyebrow {
    margin-bottom:2px;
    font-size:10px;
  }
  :is(#page-inspection-runs,#page-inspection-findings,#page-inspection-reinspections) > .page-heading h1 {
    font-size:19px;
    line-height:1.2;
    letter-spacing:-.02em;
  }

  /* A full-width setup and readable card grid replace the narrow form / sideways list. */
  #inspection-runs-root { gap:10px; min-width:0; }
  #page-inspection-runs .inspection-run-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:10px;
  }
  #page-inspection-runs .inspection-run-setup {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px 12px;
    padding:14px 16px;
  }
  #page-inspection-runs .inspection-run-setup h2,
  #page-inspection-runs .inspection-run-list h2,
  #page-inspection-runs .inspection-reinspection-queue h2 { font-size:15px; }
  #page-inspection-runs .inspection-run-setup label { gap:4px; font-size:12px; }
  #page-inspection-runs .inspection-run-setup select,
  #page-inspection-runs .inspection-run-filters :is(input,select) { min-height:38px; }
  #page-inspection-runs .inspection-run-setup > [data-start-run] {
    grid-column:1;
    justify-self:start;
    min-height:40px;
  }
  #page-inspection-runs .inspection-run-start-state { grid-column:2/-1; align-self:center; }
  #page-inspection-runs .inspection-run-list { min-width:0; padding:14px 16px; }
  #page-inspection-runs .inspection-run-list h2 { margin-bottom:9px; }
  #page-inspection-runs .inspection-run-filters {
    grid-template-columns:repeat(2,minmax(170px,1.5fr)) repeat(2,minmax(125px,.8fr)) auto;
    align-items:end;
    gap:8px;
  }
  #page-inspection-runs .inspection-run-filters label { min-width:0; gap:4px; font-size:12px; }
  #page-inspection-runs .inspection-run-filters [data-clear-run-filters] {
    min-height:38px;
    white-space:nowrap;
  }
  #page-inspection-runs .inspection-run-browser [data-run-results]:not([data-run-grouped="true"]),
  #page-inspection-runs .inspection-run-list [data-run-results]:not([data-run-grouped="true"]) {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));
    gap:8px;
    overflow:visible;
  }
  #page-inspection-runs .inspection-run-browser [data-run-results] .inspection-run-card,
  #page-inspection-runs .inspection-run-list [data-run-results] .inspection-run-card {
    width:auto;
    margin:0;
  }
  #page-inspection-runs .inspection-run-browser > summary { padding:10px 14px; }
  #page-inspection-runs .inspection-reinspection-queue { padding:14px 16px; }

  /* Findings: one compact toolbar, with object groups using the available space. */
  #page-inspection-findings .inspection-findings-queue {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(180px,260px) auto;
    align-items:end;
    gap:9px 12px;
    max-width:none;
    min-width:0;
    padding:14px 16px;
  }
  #page-inspection-findings .inspection-findings-queue-count {
    grid-column:1/3;
    align-self:center;
    margin:0;
    font-size:13px;
  }
  #page-inspection-findings .inspection-findings-queue-print-action {
    grid-column:3;
    grid-row:1;
    margin:0;
    white-space:nowrap;
  }
  #page-inspection-findings .inspection-findings-queue-search { grid-column:1; margin:0; }
  #page-inspection-findings .inspection-findings-queue-severity { grid-column:2; margin:0; }
  #page-inspection-findings .inspection-findings-queue-search input,
  #page-inspection-findings .inspection-findings-queue-severity select { min-height:38px; }
  #page-inspection-findings [data-findings-results],
  #page-inspection-findings .inspection-findings-queue-print { grid-column:1/-1; min-width:0; }
  #page-inspection-findings .inspection-findings-queue-filters {
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:8px;
  }
  #page-inspection-findings .inspection-findings-queue-filters button {
    min-height:38px;
    padding:6px 11px;
  }
  #page-inspection-findings .inspection-findings-queue-group { margin-top:6px; }
  #page-inspection-findings .inspection-findings-queue-group-toggle { padding:7px 11px; }
  #page-inspection-findings .inspection-findings-queue-card { padding:8px 0; }
  #page-inspection-findings .inspection-findings-queue-card button { min-width:0; }

  /* Reinspections: search and status filters share the toolbar, then rows span the page. */
  #page-inspection-reinspections .inspection-reinspection-queue {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(260px,2fr);
    align-items:end;
    gap:8px 14px;
    min-width:0;
    padding:14px 16px;
  }
  #page-inspection-reinspections .inspection-reinspection-queue h2 {
    grid-column:1/-1;
    margin:0;
    font-size:15px;
  }
  #page-inspection-reinspections .inspection-reinspection-search,
  #page-inspection-reinspections .inspection-reinspection-filters { margin:0; }
  #page-inspection-reinspections .inspection-reinspection-search { font-size:12px; }
  #page-inspection-reinspections .inspection-reinspection-filters { justify-content:flex-end; }
  #page-inspection-reinspections .inspection-reinspection-filters button { min-height:38px; padding:6px 10px; }
  #page-inspection-reinspections .inspection-reinspection-search input,
  #page-inspection-reinspections .inspection-reinspection-search button { min-height:38px; }
  #page-inspection-reinspections .inspection-reinspection-group,
  #page-inspection-reinspections .inspection-reinspection-empty,
  #page-inspection-reinspections .inspection-reinspection-queue > p { grid-column:1/-1; }
  #page-inspection-reinspections .inspection-reinspection-group + .inspection-reinspection-group { margin-top:2px; }
  #page-inspection-reinspections .inspection-reinspection-group ul {
    grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));
  }
  #page-inspection-reinspections .inspection-reinspection-group li { padding:7px 10px; }
}

@media screen and (max-width:1050px) {
  #page-inspection-runs .inspection-run-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #page-inspection-runs .inspection-run-filters [data-clear-run-filters] { justify-self:start; }
  #page-inspection-reinspections .inspection-reinspection-queue { grid-template-columns:minmax(0,1fr); }
  #page-inspection-reinspections .inspection-reinspection-filters { justify-content:flex-start; }
}
@media screen and (max-width:700px) {
  :is(#page-inspection-runs,#page-inspection-findings,#page-inspection-reinspections) { padding:10px 10px 28px; }
  #page-inspection-runs .inspection-run-setup { grid-template-columns:repeat(2,minmax(0,1fr)); padding:11px; }
  #page-inspection-runs .inspection-run-setup > [data-start-run] { grid-column:1/-1; width:100%; }
  #page-inspection-runs .inspection-run-start-state { grid-column:1/-1; }
  #page-inspection-runs .inspection-run-list,
  #page-inspection-runs .inspection-reinspection-queue { padding:11px; }
  #page-inspection-findings .inspection-findings-queue {
    grid-template-columns:minmax(0,1fr) auto;
    padding:11px;
  }
  #page-inspection-findings .inspection-findings-queue-count { grid-column:1; }
  #page-inspection-findings .inspection-findings-queue-print-action { grid-column:2; }
  #page-inspection-findings .inspection-findings-queue-search { grid-column:1/-1; }
  #page-inspection-findings .inspection-findings-queue-severity { grid-column:1/-1; }
  #page-inspection-reinspections .inspection-reinspection-queue { padding:11px; }
}
@media screen and (max-width:500px) {
  #page-inspection-runs .inspection-run-setup,
  #page-inspection-runs .inspection-run-filters { grid-template-columns:minmax(0,1fr); }
  #page-inspection-runs .inspection-run-filters [data-clear-run-filters] { width:100%; }
  #page-inspection-findings .inspection-findings-queue-print-action { white-space:normal; }
  #page-inspection-reinspections .inspection-reinspection-filters {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}