input:disabled {
  opacity: 0.6;
}

input[readonly] {
  background: color-mix(in srgb, var(--line) 45%, var(--surface));
  font-weight: 600;
}

.settings-fields,
.calculated-fields {
  margin-top: 11px;
}

.calculated-fields {
  padding: 11px;
  border-radius: 11px;
  background: color-mix(in srgb, var(--brand) 8%, var(--surface));
}

.settings-note {
  margin: 8px 2px 0;
  color: var(--muted);
  font-size: 0.72rem;
  line-height: 1.35;
}