/* =====================================================================
   BauWERK Core — Akte (Fassung 1.0, 12.10.2026)

   Gemeinsame Bausteine der Listen-und-Akte-Oberflächen (PersonalWERK,
   ProjektWERK, weitere folgen): Tokens, Liste, Kopf, Kennzahlen, Abschnitts-
   karten, Felder, Bearbeitungs- und Prüfleiste, iPhone-Seiten.
   Quelle: docs/design/DESIGNSYSTEM.md. Diese Datei ist die Quelle; die Kopien
   in den Apps (core/akte/) liefert tools/sync-akte.mjs aus — dort nicht ändern.

   Was eine App selbst setzt: --liste-b (Breite der Liste), --kopf-h (Höhe
   des festen Kopfes über der Akte), ihren Kopf und ihre Dialoge.
   ===================================================================== */
:root {
  /* Farben (DESIGNSYSTEM 2) */
  --c-ink: #1C1A17;
  --c-muted: #625C55;
  --c-line: #E4DFD8;
  --c-line-soft: #EFEBE6;
  --c-input-border: #D9D4CD;
  --c-ground: #F2F0EC;
  --c-surface: #FFFFFF;
  /* Die Akzentfarbe kommt je App aus dem Core (data-bw-product -> --bw-color-accent);
     die drei Ableitungen stehen im DESIGNSYSTEM. Rost nur als Rückfall. */
  --c-accent: var(--bw-color-accent, #A4532B);
  --c-accent-dark: color-mix(in oklab, var(--c-accent) 70%, black);
  --c-accent-tint: color-mix(in srgb, var(--c-accent) 18%, white);
  --c-accent-wash: color-mix(in srgb, var(--c-accent) 7%, white);
  --c-ok-text: #1F6B45;
  --c-ok-bg: #E3F1E8;
  --c-ok-dot: #1F8A55;
  --c-disabled: #B3ABA1;
  --c-overlay: rgba(28, 26, 23, .42);
  --c-fehler: #B3261E;
  --c-fehler-text: #8C1D18;

  /* Abstände */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px;
  --s-6: 24px; --s-7: 28px; --s-8: 32px; --s-9: 40px; --s-10: 48px;

  /* Schrift und Größen — PC; iPad und iPhone überschreiben unten */
  --t-display: 34px; --t-figure: 28px; --t-title: 24px; --t-section: 19px;
  --t-body: 15px; --t-input: 15px; --t-label: 13px; --t-caption: 13px; --t-overline: 12px;
  --r-chip: 4px; --r-control: 6px; --r-card: 10px; --r-pill: 999px;
  --feld-h: 38px; --knopf-h: 40px; --zeile-h: 48px;
  --liste-b: 340px;
  --kopf-h: 48px;
  --schatten-leiste: 0 -10px 30px rgba(28, 26, 23, .08);
  --z-leiste: 40;
  --z-vollbild: 60;
}
@supports (color: oklch(from red l c h)) {
  :root { --c-accent-dark: oklch(from var(--c-accent) calc(l - .12) c h); }
}

@media (max-width: 1279.98px) {
  :root {
    --t-display: 32px; --t-section: 20px; --t-body: 16px; --t-input: 17px; --t-label: 14px;
    --r-control: 8px; --r-card: 12px; --feld-h: 46px; --knopf-h: 44px; --zeile-h: 52px; --liste-b: 300px;
  }
}
@media (max-width: 767.98px) {
  :root {
    --t-display: 28px; --t-figure: 26px; --t-title: 34px; --t-body: 17px; --t-input: 18px;
    --t-overline: 13px; --r-control: 10px; --feld-h: 50px; --zeile-h: 54px;
  }
}


.nur-leser, .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* --- Schale: Liste + Akte ------------------------------------------- */
.schale { display: grid; grid-template-columns: var(--liste-b) minmax(0, 1fr); min-height: calc(100vh - var(--kopf-h)); }
.schale[data-profil="true"] { grid-template-columns: minmax(0, 1fr); }

/* Liste */
.team {
  position: sticky; top: var(--kopf-h); align-self: start; height: calc(100vh - var(--kopf-h)); overflow: auto;
  background: var(--c-surface); border-right: 1px solid var(--c-line);
}
.team-kopf { display: flex; align-items: center; justify-content: space-between; padding: var(--s-6) var(--s-4) var(--s-3) var(--s-4); }
.team-kopf h1 { margin: 0; font-size: var(--t-title); font-weight: 400; line-height: 1.2; }
.team-zahl { margin-left: 4px; color: var(--c-muted); font-size: var(--t-label); font-weight: 300; }
.icon-knopf { display: inline-grid; place-items: center; width: var(--knopf-h); height: var(--knopf-h); padding: 0; border: 1px solid var(--c-ink); border-radius: var(--r-control); background: var(--c-surface); color: var(--c-ink); cursor: pointer; }
.icon-knopf:hover { background: var(--c-ground); }
.suche { position: relative; margin: 0 var(--s-4) var(--s-4); }
.suche-zeichen { position: absolute; left: 12px; top: 50%; display: grid; transform: translateY(-50%); color: var(--c-muted); pointer-events: none; }
.suche input { width: 100%; height: var(--feld-h); padding: 0 12px 0 38px; border: 1px solid var(--c-input-border); border-radius: var(--r-control); background: var(--c-ground); color: var(--c-ink); font-size: var(--t-input); font-weight: 300; }
.suche input::placeholder { color: var(--c-muted); }
.suche input:focus { border-color: var(--c-accent); background: var(--c-surface); }
.team-liste { border-top: 1px solid var(--c-line); padding: var(--s-2) var(--s-2) var(--s-6); }
.gruppenkopf { display: flex; justify-content: space-between; padding: var(--s-4) var(--s-2) var(--s-2); color: var(--c-muted); font-size: var(--t-overline); font-weight: 400; letter-spacing: .1em; text-transform: uppercase; }
.keine { padding: var(--s-6) var(--s-4); color: var(--c-muted); }
.zeile {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--s-3);
  width: 100%; min-height: var(--zeile-h); padding: 0 var(--s-2); border: 0; border-radius: var(--r-control);
  background: transparent; color: var(--c-ink); font-size: var(--t-body); text-align: left; cursor: pointer;
}
.zeile:hover { background: var(--c-ground); }
.zeile[aria-current="page"] { background: var(--c-accent-wash); }
.zeile-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zeile-wert { color: var(--c-muted); font-weight: 300; font-variant-numeric: tabular-nums; text-align: right; }
.zeile-pfeil { display: none; color: var(--c-disabled); }
.chip { display: inline-block; min-width: 44px; padding: 3px 6px; border-radius: var(--r-chip); background: var(--c-accent-tint); color: var(--c-accent-dark); font-size: var(--t-label); font-weight: 400; letter-spacing: .02em; text-align: center; }
.zeile[aria-current="page"] .chip { background: var(--c-accent); color: #fff; }
.zeile.ist-ausgeschieden .zeile-name, .zeile.ist-ausgeschieden .zeile-wert { color: var(--c-muted); }
.zeile.ist-ausgeschieden .chip { background: var(--c-ground); color: var(--c-muted); }

/* Inhalt */
.inhalt { min-width: 0; padding: var(--s-7) var(--s-9) 140px; }
.inhalt-innen { max-width: 960px; margin: 0 auto; }
.schale[data-profil="true"] .inhalt-innen { margin: 0 auto; }

.zurueck { display: none; align-items: center; gap: 2px; min-height: 44px; margin: 0 0 var(--s-2) -6px; padding: 0 6px; border: 0; background: transparent; color: var(--c-accent-dark); font-size: var(--t-body); cursor: pointer; }

.akte-kopf { display: flex; align-items: center; gap: var(--s-4); margin-bottom: var(--s-5); }
.kachel { display: grid; place-items: center; width: 64px; height: 64px; flex: 0 0 auto; border-radius: var(--r-card); background: var(--c-accent); color: #fff; font-size: 22px; font-weight: 500; letter-spacing: .02em; }
.kachel--lang { font-size: 13px; padding: 0 4px; overflow: hidden; }
.akte-titel { min-width: 0; }
.akte-titel h1 { margin: 0 0 6px; font-size: var(--t-display); line-height: 1.1; overflow-wrap: anywhere; }
.akte-titel h1:focus { outline: none; }
.pills { display: flex; flex-wrap: wrap; gap: 6px; }
.pill { display: inline-flex; align-items: center; min-height: 26px; padding: 0 var(--s-3); border: 1px solid var(--c-line); border-radius: var(--r-pill); background: var(--c-surface); color: var(--c-ink); font-size: var(--t-label); font-weight: 400; }
.pill--ok { border-color: transparent; background: var(--c-ok-bg); color: var(--c-ok-text); }
.pill--ok::before { width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--c-ok-dot); content: ""; }
.pill--neutral { color: var(--c-muted); }

.kennzahlen { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-4); margin-bottom: var(--s-5); }
.kennzahlen--drei { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kz { display: grid; gap: 2px; padding: var(--s-4) var(--s-5); border: 1px solid var(--c-line); border-radius: var(--r-card); background: var(--c-surface); }
.kz-kopf { color: var(--c-muted); font-size: var(--t-label); }
.kz-wert { font-size: var(--t-figure); font-weight: 300; line-height: 1.2; font-variant-numeric: tabular-nums; }
.kz-unter { color: var(--c-muted); font-size: var(--t-caption); }
.nur-phone { display: none; }

/* Leerzustand */
.leerzustand { padding-top: var(--s-9); }
.leerzustand h1 { margin-bottom: var(--s-2); font-size: var(--t-display); }
.leerzustand > p { margin-bottom: var(--s-6); color: var(--c-muted); font-size: var(--t-body); }

/* Abschnittskarten */
.sektionen { display: grid; gap: var(--s-4); }
.sektion {
  display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: var(--s-8);
  padding: var(--s-6) var(--s-7); border: 1px solid var(--c-line); border-radius: var(--r-card); background: var(--c-surface);
}
.sektion.offen { border-color: var(--c-accent); }
.sektion.gesperrt { opacity: .55; }
.sektion-links h2 { margin: 0 0 var(--s-2); font-size: var(--t-section); font-weight: 400; line-height: 1.25; }
.sektion-links h2:focus { outline: none; }
.sektion-links p { margin: 0 0 var(--s-3); color: var(--c-muted); font-size: var(--t-caption); line-height: 1.4; }
.sektion dl { margin: 0; }
.wz { display: grid; grid-template-columns: 160px minmax(0, 1fr); align-items: center; min-height: 36px; padding: 6px 0; border-bottom: 1px solid var(--c-line-soft); }
.wz:last-child { border-bottom: 0; }
.wz dt { color: var(--c-muted); font-size: var(--t-body); }
.wz dd { margin: 0; font-size: var(--t-body); font-weight: 400; overflow-wrap: anywhere; }
.wz small { color: var(--c-muted); font-size: var(--t-caption); font-weight: 300; }
.phone-kopf, .phone-fuss { display: none; }

/* Knöpfe */
.knopf, .textknopf { font-size: var(--t-body); cursor: pointer; }
.knopf { min-height: var(--knopf-h); padding: 0 var(--s-4); border: 1px solid var(--c-line); border-radius: var(--r-control); background: var(--c-surface); color: var(--c-accent-dark); font-weight: 400; }
.knopf:hover:not(:disabled) { background: var(--c-ground); }
.knopf--akzent { border-color: var(--c-accent); background: var(--c-accent); color: #fff; }
.knopf--akzent:hover:not(:disabled) { background: var(--c-accent-dark); }
.knopf--ink { border-color: var(--c-ink); background: var(--c-ink); color: #fff; }
.knopf--ink:hover:not(:disabled) { background: #000; }
.knopf:disabled, .textknopf:disabled { border-color: var(--c-line); background: var(--c-ground); color: var(--c-disabled); cursor: default; }
.textknopf { min-height: 44px; padding: 0 var(--s-2); border: 0; background: transparent; color: var(--c-accent-dark); }
.textknopf--fett { font-weight: 500; }
.textknopf:disabled { background: transparent; }
.sektion-links .knopf { margin-top: var(--s-1); }

/* Felder im Bearbeiten-Modus */
.felder-gitter { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--s-3) var(--s-4); align-items: start; }
.felder-gitter--vertrag { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.felder-gitter--vertrag .tage-feld { grid-column: 1 / -1; order: 5; }
.felder-gitter .breit { grid-column: 1 / -1; }
.fld { display: grid; gap: 4px; min-width: 0; align-content: start; }
.fld > label, .fld .lbl { color: var(--c-ink); font-size: var(--t-label); font-weight: 400; }
.eingabe {
  width: 100%; height: var(--feld-h); padding: 0 var(--s-3); border: 1px solid var(--c-input-border); border-radius: var(--r-control);
  background: var(--c-surface); color: var(--c-ink); font-size: var(--t-input); font-weight: 300;
}
select.eingabe { font-weight: 300; }
.eingabe--kuerzel { letter-spacing: .04em; }
.eingabe:focus { outline: 2px solid var(--c-accent); outline-offset: 2px; }
.eingabe[aria-invalid="true"] { border-color: var(--c-fehler); }
.fld.geaendert .eingabe { border-color: var(--c-accent); background: var(--c-accent-wash); }
.hinweis { margin: 0; color: var(--c-muted); font-size: var(--t-caption); line-height: 1.4; }
.hinweis:empty { display: none; }
.hinweis--aenderung { color: var(--c-accent-dark); }
.konto { padding: var(--s-2) 0; font-size: var(--t-body); font-weight: 400; overflow-wrap: anywhere; }
.haken { display: inline-flex; align-items: center; gap: var(--s-2); min-height: 32px; font-size: var(--t-body); font-weight: 400; cursor: pointer; }
.haken input { width: 18px; height: 18px; accent-color: var(--c-accent); }
.tage { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.tag-knopf { min-width: 54px; min-height: 44px; padding: 0 var(--s-3); border: 1px solid var(--c-line); border-radius: var(--r-control); background: var(--c-surface); color: var(--c-ink); font-size: var(--t-body); cursor: pointer; }
.tag-knopf[aria-pressed="true"] { border-color: var(--c-accent); background: var(--c-accent); color: #fff; }
.fehler { display: flex; gap: 6px; margin: var(--s-3) 0 0; padding: var(--s-2) var(--s-3); border: 1px solid var(--c-fehler); border-radius: var(--r-control); background: #fff; color: var(--c-fehler-text); font-size: var(--t-label); font-weight: 400; }
.fehler::before { content: "!"; display: inline-grid; place-items: center; width: 18px; height: 18px; flex: 0 0 auto; border-radius: 50%; background: var(--c-fehler); color: #fff; font-size: 12px; font-weight: 700; }
.datumsfeld { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px; }
.datumsfeld .bw-action-button--icon { height: var(--feld-h); min-width: var(--feld-h); border: 1px solid var(--c-input-border); border-radius: var(--r-control); }

/* Bearbeitungsleiste und Prüfansicht */
.leiste {
  position: fixed; left: var(--liste-b); right: 0; bottom: 0; z-index: var(--z-leiste);
  background: var(--c-surface); box-shadow: var(--schatten-leiste);
}
.leiste-innen { max-width: 960px; margin: 0 auto; padding: var(--s-4) var(--s-9) var(--s-4); }
.leiste-zeile { display: flex; align-items: center; gap: var(--s-4); }
.leiste-titel { color: var(--c-muted); font-size: var(--t-overline); font-weight: 400; letter-spacing: .1em; text-transform: uppercase; }
.leiste-zaehler { color: var(--c-muted); font-size: var(--t-body); }
.leiste-zaehler.an { color: var(--c-accent-dark); font-weight: 400; }
.leiste-knoepfe { display: flex; gap: var(--s-2); margin-left: auto; }
.pruef-koerper { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: var(--s-6); margin-bottom: var(--s-4); }
.pruef-koerper:has(.pruef-rechts:empty), .pruef-koerper > :only-child { grid-template-columns: minmax(0, 1fr); }
.phone-ueber, .phone-person, .diff-karten, .phone-kopf--pruefen, .textknopf--wide { display: none; }
.textknopf--wide { display: inline-block; }
.diff-tab { width: 100%; border: 1px solid var(--c-line); border-radius: var(--r-control); border-collapse: separate; border-spacing: 0; }
.diff-tab th { padding: var(--s-2) var(--s-3); border-bottom: 1px solid var(--c-line); color: var(--c-muted); font-size: var(--t-overline); font-weight: 400; letter-spacing: .1em; text-align: left; text-transform: uppercase; }
.diff-tab td { padding: var(--s-2) var(--s-3); font-size: var(--t-body); font-weight: 400; }
.alt { color: var(--c-muted); text-decoration: line-through; font-weight: 300; }
.neu { color: var(--c-accent-dark); font-weight: 400; }
.hinweise { margin: var(--s-3) 0 0; padding-left: 18px; color: var(--c-ink); font-size: var(--t-label); line-height: 1.45; }
.hinweise li + li { margin-top: 4px; }
.pruef-rechts .hinweis { margin-top: 4px; }
.fehler--leiste { margin: 0 0 var(--s-3); }

/* Zwischengröße: iPad quer */
@media (max-width: 1279.98px) {
  .inhalt { padding: var(--s-6) var(--s-7) 140px; }
  .leiste-innen { padding-inline: var(--s-7); }
  .sektion { grid-template-columns: 180px minmax(0, 1fr); }
  .wz { grid-template-columns: 150px minmax(0, 1fr); min-height: 44px; }
}

/* Unter 1024 px: Liste und Akte sind eigene Seiten */
@media (max-width: 1023.98px) {
  .schale { display: block; }
  .team { position: static; height: auto; border: 0; background: transparent; }
  .schale[data-seite="akte"] .team { display: none; }
  .schale[data-seite="liste"] .inhalt { display: none; }
  .team-kopf { padding-inline: var(--s-4); }
  .team-liste { border: 0; padding: 0 var(--s-4) var(--s-8); }
  .gruppe-liste { margin-bottom: var(--s-3); border-radius: var(--r-card); background: var(--c-surface); padding: 0 var(--s-2) var(--s-2); }
  .zeile-pfeil { display: grid; }
  .zeile { grid-template-columns: auto minmax(0, 1fr) auto auto; }
  .suche input { border-color: transparent; background: #E6E2DC; }
  .zurueck { display: inline-flex; }
  .leiste { left: 0; }
  .inhalt { padding-inline: var(--s-5); }
  .leiste-innen { padding-inline: var(--s-5); }
}

/* iPhone */
@media (max-width: 767.98px) {
  .team-kopf { padding-top: var(--s-5); }
  .inhalt { padding: var(--s-2) var(--s-4) var(--s-10); }
  .kachel { width: 56px; height: 56px; font-size: 19px; }
  .nur-gross, .pill--nur-gross, .kz--nur-gross { display: none; }
  .nur-phone { display: inline; }
  .kennzahlen { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kz { padding: var(--s-3) var(--s-4); }

  .sektion { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0; padding: 0; overflow: hidden; }
  .sektion-links { display: contents; }
  .sektion-links p { display: none; }
  .sektion-links h2 { display: flex; align-items: center; min-height: 52px; margin: 0; padding: 0 var(--s-4); border-bottom: 1px solid var(--c-line-soft); color: var(--c-muted); font-size: var(--t-overline); font-weight: 400; letter-spacing: .1em; text-transform: uppercase; }
  .sektion-links .knopf { align-self: center; min-height: 44px; margin: 0; padding: 0 var(--s-4); border: 0; background: transparent; color: var(--c-accent-dark); }
  .sektion-rechts { grid-column: 1 / -1; }
  .sektion dl { padding: 0 var(--s-4); }
  .wz { grid-template-columns: minmax(0, 1fr) minmax(0, auto); gap: var(--s-4); min-height: 46px; }
  .wz dd { text-align: right; }
  .wz small { display: none; }

  /* Bearbeiten: eigene Vollbildseite */
  .sektion.offen { position: fixed; inset: 0; z-index: var(--z-vollbild); display: flex; flex-direction: column; border: 0; border-radius: 0; background: var(--c-surface); overflow: auto; }
  .sektion.gesperrt { display: none; }
  .sektion.offen .sektion-links { display: none; }
  .sektion.offen .phone-kopf { position: sticky; top: 0; z-index: 2; }
  .phone-kopf { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 56px; padding: env(safe-area-inset-top) var(--s-3) 0; border-bottom: 1px solid var(--c-line); background: var(--c-surface); }
  .phone-kopf .textknopf:last-child { justify-self: end; }
  .phone-kopf .mitte { display: grid; text-align: center; }
  .phone-kopf .mitte b { font-size: var(--t-body); font-weight: 400; }
  .phone-kopf .mitte small { color: var(--c-muted); font-size: var(--t-caption); }
  .sektion.offen .sektion-rechts { flex: 1; padding: var(--s-5) var(--s-4); }
  .phone-fuss { display: block; position: sticky; bottom: 0; margin: 0; padding: var(--s-4); border-top: 1px solid var(--c-line); background: var(--c-surface); color: var(--c-accent-dark); font-size: var(--t-body); text-align: center; }
  .felder-gitter, .felder-gitter--vertrag { grid-template-columns: minmax(0, 1fr); }
  .felder-gitter--vertrag .tage-feld { order: 0; }
  .tage { flex-wrap: nowrap; gap: 6px; }
  .tag-knopf { min-width: 0; flex: 1; padding: 0; }
  .eingabe { padding: 0 var(--s-4); }

  /* Prüfen: eigene Vollbildseite */
  .leiste[data-modus="bearbeiten"] { display: none; }
  .leiste[data-modus="pruefen"] { inset: 0; z-index: calc(var(--z-vollbild) + 1); background: var(--c-ground); box-shadow: none; overflow: auto; }
  .leiste-innen--pruefen { display: flex; flex-direction: column; max-width: none; min-height: 100%; padding: 0; }
  .phone-kopf--pruefen { display: grid; }
  .pruef-koerper { display: block; flex: 1; padding: var(--s-5) var(--s-4); margin: 0; }
  .phone-ueber { display: block; margin: 0 0 4px; color: var(--c-muted); font-size: var(--t-overline); letter-spacing: .1em; text-transform: uppercase; }
  .phone-person { display: block; margin: 0 0 var(--s-5); font-size: var(--t-figure); font-weight: 300; line-height: 1.2; }
  .diff-tab { display: none; }
  .diff-karten { display: grid; gap: var(--s-3); margin: 0 0 var(--s-5); padding: 0; list-style: none; }
  .diff-karten li { display: grid; gap: 4px; padding: var(--s-4); border-radius: var(--r-card); background: var(--c-surface); }
  .dk-feld { color: var(--c-muted); font-size: var(--t-label); }
  .dk-wert { font-size: var(--t-figure); }
  .dk-wert .alt, .dk-wert .neu { font-size: var(--t-figure); font-weight: 300; }
  .pruef-rechts { margin-top: var(--s-4); }
  .fehler--leiste { margin: 0 var(--s-4) var(--s-3); }
  .leiste-innen--pruefen > .leiste-zeile { padding: var(--s-3) var(--s-4) calc(var(--s-4) + env(safe-area-inset-bottom)); }
  .leiste-innen--pruefen .leiste-titel, .leiste-innen--pruefen .leiste-zaehler, .leiste-innen--pruefen .textknopf--wide, .leiste-innen--pruefen .knopf--wide { display: none; }
  .leiste-innen--pruefen .leiste-knoepfe { width: 100%; margin: 0; }
  .leiste-innen--pruefen .knopf--ink { width: 100%; min-height: 52px; font-size: var(--t-input); }
}
@media (min-width: 768px) { .textknopf--wide { display: inline-block; } }


/* --- Änderungsvermerk im Abschnitt („Zuletzt geändert: …") und geplante Stände --- */
.vermerk { margin: var(--s-3) 0 0; color: var(--c-accent-dark); font-size: var(--t-caption); line-height: 1.4; }
.vermerk:empty { display: none; }
.vermerk--geplant { display: grid; gap: 2px; color: var(--c-muted); }