/* DEEJAI - notificações adicionadas sem alterar player */
.deejai-notify-wrap{position:relative;display:grid;place-items:center;width:44px;height:44px;z-index:1400}
.deejai-notify-btn{position:relative;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px)}
.deejai-notify-btn svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2.3}
.deejai-notify-badge{position:absolute;right:-2px;top:-3px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#7b2cff,#ff3dc8);color:#fff;font-size:10px;font-weight:900;line-height:18px;text-align:center;box-shadow:0 0 14px rgba(200,70,255,.55);display:none}.deejai-notify-badge.show{display:block}
.deejai-notify-menu{position:absolute;top:50px;right:0;width:min(330px,calc(100vw - 24px));max-height:430px;overflow:auto;padding:10px;border-radius:20px;background:rgba(15,6,20,.97);border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 70px rgba(0,0,0,.65);display:none}.deejai-notify-menu.show{display:block}
.deejai-notify-title{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin:4px 6px 10px}.deejai-notify-card{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:16px;background:rgba(255,255,255,.07);margin-bottom:8px}.deejai-notify-card.unread{border:1px solid rgba(191,82,255,.42)}.deejai-notify-card img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#222}.deejai-notify-card strong{display:block;font-size:13px;color:#fff}.deejai-notify-card p{margin:2px 0 0;font-size:12px;line-height:1.3;color:#ddd}.deejai-notify-empty{padding:18px 10px;color:#cfc1d7;font-size:13px;text-align:center}
.deejai-play-listens{font-size:12px;color:#d9cfe0;margin-top:12px;text-shadow:0 2px 8px #000}.profile-card .deejai-play-listens{font-size:12px;color:#d9cfe0;margin-top:12px}
.follow-btn.following{background:linear-gradient(135deg,#2077ff,#ff2ccf,#9230ff)!important;color:#fff!important;border:0!important;box-shadow:0 10px 30px rgba(180,60,255,.35)!important}
@media(max-width:520px){.deejai-notify-wrap{width:40px;height:40px}.deejai-notify-btn{width:38px;height:38px}.deejai-notify-menu{right:-44px}}

/* v2 - sino de notificações movido para o menu lateral direito */
.bottom-menu > .deejai-notify-wrap.deejai-notify-side{
    position:relative!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;z-index:1500!important;order:-1!important;
}
.bottom-menu > .deejai-notify-wrap.deejai-notify-side .deejai-notify-btn{
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important;border-radius:999px!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 10px 28px rgba(0,0,0,.28)!important;backdrop-filter:blur(14px)!important;
}
.bottom-menu > .deejai-notify-wrap.deejai-notify-side .deejai-notify-btn svg{width:20px!important;height:20px!important;stroke:#fff!important;fill:none!important;stroke-width:2.25!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.bottom-menu > .deejai-notify-wrap.deejai-notify-side .deejai-notify-badge{right:-4px!important;top:-5px!important;background:linear-gradient(135deg,#ff3dc8,#7b2cff)!important;}
.bottom-menu > .deejai-notify-wrap.deejai-notify-side .deejai-notify-menu{top:0!important;right:50px!important;width:min(330px,calc(100vw - 82px))!important;}
.mobile-feed-topbar .deejai-notify-wrap,.home-topbar .deejai-notify-wrap,.topbar-pro .deejai-notify-wrap{display:none!important;}
@media(max-width:420px){.bottom-menu > .deejai-notify-wrap.deejai-notify-side{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important}.bottom-menu > .deejai-notify-wrap.deejai-notify-side .deejai-notify-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important}.bottom-menu > .deejai-notify-wrap.deejai-notify-side .deejai-notify-btn svg{width:19px!important;height:19px!important}.bottom-menu > .deejai-notify-wrap.deejai-notify-side .deejai-notify-menu{right:48px!important;width:min(320px,calc(100vw - 76px))!important}}


/* v3 - baixa e centraliza a sessão lateral de ícones para não cobrir o botão Seguir */
body.feed-page nav.bottom-menu:not(.home-bottom-menu),
body.feed-page.force-mobile-feed nav.bottom-menu:not(.home-bottom-menu),
body.public-profile-v11 nav.bottom-menu:not(.home-bottom-menu),
.public-profile-v11 nav.bottom-menu:not(.home-bottom-menu),
nav.bottom-menu:not(.home-bottom-menu){
    bottom: 232px !important;
}
.bottom-menu > .deejai-notify-wrap.deejai-notify-side{
    order:-1!important;
}
@media(max-width:420px){
    body.feed-page nav.bottom-menu:not(.home-bottom-menu),
    body.feed-page.force-mobile-feed nav.bottom-menu:not(.home-bottom-menu),
    body.public-profile-v11 nav.bottom-menu:not(.home-bottom-menu),
    .public-profile-v11 nav.bottom-menu:not(.home-bottom-menu),
    nav.bottom-menu:not(.home-bottom-menu){
        bottom: 226px !important;
    }
}


/* v5 - botão lateral de storie com ícone de RAIO branco */
.bottom-menu > .deejai-story-create-wrap.deejai-story-create-side{
    position:relative!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    z-index:1501!important;
    order:-2!important;
}
.bottom-menu > .deejai-story-create-wrap.deejai-story-create-side .deejai-story-create-side{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    border-radius:999px!important;
    color:#fff!important;
    text-decoration:none!important;
    overflow:visible!important;
    isolation:isolate!important;
    background:linear-gradient(135deg,#7b2cff 0%,#ff2ccf 44%,#ff7a18 100%)!important;
    border:1px solid rgba(255,255,255,.38)!important;
    box-shadow:0 0 0 1px rgba(180,60,255,.34),0 0 18px rgba(255,44,207,.65),0 0 28px rgba(123,44,255,.42)!important;
    animation:deejaiStoryPulse 1.85s ease-in-out infinite!important;
}
.bottom-menu > .deejai-story-create-wrap.deejai-story-create-side .deejai-story-create-side::before{
    content:""!important;
    position:absolute!important;
    inset:-3px!important;
    border-radius:inherit!important;
    background:conic-gradient(from 0deg,#ff2ccf,#7b2cff,#20d6ff,#ff7a18,#ff2ccf)!important;
    filter:blur(1.5px)!important;
    z-index:-2!important;
    animation:deejaiStorySpin 2.8s linear infinite!important;
}
.bottom-menu > .deejai-story-create-wrap.deejai-story-create-side .deejai-story-create-side::after{
    content:""!important;
    position:absolute!important;
    inset:2px!important;
    border-radius:inherit!important;
    background:linear-gradient(135deg,#6526ff 0%,#f028d7 48%,#ff6b1a 100%)!important;
    z-index:-1!important;
}
.bottom-menu > .deejai-story-create-wrap.deejai-story-create-side .deejai-story-create-glow{
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.58) 18%,transparent 38%)!important;
    transform:translateX(-70%) rotate(18deg)!important;
    animation:deejaiStoryShine 2.4s ease-in-out infinite!important;
    pointer-events:none!important;
    z-index:0!important;
}
.bottom-menu > .deejai-story-create-wrap.deejai-story-create-side svg{
    width:22px!important;
    height:22px!important;
    position:relative!important;
    z-index:2!important;
    fill:#fff!important;
    color:#fff!important;
    stroke:none!important;
    stroke-width:0!important;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))!important;
}

.bottom-menu > .deejai-story-create-wrap.deejai-story-create-side svg path{
    fill:#fff!important;
    color:#fff!important;
    stroke:none!important;
}
@keyframes deejaiStoryPulse{0%,100%{transform:scale(1);filter:saturate(1.05)}50%{transform:scale(1.06);filter:saturate(1.25)}}
@keyframes deejaiStorySpin{to{transform:rotate(360deg)}}
@keyframes deejaiStoryShine{0%{transform:translateX(-78%) rotate(18deg);opacity:.05}38%{opacity:.75}65%,100%{transform:translateX(78%) rotate(18deg);opacity:0}}
@media(max-width:420px){
    .bottom-menu > .deejai-story-create-wrap.deejai-story-create-side{
        width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;
    }
    .bottom-menu > .deejai-story-create-wrap.deejai-story-create-side .deejai-story-create-side{
        width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;
    }
    .bottom-menu > .deejai-story-create-wrap.deejai-story-create-side svg{width:21px!important;height:21px!important;}
}
body.comments-open nav.bottom-menu:not(.home-bottom-menu) .deejai-story-create-wrap{display:flex!important;visibility:visible!important;opacity:1!important;}

/* v-feed-buttons-compact - reduz Ver Perfil e Seguir no topo dos cards sem mudar layout */
body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .creator-role-row .view-profile-pill,
body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .creator-role-row .view-profile-pill,
body.feed-page:not(.public-profile-v11) .creator-role-row .view-profile-pill {
    height: 21px !important;
    min-height: 21px !important;
    max-height: 21px !important;
    padding: 0 9px !important;
    margin-top: 1px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    box-shadow: 0 5px 12px rgba(0,0,0,.18) !important;
}

body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .creator-row .follow-btn,
body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .creator-row .follow-btn,
body.feed-page:not(.public-profile-v11) .creator-row .follow-btn {
    min-width: 76px !important;
    width: auto !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}

body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .creator-row .follow-btn.following,
body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .creator-row .follow-btn.following {
    min-width: 86px !important;
}

@media (max-width: 420px) {
    body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .creator-role-row .view-profile-pill,
    body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .creator-role-row .view-profile-pill,
    body.feed-page:not(.public-profile-v11) .creator-role-row .view-profile-pill {
        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;
        padding: 0 8px !important;
        font-size: 10.5px !important;
    }

    body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .creator-row .follow-btn,
    body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .creator-row .follow-btn,
    body.feed-page:not(.public-profile-v11) .creator-row .follow-btn {
        min-width: 72px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        padding: 0 10px !important;
        font-size: 13px !important;
    }

    body.feed-page:not(.public-profile-v11) .feed-card:not(.profile-card) .creator-row .follow-btn.following,
    body.feed-page.force-mobile-feed:not(.public-profile-v11) .feed-card:not(.profile-card) .creator-row .follow-btn.following {
        min-width: 82px !important;
    }
}


/* Fix UI: mantém o botão animado de storie acima do sino de notificações */
.bottom-menu > .deejai-story-create-wrap.deejai-story-create-side{display:flex!important;visibility:visible!important;opacity:1!important;order:-2!important;}
.bottom-menu > .deejai-notify-wrap.deejai-notify-side{order:-1!important;}
.bottom-menu > .deejai-story-create-wrap.deejai-story-create-side .deejai-story-create-side{background:linear-gradient(135deg,#7b2cff 0%,#ff3dc8 55%,#ff7a18 100%)!important;}