/* contract-detail — Contract Details page */

.contract-detail__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--wa-space-m);
  margin-bottom: var(--wa-space-l);
}

.contract-detail__title {
  font-family: var(--wa-font-family-heading);
  font-weight: var(--wa-font-weight-heading);
  font-size: var(--wa-font-size-2xl);
  color: var(--wa-color-text-normal);
  margin: 0;
}

.contract-detail__version {
  font-size: var(--wa-font-size-s);
  color: var(--wa-color-text-quiet);
}

/* Sections */

.contract-detail__section {
  border-top: 1px solid var(--wa-color-surface-border);
  padding-top: var(--wa-space-l);
  margin-bottom: var(--wa-space-l);
}

.contract-detail__heading {
  font-size: var(--wa-font-size-l);
  font-family: var(--wa-font-family-heading);
  font-weight: var(--wa-font-weight-heading);
  color: var(--wa-color-text-normal);
  margin-block-end: var(--wa-space-m);
}

/* Definition list — two-column grid */

.contract-detail__facts {
  display: grid;
  grid-template-columns: minmax(10rem, max-content) 1fr;
  gap: var(--wa-space-xs) var(--wa-space-l);
  margin: 0;
}

.contract-detail__fact-label {
  color: var(--wa-color-text-quiet);
  font-size: var(--wa-font-size-s);
  margin: 0;
}

.contract-detail__fact-value {
  color: var(--wa-color-text-normal);
  font-size: var(--wa-font-size-m);
  margin: 0;
}

/* Tables */

.contract-detail__table-wrap {
  overflow-x: auto;
  margin-top: var(--wa-space-m);
}

.contract-detail__table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--wa-font-size-m);
}

.contract-detail__table th,
.contract-detail__table td {
  text-align: left;
  padding: var(--wa-space-s) var(--wa-space-m);
  border-bottom: 1px solid var(--wa-color-neutral-border-quiet);
}

.contract-detail__table thead th {
  font-weight: var(--wa-font-weight-heading);
  color: var(--wa-color-text-quiet);
  font-size: var(--wa-font-size-s);
}

.contract-detail__caption {
  caption-side: top;
  text-align: left;
  font-size: var(--wa-font-size-s);
  color: var(--wa-color-text-quiet);
  padding-bottom: var(--wa-space-xs);
  margin-bottom: var(--wa-space-xs);
}

/* Notes and empty states */

.contract-detail__note {
  color: var(--wa-color-text-quiet);
  font-size: var(--wa-font-size-s);
  margin-top: var(--wa-space-m);
}

.contract-detail__empty {
  color: var(--wa-color-text-quiet);
  font-size: var(--wa-font-size-s);
}

/* Footer actions */

.contract-detail__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wa-space-m);
  padding-top: var(--wa-space-l);
  border-top: 1px solid var(--wa-color-surface-border);
}

.contract-detail__tiers form:has(.contract-detail__remove),
.contract-detail form:has(.contract-detail__remove) {
  display: inline;
}

.contract-detail__remove {
  appearance: none;
  border: 1px solid var(--wa-color-neutral-border-normal);
  border-radius: var(--wa-border-radius-m);
  padding: var(--wa-space-2xs) var(--wa-space-s);
  background: transparent;
  color: var(--wa-color-danger-fill-loud);
  font: inherit;
  font-size: 0.8125rem;
  cursor: pointer;
}

.contract-detail__remove:hover {
  border-color: var(--wa-color-danger-fill-loud);
}