/* print-r2-minimal.css - the style r2-minimal: direction ก "modern minimal" (the owner's pick beside ฉ, 2026-10-10). White, large
   clear type, few lines: no fills and no boxes; one accent (the company colour) on the total and the acknowledgement's edge only.
   Ported from line G's mockup (claude/storefront 44463d5c docs/design/doc-redesign-2026-10-09/a-minimal.css + base.css) onto the
   engine's p-* markup - the class map heads print-r2-cards.css, what every r2 style shares is print-r2.css. Every rule under
   .paper[data-theme=r2-minimal], loaded after print-r2.css. The weights are the vendored 400-700 (vendor/fonts.css). */

/* ---------- tokens ---------- */
.paper[data-theme=r2-minimal]{
  --ink:#14191f;--muted:#56606b;--hair:#e3e7eb;--rule:#c4c9cf;--side:16mm;
  --font:'Noto Sans Thai','Inter',sans-serif;
  padding:15mm var(--side) 14mm;font:400 calc(9.5pt*var(--fs))/1.5 var(--font);color:var(--ink)
}

/* ---------- header: the seller on the left, the title on the right, one hairline under both ---------- */
.paper[data-theme=r2-minimal] .p-head{gap:10mm;align-items:start;padding-bottom:4mm;border-bottom:.25mm solid var(--hair);margin-bottom:0}
.paper[data-theme=r2-minimal] .p-brand{gap:4mm;align-items:flex-start}
.paper[data-theme=r2-minimal] .p-co-name{font:600 12.5pt/1.3 var(--font)}
.paper[data-theme=r2-minimal] .p-co-en{font:600 8pt/1.4 'Inter',sans-serif;letter-spacing:.08em}
.paper[data-theme=r2-minimal] .p-co-addr{font-size:8.5pt;line-height:1.45}
.paper[data-theme=r2-minimal] .p-tb{text-align:right}
.paper[data-theme=r2-minimal] .p-title{font:600 var(--title-pt,var(--title-from,21pt))/1.15 var(--font);letter-spacing:-.01em;color:var(--ink)}
.paper[data-theme=r2-minimal] .p-en{font:500 8pt/1 'Inter',sans-serif;letter-spacing:.18em;margin-top:1mm}
.paper[data-theme=r2-minimal] .p-chip{margin:3mm 0 0;border:.3mm solid var(--ink);color:var(--ink);padding:.6mm 3mm;font:600 8.5pt/1.5 var(--font)}
.paper[data-theme=r2-minimal] .p-badge{background:none;color:var(--ink);border:.3mm solid var(--ink)}

/* ---------- the buyer and the facts: plain text, no cards ---------- */
.paper[data-theme=r2-minimal] .p-parties{gap:8mm;margin:0;padding:4mm 0 3.5mm}
.paper[data-theme=r2-minimal] .p-infocard,.paper[data-theme=r2-minimal] .p-party{background:none;border:0;border-radius:0;padding:0}
.paper[data-theme=r2-minimal] .p-party .k,.paper[data-theme=r2-minimal] .p-cardlabel{font:400 8pt/1.3 var(--font);color:var(--muted);letter-spacing:.02em}
.paper[data-theme=r2-minimal] .p-party b{font:600 11pt/1.4 var(--font);margin-top:1mm}
.paper[data-theme=r2-minimal] .p-party p{font-size:8.5pt;line-height:1.5;color:var(--ink)}
.paper[data-theme=r2-minimal] .p-infocard--meta{width:88mm;gap:1.2mm}
.paper[data-theme=r2-minimal] .p-infocard--meta .p-mrow{gap:4mm;font-size:8.5pt}
/* the voucher's / bill's two boxes and the like keep a hairline to read as two parts */
.paper[data-theme=r2-minimal] .p-twobox>.p-infocard{border-top:.25mm solid var(--hair);padding-top:2mm}

/* ---------- items: a firm rule under the head, hairlines between rows ---------- */
.paper[data-theme=r2-minimal] .p-items th{padding:0 2mm 2mm;background:none;border-top:0;border-bottom:.4mm solid var(--ink);font:500 8pt/1.3 var(--font);color:var(--muted)}
.paper[data-theme=r2-minimal] .p-items td{padding:1.15mm 2mm;border-bottom:.2mm solid var(--hair)}
.paper[data-theme=r2-minimal] .p-items td.c{color:var(--muted)}
.paper[data-theme=r2-minimal] .p-items td b{font-weight:500}
.paper[data-theme=r2-minimal] .p-items tr.p-carry td{background:none;border-bottom:.25mm solid var(--ink)}

