/* Direct styling for message selection - no pseudo-elements */

/* Apply styling directly to the selected message elements */
.message.selected {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
  outline: 4px solid #ff0000;
  outline-offset: -5px; /* Inset the outline by 5px */
  border-radius: 4px;
  position: relative;
  z-index: 1;
  box-sizing: border-box; /* Ensure outline is included in element dimensions */
}

/* Special types of messages */
.message[data-type=S].selected {
  border-color: #666;
}
