/*
 * The public answer page (AnswersController). Sits inside the onboarding card
 * so it looks like the rest of Checklist to somebody who has never seen it.
 * Namespaced .an-*.
 */

.an-step > .ob-title:first-child { margin-top: 28px; }
.an-note {
  margin: 16px 0 0; padding: 11px 13px; border-radius: 11px;
  background: var(--ck-surface-blue); color: var(--ck-muted);
  font-size: 13px; line-height: 1.5; white-space: pre-line;
}
.an-form { display: flex; flex-direction: column; }
.an-items { list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; counter-reset: an-item; }
.an-item {
  counter-increment: an-item;
  border: 1px solid var(--ck-line); border-radius: 14px; padding: 13px 14px;
  background: #fbfcfe;
}
.an-item-head { display: flex; align-items: baseline; gap: 10px; }
.an-item-payee { font-weight: 800; font-size: 14px; min-width: 0; overflow-wrap: anywhere; }
.an-item-payee::before { content: counter(an-item) ". "; color: var(--ck-faint); }
.an-item-amount { margin-left: auto; font-weight: 800; font-size: 14px; flex: none; }
.an-item-meta { margin: 3px 0 0; font-size: 12px; color: var(--ck-soft); }
.an-question { display: block; margin: 11px 0 6px; font-size: 13px; font-weight: 700; color: var(--ck-blue); }
.an-answer { resize: vertical; line-height: 1.45; }
.an-answered { margin: 6px 0 0; font-size: 11.5px; color: var(--ck-soft); }
.an-submit { margin-top: 20px; }
.an-thanks {
  margin: 16px 0 0; padding: 11px 13px; border-radius: 11px;
  background: #f0faf6; border: 1px solid var(--ck-mint-line); color: #178a63;
  font-size: 13px; font-weight: 700;
}
.an-legs { list-style: none; margin: 10px 0 0; padding: 0; border: 1px solid var(--ck-line); border-radius: 10px; overflow: hidden; }
.an-legs li { display: flex; justify-content: space-between; gap: 10px; padding: 7px 11px; font-size: 12.5px; border-bottom: 1px solid var(--ck-line); background: #fff; }
.an-legs li:last-child { border-bottom: none; }
.an-legs li.is-loose { background: var(--ck-warn-bg); font-weight: 700; }