/* the customer's page at / (docs/standalone/ui.md § The customer's page):
   one column under the top bar. The tokens come from aleta.css, the
   component rules (pill, table, tabs, the flows, the link surface) from the
   integration's stylesheet, both linked first; nothing here redefines a
   token or a component. */

.customer { max-width: 72rem; margin: 0 auto; padding: 1.25rem var(--app-gutter-x) 2.5rem; }
.customer .crumbs { display: flex; align-items: baseline; gap: .375rem; margin-bottom: 1rem; font-size: .8125rem; color: var(--muted-foreground); }
.customer .crumbs__sep { color: var(--placeholder); }
.customer__head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.customer__clients { margin: 0 0 1rem; }

/* the R7 marker on the flow pages is the firm's note to itself that a text
   is a first draft; a customer is not shown it */
.customer .confirm__todo { display: none; }