/* print.css - linked with media="print", so it costs nothing on screen. Takes the site chrome off the paper; on /appointment/thanks the only thing printed is the slip (.nd-slip).
   Colours come from tokens only. */
@page { margin: 14mm; }
html, body { background: var(--nd-white) !important; color: var(--nd-ink); padding: 0 !important; }
.skip-link, .nd-notice, .nd-topbar, .nd-header, .nd-footer, .nd-dock, .nd-fab-stack, .nd-book-bar, .nd-cookie, .nd-toast-seed, .nd-thanks, .btn, [data-no-print] { display: none !important; }
a { color: inherit; text-decoration: none; }
.nd-cardx, .nd-tcard, figure, tr { break-inside: avoid; }

.nd-slip { display: block; max-width: 150mm; margin: 0 auto; padding: 8mm 9mm; border: 1.5pt solid var(--nd-navy); border-radius: 6mm; font-size: 11.5pt; line-height: 1.5; break-inside: avoid; }
.nd-slip__head { display: flex; align-items: center; gap: 4mm; padding-bottom: 4mm; border-bottom: 1pt solid var(--nd-line); }
.nd-slip__logo { width: 16mm; height: auto; }
.nd-slip__name { font-size: 15pt; font-weight: 800; color: var(--nd-navy); line-height: 1.25; }
.nd-slip__sub { font-size: 10pt; color: var(--nd-ink-2); }
.nd-slip__title { margin: 5mm 0 3mm; font-size: 13pt; font-weight: 800; color: var(--nd-blue); }
.nd-slip__ref { display: flex; justify-content: space-between; align-items: baseline; gap: 4mm; margin-bottom: 4mm; padding: 3mm 4mm; border: 1.5pt dashed var(--nd-blue); border-radius: 3mm; }
.nd-slip__ref b { font-size: 20pt; letter-spacing: .06em; color: var(--nd-navy); }
.nd-slip__table { width: 100%; margin-bottom: 4mm; border-collapse: collapse; }
.nd-slip__table th, .nd-slip__table td { padding: 1.6mm 0; border-bottom: .6pt solid var(--nd-line); text-align: start; vertical-align: top; }
.nd-slip__table th { width: 34%; font-weight: 700; color: var(--nd-ink-2); }
.nd-slip__write { display: grid; grid-template-columns: auto 1fr; align-items: end; gap: 3mm; margin: 4mm 0; }
.nd-slip__line { display: block; height: 6mm; border-bottom: .8pt solid var(--nd-ink); }
.nd-slip__notes { margin: 0 0 4mm; padding-inline-start: 5mm; font-size: 10pt; }
.nd-slip__foot { display: flex; justify-content: space-between; align-items: center; gap: 4mm; padding-top: 3mm; border-top: 1pt solid var(--nd-line); font-size: 9.5pt; }
.nd-slip__qr { flex: 0 0 auto; width: 24mm; height: 24mm; }
.nd-slip__qr svg { display: block; width: 100%; height: 100%; }