/* ==========================================================================
   OW Onboarding Tool v0.106.0
   Viewer-zentrierte Zuordnung im öffentlichen Review-Chat
   ========================================================================== */

/*
 * Im Review stehen die Nachrichten des Reviewers rechts und grün. Antworten
 * aus dem Projektteam bleiben links und neutral. Die Editor-Inbox behält ihre
 * eigene Perspektive und wird durch diese Selektoren nicht verändert.
 */
body.content-review-mode .owr-chat-message.is-owned {
  align-self: flex-end;
  grid-template-columns: minmax(0, 1fr) 31px;
}

body.content-review-mode .owr-chat-message.is-owned .owr-chat-message-avatar {
  grid-column: 2;
  grid-row: 1;
  background: #dff2e7;
  color: #236948;
}

body.content-review-mode .owr-chat-message.is-owned .owr-chat-message-body {
  grid-column: 1;
  grid-row: 1;
  align-items: flex-end;
}

body.content-review-mode .owr-chat-message.is-owned .owr-chat-bubble {
  border-color: #c6e2d1;
  border-radius: 16px 7px 16px 16px;
  background: #eff9f3;
  color: #244c36;
  box-shadow: 0 5px 16px rgba(35, 105, 72, .08);
}

body.content-review-mode .owr-chat-message.is-owned .owr-chat-bubble p,
body.content-review-mode .owr-chat-message.is-owned .owr-chat-bubble strong,
body.content-review-mode .owr-chat-message.is-owned .owr-chat-bubble span {
  color: #244c36 !important;
  -webkit-text-fill-color: #244c36 !important;
}

body.content-review-mode .owr-chat-message.is-owned .owr-chat-attachment {
  border-color: #c9e0d2;
  background: rgba(255, 255, 255, .72);
  color: #244c36;
  -webkit-text-fill-color: #244c36;
}

body.content-review-mode .owr-chat-message.is-owned .owr-chat-attachment:hover {
  border-color: #acd1bb;
  background: #fff;
}

body.content-review-mode .owr-chat-message.is-owned .owr-chat-attachment-icon {
  background: #dff2e7;
  color: #236948;
}

body.content-review-mode .owr-chat-message.is-owned .owr-chat-attachment small,
body.content-review-mode .owr-chat-message.is-owned .owr-chat-attachment > svg {
  color: #64806d;
  -webkit-text-fill-color: #64806d;
}

body.content-review-mode .owr-chat-message.role-team:not(.is-owned) {
  align-self: flex-start;
  grid-template-columns: 31px minmax(0, 1fr);
}

body.content-review-mode .owr-chat-message.role-team:not(.is-owned) .owr-chat-message-avatar {
  grid-column: 1;
  grid-row: 1;
  background: #eef0ed;
  color: #5d625c;
}

body.content-review-mode .owr-chat-message.role-team:not(.is-owned) .owr-chat-message-body {
  grid-column: 2;
  grid-row: 1;
  align-items: flex-start;
}

body.content-review-mode .owr-chat-message.role-team:not(.is-owned) .owr-chat-bubble {
  border-color: #dfe2dc;
  border-radius: 7px 16px 16px 16px;
  background: #fff;
  color: #3d413c;
  box-shadow: 0 3px 12px rgba(24, 27, 25, .045);
}

body.content-review-mode .owr-chat-message.role-team:not(.is-owned) .owr-chat-bubble p {
  color: #3d413c !important;
  -webkit-text-fill-color: #3d413c !important;
}

@media (max-width: 430px) {
  body.content-review-mode .owr-chat-message.is-owned {
    grid-template-columns: minmax(0, 1fr) 28px;
  }

  body.content-review-mode .owr-chat-message.role-team:not(.is-owned) {
    grid-template-columns: 28px minmax(0, 1fr);
  }
}