.attachment-file-row { display: flex; align-items: center; gap: .75rem; width: 100%; min-width: 0; }
.attachment-file-row > a:first-child { min-width: 0; overflow-wrap: anywhere; }
.attachment-file-row .attachment-download { margin-left: auto; flex: 0 0 auto; }
.attachment-download { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; }
.attachment-preview { width: min(1100px, 94vw); max-width: 94vw; max-height: 92dvh; padding: 1rem; border: 0; border-radius: 12px; }
.attachment-preview::backdrop { background: rgb(15 23 42 / 65%); }
.attachment-preview .dialog-heading { display: flex; align-items: center; gap: .75rem; }
.attachment-preview h2 { flex: 1; min-width: 0; overflow-wrap: anywhere; font-size: 1.1rem; }
.attachment-preview-content { min-height: 100px; overflow: auto; }
.attachment-preview-content iframe { display: block; width: 100%; height: 72dvh; border: 0; }
.attachment-preview-content img { display: block; max-width: 100%; max-height: 72dvh; margin: auto; object-fit: contain; }