/* MEETUS 0.6.25.2 COMMUNITY2-TG11-WORKSPACE31
   Stable dark surfaces for the dedicated comments/replies workspace.
   Fixes white cards on browsers whose OS color scheme is light. */

#community2Workspace {
  --workspace31-app-bg: var(--chat-bg, #0c0910);
  --workspace31-header-bg: var(--header-bg, #1f1f20);
  --workspace31-card-bg: var(--community2-surface, var(--bubble-in, #121a29));
  --workspace31-composer-bg: var(--community2-composer, var(--composer-bg, #212121));
  --workspace31-input-bg: var(--field-bg, #2b2b2d);
  --workspace31-text: var(--text-primary, var(--text, #f4f4f5));
  --workspace31-muted: var(--text-secondary, var(--muted, #9a9aa0));
  color-scheme: dark;
  background: var(--workspace31-app-bg) !important;
  color: var(--workspace31-text) !important;
}

#community2Workspace .community2-workspace-header {
  background: var(--workspace31-header-bg) !important;
  color: var(--workspace31-text) !important;
}

#community2Workspace .community2-workspace-body {
  background:
    radial-gradient(circle at 12% 8%, rgba(124, 92, 255, 0.055), transparent 28%),
    var(--workspace31-app-bg) !important;
  color: var(--workspace31-text) !important;
}

#community2Workspace .community2-thread-source-wrap,
#community2Workspace .community2-comment:not(.mine),
#community2Workspace .community2-reply-item,
#community2Workspace .community2-status {
  background: var(--workspace31-card-bg) !important;
  color: var(--workspace31-text) !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
}

#community2Workspace .community2-source-card,
#community2Workspace .community2-thread-source-footer,
#community2Workspace .community2-source-head,
#community2Workspace .community2-source-text {
  color: var(--workspace31-text) !important;
}

#community2Workspace .community2-thread-source-footer {
  background: color-mix(in srgb, var(--workspace31-card-bg) 88%, white 12%) !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

#community2Workspace .community2-thread-form {
  background: var(--workspace31-header-bg) !important;
  border-top-color: rgba(255, 255, 255, 0.09) !important;
}

#community2Workspace .community2-input-shell,
#community2Workspace .community2-thread-form textarea,
#community2Workspace .community2-thread-form textarea:focus,
#community2Workspace .workspace5-rich-editor {
  background: var(--workspace31-input-bg) !important;
  color: var(--workspace31-text) !important;
}

#community2Workspace .community2-workspace-title strong,
#community2Workspace .community2-source-author strong,
#community2Workspace .community2-comment-author strong,
#community2Workspace .community2-reply-head strong,
#community2Workspace .community2-source-text,
#community2Workspace .community2-comment-text,
#community2Workspace .community2-reply-text {
  color: var(--workspace31-text) !important;
}

#community2Workspace .community2-workspace-title span,
#community2Workspace .community2-source-head > span,
#community2Workspace .community2-comment-head time,
#community2Workspace .community2-reply-head time,
#community2Workspace .community2-comments-title,
#community2Workspace .community2-compose-reply span {
  color: var(--workspace31-muted) !important;
}

#community2Workspace .community2-avatar {
  box-shadow: 0 0 0 2px var(--workspace31-card-bg) !important;
}

#community2Workspace .community2-thread-admin-tools button {
  background: rgba(128, 105, 232, 0.18) !important;
  color: #c7bbff !important;
}

#community2Workspace .community2-thread-admin-tools button.comments-off {
  background: rgba(231, 88, 99, 0.16) !important;
  color: #ff9eaa !important;
}

/* The app is dark even when Windows/Chrome reports a light color scheme. */
@media (prefers-color-scheme: light) {
  #community2Workspace,
  #community2Workspace .community2-workspace-header,
  #community2Workspace .community2-workspace-body,
  #community2Workspace .community2-thread-source-wrap,
  #community2Workspace .community2-comment:not(.mine),
  #community2Workspace .community2-reply-item,
  #community2Workspace .community2-thread-form,
  #community2Workspace .community2-status {
    color-scheme: dark !important;
  }
}