#fileInput { display: none; }
.compose-actions #attach {
  height: 38px; display: flex; align-items: center; gap: 7px;
  background: #242a35; border: 1px solid #313846; border-radius: 11px;
  padding: 0 12px; cursor: pointer; color: #dfe3ea;
}
.compose-actions #attach span { font-size: 21px; line-height: 1; flex: none; margin: 0; color: inherit; }
.compose-actions #attach b { font-size: 12px; }
.compose-actions #send { width: 38px; height: 38px; font-size: 22px; }
.compose-actions > span { flex: 1; }
.compose-box.dragging { border-color: var(--accent); background: #19221d; }
#fileQueue { display: flex; gap: 8px; overflow-x: auto; }
.file-chip {
  display: flex; align-items: center; gap: 8px; max-width: 260px;
  background: #232936; border: 1px solid #343c4b; border-radius: 11px;
  padding: 7px 8px; margin-bottom: 9px; font-size: 11px;
}
.file-chip .file-icon { font-size: 17px; }
.file-chip .file-info { min-width: 0; }
.file-chip strong, .file-chip small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.file-chip small { color: var(--muted); margin-top: 2px; }
.file-chip button { border: 0; background: none; color: #9ba3b2; cursor: pointer; font-size: 16px; padding: 0; }
@media (max-width: 720px) {
  .compose-actions #attach { padding: 0 11px; }
  .compose-actions #attach b { display: inline; }
  .compose-actions > span { display: none; }
}