/*!
 * Quick Auto Center — /book/ final screen (story 1.W2.26; result of sending, not a step).
 * Approved reference: design/prototypes/part-2/part-2.css (Result card, .recap) and design/flow-part-2.md 3.3.
 * Card = ADAPT of .booking__success + .booking__badge (site.css) with the 4 px keyline of .sum (danger in
 * delivery_failed); estimate number / reference = eyebrow label + title-size value on --surface-muted.
 * Tokens only (var(--*) or calc() over them); DESIGN.md bans apply (no gradient, blur, glass, emoji).
 */
.bk-result .out__card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);border-top:var(--rule-accent) solid var(--action-primary);}
.bk-result .out__card--fail{border-top-color:var(--status-danger);}
.bk-result .out__card p{margin:0;max-width:62ch;}
.bk-result .out__top{display:flex;align-items:center;gap:var(--space-3);}
.bk-result .out__top .dh--3{font-size:var(--type-title);}
@media (min-width:1024px){ .bk-result .out__top .dh--3{font-size:var(--type-display-4);} }
.bk-result h2[tabindex="-1"]:focus{outline:none;}
.bk-result h2[tabindex="-1"]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;}

/* Badge: REUSE .booking__badge at a compact size; pending_call = paper + Royal phone; delivery_failed = danger */
.bk-result .booking__badge{width:var(--space-10);height:var(--space-10);flex:none;}
.bk-result .out__badge--call{background:var(--surface-paper);color:var(--action-primary);}
.bk-result .out__badge--fail{background:var(--status-danger-bg);color:var(--status-danger);}

/* Estimate number / reference */
.bk-result .out__ref{margin:0;display:flex;flex-direction:column;gap:0;padding:var(--space-2) var(--space-3);background:var(--surface-muted);border-radius:var(--radius-md);}
.bk-result .out__ref dt{font-weight:var(--weight-bold);font-size:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);}
.bk-result .out__ref dd{margin:0;font-weight:var(--weight-bold);font-size:var(--type-title);line-height:var(--leading-tight);color:var(--text-heading);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-wide);overflow-wrap:anywhere;}
.bk-result .out__notice{width:100%;}

/* Read-only recap: drop-off, car, services, total. No controls, no contact data. */
.bk-result .out__recap{width:100%;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0;border-top:var(--border-width) solid var(--border-hairline);border-bottom:var(--border-width) solid var(--border-hairline);}
.bk-result .out__kv{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:calc(var(--space-1) / 2) var(--space-3);align-items:baseline;font-size:var(--type-body-sm);}
.bk-result .out__kv > div{display:contents;}
.bk-result .out__kv dt,.bk-result .out__sub{margin:0;font-weight:var(--weight-bold);font-size:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);}
.bk-result .out__kv dd{margin:0;font-weight:var(--weight-semibold);color:var(--text-heading);overflow-wrap:anywhere;}
.bk-result .out__warn{display:flex;align-items:center;gap:var(--space-1);margin-top:calc(var(--space-1) / 2);font-size:var(--type-caption);font-weight:var(--weight-semibold);color:var(--text-heading);}
.bk-result .out__warn .ic{flex:none;color:var(--status-warning);}
.bk-result .out__svc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(var(--space-1) / 2);font-size:var(--type-body-sm);color:var(--text-heading);}
.bk-result .out__svc li{display:flex;justify-content:space-between;gap:var(--space-3);}
.bk-result .out__svc span{min-width:0;overflow-wrap:anywhere;}
.bk-result .out__val{font-variant-numeric:tabular-nums;white-space:nowrap;}
.bk-result .out__totals{margin:0;display:flex;flex-direction:column;gap:calc(var(--space-1) / 2);padding-top:var(--space-1);border-top:var(--border-width) solid var(--border-strong);font-size:var(--type-body-sm);}
.bk-result .out__totals > div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);}
.bk-result .out__totals dt{color:var(--text-body);}
.bk-result .out__totals dd{margin:0;font-weight:var(--weight-semibold);color:var(--text-heading);font-variant-numeric:tabular-nums;}
.bk-result .out__grand :is(dt,dd){font-weight:var(--weight-bold);color:var(--text-heading);}
.bk-result .out__noprice{margin:0;padding-top:var(--space-1);border-top:var(--border-width) solid var(--border-strong);font-size:var(--type-body-sm);font-weight:var(--weight-bold);color:var(--text-heading);max-width:none;}

/* Only two controls: Call and Back to home (44 px targets; full width on the phone) */
.bk-result .out__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);width:100%;}
.bk-result .out__actions .btn{min-height:44px;}
@media (max-width:639px){ .bk-result .out__actions .btn{flex:1 1 100%;} }