.chat-attachments { display: block; }
.chat-attachments:not(:has(.chat-attachment)) { display: none; }
.chat-attachment-list { max-height: 220px; overflow-y: auto; }
.chat-attachment { display: flex; align-items: center; gap: 8px; padding: 8px; border-bottom: 1px solid var(--cp-border); min-width: 0; }
.chat-attachment > svg { flex-shrink: 0; }
.chat-attachment > div { flex: 1; min-width: 0; }
.chat-attachment strong, .chat-attachment small { display: block; overflow-wrap: anywhere; }
.chat-attachment small { color: var(--cp-text-muted); font-size: 12px; }
.chat-attachment img { width: 48px; height: 48px; flex: 0 0 48px; object-fit: cover; border-radius: 4px; }
.chat-attachment .icon-button, #chat-attach { width: 44px; height: 44px; flex: 0 0 44px; }
.attachment-consent { padding: 8px; font-size: 13px; }
.attachment-dragging { outline: 3px dashed var(--cp-accent); outline-offset: -3px; }
.message-attachments { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.message-attachments button { max-width: 100%; text-align: left; overflow-wrap: anywhere; white-space: normal; }
.chat-composer:has(.chat-attachment) { flex-shrink: 0; }