/* EVA-Gespräch als Bühne (js/eva-steckbrief.js). V19.4 Steckbrief und Fokus; V19.9 (Owner 22./23.10.: „kein riesengroßes Cockpit“,
   gewählt „ganz leise“): keine Kästen und kein Glas – Schrift auf dem abgedunkelten Grund. Links die To-do-Liste „Was wir besprechen“
   (Geklärtes durchgestrichen), in der Mitte EVA und das Gespräch (css/eva-widget.css), rechts EVAs Notizen, symmetrisch gesetzt.
   Telefon/schmal: Lasche mit Zähler und eine Zeile der Liste unter dem Kopf, die Notizen öffnen als Blatt.
   Schwarz, Weiß, #ea0313 – je Ansicht genau ein Rot: die nächste offene Markierung, bei „bereit“ der Knopf „Projekt starten“.
   Farben über --eva-* (css/eva-widget.css, Hell-Modus dort). Nur opacity/transform bewegen sich. */
:root {
  --eva-rand: clamp(40px, 4.2vw, 72px);        /* Abstand der Seitenspalten zum Bildrand (Desktop an Kontakt) */
  --eva-spalte: clamp(240px, 19vw, 300px);     /* Breite der Seitenspalten, links und rechts gleich */
  --eva-mitte: min(460px, 34vw);               /* Breite des Gesprächs an Kontakt */
}

/* Fokus: die Welt tritt zurück, solange das Gespräch offen ist – Seitenvorhänge (zum Rand dunkler, die Mitte bleibt offen) und ein
   ruhiger Boden. Ein Verlauf, kein backdrop-filter über der Szene; der Olymp bleibt erkennbar. */
.eva-fokus {
  position: fixed; inset: 0; z-index: 3; pointer-events: none; opacity: 0; visibility: hidden;
  background:
    linear-gradient(90deg, rgb(var(--eva-grund) / 94%) 0%, rgb(var(--eva-grund) / 78%) 22%, rgb(var(--eva-grund) / 58%) 38%, rgb(var(--eva-grund) / 54%) 50%,
      rgb(var(--eva-grund) / 58%) 62%, rgb(var(--eva-grund) / 78%) 78%, rgb(var(--eva-grund) / 94%) 100%),
    linear-gradient(to top, rgb(var(--eva-grund) / 50%), transparent 40%);
  transition: opacity 600ms var(--ease, ease), visibility 0s linear 600ms;
}
html[data-eva-fokus] .eva-fokus { opacity: 1; visibility: visible; transition: opacity 600ms var(--ease, ease), visibility 0s; }
/* V19.16 (Owner 24.10.: „den Hintergrund eher gleich abdunkeln, wenn wir auf die 8. Seite kommen, nicht erst im Gespräch“):
   eigene Ebene über der Szene (Canvas) und unter allen Bedienelementen (main z 2, EVA z 9, Kopf z 10), ≈ 0,7 der Gesprächs-Abdunklung,
   der Olymp bleibt sichtbar. Betreten 900 ms ab Fahrtbeginn (data-station wechselt in goTo), Verlassen 450 ms. Im Gespräch blendet sie aus,
   .eva-fokus übernimmt mit seinen Werten unverändert. Nur opacity bewegt sich. */
