/* Mensajes de Comunidad: glass continuo + workspace de escritorio completo. */
#community-dm-dialog.mv7-dm-dialog {
  --dm-glass-canvas: rgba(10, 12, 17, 0.56);
  --dm-glass-panel: rgba(20, 22, 28, 0.38);
  --dm-glass-panel-strong: rgba(24, 27, 34, 0.62);
  --dm-glass-soft: rgba(255, 255, 255, 0.055);
  --dm-glass-edge: rgba(255, 255, 255, 0.12);
  --dm-glass-edge-bright: rgba(255, 255, 255, 0.21);
  background:
    radial-gradient(circle at 72% 4%, rgba(255, 255, 255, 0.075), transparent 25rem),
    radial-gradient(circle at 8% 92%, rgba(116, 153, 218, 0.08), transparent 30rem),
    var(--dm-glass-canvas) !important;
  backdrop-filter: blur(34px) saturate(138%);
  -webkit-backdrop-filter: blur(34px) saturate(138%);
}

#community-dm-dialog.mv7-dm-dialog::backdrop {
  background: rgba(3, 4, 7, 0.38);
  backdrop-filter: blur(22px) saturate(120%);
  -webkit-backdrop-filter: blur(22px) saturate(120%);
}

#community-dm-dialog .mv7-dialog-body {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.025), transparent 38%);
}

#community-dm-dialog #community-dm-list-view,
#community-dm-dialog #community-dm-thread-view,
#community-dm-dialog .mv7-dm-profile {
  background: var(--dm-glass-panel);
  backdrop-filter: blur(24px) saturate(122%);
  -webkit-backdrop-filter: blur(24px) saturate(122%);
}

#community-dm-dialog #community-dm-thread-view {
  background:
    radial-gradient(circle at 80% 32%, rgba(125, 164, 225, 0.055), transparent 28rem),
    var(--dm-glass-panel);
}

#community-dm-dialog header {
  border-color: var(--dm-glass-edge) !important;
  background: rgba(24, 27, 34, 0.48);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.035);
  backdrop-filter: blur(22px) saturate(125%);
  -webkit-backdrop-filter: blur(22px) saturate(125%);
}

#community-dm-dialog .mv7-dm-search {
  border-color: var(--dm-glass-edge) !important;
  background: var(--dm-glass-soft);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.035);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

#community-dm-dialog .mv7-dm-search:focus-within {
  border-color: rgba(126, 170, 239, 0.48) !important;
  background: rgba(116, 158, 224, 0.075);
  box-shadow: 0 0 0 3px rgba(116, 158, 224, 0.08);
}

#community-dm-dialog .mv7-dm-search input {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#community-dm-dialog .mv7-dm-filters {
  border-color: var(--dm-glass-edge);
  background: rgba(255, 255, 255, 0.012);
}

#community-dm-dialog .mv7-dm-filters button.is-active,
#community-dm-dialog .mv7-dm-conversation-row.is-selected {
  border-color: var(--dm-glass-edge-bright) !important;
  background: rgba(255, 255, 255, 0.085) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.08),
    0 10px 28px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
}

#community-dm-dialog .mv7-dm-conversation-row:hover {
  background: rgba(255, 255, 255, 0.055);
}

#community-dm-dialog #community-dm-messages {
  background:
    linear-gradient(rgba(255, 255, 255, 0.012), transparent 22%),
    radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.026), transparent 34rem),
    rgba(8, 10, 15, 0.16) !important;
}

#community-dm-dialog .mv7-dm-bubble.is-theirs {
  border-color: var(--dm-glass-edge) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(18px) saturate(120%);
  -webkit-backdrop-filter: blur(18px) saturate(120%);
}

#community-dm-dialog .mv7-dm-bubble.is-mine {
  border-color: rgba(132, 177, 246, 0.3) !important;
  background: linear-gradient(
    145deg,
    rgba(119, 164, 234, 0.2),
    rgba(106, 121, 174, 0.13)
  ) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(20px) saturate(128%);
  -webkit-backdrop-filter: blur(20px) saturate(128%);
}

