/* Subtle decorative pattern for chat message areas (live community + support) */

#chatBox.lc-messages,
.cs-chat-messages {
  position: relative;
  isolation: isolate;
}

#chatBox.lc-messages::before,
.cs-chat-messages::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.045;
  background-image:
    radial-gradient(rgba(255, 215, 0, 0.75) 0.7px, transparent 0.7px),
    radial-gradient(rgba(255, 215, 0, 0.35) 0.7px, transparent 0.7px),
    linear-gradient(
      135deg,
      rgba(255, 215, 0, 0.04) 0,
      rgba(255, 215, 0, 0.04) 1px,
      transparent 1px,
      transparent 32px
    );
  background-size: 24px 24px, 24px 24px, 32px 32px;
  background-position: 0 0, 12px 12px, 0 0;
}

#chatBox.lc-messages > *,
.cs-chat-messages > * {
  position: relative;
  z-index: 1;
}