.buehne::after {
  content: ''; position: absolute; inset: 0; pointer-events: none; opacity: 0;
  background:
    linear-gradient(90deg, rgb(var(--eva-grund) / 66%) 0%, rgb(var(--eva-grund) / 55%) 22%, rgb(var(--eva-grund) / 41%) 38%, rgb(var(--eva-grund) / 38%) 50%,
      rgb(var(--eva-grund) / 41%) 62%, rgb(var(--eva-grund) / 55%) 78%, rgb(var(--eva-grund) / 66%) 100%),
    linear-gradient(to top, rgb(var(--eva-grund) / 35%), transparent 40%);
  transition: opacity 450ms var(--ease, ease);
}
html[data-modus="buehne"][data-ansicht="pur"][data-szene="an"][data-station="7"]:not([data-detail-open]):not([data-eva-fokus]) .buehne::after {
  opacity: 1; transition: opacity 900ms var(--ease, ease);
}
@media (max-width: 1099px), (max-height: 639px) {
  .buehne::after { background: linear-gradient(to bottom, rgb(var(--eva-grund) / 59%), rgb(var(--eva-grund) / 53%) 40%, rgb(var(--eva-grund) / 59%)); }
}
/* mit gewähltem Thema bleibt das Hologramm hell: dieselbe Aussparung wie beim Gesprächs-Schleier */
html[data-thema] .buehne::after {
  -webkit-mask-image: radial-gradient(var(--thema-rx) var(--thema-ry) at var(--thema-x) var(--thema-y), transparent 50%, #000 86%);
  mask-image: radial-gradient(var(--thema-rx) var(--thema-ry) at var(--thema-x) var(--thema-y), transparent 50%, #000 86%);
}
html[data-bewegung="aus"] .buehne::after,
html[data-bewegung="aus"][data-station="7"] .buehne::after { transition: none !important; }
@media (prefers-reduced-motion: reduce) { .buehne::after, html[data-station="7"] .buehne::after { transition: none !important; } }
@media (forced-colors: active) { .buehne::after { display: none; } }
/* Die Leistungsliste der Bühne (css/leistungen-fuss.css, z 10) tritt im Fokus mit zurück, sonst läge sie über Notizen und Gespräch. */
html[data-eva-fokus] .fuss-leistungen { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
/* Im Gespräch an Kontakt treten Bildunterschrift und Themenwahl zurück, die To-do-Liste übernimmt ihren Platz (Desktop links, Telefon oben) */
html[data-eva-fokus][data-modus="buehne"][data-ansicht="pur"][data-station="7"]:not([data-detail-open]) .station[data-station="7"] .clean-caption {
  opacity: 0; visibility: hidden; transition: opacity 300ms var(--ease, ease), visibility 0s linear 300ms;
}

/* ---------- „Projekt starten“: erst bei „bereit“, unter dem Gespräch; gefüllt, ohne Glühen ---------- */
.eva-sb-start { display: none; }
.eva-widget-panel[data-bereit] .eva-sb-start {
  display: flex; flex: none; align-self: center; align-items: center; justify-content: center; min-height: 48px; margin: 6px 0 14px; padding: 0 30px;
  border: 0; border-radius: var(--button-radius, 7px); background: var(--ci-interaction-red, #ea0313); color: #fff; text-shadow: none;
  font: 600 15px/1 var(--ci-font-family, sans-serif); letter-spacing: .01em; cursor: pointer;
  animation: eva-sb-auf 520ms var(--ease, ease) both; transition: background-color 200ms ease;
}
.eva-widget-panel[data-bereit] .eva-sb-start:hover { background: #c80210; }
.eva-widget-panel .eva-sb-start:focus-visible { outline: 2px solid var(--eva-text); outline-offset: 3px; box-shadow: none; }
.eva-widget-panel[data-bereit] .eva-widget-enquiry-action { display: none; }   /* derselbe Weg, jetzt als Hauptaktion */
@keyframes eva-sb-auf { from { opacity: 0; transform: translateY(6px); } }

/* ---------- Notizen ---------- */
.eva-steckbrief {
  position: fixed; z-index: 9; box-sizing: border-box; display: none; flex-direction: column; margin: 0; padding: 0;
  overflow: hidden; touch-action: pan-y pinch-zoom; color: var(--eva-text); text-shadow: var(--eva-schatten);
  font: 400 14px/1.5 var(--ci-font-family, sans-serif);
}
.eva-steckbrief[data-offen] { display: flex; animation: eva-sb-hoch 420ms var(--ease, ease) both; }
/* Nur die Mitte scrollt; Kopf und Fuß stehen fest. */
.eva-sb-inhalt { flex: 1 1 auto; min-height: 60px; overflow: auto; overscroll-behavior: contain; scrollbar-width: none; outline: none;
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 22px), transparent); mask-image: linear-gradient(to bottom, #000 calc(100% - 22px), transparent); }   /* weicher Rand statt harter Schnittkante */
.eva-sb-kopf, .eva-sb-fuss { flex: none; }
.eva-sb-kopf { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 8px; margin-bottom: 22px; }
/* Kopf wie der Titel der To-do-Liste: kleine Versalien mit Strichmarke */
.eva-sb-kopf h2 { display: flex; align-items: center; gap: 12px; margin: 0; color: var(--eva-grau); font: 600 11px/1.4 var(--ci-font-family, sans-serif); letter-spacing: .14em; text-transform: uppercase; }
.eva-sb-kopf h2::before { content: ''; flex: none; width: 24px; height: 1px; background: var(--eva-leise); }
.eva-sb-kopf h2:focus { outline: none; }
.eva-sb-live { grid-column: 1; margin: 6px 0 0 36px; font-size: 12px; color: var(--eva-leise); }
.eva-sb-live .eva-sb-punkt { display: none; }
.eva-steckbrief .eva-sb-zu { grid-column: 2; grid-row: 1 / span 2; width: 44px; height: 44px; padding: 10px; margin: -8px -10px 0 0; border: 0; background: transparent; color: var(--eva-grau); cursor: pointer; }
.eva-sb-zu .control-icon { width: 20px; height: 20px; }
.eva-sb-leer, .eva-sb-teil, .eva-sb-fuss { margin-left: 36px; }
.eva-sb-leer { margin-top: 0; margin-bottom: 16px; color: var(--eva-grau); }

.eva-sb-teil { margin-bottom: 18px; }
.eva-sb-teil h3 { margin: 0 0 4px; color: var(--eva-grau); font-size: 12px; font-weight: 500; line-height: 1.4; }
.eva-sb-teil:not(.eva-sb-einordnung, .eva-sb-offen-teil) > h3 { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }   /* „Notiert“ sagt schon der Kopf */
/* Notizen: Label klein und grau, Wert weiß; „Korrigieren“ nur bei Zeiger oder Tastaturfokus (ohne Hover immer) */
.eva-sb-liste { margin: 0; padding: 0; }
.eva-sb-liste dt { display: flex; align-items: center; gap: 8px; color: var(--eva-grau); font-size: 12px; font-weight: 500; line-height: 1.4; }
.eva-sb-liste dt > span { flex: 1; min-width: 0; }
.eva-sb-liste dd { margin: 0; padding: 1px 0 14px; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
.eva-sb-korr { flex: none; min-height: 28px; margin: -4px 0; padding: 0 2px; border: 0; background: none; color: var(--eva-grau); font: 500 11px/1 var(--ci-font-family, sans-serif);
  text-shadow: none; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; cursor: pointer; opacity: 0;
  transition: opacity var(--ci-hover-duration, 340ms) var(--ease, ease), text-decoration-color var(--ci-hover-duration, 340ms) var(--ease, ease); }
:is(.eva-sb-liste dt:hover, .eva-sb-liste dt:has(+ dd:hover)) .eva-sb-korr, .eva-sb-korr:focus-visible { opacity: 1; }
.eva-sb-korr:is(:hover, :focus-visible) { color: var(--eva-text); text-decoration-color: currentColor; }
.eva-sb-korr:focus-visible { outline: 2px solid var(--eva-text); outline-offset: 2px; }
@media (hover: none) { .eva-sb-korr { opacity: .75; } }
.eva-sb-chips, .eva-sb-punkte { margin: 0; padding: 0; list-style: none; }
.eva-sb-chips li { display: inline; }                                         /* Bausteine als Text */
.eva-sb-chips li + li::before { content: ' · '; color: var(--eva-leise); }

/* „Noch zu klären“ (nur wo die Liste nicht steht, z. B. unterwegs am Desktop): jede Frage legt einen Antwortanfang ins Eingabefeld */
.eva-sb-fragen { margin: 0; padding: 0; list-style: none; }
.eva-sb-frage {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 40px; margin: 0; padding: 6px 0;
  border: 0; border-radius: 0; background: none; color: inherit; font: inherit; text-align: left; text-shadow: inherit; cursor: pointer;
}
.eva-sb-frage:focus-visible { outline: 2px solid var(--eva-text); outline-offset: 2px; box-shadow: none; }
.eva-sb-frage-text { flex: 1; min-width: 0; }
.eva-sb-frage-tun { flex: none; font-size: 12px; font-weight: 500; color: var(--eva-grau); }
.eva-sb-frage-tun::after { content: '→'; display: inline-block; margin-left: 6px; transition: transform var(--ci-hover-duration, 340ms) var(--ease, ease); }
.eva-sb-frage:hover .eva-sb-frage-tun::after { transform: translateX(3px); }

/* Erste Einordnung: eine ruhige Zeile oben bei den Notizen */
.eva-sb-einordnung { margin-bottom: 20px; }
.eva-sb-betrag { margin: 0 0 2px; font-size: 15px; font-weight: 600; line-height: 1.45; }
.eva-sb-klein { margin: 0; font-size: 12px; line-height: 1.5; color: var(--eva-leise); }

/* Fuß: nur die Datenschutzzeile (der Knopf steht unter dem Gespräch) */
.eva-sb-fuss { padding-top: 6px; }
.eva-sb-schutz { margin: 0; font-size: 11.5px; line-height: 1.5; color: var(--eva-leise); }

/* Neu Notiertes: ein kurzes Aufhellen, klingt nach 2,4 s aus (kein Rot, kein Blinken) */
.eva-sb-liste :is(dt, dd)[data-neu] { animation: eva-sb-neu 2400ms var(--ease, ease) both; }
@keyframes eva-sb-neu { 0% { color: var(--eva-text); text-shadow: 0 0 14px rgb(255 255 255 / 45%); } }
@keyframes eva-sb-ein { from { opacity: 0; transform: translateX(14px); } }
@keyframes eva-sb-hoch { from { opacity: 0; transform: translateY(18px); } }

/* ---------- Lasche (schmal) ---------- */
.eva-sb-lasche {
  position: fixed; z-index: 9; left: max(12px, env(safe-area-inset-left, 0px)); top: calc(var(--kopf-unten, 112px) + 8px);
  display: inline-flex; align-items: center; gap: 9px; min-height: 44px; margin: 0; padding: 0 12px 0 14px;
  border: 0; border-radius: 12px; color: var(--eva-text); font: 600 13px/1.2 var(--ci-font-family, sans-serif); cursor: pointer;
  background: rgb(var(--eva-grund) / 80%); box-shadow: inset 0 0 0 1px var(--eva-linie);
  animation: eva-sb-ein 600ms var(--ease, ease) both;
}
.eva-sb-lasche[data-bereit] { box-shadow: inset 0 0 0 1px var(--eva-grau); }
.eva-sb-lasche:focus-visible { outline: 2px solid var(--eva-text); outline-offset: 3px; }
.eva-sb-punkt { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--eva-grau); }
.eva-sb-zahl:not(:empty) { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; background: var(--eva-text); color: rgb(var(--eva-grund)); font-size: 12px; font-weight: 700; }
.eva-sb-sr { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* Schmal: Blatt über dem Gespräch, eine ruhige deckende Fläche ohne Linien */
.eva-steckbrief[data-offen] {
  z-index: 11;   /* über den Rechtslinks (z 10), unter dem Kopf bleibt Platz: max-height endet unter --kopf-unten */
  left: max(8px, env(safe-area-inset-left, 0px)); right: max(8px, env(safe-area-inset-right, 0px)); bottom: 0; top: auto;
  max-height: min(78dvh, calc(100dvh - var(--kopf-unten, 112px) - 12px)); padding: 18px 20px max(16px, env(safe-area-inset-bottom, 0px));
  border-radius: var(--glass-radius, 18px) var(--glass-radius, 18px) 0 0; background: rgb(var(--eva-grund)); text-shadow: none;
  box-shadow: 0 -20px 40px rgb(0 0 0 / 50%);
}
.eva-steckbrief[data-offen] :is(.eva-sb-leer, .eva-sb-teil, .eva-sb-fuss) { margin-left: 0; }

/* ---------- To-do-Liste „Was wir besprechen“ ----------
   Ohne Glas, Optik der Themenliste (js/themen.js): Versalien, Strichmarke, Rot nur an der nächsten offenen Markierung (bei „bereit“
   gehört das Rot dem Knopf). Besprochenes wird weich durchgestrichen und tritt zurück (kein Haken). Telefon/schmal: eine waagrechte
   Zeile unter der Lasche; Desktop an Kontakt: linke Seitenspalte. Sonst (Desktop unterwegs) nicht da. */
.eva-agenda {
  position: fixed; z-index: 9; box-sizing: border-box; margin: 0; color: var(--eva-text); text-shadow: var(--eva-schatten);
  left: max(12px, env(safe-area-inset-left, 0px)); right: max(12px, env(safe-area-inset-right, 0px)); top: calc(var(--kopf-unten, 112px) + 8px + 44px + 6px);
  font: 600 11px/1.25 var(--ci-font-family, sans-serif); letter-spacing: .08em; text-transform: uppercase;
  animation: eva-ag-ein 520ms var(--ease, ease) both;
}
.eva-agenda[hidden] { display: none !important; }
.eva-ag-titel { display: flex; align-items: center; gap: 12px; margin: 0 0 8px; color: var(--eva-grau); font: 600 11px/1.4 var(--ci-font-family, sans-serif); letter-spacing: .14em; }
.eva-ag-titel::before { content: ''; flex: none; width: 24px; height: 1px; background: var(--eva-leise); }
.eva-ag-thema { margin: 0 0 6px 36px; color: var(--eva-grau); font-weight: 500; letter-spacing: .06em; text-transform: none; font-size: 12px; }
.eva-ag-liste { margin: 0; padding: 0; list-style: none; }
.eva-ag-knopf {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 36px; margin: 0; padding: 0 8px 0 0; border: 0; border-radius: 6px; background: none;
  color: var(--eva-text-2); font: inherit; letter-spacing: inherit; text-transform: inherit; text-align: left; text-shadow: inherit; cursor: pointer;
  transition: color 480ms var(--ease, ease);
}
.eva-ag-knopf::before { content: ''; flex: none; width: 24px; height: 1px; background: var(--eva-leise); transform: scaleX(.42); transform-origin: 0 50%;
  transition: transform var(--ci-hover-duration, 340ms) var(--ease, ease), background-color var(--ci-hover-duration, 340ms) var(--ease, ease); }
.eva-ag-knopf:is(:hover, :focus-visible) { color: var(--eva-text); }
.eva-ag-knopf:is(:hover, :focus-visible)::before { transform: scaleX(.6); background: var(--eva-grau); }
.eva-ag-knopf:focus-visible { outline: 2px solid var(--eva-text); outline-offset: 2px; }
.eva-ag-punkt[data-naechster] .eva-ag-knopf { color: var(--eva-text); }
.eva-ag-punkt[data-naechster] .eva-ag-knopf::before { height: 2px; transform: none; background: var(--eva-text); }
.eva-agenda:not([data-bereit]) .eva-ag-punkt[data-naechster] .eva-ag-knopf::before { background: var(--ci-interaction-red, #ea0313); }
/* Durchstreichen: ein feiner Strich zieht sich von links durch, die Schrift tritt zurück; zurückgenommen läuft es rückwärts */
.eva-ag-text { position: relative; min-width: 0; }
.eva-ag-text::after { content: ''; position: absolute; left: -3px; right: -3px; top: calc(50% - .5px); height: 1px; background: currentColor;
  transform: scaleX(0); transform-origin: 0 50%; transition: transform 520ms var(--ease, ease); }
.eva-ag-punkt[data-besprochen] .eva-ag-knopf { color: var(--eva-leise); }
.eva-ag-punkt[data-besprochen] .eva-ag-knopf:is(:hover, :focus-visible) { color: var(--eva-grau); }
.eva-ag-punkt[data-besprochen] .eva-ag-knopf::before { background: var(--eva-leise); }
.eva-ag-punkt[data-besprochen] .eva-ag-text::after { transform: scaleX(1); }
@keyframes eva-ag-ein { from { opacity: 0; transform: translateY(8px); } }

/* Telefon/schmal: eine Zeile, waagrecht wischbar; Überschrift und Thema nur für Hilfstechnik */
.eva-agenda :is(.eva-ag-titel, .eva-ag-thema) { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.eva-ag-liste { display: flex; gap: 2px 16px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; touch-action: pan-x pinch-zoom; margin: 0 -12px; padding: 0 12px;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 12px, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to right, transparent, #000 12px, #000 calc(100% - 28px), transparent); }
.eva-ag-liste::-webkit-scrollbar { display: none; }
.eva-ag-punkt { flex: none; }
.eva-agenda .eva-ag-knopf { white-space: nowrap; gap: 8px; }
.eva-agenda .eva-ag-knopf::before { width: 12px; }
/* Beim Tippen (Bildschirmtastatur, css/eva-widget.css data-keyboard) gehört der Platz dem Gespräch */
html:has(.eva-widget[data-keyboard]) :is(.eva-agenda, .eva-sb-lasche) { visibility: hidden; }

/* ---------- Breit ---------- */
@media (min-width: 1100px) and (min-height: 640px) {
  /* Notizen ohne Fläche neben dem Gespräch */
  html[data-modus="buehne"]:not([data-detail-open]) .eva-sb-lasche { display: none; }
  html[data-modus="buehne"]:not([data-detail-open]) .eva-steckbrief {
    display: flex; left: auto; bottom: auto; right: max(24px, env(safe-area-inset-right, 0px)); top: calc(var(--kopf-unten, 112px) + 24px);
    width: var(--eva-spalte); max-height: calc(100dvh - var(--kopf-unten, 112px) - 48px); animation: eva-sb-ein 600ms var(--ease, ease) both;
  }
  html[data-modus="buehne"]:not([data-detail-open]) .eva-steckbrief .eva-sb-zu { display: none; }
  /* Unterwegs steht das Gespräch rechts unten (css/eva-widget.css): die Notizen links daneben, unten bündig. */
  html[data-modus="buehne"]:not([data-detail-open]):not([data-station="7"]) .eva-steckbrief {
    top: auto; right: calc(max(16px, env(safe-area-inset-right, 0px)) + 380px + 32px);
    bottom: calc(max(14px, env(safe-area-inset-bottom, 0px)) + 64px + 42px);
    max-height: calc(100dvh - var(--kopf-unten, 112px) - 140px);
  }
  /* Die Liste: nur an Kontakt (reine Ansicht) */
  html[data-modus="buehne"]:not([data-detail-open]) .eva-agenda, html[data-detail-open] .eva-agenda { display: none; }
  html:not([data-modus="buehne"]):not([data-detail-open]) .eva-sb-offen-teil { display: none; }   /* Scroll-Fassung: die Zeile oben trägt sie */

  /* Kontakt, reine Ansicht: zwei gleiche Seitenspalten, Liste links und Notizen rechts, das Gespräch in der Mitte */
  html[data-modus="buehne"][data-ansicht="pur"][data-station="7"]:not([data-detail-open]) .eva-agenda {
    display: block; left: var(--eva-rand); right: auto; top: calc(var(--kopf-unten, 112px) + 56px); width: var(--eva-spalte);
    max-height: calc(100dvh - var(--kopf-unten, 112px) - 140px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none;
  }
  html[data-modus="buehne"][data-ansicht="pur"][data-station="7"]:not([data-detail-open]) .eva-steckbrief {
    right: var(--eva-rand); top: calc(var(--kopf-unten, 112px) + 56px); max-height: calc(100dvh - var(--kopf-unten, 112px) - 96px);
  }
  html[data-modus="buehne"][data-ansicht="pur"][data-station="7"]:not([data-detail-open]):not([data-thema]) .eva-widget .eva-widget-panel { width: calc(var(--eva-mitte) + 2 * var(--eva-feder, 56px)); }
  html[data-modus="buehne"][data-ansicht="pur"][data-station="7"]:not([data-detail-open]) .eva-agenda :is(.eva-ag-titel, .eva-ag-thema) { position: static; width: auto; height: auto; margin: 0 0 8px; overflow: visible; clip-path: none; white-space: normal; }
  html[data-modus="buehne"][data-ansicht="pur"][data-station="7"]:not([data-detail-open]) .eva-agenda .eva-ag-thema { margin: -2px 0 8px 36px; }
  html[data-modus="buehne"][data-ansicht="pur"][data-station="7"]:not([data-detail-open]) .eva-ag-liste { display: block; margin: 0; padding: 0; -webkit-mask-image: none; mask-image: none; }
  html[data-modus="buehne"][data-ansicht="pur"][data-station="7"]:not([data-detail-open]) .eva-agenda .eva-ag-knopf { white-space: normal; gap: 12px; padding: 6px 8px 6px 0; }
  html[data-modus="buehne"][data-ansicht="pur"][data-station="7"]:not([data-detail-open]) .eva-agenda .eva-ag-knopf::before { width: 24px; }
  html[data-modus="buehne"][data-ansicht="pur"][data-station="7"]:not([data-detail-open]) .eva-ag-extra .eva-ag-knopf { text-transform: none; letter-spacing: .02em; font-size: 12.5px; font-weight: 500; }
  /* Die Liste steht links: in den Notizen entfällt „Noch zu klären“ (sonst doppelt) */
  html[data-modus="buehne"][data-ansicht="pur"][data-station="7"]:not([data-detail-open]) .eva-sb-offen-teil { display: none; }
}
/* Telefon/schmal: „Noch zu klären“ steht in der Zeile oben, nicht noch einmal im Blatt */
@media (max-width: 1099px), (max-height: 639px) {
  .eva-sb-offen-teil { display: none; }
  /* Seitenvorhänge sind hier zu schmal: gleichmäßig dunkler, damit die Schrift ohne Kasten trägt */
  .eva-fokus { background: linear-gradient(to bottom, rgb(var(--eva-grund) / 84%), rgb(var(--eva-grund) / 76%) 40%, rgb(var(--eva-grund) / 84%)); }
  .eva-widget-panel { --eva-feder: 18px; }
  /* Das Gespräch endet unter Lasche und Zeile (8 + 44 + 6 + 36 px unter dem Kopf); mit Tastatur gilt css/eva-widget.css */
  html[data-eva-fokus] .eva-widget:not([data-keyboard]) .eva-widget-panel {
    max-height: min(56dvh, 480px, calc(100dvh - var(--kopf-unten, 112px) - 94px - var(--eva-size) - 50px - var(--eva-bottom, 12px)));
  }
}

html[data-theme="light"] .eva-sb-inhalt { scrollbar-color: #606975 #eef0f2; }
html[data-theme="light"] .eva-steckbrief[data-offen] { box-shadow: 0 -20px 40px rgb(24 29 36 / 18%); }

html[data-bewegung="aus"] :is(.eva-fokus, .eva-ag-knopf, .eva-sb-korr, .eva-sb-start) { transition: none; }
html[data-bewegung="aus"] :is(.eva-steckbrief, .eva-sb-lasche, .eva-agenda, .eva-sb-start, .eva-sb-liste [data-neu]) { animation: none !important; }
html[data-bewegung="aus"] .eva-ag-knopf::before, html[data-bewegung="aus"] .eva-ag-text::after, html[data-bewegung="aus"] .eva-sb-frage-tun::after { transition: none; }   /* Pseudo-Elemente gelten in :is() nicht */
@media (prefers-reduced-motion: reduce) {
  :is(.eva-fokus, .eva-ag-knopf, .eva-sb-korr, .eva-sb-start) { transition: none; }
  .eva-ag-knopf::before, .eva-ag-text::after, .eva-sb-frage-tun::after { transition: none; }
  :is(.eva-steckbrief, .eva-sb-lasche, .eva-agenda, .eva-sb-start, .eva-sb-liste [data-neu]) { animation: none !important; }
}
@media (forced-colors: active) {
  .eva-fokus { display: none; }
  .eva-steckbrief[data-offen], .eva-sb-lasche { background: Canvas; color: CanvasText; border: 1px solid CanvasText; }
  :is(.eva-steckbrief, .eva-agenda) { color: CanvasText; text-shadow: none; }
  .eva-ag-knopf { color: ButtonText; }
  .eva-ag-text::after, .eva-ag-knopf::before { background: CanvasText; }
  .eva-widget-panel .eva-sb-start { background: ButtonFace; color: ButtonText; border: 1px solid ButtonText; }
  .eva-sb-zahl:not(:empty) { background: Highlight; color: HighlightText; }
}

/* ---------- V19.13 (Rundgang 24.10.) ---------- */
/* P40: schmal (Telefon, Tablet) liegen Lasche und Zeile „Was wir besprechen“ oben, wo die Bildunterschrift der Station steht: im
   Gespräch tritt sie wie an Kontakt zurück, statt durch das Gespräch zu scheinen */
@media (max-width: 1099px), (max-height: 639px) {
  html[data-eva-fokus][data-modus="buehne"] .clean-caption { opacity: 0; visibility: hidden; transition: opacity 300ms var(--ease, ease), visibility 0s linear 300ms; }
}
/* P05: Telefon quer – die Liste als linke Spalte unter der Lasche (Gespräch in der Mitte, EVA rechts unten, css/eva-widget.css) */
@media (max-height: 500px) and (orientation: landscape) {
  .eva-agenda { right: auto; width: var(--eva-quer-spalte, 240px); max-height: calc(100dvh - var(--kopf-unten, 80px) - 66px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
  .eva-ag-liste { display: block; margin: 0; padding: 0; -webkit-mask-image: none; mask-image: none; }
  .eva-agenda .eva-ag-knopf { white-space: normal; min-height: 32px; padding: 4px 8px 4px 0; }
}