/*
 * The platform-admin open-decisions page: three sections of
 * Ui::DecisionThreadComponent rows (DD10, in components/data.css).
 *
 * Harley's calls sit inside one collapsed <details> so the founders, who read
 * this page too, meet their own questions first and nothing else.
 */

.decisions {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.decisions__section,
.decisions__calls {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

/* The section headings are Ui::SectionHeadingComponent (D170); this is the
   line under Harley's calls, which sits inside its disclosure. */
.decisions__intro {
  color: var(--text-secondary);
  font-size: var(--type-body-size);
  line-height: var(--type-body-leading);
}

.decisions__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.decisions__calls-summary {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  cursor: pointer;
  list-style: none;
  border-radius: var(--radius-sm);
}

.decisions__calls-summary::-webkit-details-marker { display: none; }

.decisions__calls-summary:focus-visible {
  outline: var(--focus-ring-outline);
  outline-color: var(--focus-colour-neutral);
  outline-offset: var(--focus-ring-offset);
}

.decisions__count {
  color: var(--text-tertiary);
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-leading);
}

.decisions__chevron {
  color: var(--text-tertiary);
  transition: transform var(--duration-fast) var(--easing-standard);
}

.decisions__calls[open] .decisions__chevron { transform: rotate(180deg); }

.decisions__refused .ui-card__title { color: var(--danger-text); }

/*
 * Stacked label-above-value blocks, shared by the other platform-admin screens
 * (the prompt template and trial pages, the OpenRouter credit card). These are
 * PARAGRAPHS, not key/value pairs: Ui::StatList right-aligns a short value
 * against its label, which is wrong for three lines of prose.
 */

.decision-field + .decision-field {
  margin-top: var(--space-3);
}

.decision-field__label {
  color: var(--text-tertiary);
  display: block;
  font-size: var(--type-caption-size);
  margin-bottom: var(--space-1);
}

.decision-field__value {
  color: var(--text-primary);
  font-size: var(--type-body-size);
}

/* A decision's own page (D178): the thread is the page, so its header does
   not fold it away. */
.ui-decision--fixed { border-color: var(--border-raised); }
.ui-decision--fixed > .ui-decision__summary { cursor: default; }
.ui-decision--fixed .ui-decision__chevron { display: none; }