/* LeZo Büro – QR-Zahlteil mit Empfangsschein (Swiss QR-bill, SIX Implementation Guidelines 2.3).
   Masse: Empfangsschein 62 x 105 mm, Zahlteil 148 x 105 mm, QR-Code 46 x 46 mm, 5 mm Rand.
   Schrift: Arial/Helvetica/Liberation Sans. Empfangsschein: Titel 11 pt fett, Überschriften 6 pt fett, Werte 8 pt.
   Zahlteil: Titel 11 pt fett, Überschriften 8 pt fett, Werte 10 pt. */

.qrs{position:relative;width:210mm;height:105mm;background:#fff;color:#000;font-family:Arial,Helvetica,"Liberation Sans",sans-serif;text-align:left;line-height:1.15;flex:none}
.qrs::before{content:"";position:absolute;left:0;top:0;width:210mm;border-top:.25mm dashed #000}
.qrs-ohne::before{display:none}
.qrs-trenn{position:absolute;left:5mm;top:-4.2mm;font-size:7pt;color:#000;white-space:nowrap}
.qrs-rec{position:absolute;left:0;top:0;width:62mm;height:105mm;border-right:.25mm dashed #000}
.qrs-ohne .qrs-rec{border-right:0}
.qrs-pay{position:absolute;left:62mm;top:0;width:148mm;height:105mm}
.qrs-t{position:absolute;left:5mm;top:5mm;font-size:11pt;font-weight:700;line-height:1}
.qrs-h{font-size:6pt;font-weight:700;line-height:9pt;display:block}
.qrs-v{font-size:8pt;line-height:9pt;display:block;overflow-wrap:anywhere}
.qrs-b{margin-bottom:9pt}

/* Empfangsschein */
.qrs-r-info{position:absolute;left:5mm;top:12mm;width:52mm;height:56mm;overflow:hidden}
.qrs-r-amt{position:absolute;left:5mm;top:68mm;width:52mm;height:14mm}
.qrs-r-amt .qrs-h,.qrs-r-amt .qrs-v{line-height:11pt}
.qrs-r-amt .qrs-hc{display:flex;align-items:flex-start}
.qrs-r-amt .qrs-hc>:first-child{width:14mm;flex:none}
.qrs-acc{position:absolute;right:5mm;top:82mm;text-align:right;line-height:8pt}
.qrs-f-r{width:52mm;height:20mm}
.qrs-f-ra{width:30mm;height:10mm}

/* Zahlteil */
.qrs-qr{position:absolute;left:5mm;top:17mm;width:46mm;height:46mm}
.qrs-code{display:block;width:46mm;height:46mm}
.qrs-p-amt{position:absolute;left:5mm;top:68mm;width:51mm;height:22mm}
.qrs-p-amt .qrs-h{font-size:8pt;line-height:11pt}
.qrs-p-amt .qrs-v{font-size:10pt;line-height:13pt}
.qrs-p-amt .qrs-hc{display:flex;align-items:flex-start}
.qrs-p-amt .qrs-hc>:first-child{width:18mm;flex:none}
.qrs-p-info{position:absolute;left:56mm;top:5mm;width:87mm;height:95mm;overflow:hidden}
.qrs-p-info .qrs-h{font-size:8pt;line-height:11pt}
.qrs-p-info .qrs-v{font-size:10pt;line-height:11pt}
.qrs-p-info .qrs-b{margin-bottom:11pt}
.qrs-f-p{width:65mm;height:25mm}
.qrs-f-pa{width:40mm;height:15mm}

/* Leere Felder zum Ausfüllen von Hand: schwarzer Rahmen 0.75 pt */
.qrs-frame{margin-top:2pt;line-height:0}
.qrs-frame svg{display:block}
.qrs-p-amt .qrs-frame{margin-top:0}

/* Bildschirm: Zahlteil in eigener Karte, seitlich scrollbar */
.qrslot{margin:18px 0}
.qrscreen{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-m);padding:var(--a4);overflow-x:auto}
.qrscreen .qrs{margin-top:22px}
.qrscreen h3{margin:0 0 4px}

@media print{
  .qrscreen{border:0;padding:0;overflow:visible;background:none}
  .qrscreen .qrs{margin-top:0}
  /* Seiten ohne Rand für den Zahlteil (benannte Seite, ersetzt den Seitenrand der übrigen Seiten) */
  @page zahlteil{size:A4;margin:0}
  .docwrap[data-qr="same"]{page:zahlteil;position:relative;height:296.5mm;overflow:hidden;break-after:avoid}
  .docwrap[data-qr="same"]>.doc{padding:12mm 16mm 0 20mm}
  .docwrap[data-qr="same"]>.qrslot{position:absolute;left:0;bottom:0;margin:0;width:210mm;height:105mm}
  .docwrap[data-qr="sep"]>.qrslot{page:zahlteil;break-before:page;position:relative;height:296.5mm;margin:0;overflow:hidden}
  .docwrap[data-qr="sep"]>.qrslot .qrscreen{position:absolute;left:0;bottom:0}
  .docwrap[data-qr="same"] .qrscreen{position:absolute;left:0;bottom:0}
  .qrs{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* Firefox: Eine benannte Seite nur für einen Teil des Dokuments erzeugt dort eine leere Schlussseite.
   Darum gilt die seitenrandlose Seite für das ganze Dokument; die Seitenränder werden durch Innenabstand
   ersetzt, der sich auf jeder Seite wiederholt (box-decoration-break: clone). */
@supports (-moz-appearance:none){
  @media print{
    body:has(.docwrap[data-qr="same"],.docwrap[data-qr="sep"]){page:zahlteil}
    .docwrap[data-qr="sep"]>.doc{padding:16mm 16mm 16mm 20mm;box-decoration-break:clone}
  }
}

/* Kompakte Darstellung der Rechnung, damit der Zahlteil (105 mm) unten auf dieselbe A4-Seite passt */
.doc.kompakt{font-size:10pt}
.doc.kompakt .doc-logo{max-height:44px;max-width:180px}
.doc.kompakt .absender{font-size:8.5pt;line-height:1.3}
.doc.kompakt .empf{margin:10px 0 6px;min-height:0}
.doc.kompakt .absz{margin-bottom:3px}
.doc.kompakt h1{font-size:13pt;margin:4px 0 2px}
.doc.kompakt .meta{margin-bottom:4px;font-size:9pt}
.doc.kompakt .meta tbody{display:flex;flex-wrap:wrap;gap:0 22px}
.doc.kompakt .meta tr{display:flex}
.doc.kompakt .meta td{padding:1px 6px 1px 0}
.doc.kompakt p{margin:.3em 0}
.doc.kompakt table.pos td,.doc.kompakt table.pos th{padding:3px 6px}
.doc.kompakt table.tot{margin-top:4px}
.doc.kompakt table.tot td{padding:1px 6px}
.doc.kompakt .doc-fuss{margin-top:8px;padding-top:4px}