.trade-conversation { margin-block: 1rem; min-width: 0; padding: 1rem; background: var(--surface, #171729); border-radius: 1.5rem; }
.trade-conversation-title { font-size: 1.125rem; margin: 0 0 .75rem; }
.trade-conversation-state { font-size: .875rem; overflow-wrap: anywhere; }
.trade-chat-messages { min-height: 4rem; max-height: 28rem; overflow-y: auto; overscroll-behavior: contain; display: flex; flex-direction: column; gap: .75rem; padding-block: .75rem; }
.trade-message { max-width: 100%; min-width: 0; overflow-wrap: anywhere; }
.trade-message .message-body { white-space: pre-wrap; font-size: 1rem; }
.trade-message-author, .trade-message-time { display: block; font-size: .875rem; }
.trade-message-time { color: var(--muted); margin-top: .5rem; }
.trade-chat-composer { display: flex; flex-direction: column; gap: .75rem; margin-top: 1rem; }
.trade-chat-composer textarea { width: 100%; min-height: 4rem; resize: vertical; font-size: 1rem; }
.trade-file-item, .trade-file-download { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.trade-file-item > span, .trade-file-download > span { min-width: 0; overflow-wrap: anywhere; }
.trade-file-download { width: 100%; text-align: start; flex-wrap: wrap; padding: .5rem; min-height: 2.75rem; }
.trade-file-picker { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; min-height: 2.75rem; }
.trade-file-picker input { width: 100%; max-width: 100%; font-size: .875rem; }
.trade-evidence-picker .footnote { font-size: .875rem; }
.withdrawal-scan { min-height: 2.75rem; }
@media (max-width: 360px) { .trade-conversation { padding: .75rem; } .trade-file-item { flex-wrap: wrap; } }