/* Digitana Social - Music Interaktionen / Live / Kommentare */
/* MUSIC_SHARE_MENU_TO_FEED_V1 */
.ds-music-share-menu {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  z-index: 22;
}
.ds-music-share-menu[open] { z-index: 650; }
.ds-music-share-menu > summary {
  list-style: none;
  cursor: pointer;
}
.ds-music-share-menu > summary::-webkit-details-marker { display: none; }
.ds-music-share-menu > summary::marker { content: ""; }
.ds-music-share-menu[open] > summary {
  color: #ffffff;
  box-shadow:
    inset 0 0 0 1px rgba(245,248,250,0.36),
    0 0 15px color-mix(in srgb, var(--ds-music-card-accent, #cfd6dd) 34%, transparent);
}
.ds-music-share-popover {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  display: grid;
  min-width: 124px;
  padding: 7px;
  gap: 6px;
  border-radius: 10px;
  background:
    radial-gradient(ellipse at 12% 0%, color-mix(in srgb, var(--ds-music-card-accent, #cfd6dd) 16%, transparent), transparent 48%),
    linear-gradient(135deg, rgba(18,29,39,0.98), rgba(0,0,0,0.98));
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--ds-music-card-accent, #cfd6dd) 28%, rgba(215,223,229,0.16)),
    0 0 18px color-mix(in srgb, var(--ds-music-card-accent, #cfd6dd) 24%, transparent),
    0 12px 24px rgba(0,0,0,0.44);
}
.ds-music-share-popover::before {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(245,248,250,0.70), color-mix(in srgb, var(--ds-music-card-accent, #cfd6dd) 34%, transparent), transparent);
  box-shadow: 0 0 10px color-mix(in srgb, var(--ds-music-card-accent, #cfd6dd) 24%, transparent);
}
.ds-music-share-popover .ds-music-share-form {
  display: block;
  margin: 0;
}
.ds-music-share-choice {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 30px;
  padding: 6px 9px;
  border: 0;
  border-radius: 8px;
  color: #f2f5f7;
  cursor: pointer;
  background: linear-gradient(135deg, rgba(255,255,255,0.055), rgba(0,0,0,0.42));
  font: inherit;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: left;
  text-shadow: 0 1px 0 #000, 0 0 7px color-mix(in srgb, var(--ds-music-card-accent, #cfd6dd) 22%, transparent);
  box-shadow: inset 0 0 0 1px rgba(215,223,229,0.12);
}
.ds-music-share-choice:hover,
.ds-music-share-choice:focus-visible {
  outline: none;
  color: #ffffff;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--ds-music-card-accent, #cfd6dd) 44%, rgba(245,248,250,0.20)),
    0 0 12px color-mix(in srgb, var(--ds-music-card-accent, #cfd6dd) 18%, transparent);
}

/* MUSIC_FRONTEND_LIVE_RENDER_V1A */
.ds-music-pending-comments-note {
  position: static;
  left: auto;
  top: auto;
  transform: none;
  display: block;
  width: 100%;
  margin: 0 0 10px;
  cursor: pointer;
  pointer-events: auto;
  text-align: center;
}


/* CP4b - Musik-Kommentar-Sichtbarkeit: schwarzer Kommentarrahmen wie Galerie */
.ds-music-comments .ds-music-comment-compose-form {
  position: relative;
  margin-top: 10px;
  padding: 10px;
  border-radius: 10px;
  background:
    radial-gradient(ellipse at 12% 0%, color-mix(in srgb, var(--ds-profile-accent, #20a9ff) 10%, transparent), transparent 48%),
    linear-gradient(135deg, rgba(0,0,0,0.82), rgba(3,7,11,0.96));
  box-shadow:
    inset 0 0 0 1px rgba(215,237,255,0.18),
    inset 0 12px 22px rgba(0,0,0,0.52),
    0 0 14px color-mix(in srgb, var(--ds-profile-accent, #20a9ff) 10%, transparent);
}

.ds-music-comments .ds-music-comment-compose-form .ds-comment-compose-meta {
  justify-content: flex-end;
}

.ds-music-comments .ds-music-comment-visibility-picker {
  overflow: visible;
}