/* 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);
}