/* Lumen: the pieces only this template needs (booking confirmation and the fee table). */
.err-list { padding: 12px 16px; border-radius: var(--r-s); background: color-mix(in srgb, var(--alert) 9%, var(--card)); color: var(--alert); font: 600 15px/1.5 var(--body); }
.err-list ul { display: grid; gap: 4px; margin-top: 6px; padding-left: 18px; list-style: disc; }
.err-list a { color: inherit; }
.form-card .field input, .form-card .field textarea { width: 100%; }
.book-done { padding: 12px 14px; border-radius: var(--r-m); background: var(--rust-soft); color: var(--ink-2); font-size: 15.5px; }
.book-sum li { display: flex; justify-content: space-between; gap: 12px; }
.book-sum li span:last-child { font: 400 14px/1.4 var(--mono); text-align: right; }
.fee-table table, table.fee-table { width: 100%; border-collapse: collapse; }
table.fee-table th, table.fee-table td { padding: 12px 14px; border-bottom: 1px solid var(--line); text-align: left; }
table.fee-table thead th { font: 400 12.5px/1.2 var(--mono); text-transform: uppercase; color: var(--muted); }
table.fee-table td { font: 400 14.5px/1.4 var(--mono); }