/* BPEATS-MUSIC Germany release share button: compact, isolated, positioned safely under the mini-player cover. */
.release-media-stack{
    min-width:0;
    display:grid;
    align-content:start;
    gap:8px;
}
.release-media-stack .release-cover{min-width:0;}
.release-share-row{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    position:relative;
    z-index:4;
    min-height:24px;
    pointer-events:auto;
}
.release-share-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:24px;
    padding:4px 10px;
    border-radius:999px;
    border:1px solid rgba(228,234,237,.34);
    background:linear-gradient(145deg, rgba(247,248,249,.90) 0%, rgba(201,208,214,.48) 18%, rgba(88,97,107,.40) 44%, rgba(22,28,34,.90) 100%);
    color:#f4f7f8;
    text-decoration:none;
    font-size:.66rem;
    line-height:1;
    font-weight:850;
    letter-spacing:.03em;
    text-transform:uppercase;
    box-shadow:0 10px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.24), inset 0 -1px 0 rgba(0,0,0,.32);
    transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease;
    animation:dmm-release-share-breathe 3.8s ease-in-out infinite;
}
.release-share-button svg{width:12px;height:12px;display:block;fill:currentColor;filter:drop-shadow(0 0 5px rgba(168,181,190,.18));}
.release-share-button:hover,
.release-share-button:focus-visible{
    transform:translateY(-1px);
    border-color:rgba(235,240,243,.44);
    background:linear-gradient(145deg, rgba(248,250,251,.92) 0%, rgba(209,216,221,.52) 18%, rgba(86,95,105,.44) 46%, rgba(23,29,35,.92) 100%);
    box-shadow:0 14px 32px rgba(0,0,0,.24), 0 0 0 1px rgba(188,225,230,.16), inset 0 1px 0 rgba(255,255,255,.28);
}
.release-share-button:focus-visible{outline:none;}
.release-share-feedback{
    position:absolute;
    left:50%;
    top:100%;
    transform:translate(-50%,2px);
    opacity:0;
    pointer-events:none;
    white-space:nowrap;
    color:#eaf7f8;
    font-size:.67rem;
    font-weight:800;
    text-shadow:0 0 12px rgba(0,0,0,.55);
    transition:opacity .18s ease,transform .18s ease;
}
.release-share-row.is-copied .release-share-feedback{opacity:1;transform:translate(-50%,0);}
@keyframes dmm-release-share-breathe{
    0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.035) inset,0 8px 18px rgba(0,0,0,.14)}
    50%{box-shadow:0 10px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.28), 0 0 14px rgba(168,219,224,.12)}
}
@media (max-width: 640px){
    .release-share-button{font-size:.64rem;padding:4px 9px;}
}
@media (prefers-reduced-motion:reduce){
    .release-share-button{animation:none;transition:none}
    .release-share-feedback{transition:none}
}


/* Surgical refinement - silver/titanium share button */
.release-share-button{
    background-image:
        radial-gradient(circle at 26% 20%, rgba(255,255,255,.38) 0%, rgba(255,255,255,0) 24%),
        linear-gradient(145deg, rgba(247,248,249,.90) 0%, rgba(201,208,214,.48) 18%, rgba(88,97,107,.40) 44%, rgba(22,28,34,.90) 100%);
}
.release-share-button:hover,
.release-share-button:focus-visible{
    color:#f7fbfc;
}


/* Surgical refinement v3 - remove white gradient from share button */
.release-share-button{
    border-color:rgba(223,229,233,.32);
    background-image:none;
    background:linear-gradient(145deg, rgba(186,194,201,.34) 0%, rgba(86,95,104,.36) 28%, rgba(24,30,36,.92) 100%);
    box-shadow:0 10px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.28);
}
.release-share-button:hover,
.release-share-button:focus-visible{
    border-color:rgba(235,240,243,.40);
    background:linear-gradient(145deg, rgba(197,205,211,.38) 0%, rgba(92,102,111,.40) 28%, rgba(24,30,36,.94) 100%);
    box-shadow:0 14px 32px rgba(0,0,0,.24), 0 0 0 1px rgba(188,225,230,.12), inset 0 1px 0 rgba(255,255,255,.18);
}

