Personalakte als Aktenblatt, Status als Etiketten, Verknüpfen von beiden Seiten

Das Formular der Personalabteilung ist übernommen, nicht durch eine
Bildschirmansicht ersetzt: schwarzer Rahmen, Kopf mit Kennung und
Klassifizierungsbalken, Raster aus fünf Spalten, Unterschriftenzeilen,
Fußzeile. Es steht bewusst außerhalb des Design-Systems — es wird gedruckt und
muss auf Papier aussehen wie das Blatt daneben.

Datengetrieben bleibt es trotzdem. Kein Feld steht im Programm: sheetTitle und
sheetSubtitle an der Vorlage, span für die Zellbreite, rows für das Lichtbild,
dateKey für das Datum unter einer Unterschrift, slot für den
Klassifizierungsbalken. Eine weitere Dokumentart mit layout = DOSSIER braucht
keine Zeile Code.

Der Balken zeigt die Foundation-Stufe aus der neuen Tabelle
FoundationClearance. Sie ist Inhalt, kein Zugriff — was jemand sehen darf,
entscheidet weiterhin allein die interne Stufe. Ohne Auswahl bleibt der Balken
neutral, statt eine Einstufung zu behaupten.

Die Dienstnummer ist entfallen, es gibt sie nicht. Der Status ist zu mehreren
Etiketten geworden: "Gekündigt" und "Verhaftet" schließen einander nicht aus.
Unbekannte Schlüssel werden verworfen und die Reihenfolge kommt aus der
Konfiguration, nicht aus der Eingabe.

PersonnelAssignment hängt AfiS-Mitglieder an eine Person — Aktenführung,
Ermittler, Ansprechpartner — und ist zugleich der ausnahmsweise Zugang, wie
CaseParticipant bei der Fallakte. Betroffen zu sein gibt weiterhin keinen
Zugang: das ist eine Eigenschaft der Person, die Zuordnung eine Entscheidung
der Abteilung.

Fall und Person lassen sich von beiden Seiten verknüpfen und schon beim
Anlegen einer Fallakte. Alle drei Wege laufen in addParticipant zusammen.

Noch offen: das Lichtbild. Feldtyp und Platz stehen, hochladen kommt mit der
Prüfkette in Phase 5 — ein Bild als Data-URL im Abschnittswert verstiesse
gegen harte Regel 4.

102 Tests im Web-Paket, davon sechs auf dem gerenderten Blatt selbst.

web/app/globals.css

@@ -212,6 +212,221 @@
     width: 1px;
     background-color: var(--color-line);
   }
