/* MEETUS 0.6.25.2 COMMUNITY2-TG11-WORKSPACE23 */

/* The owner/admin switch must remain visible in both states. */
.workspace23-can-manage-comments > .workspace-comment-toggle-chip,
.workspace23-can-manage-comments > .workspace-comment-toggle-chip.hidden,
.workspace23-can-manage-comments .workspace-comment-toggle-chip,
.workspace23-can-manage-comments .workspace-comment-toggle-chip.hidden {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.workspace23-comment-toggle:disabled,
#community2Workspace [data-community2-toggle-comments]:disabled {
  opacity: .55 !important;
  cursor: wait !important;
}

.workspace23-comments-off {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 7px 0 0 !important;
  padding: 5px 7px !important;
  color: #ff9ca8 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

/* Keep time and receipt ticks as one compact unit. */
#messageArea .message-meta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 2px !important;
  white-space: nowrap !important;
  transform: none !important;
}

#messageArea .message-time,
#messageArea .message-check {
  position: static !important;
  margin: 0 !important;
  transform: none !important;
}

#messageArea .message-check.receipt-sent {
  width: 12px !important;
}

#messageArea .message-check.receipt-delivered,
#messageArea .message-check.receipt-read {
  width: 17px !important;
}

/* Reserve the right corner of voice messages for the action chevron. */
#messageArea .message-bubble:has(.voice-message) .voice-track-row {
  padding-right: 30px !important;
}

#messageArea .message-bubble:has(.voice-message) .voice-speed {
  margin-right: 0 !important;
}

#messageArea .message-bubble:has(.voice-message) > .message-menu-trigger {
  top: 5px !important;
  right: 5px !important;
}

/* Channel publications need a small metadata lane before the comment footer.
   This prevents time/ticks from landing over the voice speed or footer text. */
.workspace21-channel-post > .channel-comment-bar,
.workspace23-can-manage-comments > .channel-comment-bar {
  margin-top: 20px !important;
}

.workspace21-channel-post > .message-meta,
.workspace23-can-manage-comments > .message-meta {
  right: 7px !important;
  bottom: calc(var(--workspace21-comment-footer-height, 42px) + 5px) !important;
  z-index: 12 !important;
}

.workspace21-channel-post:has(> .workspace-comment-toggle-chip) > .message-meta,
.workspace23-can-manage-comments:has(> .workspace-comment-toggle-chip) > .message-meta {
  bottom: calc(var(--workspace21-comment-footer-height, 66px) + 5px) !important;
}

/* The regular channel pin never belongs inside the dedicated discussion page. */
.workspace23-hidden-for-thread,
html.workspace23-thread-open #workspacePinnedBanner,
body.workspace23-thread-open #workspacePinnedBanner {
  display: none !important;
}

#community2Workspace[data-mode="thread"] .community2-workspace-body {
  padding-top: 16px !important;
  scroll-padding-top: 16px !important;
}

#community2Workspace[data-mode="thread"] .community2-thread-source-wrap {
  position: relative !important;
  z-index: 1 !important;
}

#community2Workspace .community2-thread-admin-tools [data-community2-toggle-comments] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  white-space: nowrap !important;
}

@media (max-width: 700px) {
  #messageArea .message-bubble:has(.voice-message) .voice-track-row {
    padding-right: 34px !important;
    gap: 6px !important;
  }

  #messageArea .message-bubble:has(.voice-message) > .message-menu-trigger {
    top: 4px !important;
    right: 4px !important;
  }

  .workspace21-channel-post > .channel-comment-bar,
  .workspace23-can-manage-comments > .channel-comment-bar {
    margin-top: 19px !important;
  }

  #community2Workspace[data-mode="thread"] .community2-workspace-body {
    padding-top: 14px !important;
  }

  #community2Workspace[data-mode="thread"] .community2-thread-pinned {
    position: relative !important;
    inset: auto !important;
    margin: 0 0 16px !important;
  }

  #community2Workspace[data-mode="thread"] .community2-thread-pinned + .community2-thread-source-wrap {
    margin-top: 0 !important;
  }

  #community2Workspace .community2-thread-admin-tools {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  #community2Workspace .community2-thread-admin-tools [data-community2-toggle-comments] {
    flex: 1 1 100% !important;
  }
}