/* 7.10 Planning for secure decommissioning (`ui/pages/clauses/decommissioning/`). The
   cards, read outs, strips and choices reuse 7.2's, 7.7's and 7.4's classes, loaded
   before this sheet. Narrow rules follow a container, never the viewport. */

/* Read outs sit in the card body's own inset, not the 18px of a region's. */
.aucra-dec-body .aucra-prod-reads {
  padding: 0;
}

/* A picked row: the id, the name, its read line and box, then Remove (D3, D4). The
   rows share their list's columns, so one id column width holds per list (M14). */
.aucra-dec-body {
  container: aucra-dec-picks / inline-size;
}
.aucra-dec-picks {
  display: grid;
  grid-template-columns: minmax(56px, max-content) 190px minmax(0, 1fr) auto;
  gap: 12px 10px;
}
.aucra-dec-picks:not(:has(*)) {
  display: none;
}
.aucra-dec-row {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  row-gap: 4px;
  align-items: start;
}
.aucra-dec-id,
.aucra-dec-name {
  font-size: 13.5px;
  line-height: 20px;
}
.aucra-dec-id {
  color: var(--muted);
}
.aucra-dec-fields {
  min-width: 0;
}
.aucra-dec-add {
  grid-column: 1 / -1;
  justify-self: start;
}
@container aucra-dec-picks (max-width: 560px) {
  .aucra-dec-picks {
    grid-template-columns: max-content minmax(0, 1fr) auto;
  }
  .aucra-dec-fields {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

/* 1667's lead closes the item 4 block, before the lettered (a) to (e). */
.aucra-dec-lead {
  margin-top: 4px;
}

/* Remove asks on a line of its own under the row, never beside the box (M1). */
.aucra-dec-row > .aucra-dec-remove.aucra-confirm-open {
  grid-column: 1 / -1;
  grid-row: 2;
  min-width: 0;
}
.aucra-dec-remove.aucra-confirm-open .aucra-confirm-asking {
  justify-content: flex-end;
  width: 100%;
  padding: 8px 0;
  border-top: 1px solid var(--line);
}
.aucra-dec-remove.aucra-confirm-open .aucra-confirm-question {
  flex: 1 1 180px;
}
@container aucra-dec-picks (max-width: 560px) {
  .aucra-dec-row > .aucra-dec-remove.aucra-confirm-open {
    grid-row: 3;
  }
}

/* The document line opens below a rule, as the artboards draw it (M4). */
.aucra-dec-document {
  border-top: 1px solid var(--line);
}

/* Region A's line under its head, on the card's content edge (U2). */
.aucra-dec-inputs-lead {
  padding: 12px 18px;
}

/* Output's field titles sit on their head's top line, level with a picked row's
   id and name and 8px under a quote, and a choice's chips 6px under its title, as
   the artboards space them (M5, M8, M9). */
.aucra-dec-card .aucra-field-head {
  align-items: center;
}
.aucra-dec-card .aucra-arch-choice > .aucra-chip-set {
  margin-top: 4px;
}