.message-file-composer { min-width:0; margin:0; color:var(--ink,#15243c); }
.message-attachment-toolbar { display:flex; align-items:center; }
.message-attachment-queue small,.message-file-card small { color:#627089; font-size:12px; }
.message-file-composer .attachment-picker { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; min-height:40px; padding:0; margin:0; flex:none; border:1px solid transparent; border-radius:8px; background:transparent; color:#285787; }
.message-file-composer .attachment-picker:hover:not(:disabled) { background:#eef4fc; border-color:#d2e0f2; }
.message-file-composer .attachment-picker:focus-visible { outline:2px solid #0860d3; outline-offset:2px; }
.message-file-composer .attachment-picker:disabled { opacity:.45; cursor:default; }
.message-attachment-queue { display:flex; gap:8px; list-style:none; padding:0; margin:0; max-height:100px; overflow:auto; overscroll-behavior:contain; }
.message-attachment-queue:empty { display:none; }
.message-attachment-queue li { display:flex; align-items:center; gap:8px; flex:0 0 290px; max-width:100%; box-sizing:border-box; padding:7px 9px; margin:0; border:1px solid #dce3ed; border-radius:8px; background:#f7f9fc; }
.message-attachment-queue li>div { flex:1; min-width:0; }
.message-attachment-queue strong,.message-file-card strong { display:block; overflow-wrap:anywhere; font-size:13px; }
.message-attachment-queue strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.message-attachment-queue button { flex:none; padding:4px 6px; font-size:12px; }
.message-attachment-queue small { display:block; }
.message-attachment-queue progress { width:100%; max-width:220px; height:6px; }
.message-file-composer button,.message-file-card button { cursor:pointer; }
[data-attachment-status]:empty,[data-file-error]:empty { display:none; }
[data-attachment-status],[data-file-error] { margin:0; font-size:12px; color:#9f352a; overflow-wrap:anywhere; }
.message-file-cards { display:grid; gap:8px; margin-top:8px; max-width:380px; }
.message-file-card { padding:10px; border:1px solid #d3dfed; border-radius:9px; background:#f8faff; color:#15243c; min-width:0; }
.message-file-card small { display:block; margin:4px 0; }
.message-file-card button { font-size:12px; padding:4px 8px; border:1px solid #cad9ed; background:#fff; border-radius:5px; color:#1254a0; }
.message-file-card img { max-width:100%; max-height:180px; object-fit:contain; border-radius:5px; margin-top:8px; }
.message-composer,.rfq-questions form { min-width:0; }
/* One consistent input row for Buyer Messages, Supplier Messages and member Threads. */
main.workspace:has(> #messages-page.active) { display:flex; flex-direction:column; height:100dvh; min-height:0; box-sizing:border-box; padding-bottom:16px; }
main.workspace:has(> #messages-page.active) > .topbar { flex-shrink:0; }
#messages-page.active { flex:1; min-height:0; }
#messages-page.active :is(#messages-view,#buyer-messages-view,#supplier-messages-view),#messages-page.active .messages-workspace { height:100%; min-height:0; }
:is(.messages-workspace,#ai-threads-page .threads-members-workspace) .messages-thread-panel { overflow:hidden; min-height:0; }
:is(.messages-workspace,#ai-threads-page .threads-members-workspace) .messages-thread-panel > :not(.messages-thread) { flex-shrink:0; }
:is(.messages-workspace,#ai-threads-page .threads-members-workspace):not(.rfq-single-conversation) > .messages-thread-panel > .messages-thread { flex:1 1 0%; min-height:0; overflow:auto; overscroll-behavior:contain; }
:is(.messages-workspace,#ai-threads-page .threads-members-workspace) .message-composer[data-message-composer] { position:relative; display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:8px; padding:10px 12px; flex-shrink:0; }
.message-composer [data-message-attachments],.message-composer .message-file-composer,.message-composer .message-composer-footer { display:contents; }
.message-composer .message-attachment-toolbar { grid-column:1; grid-row:1; }
:is(.messages-workspace,#ai-threads-page .threads-members-workspace) .message-composer[data-message-composer] textarea { grid-column:2; grid-row:1; box-sizing:border-box; width:100%; height:56px; min-height:56px; max-height:56px; padding:8px 10px; margin:0; resize:none; line-height:20px; }
.message-composer [data-message-send] { grid-column:3; grid-row:1; min-height:40px; margin:0; padding:8px 12px; }
.message-composer .message-attachment-queue,.message-composer [data-attachment-status],.message-composer [data-message-upload-status] { grid-column:1/-1; }
.message-composer [data-message-upload-status]:empty { display:none; }
.message-composer [data-message-upload-status] { margin:0; }
/* Keep the shared paperclip compact in invitation conversations too. */
.rfq-questions form[data-thread-composer] { display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:8px; padding:10px 12px; }
.rfq-questions form[data-thread-composer] .message-reply-field { grid-column:2; grid-row:1; margin:0; }
.message-composer-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.rfq-questions form[data-thread-composer] .message-reply-field textarea { box-sizing:border-box; width:100%; height:56px; min-height:56px; max-height:56px; margin:0; padding:8px 10px; resize:none; font-size:14px; line-height:20px; }
.rfq-questions [data-question-attachments],.rfq-questions .message-file-composer { display:contents; }
.rfq-questions .message-attachment-toolbar { grid-column:1; grid-row:1; }
.rfq-questions form[data-thread-composer] > button[type=submit] { grid-column:3; grid-row:1; min-height:40px; margin:0; padding:8px 12px; }
.rfq-questions form[data-thread-composer] :is(.message-attachment-queue,[data-attachment-status],[data-thread-status],.message-email-choice) { grid-column:1/-1; }
.rfq-questions form[data-thread-composer] .message-email-choice { display:flex; flex-direction:row; align-items:center; gap:6px; margin:0; font-size:12px; }
.rfq-questions form[data-thread-composer] .message-email-choice input { width:16px; height:16px; min-height:0; padding:0; margin:0; flex:none; }
.rfq-questions form[data-thread-composer] [data-thread-status] { margin:0; }
.rfq-questions [data-thread-status]:empty { display:none; }
.rfq-questions .message-file-composer .attachment-picker { grid-column:auto; padding:0; background:transparent; color:#285787; border-color:transparent; }
@media(max-width:600px) { .message-file-cards { max-width:100%; } :is(.messages-workspace,#ai-threads-page .threads-members-workspace) .message-composer[data-message-composer] { gap:6px; padding:8px; } .message-composer [data-message-send] { padding:8px 10px; } }