:host {
  display: block;
}

.rent-revision-proposals,
.proposal-form fieldset,
.revision-history {
  display: grid;
  gap: var(--space-3, 0.75rem);
  min-width: 0;
}

.proposal-form,
.revision-history {
  margin-block-start: var(--space-4, 1rem);
  padding-block-start: var(--space-4, 1rem);
  border-block-start: 1px solid var(--border, #dce5df);
}

.proposal-form fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.proposal-form h4,
.revision-history h4,
.revision-history p {
  margin: 0;
}

.field-grid,
.revision-list dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
  gap: var(--space-3, 0.75rem);
}

.field-grid label,
.proposal-warnings,
.attestation {
  display: grid;
  gap: var(--space-2, 0.5rem);
}

.field-grid label {
  font-size: 0.78rem;
  font-weight: 700;
}

.field-grid input {
  box-sizing: border-box;
  width: 100%;
  min-height: 2.75rem;
  padding-inline: var(--space-3, 0.75rem);
  border: 1px solid var(--border-strong, #aebbb4);
  border-radius: var(--radius-sm, 0.5rem);
  background: var(--surface, #fff);
  color: var(--text, #17211e);
  font: inherit;
}

.bounds,
.recalculation-notice,
.hash {
  color: var(--text-muted, #687670);
  font-size: 0.75rem;
}

.attestation {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  font-size: 0.78rem;
}

.attestation small {
  display: block;
  color: var(--text-muted, #687670);
}

.revision-list {
  display: grid;
  gap: var(--space-3, 0.75rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

.revision-list > li {
  min-width: 0;
  padding: var(--space-3, 0.75rem);
  border-radius: var(--radius-md, 0.8125rem);
  background: var(--surface-soft, #e9efeb);
}

.revision-list header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-2, 0.5rem);
}

.revision-list dl {
  margin-block: var(--space-3, 0.75rem);
}

.revision-list dd {
  margin: var(--space-1, 0.25rem) 0 0;
}

.proof-download {
  display: grid;
  justify-items: start;
  gap: var(--space-1, 0.25rem);
}

.revision-list dt {
  color: var(--text-muted, #687670);
  font-size: 0.7rem;
}

.hash {
  overflow-wrap: anywhere;
}

.operation-error {
  color: var(--danger, #b42318);
}

.proposal-submit {
  justify-self: start;
}