.feedback-unread-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 1.4em; padding: 2px 6px; margin-left: 6px; border-radius: 20px; background: #c62828; color: white; font-size: 12px; font-weight: 700; }
.feedback-conversation-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 8px; max-height: 250px; overflow-y: auto; margin-bottom: 16px; }
.feedback-conversation { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; text-align: left; padding: 12px; border: 1px solid #cad8ea; border-radius: 10px; background: #f7faff; color: #173e61; }
.feedback-conversation.has-unread { border-left: 4px solid #c62828; background: #fff5f5; }
.feedback-conversation span { font-size: 12px; }
.feedback-image-drafts, .feedback-message-images { display: flex; flex-wrap: wrap; gap: 10px; }
.feedback-image-drafts figure { display: flex; flex-direction: column; gap: 6px; margin: 0; max-width: 150px; }
.feedback-image-drafts img { width: 140px; height: 95px; object-fit: contain; }
.feedback-message-images a { max-width: min(280px, 100%); }
.feedback-message-images img { width: 100%; max-height: 200px; object-fit: contain; border-radius: 8px; }
.feedback-image-picker { margin: 8px 0; }
.feedback-image-picker small { display: block; color: #536c88; margin-top: 4px; }