/* Mailings workspace — compact picker + text frame. */
.mail-compose, .mail-templates, .mail-catalog, .mail-journal { display: grid; gap: 12px; }
.mail-chips { font-size: 13px; color: var(--fg-muted, #6b7280); }
.mail-filters, .mail-modes, .mail-preview-bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.mail-query { min-width: 140px; flex: 1 1 140px; }
.mail-dest-list, .mail-tmpl-list, .mail-journal, .mail-recip { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.mail-dest, .mail-tmpl, .mail-camp { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 12px; background: var(--card, rgba(127,127,127,.08)); }
.mail-dest.is-muted { opacity: .62; }
.mail-dest-copy { display: grid; gap: 2px; }
.mail-dest-copy span, .mail-tmpl span, .mail-camp span { font-size: 12px; color: var(--fg-muted, #6b7280); }
.mail-check { display: flex; align-items: center; padding-top: 2px; }
.mail-frame textarea, .mail-frame input, .mail-frame select { width: 100%; }
.mail-count, .mail-hint, .mail-empty { font-size: 13px; color: var(--fg-muted, #6b7280); }
.mail-preview { min-height: 48px; padding: 10px 12px; border-radius: 12px; background: var(--card, rgba(127,127,127,.08)); white-space: pre-wrap; }
.mail-camp, .mail-dest[data-mail-edit-dest] { cursor: pointer; }