.pdf-form-dialog{width:min(1000px,96vw);max-width:96vw;max-height:94dvh;padding:20px;overflow:auto;background:#f5f5f3;border:0;border-radius:20px;color:#111}.pdf-form-dialog::backdrop{background:#0008}.pdf-form-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pdf-form-dialog h2{font-size:1.2rem;overflow-wrap:anywhere}.pdf-form-status{position:sticky;top:-20px;z-index:3;background:#fff;padding:12px;border:1px solid #d7d7d7;border-radius:10px;color:#245a32}.pdf-form-status.error{color:#922626}.pdf-form-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.pdf-form-actions button,.pdf-form-dialog header button{min-height:44px}.pdf-form-page{position:relative;background:white;width:100%;margin:14px auto;box-shadow:0 2px 12px #0002;container-type:inline-size}.pdf-form-page canvas{display:block;width:100%;height:100%}.pdf-form-dialog .pdf-form-field{position:absolute;box-sizing:border-box;margin:0;padding:2px 4px;min-height:0;min-width:0;max-width:none;border:1px solid #5751d8;border-radius:2px;background:#f1f0ff;color:#111;font-family:Arial,sans-serif;font-size:clamp(9px,1.8cqw,16px);line-height:1.15;resize:none;box-shadow:none}.pdf-form-dialog .pdf-form-field:focus{outline:3px solid #4235e5;background:#fff;z-index:2}.pdf-form-dialog input[type=checkbox],.pdf-form-dialog input[type=radio]{padding:0;appearance:auto;accent-color:#4235e5}.pdf-form-dialog [hidden]{display:none!important}.pdf-form-pages{min-width:0}@media(max-width:600px){.pdf-form-dialog{padding:12px}.pdf-form-status{top:-12px}.pdf-form-page{min-width:650px}.pdf-form-pages{overflow-x:auto;padding-bottom:12px}.pdf-form-dialog:before{content:'Zum Ausfüllen können Sie die PDF seitlich verschieben.';font-size:.8rem;color:#555}}
body dialog.pdf-form-dialog button.secondary{background:#e9e9e5;color:#151515;border:1px solid #c8c8c3;width:auto;flex:0 0 auto;padding:10px 16px;border-radius:12px;font:inherit;min-height:44px}body dialog.pdf-form-dialog button.secondary:hover{background:#deddd8}body dialog.pdf-form-dialog header h2{flex:1;min-width:0;margin:0}.pdf-form-dialog .pdf-form-actions{align-items:center}

/* Formular direkt in der Vorschau unter „Freigaben & Feedback“ (11.11.2026): alle Seiten untereinander, eigener Rollbereich */
.pdf-form-inline{display:grid;gap:10px;color:#111;text-align:left}
.pdf-form-inline .pdf-form-status{position:static;margin:0;padding:8px 12px;font-size:.9rem}
.pdf-form-inline .pdf-form-actions{margin:0;align-items:center}
.pdf-form-inline .pdf-form-actions button{width:auto;flex:0 0 auto}
.pdf-form-inline .pdf-form-pages{max-height:min(78vh,1100px);overflow:auto;padding:0 6px 12px;background:#f5f5f3;border-radius:12px;overscroll-behavior:contain}
.pdf-form-inline .pdf-form-page{min-width:0;margin:10px auto}
.pdf-form-inline.zoom-1 .pdf-form-page{width:55%}
.pdf-form-inline.zoom-3 .pdf-form-page{width:180%;max-width:none;margin-left:0;margin-right:0}
.pdf-form-inline .annot-zoom{margin-right:auto}
/* Die allgemeinen Eingabefeld-Regeln des Portals (Mindesthöhe, 16 px Schrift) dürfen die Felder auf der Seite nicht aufblasen */
.pdf-form-inline .pdf-form-field{min-height:0!important;font-size:clamp(8px,1.8cqw,22px)!important;padding:1px 3px!important;border-radius:2px!important;line-height:1.15!important}
.pdf-form-inline input[type=checkbox].pdf-form-field,.pdf-form-inline input[type=radio].pdf-form-field{padding:0!important}
/* Handy: In „Vergrößert“ ist die Schrift in den Feldern mindestens 16 px groß. Darunter zoomt das iPhone beim Antippen
   eines Feldes von selbst in die Seite hinein – dann verschiebt sich alles, sobald die Tastatur hochkommt. */
@media(max-width:640px){.pdf-form-inline.zoom-3 .pdf-form-page{width:320%}.pdf-form-inline.zoom-3 .pdf-form-field{font-size:max(16px,1.8cqw)!important}.pdf-form-inline .pdf-form-pages{max-height:60vh;max-height:60dvh}}
/* Menü „⋯“ → Versionen (nur JP-Design) */
.pdf-form-more{font-weight:700;letter-spacing:1px}
.pdf-form-versions{width:min(620px,94vw);max-height:88dvh;overflow:auto;padding:22px;border:0;border-radius:18px;background:#fff;color:#111}
.pdf-form-versions::backdrop{background:#0008}
.pdf-form-versions header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.pdf-form-versions h2{margin:0;font-size:1.2rem}
.pdf-form-versions header button{width:auto;flex:0 0 auto}
.pdf-form-versions-note{margin:0 0 14px;color:#566178;font-size:.9rem}.pdf-form-versions-note.error{color:#922626}
.pdf-form-versions ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pdf-form-versions li{display:grid;gap:10px;padding:14px;border:1px solid #dfe4ee;border-radius:12px}
.pdf-form-versions li strong{display:block}.pdf-form-versions li small{color:#687487}
.pdf-form-versions-actions{display:flex;flex-wrap:wrap;gap:8px}
.pdf-form-versions-actions button{width:auto;flex:0 0 auto}
/* Felder liegen AUF der Seite (11.11.2026, Fund der Komplettprüfung): Die Grundregel galt nur fürs Fenster
   (.pdf-form-dialog .pdf-form-field). In der Vorschau standen die Felder deshalb als Stapel unter dem Seitenbild. */
.pdf-form-inline .pdf-form-field{position:absolute;box-sizing:border-box;margin:0!important;min-width:0!important;max-width:none!important;border:1px solid #5751d8!important;background:#f1f0ff!important;color:#111!important;font-family:Arial,sans-serif;resize:none;box-shadow:none!important}
.pdf-form-inline .pdf-form-field:focus{outline:3px solid #4235e5;background:#fff!important;z-index:2}
/* Tablet und schmale Fenster (11.11.2026, Fund der Komplettprüfung):
   – Das Formular füllt die Vorschau. Ohne feste Breite schrumpfte es im zentrierenden Flex-Behälter auf die Breite der Knopfzeile.
   – Die Lupe „Seitengröße“ bleibt sichtbar. Die Regel für schmale Bildschirme (style.css: .approval-detail-pane .annot-zoom
     ausblenden) meint die Lupe der Bild-Vorschau, traf aber auch diese.
   – „Vergrößert“ ist über 640 px mindestens 960 px breit: Dann ist die Schrift in den Feldern mindestens 16 px groß, auch wenn
     die Vorschau schmal ist (Tablet quer). Geräte mit Fingerbedienung starten in dieser Stufe (dist/pdf-formulare.js). */
.approval-detail-preview>.pdf-form-inline{flex:1 1 100%;align-self:stretch;min-width:0}
.approval-detail-pane .pdf-form-inline .annot-zoom{display:inline-flex!important}
@media(min-width:641px){.pdf-form-inline.zoom-3 .pdf-form-page{width:max(180%,960px)}}
@media(max-width:640px){.pdf-form-inline .annot-zoom-label{display:none}}
/* Die Knöpfe der Lupe bleiben rund: Die Regel für die Knopfzeile (width:auto) drückte sie auf 18 px Breite zusammen.
   Mit dem Finger bedient (Handy, Tablet) sind sie 44 px groß. */
.pdf-form-inline .pdf-form-actions .annot-zoom-btn{width:34px}
@media(pointer:coarse){.pdf-form-inline .pdf-form-actions .annot-zoom-btn{width:44px;height:44px}}
