/* EIN HOCHGELADENES PAPIER PRÜFEN — die Prüfmaske für Mitgliederbereich und Mercofina (26.10.2026, Regelwerk
   `ein-papier-kommt-als-fotos-und-geht-als-pdf`). Markup: frontend/js/papierPruefen.js. Mercofina lädt die Datei über
   style.css, der Webauftritt als /assets/papier-pruefen.css (shop/routes/app.js). Die Farben kommen aus dem Thema der
   Oberfläche (Mercofina: --line-2/--warn, Shop: --card-border), wie beim „i“ (info-zeichen.css). */
.pm-maske{
  --pm-linie:var(--line-2,var(--card-border,rgba(127,127,127,.45)));
  --pm-warn:var(--warn,#d97706);
}
/* Die Seiten nebeneinander, am Handy untereinander — ein Bild nie breiter als der Bildschirm. */
.pm-seiten{display:flex;flex-wrap:wrap;gap:var(--s-3,12px);min-width:0}
.pm-seite{margin:0;flex:1 1 220px;max-width:340px;min-width:0;display:flex;flex-direction:column;gap:var(--s-1,4px)}
.pm-seite img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;border:1px solid var(--pm-linie);border-radius:6px;background:#fff}
.pm-seite figcaption{font-size:.85em}
/* Die Haken einer Seite („Ganzes Foto“, „weglassen“): ein Kästchen in Fingergröße, nicht auf Feldbreite gezogen — im
   Webauftritt macht der allgemeine Feldstil jedes input breit (Klicktest 67 am iPhone: 288 × 20 px, zu dicht an „Drehen“). */
.pm-seite .checkzeile{align-items:center;margin:var(--s-1,4px) 0}
.pm-seite .checkzeile input[type=checkbox]{width:24px;height:24px;min-width:24px;margin:0;flex:0 0 auto}
.pm-hinweise{border-left:3px solid var(--pm-warn);padding:var(--s-1,4px) var(--s-2,8px);margin:var(--s-2,8px) 0}
.pm-hinweise p{margin:.2em 0}
/* Unsicher Gelesenes fällt auf, ohne zu schreien: eine Linie in Warnfarbe am Feld. */
.pm-unsicher input,.pm-unsicher select{outline:2px solid var(--pm-warn);outline-offset:1px}
.pm-zeilen,.pm-voreintraege{display:flex;flex-direction:column;gap:var(--s-2,8px)}
.pm-zeile,.pm-voreintrag,.pm-person{border:1px solid var(--pm-linie);border-radius:6px;padding:var(--s-2,8px);min-width:0}
.pm-zeile,.pm-voreintrag{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--s-1,4px) var(--s-2,8px)}
.pm-zeile legend,.pm-voreintrag legend{padding:0 var(--s-1,4px)}
.pm-zeile .pm-mehr{grid-column:1/-1}
.pm-zeile input,.pm-zeile select,.pm-voreintrag input,.pm-person select,.pm-person input{max-width:100%;min-width:0}
.pm-personen{display:flex;flex-direction:column;gap:var(--s-2,8px)}
/* WAS GERADE GESCHIEHT (26.10.2026, Regelwerk `ein-langer-aufruf-sagt-was-er-tut`): Schritt, Balken, verstrichene Zeit —
   in Mercofina (frontend/js/fortschrittAnzeige.js) und nach dem Absenden im Mitgliederbereich (shop/assets/shop.js). */
.pm-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1,4px) var(--s-2,8px);padding:var(--s-2,8px);
  border:1px solid var(--line-2,var(--card-border,rgba(127,127,127,.45)));border-radius:6px}
.pm-status[hidden]{display:none}
.pm-status-text{flex:1 1 220px;min-width:0;font-weight:600}
.pm-status progress{flex:1 1 160px;min-width:0;height:10px}
.pm-status-zeit{font-variant-numeric:tabular-nums;opacity:.75}