/* The contract kit inside a chat (Nov 1): "Make it official", waiting to sign, and the signed mark.
   Flat boxes in the same family as "Put it in writing"; the signed one carries the green edge. */
.deal-box {
  flex-basis: 100%;
  padding: 12px 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--paper);
  font-size: 14px;
  line-height: 1.55;
}
.deal-box p {
  margin: 0 0 8px;
}
.deal-box .deal-mark {
  margin-bottom: 2px;
  color: var(--ink);
  font-weight: 700;
}
.deal-box.is-turn {
  border-left: 4px solid var(--purple);
  background: var(--soft);
}
.deal-box.is-signed {
  border-left: 4px solid var(--green);
}
.deal-box.is-signed .deal-mark {
  color: var(--green);
}
.deal-box .text-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-right: 18px;
  font-size: 14px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.deal-box .button {
  min-height: 44px;
}
/* "Worked with" chips on public pages: a small tag when they signed an agreement here. */
.worked-chip .signed-tag {
  margin-left: 2px;
  color: var(--green);
  font-size: 11px;
  font-weight: 700;
}