/* In a commercial point of view */
#messages_container[data-from="commercial"] [data-message-from="commercial"] {
  justify-content: flex-end;
}

#messages_container[data-from="commercial"] [data-message-from="manager"] {
  justify-content: flex-start;
}

#messages_container[data-from="commercial"] [data-message-from="commercial"] .message-bubble {
  background-color: #2987d6;
  color: white;
}

#messages_container[data-from="commercial"] [data-message-from="manager"] .message-bubble {
  background-color: #f3f4f6;
  color: black;
}

#messages_container[data-from="commercial"] [data-message-from="commercial"] .message-time {
  text-align: right;
}

/* In a manager point of view */
#messages_container[data-from="manager"] [data-message-from="manager"] {
  justify-content: flex-end;
}

#messages_container[data-from="manager"] [data-message-from="commercial"] {
  justify-content: flex-start;
}

#messages_container[data-from="manager"] [data-message-from="manager"] .message-bubble {
  background-color: #2987d6;
  color: white;
}

#messages_container[data-from="manager"] [data-message-from="commercial"] .message-bubble {
  background-color: #f3f4f6;
  color: black;
}

#messages_container[data-from="manager"] [data-message-from="manager"] .message-time {
  text-align: right;
}