/* Quote page, share view and print (spec §5.23, §5.28, WOW 6). */
@layer templates {
	.quote-page{padding-bottom:var(--section)}
	.quote-grid{display:grid;gap:var(--gutter);align-items:start}
	@media (min-width:1024px){.quote-grid{grid-template-columns:7fr 5fr}.qsheet{position:sticky;top:calc(var(--sticky-top) + 24px)}}
	@media (max-width:1023px){.qsheet{order:-1}}
	.qform{display:grid;gap:24px;max-width:var(--w-narrow)}
	.qstep{display:grid;gap:20px;background:var(--surface);border:var(--border-hair);border-radius:var(--r-2);padding:24px}
	.qstep__h{font-size:var(--fs-h3);display:flex;gap:10px;align-items:baseline}
	.qsub{display:grid;gap:16px;padding-left:16px;border-left:2px solid var(--line)}
	.qmore{background:var(--surface);border:var(--border-hair);border-radius:var(--r-2);padding:0 24px}
	.qmore summary{min-height:56px;display:flex;align-items:center;font-weight:600;cursor:pointer}
	.qmore[open]{padding-bottom:24px}
	.qmore[open]>*+*{margin-top:16px}

	/* The ruled sheet */
	.qsheet{background:var(--surface);border:var(--border-hair);border-radius:var(--r-2);padding:24px;display:grid;gap:16px}
	.qsheet__head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start;padding-bottom:12px;border-bottom:2px solid var(--tobe)}
	.qsheet__addr{font-size:var(--fs-sm);color:var(--muted);text-align:right}
	.qsheet__h{font-size:var(--fs-h3);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
	.qsheet__meta,.qsheet__foot{font-size:var(--fs-sm);color:var(--muted)}
	.qlines{width:100%;font-size:var(--fs-sm);font-variant-numeric:var(--numeric);background:var(--surface)}
	.qlines th,.qlines td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
	.qlines thead th{color:var(--muted);font-weight:600}
	.qlines .num{text-align:right;white-space:nowrap}
	.qlines__n{color:var(--muted);font-weight:600}
	.qlines__item a{color:var(--ink);font-weight:600}
	.qlines__variant{color:var(--muted)}
	.qlines__note{margin-top:4px;color:var(--warn);font-weight:600}
	.qlines tfoot th{font-weight:500;color:var(--muted);text-align:right}
	.qlines__total th,.qlines__total td{font-size:var(--fs-body);font-weight:700;color:var(--ink);border-bottom:0}
	@media (max-width:599px){
		.qlines thead{display:none}
		.qlines tbody tr{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;padding:8px 0;border-bottom:1px solid var(--line)}
		.qlines tbody td{border:0;padding:0}
		.qlines tbody td.qlines__item{grid-column:2}
		.qlines tbody td.sku,.qlines tbody td.num{grid-column:2;display:inline;text-align:left}
		.qlines tbody td[data-label]:not(.qlines__n)::before{content:attr(data-label) " ";color:var(--muted)}
	}
	.qchip{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:600;background:var(--accent-tint);color:var(--navy)}
	.qchip--paid{background:var(--success-tint);color:var(--success)}
	.qchip--expired,.qchip--lost{background:var(--paper);color:var(--ink);border:var(--border-ui)}
	.qdone{max-width:var(--w-narrow);display:grid;gap:16px;background:var(--surface);border:var(--border-hair);border-radius:var(--r-2);padding:32px}
	.qdone ol{padding-left:20px}
	.stamp{justify-self:start;border:2px solid var(--navy);color:var(--navy);padding:6px 14px;border-radius:var(--r-1);font-weight:700;letter-spacing:var(--tracking-lockup);font-variant-numeric:var(--numeric)}
	@media (prefers-reduced-motion:no-preference){.qdone:not([hidden]) .stamp{animation:kt-stamp var(--d-2) var(--ease-out)}}
	@keyframes kt-stamp{from{transform:scale(1.04);opacity:0}}
	.quote-view .qsheet{max-width:880px;margin-inline:auto}
	.qchip--completed,.qchip--processing{background:var(--success-tint);color:var(--success)}
	.qchip--cancelled,.qchip--refunded,.qchip--failed{background:var(--paper);color:var(--ink);border:var(--border-ui)}
	/* Track order (spec §6.12) */
	.track-page{display:grid;gap:24px;max-width:var(--w-narrow)}
	.track-page .page__h{margin-bottom:0}
	.tresult{display:grid;gap:12px;background:var(--surface);border:var(--border-hair);border-radius:var(--r-2);padding:24px}
	.tresult__h{font-size:var(--fs-h3);display:flex;flex-wrap:wrap;gap:10px;align-items:center}
	.tresult__meta,.tresult__help{color:var(--muted);font-size:var(--fs-sm)}
	.tresult__status{font-weight:600}
	.track-form__h{font-size:var(--fs-h3)}
	.track-form{background:var(--surface);border:var(--border-hair);border-radius:var(--r-2);padding:24px;max-width:none}
}

@media print {
	@page{size:A4;margin:16mm}
	.usp,.site-header,.navrow,.helpband,.site-footer,.crumbs,.qform,.page__h,.panel,.noprint,.toast,dialog{display:none!important}
	body{background:#fff;padding:0}
	.quote-grid{display:block}
	.qsheet{border:0;padding:0;background:none;position:static}
	.qlines thead{display:table-header-group}
	.qlines tbody tr{display:table-row}
	.qlines tbody td{display:table-cell;border-bottom:1px solid #ccc;padding:6px}
	.qlines tbody td[data-label]::before{content:none}
	a{color:inherit;text-decoration:none}
}