/* EEPlanShell — gemeinsames Vollbild-Gerüst der Plan-Widgets (plan-widget-shell.js), Präfix eepf-.
 * Kopf · Status mit Ampel · Befunde · Blätter | Blatt-Ansicht | Einstellungen. Farben über --ees-*. */
.eepf { display: flex; flex-direction: column; gap: 10px; min-height: 0; height: 100%; }
.eepf-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
/* Module stepper (ModuleHandler, Technische Zeichnung) between title and tabs: fixed width, one-line labels */
.eepf-head .ee-progress-stepper { flex: 0 1 470px; min-width: 400px; padding-top: 0; }
.eepf-head .ee-progress-step-label { white-space: nowrap; font-size: 11px; }
.eepf-title { display: flex; align-items: baseline; gap: 8px; }
.eepf-title b { font-size: 17px; }
.eepf-title span { color: var(--ees-text-dim, var(--ee-text-tertiary)); font-size: 12px; }
.eepf .ee-module-tab-contents { flex: 1; min-height: 0; }
.eepf-plan { display: flex; flex-direction: column; gap: 10px; min-height: 0; }

/* Status mit Ampel */
.eepf-status { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 10px 14px; border-radius: 12px; background: var(--ees-surface-2, var(--ee-bg-primary)); box-shadow: 0 0 0 1px var(--ees-border, rgba(0,0,0,.08)); }
.eepf-ampel { display: inline-flex; align-items: center; gap: 7px; padding: 4px 11px; border-radius: 999px; font-weight: 600; font-size: 13px; white-space: nowrap; }
.eepf-ampel i { width: 10px; height: 10px; border-radius: 50%; background: currentColor; }
.eepf-ampel.blk { color: var(--ees-danger, #d70015); background: color-mix(in srgb, var(--ees-danger, #d70015) 12%, transparent); }
.eepf-ampel.vor { color: var(--ees-warning, #b25000); background: color-mix(in srgb, var(--ees-warning, #ff9f0a) 16%, transparent); }
.eepf-ampel.ein { color: var(--ees-success, #1a7f37); background: color-mix(in srgb, var(--ees-success, #34c759) 14%, transparent); }
.eepf-status-t { flex: 1 1 260px; font-size: 13px; font-weight: 500; }
.eepf-kpis { display: flex; gap: 12px; flex-wrap: wrap; font-size: 12px; color: var(--ees-text-dim, var(--ee-text-tertiary)); }
.eepf-kpi b { color: var(--ees-text, var(--ee-text-primary)); }
.eepf-ver { display: flex; gap: 6px; align-items: center; }

/* Befunde: groß, vollständig, je mit Handlung */
/* Kompakt (Till 31.10.2026): eine Zeile mit Zahl und erster Handlung, Details auf Klick */
/* Status edge as an inset shadow: a 4px border-left on a 10px radius is cut into a wedge at both corners. */
.eepf-fline { --eepf-edge: var(--ees-accent, #0a84ff); display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 5px 12px 5px 16px; border-radius: 10px; background: var(--ees-surface, var(--ee-bg-elevated)); box-shadow: inset 4px 0 0 var(--eepf-edge), 0 0 0 1px var(--ees-border, rgba(0,0,0,.08)); }
.eepf-fline.err { --eepf-edge: var(--ees-danger, #d70015); background: color-mix(in srgb, var(--ees-danger, #d70015) 6%, var(--ees-surface, var(--ee-bg-elevated))); }
.eepf-fline.vor { --eepf-edge: var(--ees-warning, #ff9f0a); background: color-mix(in srgb, var(--ees-warning, #ff9f0a) 8%, var(--ees-surface, var(--ee-bg-elevated))); }
.eepf-fline.err .eepf-f-lv { color: var(--ees-danger, #d70015); }
.eepf-fline.vor .eepf-f-lv { color: var(--ees-warning, #b25000); }
.eepf-fline-t { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.eepf-fx { flex: 0 0 auto; border: 0; background: none; padding: 4px 6px; font-size: 12.5px; color: var(--ees-accent, #0a84ff); cursor: pointer; white-space: nowrap; }
.eepf-fdetail { display: flex; flex-direction: column; gap: 6px; max-height: 40vh; overflow-y: auto; }
.eepf-fdetail[hidden] { display: none; }
.eepf-findings { display: flex; flex-direction: column; gap: 6px; }
.eepf-f { display: grid; grid-template-columns: 86px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 10px 14px 10px 18px; border-radius: 10px; background: var(--ees-surface, var(--ee-bg-elevated)); box-shadow: inset 4px 0 0 var(--eepf-edge, transparent), 0 0 0 1px var(--ees-border, rgba(0,0,0,.08)); }
.eepf-f.err { --eepf-edge: var(--ees-danger, #d70015); background: color-mix(in srgb, var(--ees-danger, #d70015) 6%, var(--ees-surface, var(--ee-bg-elevated))); }
.eepf-f.vor { --eepf-edge: var(--ees-warning, #ff9f0a); background: color-mix(in srgb, var(--ees-warning, #ff9f0a) 8%, var(--ees-surface, var(--ee-bg-elevated))); }
.eepf-f.info { --eepf-edge: var(--ees-accent, #0a84ff); }
.eepf-f-lv { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--ees-text-dim, var(--ee-text-tertiary)); }
.eepf-f.err .eepf-f-lv { color: var(--ees-danger, #d70015); }
.eepf-f.vor .eepf-f-lv { color: var(--ees-warning, #b25000); }
.eepf-f-t { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.eepf-f-t b { font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
.eepf-f-t span { font-size: 12px; color: var(--ees-text-dim, var(--ee-text-tertiary)); }
/* Plan-Hinweise mit mehreren Aktionen (Till 29.10.2026): Knöpfe rechts, umbrechend */
.eepf-f-acts { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.eepf-f-acts .eepw-btn[disabled] { opacity: .55; cursor: not-allowed; }
.eepf-f-t .eepf-f-items { font-size: 11px; overflow-wrap: anywhere; }
.eepf-f-acts { align-items: center; min-width: 0; }
/* Bestätigen / Ausblenden (Till 30.10.2026): „ד als dezenter Icon-Knopf ganz rechts */
.eepf-x { flex: none; width: 28px; height: 28px; display: inline-grid; place-items: center; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--ees-text-dim, var(--ee-text-tertiary)); font-size: 18px; line-height: 1; cursor: pointer; }
.eepf-x:hover { background: color-mix(in srgb, var(--ees-text, var(--ee-bg-elevated)) 10%, transparent); color: var(--ees-text, #1d1d1f); }
.eepf-x:focus-visible, .eepf-lnk:focus-visible { outline: 2px solid var(--ees-accent, #0a84ff); outline-offset: 1px; }
.eepf-fbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 2px 4px; }
.eepf-lnk { border: 0; background: none; padding: 2px 0; font-size: 12px; color: var(--ees-text-dim, var(--ee-text-tertiary)); cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
.eepf-lnk:hover { color: var(--ees-text, var(--ee-text-primary)); }
.eepf-hidden { display: flex; flex-direction: column; gap: 6px; }
.eepf-f.is-acked { opacity: .62; border-left-color: var(--ees-border, rgba(127,127,127,.35)); background: var(--ees-surface, var(--ee-bg-elevated)); }
.eepf-ack { font-size: 11px; color: var(--ees-text-dim, var(--ee-text-tertiary)); }
@media (max-width: 900px) { .eepf-f { grid-template-columns: 70px minmax(0, 1fr); } .eepf-f-acts { grid-column: 1 / -1; justify-content: flex-start; } }
.eepw-ok-issues li b { font-weight: 600; }
.eepw-ok-raw summary { cursor: pointer; font-size: 12px; }
.eepf-more summary { cursor: pointer; font-size: 12px; color: var(--ees-accent, #0a84ff); padding: 2px 4px; }
.eepf-more[open] summary { margin-bottom: 6px; }

/* Körper: Blätter | Ansicht | Einstellungen */
.eepf-body { position: relative; display: grid; grid-template-columns: var(--eepf-side-w, 600px) 10px minmax(0, 1fr); grid-template-areas: "side split stage"; gap: 4px; min-height: 0; height: calc(100vh - 230px); min-height: 520px; }
/* Zwei Bereiche (Till 31.10.2026): Einstellungen links kompakt, großes Blatt rechts – nichts liegt übereinander */
.eepf-body > .eepf-right { grid-area: side; }
.eepf-body > .eepf-split { grid-area: split; }
.eepf-body > .eepf-center { grid-area: stage; }
.eepf-right { min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; padding-right: 4px; }
.eepf-center { min-width: 0; min-height: 0; display: flex; flex-direction: column; gap: 8px; }
.eepf-stagewrap { flex: 1; min-width: 0; min-height: 0; display: flex; }
.eepf-left { flex: 0 0 auto; min-width: 0; }
/* Blätter als Chip-Leiste über der Vorschau (Till 31.10.2026) */
.eepf-docs { display: flex; flex-direction: row; gap: 6px; overflow-x: auto; padding: 1px 1px 3px; }
/* Pfeile links/rechts + Rad scrollt waagerecht (Till 02.11.2026) */
.eepf-strip { display: flex; align-items: stretch; gap: 4px; min-width: 0; }
.eepf-strip > .eepf-docs { flex: 1 1 auto; min-width: 0; scrollbar-width: thin; }
.eepf-scroll { flex: 0 0 28px; border: 1px solid var(--ees-border, rgba(127,127,127,.3)); border-radius: 8px; background: var(--ees-surface, var(--ee-bg-elevated)); color: var(--ees-text, var(--ee-text-primary)); font-size: 18px; line-height: 1; cursor: pointer; }
.eepf-scroll:hover:not(:disabled) { border-color: var(--ees-accent, #0a84ff); color: var(--ees-accent, #0a84ff); }
.eepf-scroll:disabled { opacity: .3; cursor: default; }
.eepf-strip.is-fit > .eepf-scroll { display: none; }
.eepf-doc { display: grid !important; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: center; flex: 0 0 auto; width: auto !important; max-width: 320px; padding: 4px 10px 4px 4px !important; }
.eepf-doc .eepf-doc-c { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 6px; align-items: baseline; }
.eepf-doc .eepf-doc-h { order: 0; }
.eepf-doc .eepf-doc-m, .eepf-doc .eepf-doc-bar { grid-column: 1 / -1; }
.eepf-split { cursor: col-resize; border-radius: 4px; position: relative; touch-action: none; }
.eepf-split::after { content: ""; position: absolute; left: 4px; top: 30%; bottom: 30%; width: 2px; border-radius: 1px; background: var(--ees-border, rgba(var(--ee-ink-rgb), .14)); }
.eepf-split:hover::after, .eepf-body.is-resizing .eepf-split::after { background: var(--ees-accent, #0a84ff); top: 0; bottom: 0; }
.eepf-body.is-resizing { user-select: none; cursor: col-resize; }
.eepf-body.is-resizing iframe { pointer-events: none; }
/* Einstellungen: aufklappbare Gruppen, größere Zeilen */
.eepf-right .eepw-sec > h4 { cursor: pointer; user-select: none; display: flex; align-items: center; gap: 6px; }
.eepf-right .eepw-sec > h4::before { content: "▾"; font-size: 11px; color: var(--ees-text-dim, var(--ee-text-tertiary)); transition: transform .15s; }
.eepf-right .eepw-sec.is-collapsed > h4::before { transform: rotate(-90deg); }
.eepf-right .eepw-sec.is-collapsed > :not(h4) { display: none !important; }
.eepf-mini-btn[aria-pressed="true"] { font-weight: 600; }
/* Kacheln lückenlos (Till 01.11.2026): Spalten wie Mauerwerk statt Rasterzeilen – eine hohe Karte lässt
   neben sich keine Löcher mehr, die nächste Karte rückt in der Spalte direkt darunter */
.eepf-right .eepw-side { display: block; columns: 260px; column-gap: 8px; font-size: 13px; }
.eepf-right .eepw-side > * { break-inside: avoid; margin: 0 0 8px; }
.eepf-right .eepw-side > :not(.eepw-sec) { column-span: all; }
.eepf-right .eepw-sec { padding: 8px 10px; gap: 5px; min-width: 0; }
.eepf-right .eepw-tg { min-height: 30px; padding-top: 3px; padding-bottom: 3px; }
/* „Einstellungen breit“: Einstellungen bekommen gut die Hälfte, das Blatt bleibt daneben sichtbar */
.eepf-body.is-mini { grid-template-columns: minmax(0, 58fr) 10px minmax(0, 42fr); }
.eepf-body.is-mini .eepf-split { pointer-events: none; opacity: .4; }
.eepf-mini { position: relative; display: block; width: 44px; height: 32px; max-width: 44px; max-height: 44px; overflow: hidden; border-radius: 4px; background: var(--ee-bg-elevated); box-shadow: 0 0 0 1px var(--ees-border, rgba(0,0,0,.14)); justify-self: center; }
.eepf-mini-frame { position: absolute; left: 0; top: 0; border: 0; pointer-events: none; transform-origin: 0 0; background: var(--ee-bg-elevated); }
.eepf-doc-c { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.eepf-doc-h { display: flex; justify-content: space-between; align-items: center; gap: 6px; }
.eepf-doc-no { width: auto; font-weight: 700; color: var(--ees-text, var(--ee-text-primary)); }
.eepf-doc-t { font-size: 13px; font-weight: 500; line-height: 1.25; }
.eepf-doc-m { font-size: 11px; color: var(--ees-text-dim, var(--ee-text-tertiary)); }
.eepf-pill { font-style: normal; font-size: 10.5px; padding: 1px 7px; border-radius: 999px; background: var(--ees-surface-3, #ececf0); color: var(--ees-text-dim, #6e6e73); }
.eepf-pill.g { background: color-mix(in srgb, var(--ees-success, #34c759) 16%, transparent); color: var(--ees-success, #1a7f37); }
.eepf-pill.o { background: color-mix(in srgb, var(--ees-warning, #ff9f0a) 18%, transparent); color: var(--ees-warning, #b25000); }
.eepf-doc-bar { display: block; height: 3px; border-radius: 2px; background: var(--ees-surface-3, #ececf0); overflow: hidden; margin-top: 3px; }
.eepf-doc-bar[hidden] { display: none; }
.eepf-doc-bar i { display: block; height: 100%; background: var(--ees-accent, #0a84ff); transition: width .8s linear; }
.eepf-docs.is-loading .eepf-pill.g { opacity: .55; }

/* Blatt-Ansicht: Blatt im echten Format, translate + scale, kein Fadenkreuz */
.eepf-stage { flex: 1; display: flex; flex-direction: column; min-height: 0; }
.eepf-stage .eep-stage-head { align-items: center; }
.eepf-tools { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; }
/* Vollbild der Vorschau (30.10.2026): ganzes Browserfenster, dunkler Hintergrund, Esc beendet */
.eepf-stage.is-max { position: fixed; inset: 0; z-index: 2147483000; margin: 0; padding: 8px 12px; border-radius: 0; background: var(--ee-bg-elevated); color: var(--ee-text-secondary); }
.eepf-stage.is-max .eep-stage-head, .eepf-stage.is-max .eepf-foot { color: var(--ee-text-secondary); }
.eepf-stage.is-max .eepf-canvas { flex: 1; min-height: 0; height: auto; max-height: none; background: var(--ee-bg-elevated); }
.eepf-max-btn[aria-pressed="true"] { font-weight: 600; }
body.eepf-max-open { overflow: hidden; }
/* transform / backdrop-filter of the widget fullscreen would make it the containing block of position:fixed */
body.eepf-max-open .ee-fullscreen-overlay, body.eepf-max-open .ee-fullscreen-container { transform: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.eepf-zoom-v { min-width: 48px; text-align: center; font-variant-numeric: tabular-nums; font-size: 12px; }
.eepf-canvas { position: relative; flex: 1; min-height: 0; overflow: hidden; cursor: grab; background: var(--ee-bg-elevated-2); touch-action: none; outline: none; }
.eepf-canvas.is-drag { cursor: grabbing; }
.eepf-sheet { position: absolute; left: 0; top: 0; transform-origin: 0 0; background: var(--ee-bg-elevated); box-shadow: 0 2px 14px rgba(0,0,0,.22); }
.eepf-sheet.is-empty { display: flex; align-items: center; justify-content: center; }
.eepf-empty { display: inline-flex; align-items: center; gap: 8px; padding: 40px; color: var(--ees-text-dim, var(--ee-text-tertiary)); font-size: 13px; }
/* 26.10.2026: Laden gut sichtbar (vorher kleiner Kringel auf weißem Blatt) */
.eepf-empty.is-loading { flex-direction: column; gap: 10px; padding: 48px; text-align: center; color: var(--ee-text-primary); font-size: 15px; }
.eepf-empty.is-loading small { max-width: 320px; font-size: 12px; color: var(--ee-text-tertiary); }
.eepf-spin { width: 36px; height: 36px; border-radius: 50%; border: 4px solid rgba(10,132,255,.18); border-top-color: var(--ees-accent, #0a84ff); animation: eepf-spin .9s linear infinite; }
@keyframes eepf-spin { to { transform: rotate(360deg); } }
/* Ladeanzeige/Hinweis als Karte ÜBER dem Blatt, unskaliert (auf A1 wäre Text im eingepassten Blatt unlesbar) */
.eepf-overlay { position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%); flex-direction: column; gap: 10px; padding: 24px 32px; max-width: 80%; text-align: center; color: var(--ee-text-primary); background: var(--ee-bg-elevated); border-radius: 10px; box-shadow: 0 2px 14px rgba(0,0,0,.28); }
.eepf-empty.is-error { position: absolute; inset: 0; justify-content: center; background: rgba(var(--ee-fg-rgb), .94); color: var(--ees-danger, #c9302c); font-weight: 600; }
.eepf-stage.is-loading .eepf-canvas::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; z-index: 2; background: linear-gradient(90deg, transparent, var(--ees-accent, #0a84ff), transparent); background-size: 40% 100%; background-repeat: no-repeat; animation: eepf-bar 1.2s linear infinite; }
@keyframes eepf-bar { from { background-position: -40% 0; } to { background-position: 140% 0; } }
@media (prefers-reduced-motion: reduce) { .eepf-spin, .eepf-stage.is-loading .eepf-canvas::before { animation: none; } }
.eepf-frame { display: block; border: 0; background: var(--ee-bg-elevated); pointer-events: none; min-height: 0 !important; }
.eepf-ribbon { position: absolute; top: 10px; left: 10px; padding: 3px 9px; border-radius: 6px; font-size: 11px; background: rgba(var(--ee-tint-rgb), .72); color: var(--ee-text-primary); pointer-events: none; }
.eepf-busy { position: absolute; top: 10px; right: 10px; display: none; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 6px; font-size: 12px; font-weight: 600; color: var(--ee-text-primary); background: var(--ee-bg-elevated); box-shadow: 0 1px 6px rgba(0,0,0,.15); }
.eepf-stage.is-loading .eepf-busy { display: inline-flex; }
.eepf-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 10px; font-size: 11px; color: var(--ees-text-dim, var(--ee-text-tertiary)); border-top: 1px solid var(--ees-border, rgba(var(--ee-ink-rgb), .08)); }
.eepf-keys { opacity: .8; }
.eepf-pager { display: inline-flex; align-items: center; gap: 6px; color: var(--ees-text, var(--ee-text-primary)); font-size: 12px; }

/* rechte Spalte */
.eepf-seg-off { display: inline-flex; align-items: center; gap: 3px; padding: 4px 8px; font-size: 12px; color: var(--ees-text-faint, var(--ee-text-tertiary)); cursor: not-allowed; }
.eepf-seg-off em { font-style: normal; font-size: 10px; }
.eepf .eepw-gen.is-blocked { opacity: .55; cursor: not-allowed; }
.eepf-block { margin: 4px 0 0; padding: 6px 8px; border-radius: 8px; font-size: 12px; color: var(--ees-danger, #d70015); background: color-mix(in srgb, var(--ees-danger, #d70015) 8%, transparent); }
.eepf-job .eepf-pct { font-variant-numeric: tabular-nums; color: var(--ees-text-dim, var(--ee-text-tertiary)); font-weight: 500; }
.eepf-job .eep-bar i { transition: width .8s linear; }

@media (max-width: 1100px) {
    /* Schmal: Blatt oben, Einstellungen darunter */
    .eepf-body, .eepf-body.is-mini { grid-template-columns: minmax(0, 1fr); grid-template-areas: "stage" "side"; height: auto; }
    .eepf-right { overflow: visible; }
    .eepf-split { display: none; }
    .eepf-center { min-height: 60vh; }
}
@media (max-width: 720px) {
    .eepf-body { grid-template-columns: 1fr; }
    .eepf-f { grid-template-columns: 1fr; }
}

/* 2.25.767: Blattliste ohne Vorschau — gezeichnetes Blatt statt leerer weißer Kasten */
.eepf-mini .eep-th-ph { position: absolute; inset: 0; background: var(--ee-bg-elevated); }
.eepf-mini .eep-th-ph::before { content: ""; position: absolute; inset: 4px; border: 1px solid #8e8e93; }
.eepf-mini .eep-th-ph::after { content: ""; position: absolute; right: 4px; bottom: 4px; width: 38%; height: 22%; border-left: 1px solid #8e8e93; border-top: 1px solid #8e8e93; background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(var(--ee-ink-rgb), .18) 3px 4px); }
.eepf-sheets, .eepf-side { color: var(--ees-text); }
.eepf-doc-c { min-width: 0; }
/* Sheet titles wrap to two lines instead of ending in "…" after a few words. */
.eepf-doc-t { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; }

/* 26.10.2026: Miniatur lädt -> Skelett darüber (nie weiß), Fehler -> Skelett mit „!“ */
.eepf-mini .eep-th-ph.is-wait { z-index: 1; animation: eepf-wait 1.4s ease-in-out infinite; }
@keyframes eepf-wait { 50% { opacity: .55; } }
.eepf-mini .eep-th-ph.is-error { display: flex; align-items: center; justify-content: center; }
.eepf-mini .eep-th-ph.is-error b { position: relative; z-index: 1; width: 18px; height: 18px; border-radius: 50%; background: var(--ees-warning, #ff9f0a); color: var(--ee-text-on-accent); font-size: 12px; line-height: 18px; text-align: center; }
.eepf-docs-note { display: flex; align-items: center; gap: 6px; margin: 6px 2px 0; font-size: 11.5px; color: var(--ees-warning, #b25000); }
@media (prefers-reduced-motion: reduce) { .eepf-mini .eep-th-ph.is-wait { animation: none; } }

/* 2.25.808: Miniaturen weiß trotz „bereit“ — Theme-`iframe{max-width: 100%;height: auto}` klemmte den
   Rahmen auf die 74-px-Box. Der Rahmen hat die volle Blattgröße und wird nur per transform verkleinert. */
.eepf-mini > .eepf-mini-frame { max-width: none !important; max-height: none !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; transform-origin: 0 0 !important; }
/* Platzhalter immer mit Blattcode (nie stumm weiß) */
.eepf-mini .eepf-mini-code { position: absolute; left: 0; right: 0; top: 50%; z-index: 1; transform: translateY(-50%); font: 600 11px/1 var(--ees-font, -apple-system, BlinkMacSystemFont, "Inter", sans-serif); letter-spacing: .02em; color: var(--ee-text-tertiary); text-align: center; }
.eepf-mini .eep-th-ph.is-error { flex-direction: column; gap: 3px; }
.eepf-mini .eep-th-ph.is-error .eepf-mini-code { position: relative; top: auto; transform: none; }
.eepf-mini .eep-th-ph.is-missing .eepf-mini-code { color: var(--ees-warning, #b25000); }

/* Punkt-Wahl im Blatt (previewPick, Bemaßung): Fadenkreuz statt Hand, kein Verschieben */
.eepf-canvas.is-picking, .eepf-canvas.is-picking .eepf-sheet { cursor: crosshair; }
.eepf-canvas.is-picking { box-shadow: inset 0 0 0 2px #64d2ff; }

/* Betrachter: nur die Blätter des Widgets, keine Einstellungen (Stromlaufplan, Till 02.11.2026) */
.eepf-viewer .eepf-vhead { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 0 0 8px; }
.eepf-viewer .eepf-vhead .eepf-title { display: flex; flex-direction: column; min-width: 0; }
.eepf-viewer .eepf-vhead .eepf-title span { font-size: 12px; color: var(--ees-text-dim, var(--ee-text-tertiary)); }
.eepf-viewer .eepf-vstate { display: flex; align-items: center; gap: 8px; }
.eepf-viewer .eepf-vacts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-left: auto; }
.eepf-viewer .eepf-v-save { font-size: 12.5px; }
.eepf-viewer .eepf-strip.is-fit > .eepf-scroll { display: inline-flex; } /* Betrachter: Pfeile blättern Blatt für Blatt */
.eepf-body.is-viewer { grid-template-columns: minmax(0, 1fr); grid-template-areas: "stage"; }
.eepf-stamp { position: absolute; top: 18px; right: 18px; z-index: 3; pointer-events: none; padding: 4px 14px; border: 2px solid var(--ees-warning, #b25000); border-radius: 6px;
    color: var(--ees-warning, #b25000); font-weight: 800; font-size: 18px; letter-spacing: .12em; text-transform: uppercase; transform: rotate(-4deg); background: color-mix(in srgb, var(--ee-bg-elevated, #fff) 80%, transparent); }
@media (max-width: 700px) { .eepf-viewer .eepf-vacts { margin-left: 0; } .eepf-stamp { display: none; } } /* schmal: das Blatt trägt eigenes ENTWURF-Wasserzeichen */
/* Schlanke Leiste + „Mehr Einstellungen“ (Till 02.11.2026): nur was das gewählte Blatt betrifft */
.eepf-more-set { border: 1px solid var(--ees-border, rgba(127,127,127,.25)); border-radius: 10px; padding: 6px 10px; }
.eepf-more-set > summary { cursor: pointer; font-size: 12.5px; font-weight: 600; color: var(--ees-accent, #0a84ff); padding: 2px 0; }
.eepf-more-set[open] > summary { margin-bottom: 8px; }
.eepf-more-body { columns: 260px; column-gap: 8px; }
.eepf-more-body > * { break-inside: avoid; margin: 0 0 8px; }
.eepf-more-crs, .eepf-more-note { display: flex; flex-direction: column; gap: 4px; }
.eepf-ribbon.is-older { background: var(--ees-warning, #b25000); color: #fff; }