/* Recoverable prospect removal stays compact, explicit, and visually distinct from lifecycle closure. */
.cg-inspector-more-actions > div .cg-inspector-remove-action {
  margin-top: var(--correl-space-xs);
  border-top: 1px solid var(--correl-border-muted);
  color: var(--correl-danger-text);
}

.cg-prospect-removal-dialog {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(520px, calc(100vw - 48px));
  max-height: min(620px, calc(100vh - 48px));
  overflow: hidden;
}

.cg-prospect-removal-consequence,
.cg-prospect-removal-fields {
  display: grid;
  gap: var(--correl-space-sm);
  padding: var(--correl-space-lg) var(--correl-space-xl);
}

.cg-prospect-removal-consequence {
  border-bottom: 1px solid var(--correl-border-muted);
  background: var(--correl-surface-subtle);
}

.cg-prospect-removal-consequence :where(p, strong),
.cg-prospect-removal-fields :where(p, ul) {
  margin: 0;
}

.cg-prospect-removal-fields {
  overflow: auto;
}

.cg-prospect-removal-fields label {
  display: grid;
  gap: var(--correl-space-xs);
  color: var(--correl-text-muted);
  font-size: var(--correl-font-label);
}

.cg-prospect-removal-fields textarea {
  min-height: 88px;
  resize: vertical;
}

.cg-prospect-removal-error {
  border-left: 3px solid var(--correl-danger-text);
  background: var(--correl-danger-50);
  color: var(--correl-danger-text);
  padding: var(--correl-space-sm) var(--correl-space-md);
}

.cg-prospect-removal-error ul {
  padding-left: var(--correl-space-xl);
}

.cg-prospect-removal-dialog .communication-actions .danger {
  border-color: var(--correl-danger-text);
  background: var(--correl-danger-text);
  color: var(--correl-color-ffffff);
}

.cg-prospect-removal-result {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--correl-space-sm);
  border-block: 1px solid var(--correl-border-muted);
  background: var(--correl-surface-subtle);
  padding: var(--correl-space-sm) var(--correl-space-lg);
  color: var(--correl-text);
  font-size: var(--correl-font-label);
}

.cg-prospect-removal-result button {
  min-height: var(--correl-control-sm);
  border: 0;
  background: transparent;
  color: var(--correl-accent-text);
  font-weight: var(--correl-weight-semibold);
}

/* One bounded operating rail, with summary and utilities on one tape. */
.customer-graph-canvas-host .cg-ledger-inspector {
  gap: var(--correl-space-sm);
  padding: var(--correl-space-md);
}

.customer-graph-canvas-host .cg-inspector-heading {
  grid-template-columns: 32px minmax(0, 1fr);
  gap: var(--correl-space-sm);
  padding-bottom: var(--correl-space-sm);
}

.customer-graph-canvas-host .cg-inspector-record-context {
  gap: var(--correl-space-xs);
  margin-top: var(--correl-space-xs);
}

.customer-graph-canvas-host .cg-inspector-command-strip,
.customer-graph-canvas-host :where(.cg-inspector-next-work, .cg-inspector-risk, .cg-inspector-opportunities, .cg-inspector-contacts, .cg-inspector-move) {
  gap: var(--correl-space-xs);
  padding-bottom: var(--correl-space-sm);
}

.customer-graph-canvas-host .cg-inspector-risk-grid,
.customer-graph-canvas-host .cg-inspector-health ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--correl-space-md);
  row-gap: var(--correl-space-xs);
}

.customer-graph-canvas-host .cg-inspector-risk-grid > div {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--correl-space-hair);
  min-height: 0;
  padding: var(--correl-space-xs) 0;
}

.customer-graph-canvas-host .cg-inspector-move {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.customer-graph-canvas-host .cg-inspector-move > div {
  grid-column: 1 / -1;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--correl-space-sm);
}

.customer-graph-canvas-host .cg-inspector-move label {
  grid-column: 1;
  grid-template-columns: minmax(0, 1fr);
}

.customer-graph-canvas-host .cg-inspector-move label > span,
.customer-graph-canvas-host .cg-inspector-move > p {
  display: none;
}

.customer-graph-canvas-host .cg-inspector-move button {
  grid-column: 2;
  width: auto;
  min-height: var(--correl-control-sm);
  white-space: nowrap;
}

.customer-graph-canvas-host .cg-ledger-footer > .cg-ledger-footer-call-down {
  position: relative;
  display: grid;
  align-content: center;
  min-width: 132px;
  border-left: 1px solid var(--correl-border-muted);
  padding: var(--correl-space-xs) var(--correl-space-md);
}

.customer-graph-canvas-host .cg-ledger-footer-call-down :where(button, summary) {
  min-height: var(--correl-control-sm);
  border: 0;
  background: transparent;
  color: var(--correl-accent-text);
  font-size: var(--correl-font-micro);
  font-weight: var(--correl-weight-medium);
  cursor: pointer;
  list-style: none;
}

.customer-graph-canvas-host .cg-ledger-footer-call-down summary::-webkit-details-marker {
  display: none;
}

.customer-graph-canvas-host .cg-ledger-footer-call-down summary b {
  color: var(--correl-text-muted);
  font-weight: var(--correl-weight-regular);
}

.customer-graph-canvas-host .cg-ledger-footer-call-down ul {
  position: absolute;
  z-index: 12;
  right: var(--correl-space-sm);
  bottom: calc(100% + var(--correl-space-xs));
  display: grid;
  width: 220px;
  max-height: 240px;
  margin: 0;
  overflow: auto;
  border: 1px solid var(--correl-border);
  border-radius: var(--correl-radius-control);
  background: var(--correl-surface);
  box-shadow: var(--correl-shadow-overlay);
  padding: var(--correl-space-xs);
  list-style: none;
}

.customer-graph-canvas-host .cg-ledger-footer-call-down li + li {
  border-top: 1px solid var(--correl-border-muted);
}

.customer-graph-canvas-host .cg-ledger-footer-call-down li button {
  width: 100%;
  text-align: left;
}

@media (min-width: 1321px) {
  .customer-graph-canvas-host .cg-ledger-footer {
    min-block-size: 46px;
    max-block-size: 46px;
  }

  .customer-graph-canvas-host .cg-ledger-footer > div {
    min-height: 46px;
    padding: var(--correl-space-xs) var(--correl-space-md);
  }
}