/* ---------- summary ---------- */
.paper[data-theme=r2-minimal] .p-summary{grid-template-columns:minmax(0,1fr) 74mm;gap:10mm;margin-top:4mm;align-items:start}
.paper[data-theme=r2-minimal] .p-note{display:grid;gap:3mm;align-content:start;font-size:8.5pt;color:var(--ink)}
.paper[data-theme=r2-minimal] .p-note>*{margin:0}
.paper[data-theme=r2-minimal] .p-wordsbox,.paper[data-theme=r2-minimal] .p-reasonbox{border:0;background:none;border-radius:0;padding:0;margin:0}
.paper[data-theme=r2-minimal] .p-wordsbox .k,.paper[data-theme=r2-minimal] .p-reasonbox .k{font:400 8pt/1.3 var(--font)}
.paper[data-theme=r2-minimal] .p-wordsbox b{font:600 10pt/1.4 var(--font);margin-top:.5mm}
.paper[data-theme=r2-minimal] .p-pay{font-size:8.5pt;line-height:1.55}
.paper[data-theme=r2-minimal] .p-pay b{font-weight:600}
.paper[data-theme=r2-minimal] .p-totals{font-size:9pt}
.paper[data-theme=r2-minimal] .p-sum .l,.paper[data-theme=r2-minimal] .p-sum .n{padding:.8mm 0}
/* the grand total: a firm rule over it, the figure in the company colour; a figure too wide drops under its label */
.paper[data-theme=r2-minimal] .p-band{margin-top:1.5mm;background:none;color:var(--ink);border-radius:0;border-top:.5mm solid var(--ink);padding:3mm 0 0;align-items:flex-end;flex-wrap:wrap;gap:1mm 3mm}
.paper[data-theme=r2-minimal] .p-band .lab{font:600 10pt/1.2 var(--font)}
.paper[data-theme=r2-minimal] .p-band .lab small{font:500 8pt/1.3 'Inter',sans-serif;letter-spacing:.12em;color:var(--muted);opacity:1}
.paper[data-theme=r2-minimal] .p-band .amt{margin-left:auto;font:700 17pt/1.1 'Inter','Noto Sans Thai',sans-serif;color:var(--accent)}

/* ---------- payment row: a hairline above, no box ---------- */
.paper[data-theme=r2-minimal] .p-payrow{margin-top:3mm;padding-top:2.5mm;border-top:.2mm solid var(--hair)}
.paper[data-theme=r2-minimal] .p-payrow.is-paid .p-paytitle{color:#15532f}

/* ---------- notes, acknowledgement, signatures ---------- */
.paper[data-theme=r2-minimal] .p-notes{margin-top:4mm;font-size:8.5pt;line-height:1.5;color:var(--ink)}
.paper[data-theme=r2-minimal] .p-legal{font-style:normal;font-size:8pt;color:var(--muted)}
.paper[data-theme=r2-minimal] .p-ack{margin-top:4mm;padding:1.5mm 0 1.5mm 3mm;border:0;border-left:.6mm solid var(--accent);border-radius:0;font:400 8.5pt/1.45 var(--font);text-align:left}
/* the pen's room and its line, the role under it - no box */
.paper[data-theme=r2-minimal] .p-signs{gap:10mm;margin-top:8mm}
.paper[data-theme=r2-minimal] .p-signs>div{border:0;padding:0;font:400 8.5pt/1.4 var(--font);color:var(--ink)}
.paper[data-theme=r2-minimal] .p-signs>div::before{content:"";display:block;height:9mm;border-bottom:.25mm solid var(--ink);margin-bottom:1.5mm}

/* ---------- ink saver (.is-eco): this style has no fills - nothing to take away but the total keeps its colour ---------- */
.paper[data-theme=r2-minimal].is-eco .p-band{border-top:.5mm solid var(--ink);border-bottom:0;color:var(--ink)}