+
+  /* ---------------------------------------------------------------------
+     Das Aktenblatt.
+
+     Bewusst **ausserhalb** des Design-Systems der Oberflaeche: schwarz auf
+     weiss, harte Rahmen, Massangaben in Millimetern. Es ist kein Bildschirm-
+     element, sondern ein Formular, das gedruckt und weitergereicht wird und
+     auf Papier genauso aussehen muss wie hier. Deshalb steht hier kein
+     einziger Farb-Token der Anwendung.
+
+     Nachgebaut nach dem Formular, das die Personalabteilung bislang von Hand
+     ausgefuellt hat. Siehe docs/13-entscheidungen.md.
+     --------------------------------------------------------------------- */
+  .sheet {
+    width: 210mm;
+    min-height: 297mm;
+    box-sizing: border-box;
+    margin: 0 auto;
+    padding: 10mm;
+    background: #ffffff;
+    color: #000000;
+    font-family: var(--font-sans, sans-serif);
+  }
+
+  .sheet-frame {
+    border: 4px solid #000;
+    min-height: calc(297mm - 20mm);
+    display: flex;
+    flex-direction: column;
+  }
+
+  .sheet-head {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 1rem;
+    padding: 15px;
+    border-bottom: 4px solid #000;
+  }
+
+  .sheet-head h1 {
+    margin: 0 0 5px;
+    font-size: 28px;
+    font-weight: 900;
+    letter-spacing: 1px;
+    line-height: 1.1;
+    text-transform: uppercase;
+    color: #000;
+  }
+
+  .sheet-head h2 {
+    margin: 0;
+    font-size: 14px;
+    font-weight: 900;
+    letter-spacing: 2px;
+    text-transform: uppercase;
+    color: #000;
+  }
+
+  .sheet-mark {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    gap: 10px;
+  }
+
+  /* Rein dekorativ, deshalb aria-hidden im Markup. */
+  .sheet-barcode {
+    width: 140px;
+    height: 25px;
+    background: repeating-linear-gradient(
+      90deg,
+      #000,
+      #000 2px,
+      #fff 2px,
+      #fff 5px,
+      #000 5px,
+      #000 8px,
+      #fff 8px,
+      #fff 10px
+    );
+  }
+
+  .sheet-classbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 1rem;
+    padding: 10px 15px;
+    border-bottom: 4px solid #000;
+    color: #fff;
+    font-size: 14px;
+    font-weight: 900;
+    text-transform: uppercase;
+  }
+
+  .sheet-grid {
+    width: 100%;
+    border-collapse: collapse;
+    table-layout: fixed;
+  }
+
+  .sheet-grid td {
+    border: 2px solid #000;
+    padding: 10px;
+    vertical-align: top;
+    word-wrap: break-word;
+    overflow-wrap: anywhere;
+  }
+
+  .sheet-label {
+    font-size: 10px;
+    font-weight: 900;
+    text-transform: uppercase;
+    margin-bottom: 4px;
+    color: #000;
+  }
+
+  .sheet-value {
+    font-size: 14px;
+    font-weight: 700;
+    min-height: 20px;
+    color: #000;
+  }
+
+  .sheet-value-emphasis {
+    color: #7f1d1d;
+  }
+
+  .sheet-photo {
+    width: 120px;
+    height: 160px;
+    margin: 0 auto;
+    border: 2px solid #000;
+    background: #f0f0f0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    font-size: 10px;
+    font-weight: 700;
+    color: #555;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .sheet-photo img {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .sheet-signature {
+    border-bottom: 2px solid #000;
+    min-height: 30px;
+    display: flex;
+    align-items: flex-end;
+    font-family: 'Times New Roman', Times, serif;
+    font-style: italic;
+    font-size: 18px;
+    color: #000;
+  }
+
+  .sheet-foot {
+    margin-top: auto;
+    border-top: 4px solid #000;
+    padding: 10px 15px;
+    display: flex;
+    justify-content: space-between;
+    gap: 1rem;
+    font-family: var(--font-mono, monospace);
+    font-size: 10px;
+    font-weight: 700;
+    text-transform: uppercase;
+    color: #000;
+  }
+
+  /* Schmale Fenster: das Blatt behaelt seine Proportionen und wird als Ganzes
+     verkleinert, statt umzubrechen. Ein umgebrochenes Formular waere ein
+     anderes Formular. */
+  @media (max-width: 230mm) {
+    .sheet-scroll {
+      overflow-x: auto;
+    }
+  }
+}
+
+/* Drucken: nur das Blatt, ohne Rahmenwerk der Anwendung. Der PDF-Export mit
+   Wasserzeichen und Deckblatt kommt in Phase 8, siehe docs/08. */
+@media print {
+  .no-print {
+    display: none !important;
+  }
+
+  body {
+    background: #fff !important;
+  }
+
+  .sheet {
+    margin: 0;
+    padding: 0;
+    width: auto;
+  }
+
+  .sheet-frame {
+    min-height: auto;
+  }
+
+  .sheet-classbar {
+    /* Sonst druckt der Balken weiss auf weiss. */
+    print-color-adjust: exact;
+    -webkit-print-color-adjust: exact;
+  }
 }
 
 @media (prefers-reduced-motion: reduce) {