/* MDD V115 — ações completas, média visível e emojis originais */

.mdd-v115-statistics {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 11px 18px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  color: rgba(190,220,255,.72) !important;
  font-size: .86rem !important;
}

.mdd-v115-stat-right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 20px !important;
}

.mdd-v115-actions {
  display: grid !important;
  grid-template-columns:
    repeat(4,minmax(0,1fr)) !important;
  align-items: stretch !important;
  border-top:
    1px solid rgba(255,255,255,.09) !important;
  min-height: 62px !important;
}

.mdd-v115-action {
  appearance: none !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(187,219,255,.78) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  min-height: 62px !important;
  padding: 10px 12px !important;
  font: 600 1rem/1.1
    Inter,system-ui,sans-serif !important;
  cursor: pointer !important;
  transition:
    background-color .12s ease,
    color .12s ease,
    transform .08s ease !important;
}

.mdd-v115-action:hover,
.mdd-v115-action:focus-visible {
  background:
    rgba(80,150,255,.08) !important;
  color: #e8f5ff !important;
  outline: none !important;
}

.mdd-v115-action:active {
  transform: scale(.985) !important;
}

.mdd-v115-action.is-active {
  color: #ff4f91 !important;
}

.mdd-v115-action-icon {
  flex: 0 0 auto !important;
  font-size: 1.65rem !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}

.mdd-v115-action-count {
  min-width: 1ch !important;
}

.mdd-v115-comment-box {
  display: grid !important;
  grid-template-columns:
    minmax(0,1fr) auto !important;
  gap: 10px !important;
  padding: 12px 16px 16px !important;
  border-top:
    1px solid rgba(255,255,255,.08) !important;
}

.mdd-v115-comment-input {
  width: 100% !important;
  min-height: 44px !important;
  border:
    1px solid rgba(120,190,255,.22) !important;
  border-radius: 14px !important;
  background:
    rgba(4,13,28,.82) !important;
  color: #fff !important;
  padding: 10px 14px !important;
  outline: none !important;
}

.mdd-v115-comment-box button {
  border: 0 !important;
  border-radius: 14px !important;
  padding: 0 18px !important;
  color: #fff !important;
  background:
    linear-gradient(135deg,#008cff,#6d3cff) !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.mdd-v115-media,
.mdd-v61-attachments {
  display: grid !important;
  gap: 8px !important;
  width: 100% !important;
  overflow: hidden !important;
}

.mdd-v115-media img,
.mdd-v115-media video,
.mdd-v61-attachments img,
.mdd-v61-attachments video,
.mdd-v101-real-post img,
.mdd-v101-real-post video,
.mdd-v102-real-post img,
.mdd-v102-real-post video {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 620px !important;
  object-fit: contain !important;
  visibility: visible !important;
  opacity: 1 !important;
  filter: none !important;
  border-radius: 16px !important;
  background: #030817 !important;
}

.mdd-v115-media-pending {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 84px !important;
  padding: 16px !important;
  border:
    1px dashed rgba(255,210,70,.34) !important;
  border-radius: 14px !important;
  color: #ffe594 !important;
  background:
    rgba(255,190,20,.07) !important;
  text-align: center !important;
}

/*
  Emojis devem usar glifos coloridos do sistema.
  Não altera SVG, ícones de menu ou figuras normais.
*/
.mdd-v115-emoji,
.mdd-v84-trigger-emoji,
.mdd-v84-glyph,
.mdd-v84-option,
.mdd-v83-emoji-btn,
.mdd-v83-tab,
.mdd-v83-tone,
#mdd-v83-emoji-panel [data-emoji],
.reaction-picker button,
.emoji-picker button {
  font-family:
    "Segoe UI Emoji",
    "Apple Color Emoji",
    "Noto Color Emoji",
    sans-serif !important;
  font-variant-emoji: emoji !important;
  font-style: normal !important;
  font-weight: 400 !important;
  filter: none !important;
  opacity: 1 !important;
  color: initial !important;
  -webkit-text-fill-color: initial !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}

@media(max-width:700px) {
  .mdd-v115-statistics {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 7px !important;
  }

  .mdd-v115-stat-right {
    width: 100% !important;
    justify-content: space-between !important;
  }

  .mdd-v115-actions {
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

  .mdd-v115-action {
    min-height: 54px !important;
    font-size: .9rem !important;
  }
}