/* Release detail: isolated share action inside the large player area. */
.release-share-row--detail{
    justify-content:flex-start;
    width:auto;
    min-height:46px;
    margin:12px 0 6px;
}
.release-share-button--detail{
    min-height:42px;
    padding:10px 18px;
    gap:9px;
    border-color:rgba(91,220,230,.36);
    background:
        linear-gradient(135deg,rgba(83,222,232,.18),rgba(123,139,151,.16) 42%,rgba(20,27,33,.94));
    color:#effcfd;
    font-size:.75rem;
    letter-spacing:.09em;
    box-shadow:
        0 12px 30px rgba(0,0,0,.22),
        0 0 0 1px rgba(255,255,255,.04) inset,
        0 0 24px rgba(78,214,224,.08);
    animation:none;
}
.release-share-button--detail svg{
    width:15px;
    height:15px;
    color:#7eeaf0;
    filter:drop-shadow(0 0 8px rgba(91,220,230,.34));
}
.release-share-button--detail:hover,
.release-share-button--detail:focus-visible{
    border-color:rgba(116,235,242,.58);
    background:
        linear-gradient(135deg,rgba(91,224,233,.26),rgba(126,145,158,.20) 42%,rgba(20,27,33,.96));
    box-shadow:
        0 16px 34px rgba(0,0,0,.28),
        0 0 0 1px rgba(255,255,255,.07) inset,
        0 0 28px rgba(78,214,224,.14);
}
.release-share-row--detail .release-share-feedback{
    left:18px;
    top:auto;
    bottom:calc(100% + 6px);
    transform:translateY(2px);
    padding:5px 9px;
    border:1px solid rgba(91,220,230,.22);
    border-radius:999px;
    background:rgba(12,19,24,.94);
    box-shadow:0 10px 24px rgba(0,0,0,.26);
}
.release-share-row--detail.is-copied .release-share-feedback{
    transform:translateY(0);
}
@media (max-width:640px){
    .release-share-row--detail{
        margin-top:10px;
    }
    .release-share-button--detail{
        width:100%;
        min-height:44px;
        padding:10px 15px;
        font-size:.72rem;
    }
}

/* BPEATS-MUSIC Germany · release detail media rail
   Layout-only refinement: genre above the cover, share action centered below it.
   Player, audio, share and streaming behaviour remain untouched. */
.record-detail-media{
    width:300px;
    min-width:300px;
    max-width:300px;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    justify-items:start;
    align-content:center;
    overflow:visible;
    min-height:0;
}
.record-detail-media .record-detail-genre-row{
    width:280px;
    max-width:100%;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin:0 0 10px;
    min-width:0;
}
.record-detail-media .release-genre-label{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
}
.record-detail-media .record-detail-cover{
    margin:0!important;
}
.record-detail-media .record-detail-share-slot{
    width:280px;
    max-width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:12px;
    min-width:0;
}
.record-detail-share-slot .release-share-row--detail{
    width:100%;
    min-height:42px;
    justify-content:center;
    margin:0;
}
.record-detail-share-slot .release-share-button--detail{
    width:auto;
    min-width:132px;
    max-width:100%;
}
.record-detail-share-slot .release-share-row--detail .release-share-feedback{
    left:50%;
    top:auto;
    bottom:calc(100% + 6px);
    transform:translate(-50%,2px);
}
.record-detail-share-slot .release-share-row--detail.is-copied .release-share-feedback{
    transform:translate(-50%,0);
}

@media (max-width:980px){
    .record-detail-media{
        width:min(300px,100%);
        min-width:0;
        max-width:300px;
        justify-self:center;
    }
}
@media (max-width:680px){
    .record-detail-media{
        width:min(250px,84vw);
        max-width:min(250px,84vw);
    }
    .record-detail-media .record-detail-genre-row,
    .record-detail-media .record-detail-share-slot{
        width:100%;
    }
}
@media (max-width:640px){
    .record-detail-share-slot .release-share-button--detail{
        width:auto;
        min-width:132px;
    }
}