/* A brief version or a variation drawn as a document (views/document-blocks.js), shared by
   the client's approval page (/a/) and the Brief tab (briefs.html). A
   statement keeps its line breaks (white-space: pre-line). Colours are
   app.css's tokens only. */
.doc { display: flex; flex-direction: column; gap: 12px; background: var(--field); border: 1px solid var(--edge);
  border-radius: 8px; padding: 24px 1rem; }
.doc-title { margin: 0; font-size: 24px; line-height: 1.3; color: var(--carbon-5); }
.doc-status { margin: 0; font-weight: 700; }
.doc-line, .doc-footer { margin: 0; color: var(--helper); }
.doc-answer { margin: 0; font-weight: 700; }
.doc-comment { margin: 0; padding-left: 12px; border-left: 3px solid var(--edge-firm); white-space: pre-line; }
.doc-section { display: flex; flex-direction: column; gap: 4px; }
.doc-heading { margin: 8px 0 0; font-size: 18px; color: var(--carbon-5); }
.doc-text { margin: 0; line-height: 1.6; white-space: pre-line; }
.doc-empty { color: var(--helper); }
/* A variation (phase 3 Task 25): the title block, line amounts on the
   right, the money rows and the grand total. */
.var-title-block { display: flex; flex-direction: column; gap: 4px; }
.var-facts, .var-lines { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; }
.var-facts { color: var(--helper); }
.var-line, .var-row { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.var-line-text { white-space: pre-line; line-height: 1.6; }
.var-amount { margin: 0; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.var-rows { margin: 4px 0 0; display: flex; flex-direction: column; gap: 2px; }
.var-rows dt { margin: 0; }
.var-strong { font-weight: 700; }
.var-grand { padding-top: 8px; border-top: 1px solid var(--edge-firm); }