#community-dm-dialog .mv7-dm-composer {
  border-color: var(--dm-glass-edge-bright) !important;
  background: var(--dm-glass-panel-strong) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.075),
    0 18px 48px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(26px) saturate(132%);
  -webkit-backdrop-filter: blur(26px) saturate(132%);
}

#community-dm-dialog .mv7-dm-composer > #community-dm-send,
#community-dm-dialog .mv7-dm-profile > button,
#community-dm-dialog .mv7-icon-button {
  border-color: var(--dm-glass-edge-bright);
  background: rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.065);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

#community-dm-dialog .mv7-dm-profile section {
  border-color: var(--dm-glass-edge);
  background: rgba(255, 255, 255, 0.025);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.025);
}

:root[data-resolved-theme='light'] #community-dm-dialog.mv7-dm-dialog {
  --dm-glass-canvas: rgba(239, 242, 247, 0.72);
  --dm-glass-panel: rgba(252, 253, 255, 0.48);
  --dm-glass-panel-strong: rgba(252, 253, 255, 0.74);
  --dm-glass-soft: rgba(255, 255, 255, 0.38);
  --dm-glass-edge: rgba(25, 31, 43, 0.13);
  --dm-glass-edge-bright: rgba(25, 31, 43, 0.2);
}

:root[data-resolved-theme='light'] #community-dm-dialog header,
:root[data-resolved-theme='light'] #community-dm-dialog #community-dm-messages {
  background-color: rgba(252, 253, 255, 0.34) !important;
}

@media (min-width: 769px) {
  #community-dm-dialog.mv7-dm-dialog {
    position: fixed;
    width: 100vw;
    height: 100dvh;
    max-width: none;
    max-height: none;
    inset: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    transform: none;
  }

  #community-dm-dialog.mv7-dm-dialog[open] {
    animation: none;
  }

  #community-dm-dialog.mv7-dm-dialog .mv7-dialog-body {
    width: 100%;
    height: 100% !important;
    grid-template-columns: clamp(280px, 23vw, 340px) minmax(420px, 1fr) clamp(240px, 20vw, 300px);
  }

  #community-dm-dialog #community-dm-thread-view {
    display: grid;
    min-height: 0;
    grid-template-rows: auto minmax(0, 1fr) auto;
  }

  #community-dm-dialog #community-dm-messages {
    padding: 22px clamp(18px, 2vw, 30px);
    scroll-padding-bottom: 18px;
  }

  #community-dm-dialog .mv7-dm-composer {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    margin: 12px clamp(16px, 2vw, 28px) 16px;
  }

  #community-dm-dialog #community-dm-thread-view:not(.has-thread) .mv7-dm-composer {
    visibility: visible;
  }

  #community-dm-dialog .mv7-dm-composer textarea:disabled,
  #community-dm-dialog .mv7-dm-composer button:disabled {
    cursor: not-allowed;
    opacity: 0.48;
  }

  #community-dm-dialog .mv7-dm-composer:focus-within {
    border-color: rgba(126, 170, 239, 0.46) !important;
    box-shadow:
      0 0 0 3px rgba(116, 158, 224, 0.09),
      0 14px 34px rgba(0, 0, 0, 0.38);
  }
}

@media (max-width: 768px) {
  #community-dm-dialog.mv7-dm-dialog {
    background:
      radial-gradient(circle at 92% 2%, rgba(157, 181, 224, 0.11), transparent 20rem),
      radial-gradient(circle at 6% 76%, rgba(255, 255, 255, 0.045), transparent 22rem),
      var(--dm-glass-canvas) !important;
  }

  #community-dm-dialog #community-dm-list-view,
  #community-dm-dialog #community-dm-thread-view {
    background: rgba(15, 17, 22, 0.38);
  }

  #community-dm-dialog header {
    background: rgba(22, 24, 30, 0.64);
  }

  #community-dm-dialog .mv7-dm-composer {
    background: rgba(26, 29, 36, 0.74) !important;
  }
}

@media (min-width: 769px) and (max-width: 1050px) {
  #community-dm-dialog.mv7-dm-dialog .mv7-dialog-body {
    grid-template-columns: minmax(260px, 34vw) minmax(0, 1fr);
  }
}