.message-container {
  position: relative;
}

.message-header {
  margin-bottom: 0.5rem;
}

.sender-name {
  font-size: 0.95rem;
  color: #444;
}

.message-body {
  white-space: pre-wrap;
  font-size: 0.95rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.375rem;
  background-color: rgba(255, 255, 255, 0.5);
}

.list-group-item-light .message-body {
  background-color: rgba(255, 255, 255, 0.7);
}

.list-group-item-secondary .message-body {
  background-color: rgba(255, 255, 255, 0.6);
}

.list-group-item-info .message-body {
  background-color: rgba(255, 255, 255, 0.6);
}

.message-footer {
  text-align: right;
  font-size: 0.75rem;
  color: #6c757d;
}

/* Delete button styling */
.delete-msg-btn {
  opacity: 0.2;
  transition: opacity 0.2s ease;
  font-size: 0.9rem;
  margin-left: 0.5rem;
}

.message-container:hover .delete-msg-btn {
  opacity: 1;
}

/* Message list styling */
#messagesList .list-group-item {
  padding: 0.75rem 1rem;
  border-left: none;
  border-right: none;
}

/* Clear all messages button styling */
#clearAllMsgsBtn {
  font-size: 0.8rem;
  padding: 0.25rem 0.5rem;
}

#clearAllMsgsBtn i {
  font-size: 0.75rem;
}

.request-files {
  list-style: none;
  padding-left: 1rem;
}

.request-files li::before {
  content: '\1F4CE';
  margin-right: 0.25rem;
}