.message-bubble-text a {
  color: #0b57d0;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  word-break: break-all;
}

.message-bubble-row.message-deleted .message-bubble {
  border: 1px dashed #c7cdd8;
  background: #f5f6f8;
  color: #596273;
}

.message-bubble-row.message-deleted.outbound .message-bubble {
  background: #f2f4f7;
}

.message-deleted-badge {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  padding: 2px 7px;
  border-radius: 999px;
  background: #e5e8ed;
  color: #697386;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .01em;
}

.message-file-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  align-items: center;
  min-width: min(250px, 65vw);
  padding: 9px 10px;
  border: 1px solid #dce3ed;
  border-radius: 11px;
  background: rgba(255,255,255,.72);
  color: #23314c;
  text-decoration: none;
}

.message-file-card:hover { border-color: #b9c8dd; }
.message-file-card-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 750; }
.message-file-card-meta { grid-column: 1 / -1; color: #7a8496; font-size: 10px; }
.message-file-card-action { color: #0b57d0; font-size: 11px; font-weight: 750; }
.message-file-card.pending, .message-file-card.failed { pointer-events: none; }
.message-file-card.failed { border-color: #ebd0cd; background: #fff7f6; }
.message-file-card.failed .message-file-card-action { color: #a33c34; }

.messages-file-selection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 9px;
  border: 1px solid #d8e2f0;
  border-radius: 10px;
  background: #f7faff;
  color: #45536b;
  font-size: 12px;
}

.messages-file-selection[hidden] { display: none !important; }
.messages-file-selection span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.messages-file-selection button { min-height: 30px; min-width: 30px; padding: 4px; }
.messages-attach-file { min-width: 58px; }
.messages-attach-file[disabled] { opacity: .48; cursor: not-allowed; }

@media (max-width: 390px) {
  .message-file-card { min-width: min(230px, 72vw); }
}