/* ==========================================================================
   pages/workspace-extra.css — a few workspace pieces this app needs that the
   shared sheets do not carry: the sub-heading row and the quotation rows.
   ========================================================================== */

.page-head--sub { margin-block-start: var(--s-8); padding-block-start: var(--s-5); border-top: 1px solid var(--ink); }
.page-head--sub h2 { font-size: var(--t-l); line-height: var(--lh-head); letter-spacing: var(--track-head); }
.workspace > .page-head + .table-wrap, .workspace > .page-head + .list-rows { margin-block-start: var(--s-5); }
.workspace > * + * { margin-block-start: var(--s-6); }
.workspace .facts { margin-block-start: var(--s-6); }

/* A quotation: money as type, terms beneath, actions on the end. */
.quote-rows { display: grid; }
.quote-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s-3) var(--s-5); padding-block: var(--s-5); border-top: 1px solid var(--rule); }
.quote-row__id { flex: 1 1 18rem; min-width: 0; }
.quote-row__name { font-weight: 500; }
.quote-row__sub { font-size: var(--t-s); color: var(--grey-text); }
.quote-row__total { flex: none; font-size: var(--t-l); font-weight: 500; letter-spacing: var(--track-head); font-variant-numeric: tabular-nums; }
.quote-row__terms { flex-basis: 100%; max-width: 40em; color: var(--grey-text); font-size: var(--t-s); }
.quote-row__actions { display: flex; flex: none; flex-wrap: wrap; gap: var(--s-2) var(--s-4); align-items: center; }