/* ============================================================
   LifeFolder — Dokument-Auszug (Excerpt)
   Beispiel-Chips & Boundary nutzen .ask-* aus 10_ask.css.
   ============================================================ */
.excerpt { max-width: 720px; }

.excerpt-form { margin-top: 8px; }
.excerpt-input { resize: vertical; font-family: inherit; line-height: 1.5; }
.excerpt-form__actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 14px; }

.excerpt-boundary { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--color-muted-2); margin: 14px 2px; }
.excerpt-boundary svg { flex: none; }

.excerpt-result { margin-top: 6px; }
.excerpt-result__head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; flex-wrap: wrap; }
.excerpt-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--color-ai); text-transform: uppercase; letter-spacing: .03em; background: var(--color-ai-tile); padding: 4px 10px; border-radius: 8px; }
.excerpt-badge--demo { color: var(--color-muted); background: var(--color-line-soft); }
.excerpt-source { font-size: 13px; color: var(--color-muted-2); }

.excerpt-passage { margin: 0; padding: 16px 18px; background: var(--color-line-soft); border-left: 3px solid var(--color-selected); border-radius: 10px; font-size: 14.5px; line-height: 1.6; color: var(--color-ink); white-space: pre-wrap; }
.excerpt-note { margin: 10px 0 0; font-size: 12.5px; color: var(--color-muted-2); font-style: italic; }
.excerpt-result__actions { margin-top: 16px; }
.excerpt-disclaimer { margin: 12px 0 0; font-size: 12px; color: var(--color-muted-2); }

.excerpt-miss { display: flex; align-items: center; gap: 12px; color: var(--color-muted); margin-top: 6px; }
.excerpt-miss__icon { color: var(--status-review-fg); flex: none; }