/* 7.5 Secure implementation (`ui/pages/clauses/secure_implementation/`).
   The registers, the strips, the bands and the pick chips reuse 7.3's
   classes (`pages_requirements.css`), the read only boxes, the notices and
   the product line 7.4's (`pages_architecture.css`), the card bodies 7.2's
   (`pages_planning.css`), all loaded before this sheet. Narrow rules follow
   the register's own container, never the viewport. */

/* A card's own gaps, under its head. */
.aucra-impl-gaps {
  padding: 10px 18px 0;
}
.aucra-impl-card > .aucra-impl-gaps:last-child {
  padding-bottom: 12px;
}
/* Region A's line under the unbuilt 7.11 input, inset as a row's text. */
.aucra-impl-waiting {
  padding: 14px 18px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted);
}
/* A closed control row's record, read without opening it (the artboards'
   read out, persona round of 2026-10-12); the open band shows the boxes. */
.aucra-impl-summary {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 2px 0 8px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted);
}
.aucra-impl-summary .aucra-impl-summary-how {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 13px;
  color: var(--muted);
}
.aucra-impl-summary-how > * {
  margin: 0;
  font-size: inherit;
}
.aucra-register-row:has(> .aucra-register-line [aria-expanded="true"]) .aucra-impl-summary {
  display: none;
}
/* 7.3's sheet hides a row's under line with no gap strip; a closed row with
   a record still shows it, for the summary. */
.aucra-impl-controls.aucra-req-register
  .aucra-register-row:not(:has(> .aucra-register-line [aria-expanded="true"]))
  .aucra-register-under:has(.aucra-impl-summary) {
  display: grid;
}
/* A second head inside a card (the component index under the SBOM, the
   checks under their coverage): a band as the card's own, ruled above. */
.aucra-impl-card > .aucra-panel-head.aucra-impl-subhead {
  border-top: 1px solid var(--line);
  border-radius: 0;
}
.aucra-soft .aucra-impl-card > .aucra-panel-head.aucra-impl-subhead {
  border-top-color: var(--soft-line);
}
.aucra-impl-band .aucra-arch-pair {
  align-items: start;
}

/* ---------- the three row lists ---------- */

.aucra-impl-register {
  --aucra-reg-min: 600px;
}
/* The selected controls, keyed rows on the kit's row classes: the chevron,
   the id, the control, who selects it. */
.aucra-impl-controls.aucra-req-register .aucra-register-head,
.aucra-impl-controls.aucra-req-register .aucra-register-line,
.aucra-impl-controls.aucra-req-register .aucra-register-under {
  --aucra-cols-narrow: 20px 60px minmax(0, 1fr) minmax(0, 1fr);
}
.aucra-impl-components.aucra-req-register .aucra-register-head,
.aucra-impl-components.aucra-req-register .aucra-register-line,
.aucra-impl-components.aucra-req-register .aucra-register-under {
  --aucra-cols-narrow: 20px 64px minmax(0, 1fr) 120px 120px 150px 28px;
}
.aucra-impl-checks.aucra-req-register .aucra-register-head,
.aucra-impl-checks.aucra-req-register .aucra-register-line,
.aucra-impl-checks.aucra-req-register .aucra-register-under {
  --aucra-cols-narrow: 20px 60px 130px minmax(0, 1fr) minmax(0, 1fr) 28px;
}

/* ---------- controls no longer selected on 7.3 ---------- */

.aucra-impl-inactive {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 18px 16px;
  border-top: 1px solid var(--line);
}

/* ---------- narrow: the register's own width ---------- */

@container aucra-req-register (max-width: 759px) {
  .aucra-impl-components.aucra-req-register .aucra-register-head,
  .aucra-impl-components.aucra-req-register .aucra-register-line,
  .aucra-impl-components.aucra-req-register .aucra-register-under {
    --aucra-cols-narrow: 20px 60px minmax(120px, 1fr) 90px 100px 110px 28px;
  }
  .aucra-impl-checks.aucra-req-register .aucra-register-head,
  .aucra-impl-checks.aucra-req-register .aucra-register-line,
  .aucra-impl-checks.aucra-req-register .aucra-register-under {
    --aucra-cols-narrow: 20px 56px 100px minmax(100px, 1fr) minmax(110px, 1fr) 28px;
  }
}
/* Under 604px the rows scroll (`pages_requirements.css`): the strip under a
   row takes the box's one column, so its lines wrap and are never cut. */
@container aucra-req-register (max-width: 603px) {
  .aucra-impl-register.aucra-req-register .aucra-register-under {
    --aucra-cols-narrow: minmax(0, 1fr);
  }
}
