.recap-card { display: flex; flex-direction: column; gap: var(--space-4); margin-bottom: var(--space-5); }
.recap-card h2, .recap-sendings h2 { margin: 0; font-size: 1rem; }
.recap-form { max-width: 80ch; }
.recap-recipients { border: 0; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.recap-body { font-family: var(--font-mono, ui-monospace, monospace); font-size: 13px; line-height: 1.5; }
.recap-draft-actions { display: flex; gap: var(--space-3); flex-wrap: wrap; }
.recap-sendings { display: flex; flex-direction: column; gap: var(--space-3); }
.recap-sending { padding: var(--space-3) var(--space-4); }
.recap-sending summary { cursor: pointer; }
.recap-sending-body { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; margin: 0; max-width: 80ch; }
.recap-sending-to { color: var(--text-muted); font-size: 13px; }
.recap-panel { display: flex; flex-direction: column; gap: var(--space-2); max-height: 22rem; overflow-y: auto; padding: var(--space-3) var(--space-4); border: 1px solid var(--border, #d9d9d9); border-radius: var(--radius-md, 8px); }
.recap-panel h3, .recap-panel h4 { margin: 0; font-size: 0.9rem; }
.recap-panel h4 { margin-top: var(--space-2); }
.recap-panel ul { margin: 0; padding: 0; list-style: none; }
.recap-panel-head { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); }
.recap-panel-line { all: unset; display: block; box-sizing: border-box; width: 100%; padding: var(--space-1) var(--space-2); cursor: pointer; font-size: 13px; border-radius: 4px; }
.recap-panel-line:hover, .recap-panel-line:focus-visible { background: var(--surface-hover, rgba(0, 0, 0, 0.06)); }