/* Quote pages: totals and status actions. */
@layer reset, tokens, base, layout, components, utilities, print;

@layer components {
  .quote-total { font-size: var(--text-lg); font-weight: var(--weight-light); }
  .quote-total strong { font-size: var(--text-xl); font-weight: var(--weight-regular); }
  .problems { color: var(--negative); font-size: var(--text-sm); }
  /* "Before You Can Send This Quote": to-dos, in amber (not red: nothing has gone wrong). */
  .to-dos { margin-block: var(--space-4); }
  .to-dos h2 { font-size: var(--text-lg); margin: 0 0 var(--space-2); color: var(--warning); }
  .to-dos ul { margin: 0; padding-left: var(--space-4); display: grid; gap: var(--space-1); }
  .to-dos a { white-space: nowrap; margin-left: var(--space-1); }
  .already-on h3 { font-size: var(--text-md); margin: var(--space-3) 0 var(--space-1); }
  .already-on-total { margin: var(--space-3) 0 0; text-align: right; }
  .actions { display: flex; gap: var(--space-4); align-items: center; }
  .actions form { display: inline-flex; }
}
