/* PATCH Chat Transparent V1.2.0 — chat uten tekstbobler */
.message-row {
  display: block;
  max-width: 930px;
  margin: 0 auto 18px;
}

.message-row.user,
.message-row.assistant {
  justify-content: initial;
}

.message-bubble,
.message-row.user .message-bubble,
.message-row.assistant .message-bubble {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 2px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.message-row.user .message-content {
  text-align: right;
}

.message-row.assistant .message-content {
  text-align: left;
}

.message-content {
  color: var(--text);
  text-shadow:
    0 1px 2px rgba(0, 0, 0, .92),
    0 0 12px rgba(0, 0, 0, .72);
}

.message-content p,
.message-content li,
.message-content h1,
.message-content h2,
.message-content h3 {
  background: transparent;
}

.message-meta {
  margin: 0 0 4px;
  padding: 0;
  background: transparent;
  border: 0;
  opacity: .72;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .9);
}

.message-row.user .message-meta {
  justify-content: flex-end;
}

.message-row.assistant .message-meta {
  justify-content: flex-start;
}

.message-content pre {
  border: 0;
  border-radius: 8px;
  background: rgba(4, 7, 12, .72);
  box-shadow: none;
}

@media (max-width: 720px) {
  .message-row {
    margin-bottom: 14px;
  }

  .message-bubble,
  .message-row.user .message-bubble,
  .message-row.assistant .message-bubble {
    max-width: 100%;
    padding: 1px 2px;
  }
}

/* PATCH Chat Transparent V1.2.0 */
.arealyn-patch-version {
  color: var(--muted);
  font-size: 7px;
  white-space: nowrap;
}

.arealyn-patch-card {
  margin-top: 6px;
  padding: 6px 8px;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: var(--cyan);
  background: rgba(12, 18, 28, .78);
  box-shadow: inset 0 0 16px rgba(38, 217, 255, .08);
  font-size: 8px;
  text-align: center;
}