/* ============================================================
   CloudVox v208 — редизайн колокольчика и окна уведомлений
   Файл подключается ПОСЛЕДНИМ; селекторы с пятью фейковыми ID
   (:not(#cvNRa)... ) гарантируют приоритет над правилами тем.
   ============================================================ */

/* ---------- Колокольчик ---------- */
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) #notifBtn{
    position:relative !important;
    width:40px !important;height:40px !important;
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
    border-radius:13px !important;
    background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.03)) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 2px 10px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08) !important;
    color:#cfd0e0 !important;
    cursor:pointer !important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease !important;
    -webkit-tap-highlight-color:transparent;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) #notifBtn svg{
    transition:transform .18s ease !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) #notifBtn:hover{
    transform:translateY(-1px) !important;
    color:#fff !important;
    border-color:rgba(124,108,255,.55) !important;
    box-shadow:0 6px 18px rgba(0,0,0,.35),0 0 0 4px rgba(124,108,255,.10),0 0 22px rgba(124,108,255,.18) !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) #notifBtn:hover svg{transform:translateY(-.5px) rotate(-6deg) !important}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) #notifBtn:active{transform:translateY(0) scale(.96) !important}

/* звонок колокольчика при новых уведомлениях */
@keyframes cvNRbellRing{
    0%{transform:rotate(0)}
    14%{transform:rotate(13deg)}
    28%{transform:rotate(-11deg)}
    42%{transform:rotate(8deg)}
    56%{transform:rotate(-6deg)}
    70%{transform:rotate(3deg)}
    100%{transform:rotate(0)}
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) #notifBtn.has-unread svg{
    transform-origin:top center !important;
    animation:cvNRbellRing .9s cubic-bezier(.36,.07,.19,.97) .15s 2 !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) #notifBtn.has-unread{
    color:#fff !important;
    border-color:rgba(124,108,255,.45) !important;
    background:linear-gradient(145deg,rgba(124,108,255,.22),rgba(255,92,168,.10)) !important;
    box-shadow:0 0 0 1px rgba(124,108,255,.28),0 4px 18px rgba(124,108,255,.25) !important;
}

/* бейдж-счётчик */
@keyframes cvNRbadgePop{0%{transform:scale(.4)}55%{transform:scale(1.22)}100%{transform:scale(1)}}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) #notifBadge{
    position:absolute !important;
    top:-5px !important;right:-5px !important;
    min-width:18px !important;height:18px !important;padding:0 5px !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#7c6cff 0%,#ff5ca8 100%) !important;
    color:#fff !important;
    font-size:10px !important;font-weight:800 !important;line-height:1 !important;
    letter-spacing:.02em !important;
    border:2px solid rgba(10,11,18,.85) !important;
    box-shadow:0 2px 8px rgba(124,108,255,.45) !important;
    animation:cvNRbadgePop .28s cubic-bezier(.34,1.56,.64,1) !important;
}

/* ---------- Окно уведомлений ---------- */
@keyframes cvNRpanelIn{
    from{opacity:0;transform:translateY(-10px) scale(.965)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) #notifPanel.av-notif-panel{
    width:400px !important;
    max-height:min(560px,calc(100vh - 90px)) !important;
    border-radius:22px !important;
    background:rgba(17,18,26,.92) !important;
    -webkit-backdrop-filter:blur(30px) saturate(1.5) !important;
    backdrop-filter:blur(30px) saturate(1.5) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    box-shadow:0 24px 80px rgba(0,0,0,.55),0 2px 0 rgba(255,255,255,.05) inset,0 0 0 1px rgba(124,108,255,.05) !important;
    overflow:hidden !important;
    animation:cvNRpanelIn .24s cubic-bezier(.22,1,.36,1) !important;
}

/* шапка */
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-header{
    display:flex !important;align-items:center !important;gap:11px !important;
    padding:15px 16px 13px !important;
    background:linear-gradient(180deg,rgba(124,108,255,.10),rgba(124,108,255,0)) !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
    margin:0 !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-header-icon{
    width:36px !important;height:36px !important;flex:0 0 36px !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    border-radius:12px !important;
    background:linear-gradient(135deg,#7c6cff 0%,#5a8bff 100%) !important;
    color:#fff !important;
    box-shadow:0 4px 14px rgba(124,108,255,.35),inset 0 1px 0 rgba(255,255,255,.25) !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-header-title{
    font-size:15px !important;font-weight:800 !important;letter-spacing:-.2px !important;color:#fff !important;
    flex:1 1 auto !important;text-align:left !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-disable-btn,
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-clear-btn{
    appearance:none !important;
    height:30px !important;padding:0 12px !important;
    display:inline-flex !important;align-items:center !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.05) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    color:#aeb0c4 !important;
    font-size:12px !important;font-weight:700 !important;
    cursor:pointer !important;
    transition:background .15s ease,color .15s ease,border-color .15s ease !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-disable-btn:hover{
    color:#ff8ba7 !important;border-color:rgba(255,92,168,.4) !important;background:rgba(255,92,168,.10) !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-clear-btn:hover{
    color:#fff !important;border-color:rgba(124,108,255,.5) !important;background:rgba(124,108,255,.14) !important;
}

/* вкладки — сегмент-контрол */
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-tabs{
    display:flex !important;flex-wrap:nowrap !important;gap:2px !important;
    margin:10px 12px 6px !important;padding:4px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.05) !important;
    border-radius:13px !important;
    overflow-x:auto !important;scrollbar-width:none !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-tabs::-webkit-scrollbar{display:none !important}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-tab{
    appearance:none !important;
    flex:0 0 auto !important;
    height:28px !important;padding:0 11px !important;
    display:inline-flex !important;align-items:center !important;gap:5px !important;
    border:none !important;border-radius:9px !important;
    background:transparent !important;
    color:#8f91a6 !important;
    font-size:12px !important;font-weight:700 !important;white-space:nowrap !important;
    cursor:pointer !important;
    transition:background .15s ease,color .15s ease !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-tab:hover{color:#d6d7e6 !important;background:rgba(255,255,255,.05) !important}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-tab.active{
    background:linear-gradient(135deg,rgba(124,108,255,.85),rgba(124,108,255,.55)) !important;
    color:#fff !important;
    box-shadow:0 2px 10px rgba(124,108,255,.35),inset 0 1px 0 rgba(255,255,255,.2) !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-tab-badge{
    min-width:16px !important;height:16px !important;padding:0 4px !important;
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
    border-radius:999px !important;
    background:#ff5ca8 !important;color:#fff !important;
    font-size:9.5px !important;font-weight:800 !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-tab.active .av-notif-tab-badge{
    background:rgba(255,255,255,.25) !important;color:#fff !important;
}

/* тело списка */
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-body{
    overflow-y:auto !important;
    padding:4px 6px 8px !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-body::-webkit-scrollbar{width:6px !important}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12) !important;border-radius:999px !important}

/* карточка уведомления */
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-item{
    position:relative !important;
    display:flex !important;align-items:flex-start !important;gap:11px !important;
    margin:3px 4px !important;padding:10px 12px !important;
    border-radius:14px !important;
    background:transparent !important;
    border:none !important;
    cursor:pointer !important;
    transition:background .15s ease,transform .15s ease !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-item:hover{
    background:rgba(255,255,255,.05) !important;
    transform:translateX(2px) !important;
}
/* маркер непрочитанного */
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-item.unread{
    background:linear-gradient(90deg,rgba(124,108,255,.10),rgba(124,108,255,.02) 55%,transparent) !important;
    border-radius:14px !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-item.unread::before{
    content:'' !important;
    position:absolute !important;left:0 !important;top:14px !important;bottom:14px !important;width:3px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#7c6cff,#ff5ca8) !important;
}

/* иконка типа */
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-item-icon{
    width:34px !important;height:34px !important;flex:0 0 34px !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    border-radius:11px !important;
    background:rgba(255,255,255,.06) !important;color:#aeb0c4 !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-item-icon.message{background:rgba(124,108,255,.16) !important;color:#a99bff !important}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-item-icon.friend,
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-item-icon.friend_request{background:rgba(52,211,153,.14) !important;color:#4ade9c !important}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-item-icon.support,
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-item-icon.unban{background:rgba(250,166,26,.14) !important;color:#fbbf3c !important}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-item-icon.news,
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-item-icon.comment_reply{background:rgba(34,211,238,.13) !important;color:#5fd8f0 !important}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-item-icon.reward{background:rgba(255,92,168,.14) !important;color:#ff8ec0 !important}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-item.unread .av-notif-item-icon{
    box-shadow:0 0 0 1px rgba(255,255,255,.10) inset !important;
}

/* текст и время */
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-item-body{
    flex:1 1 auto !important;min-width:0 !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-item-text{
    font-size:12.5px !important;line-height:1.45 !important;
    color:#c9cadb !important;font-weight:500 !important;
    overflow-wrap:break-word !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-item.unread .av-notif-item-text{
    color:#fff !important;font-weight:700 !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-item-time{
    margin-top:3px !important;
    font-size:11px !important;color:#6c6e83 !important;font-weight:600 !important;
}

/* пусто */
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-empty{
    padding:42px 20px !important;text-align:center !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-empty-icon{
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
    width:64px !important;height:64px !important;
    border-radius:20px !important;margin-bottom:12px !important;
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.06) !important;
    color:#5c5e73 !important;
}
html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) .av-notif-panel .av-notif-empty-text{
    font-size:12.5px !important;color:#7c7e93 !important;font-weight:600 !important;
}

/* мобильная ширина */
@media (max-width:480px){
    html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) #notifPanel.av-notif-panel{
        width:calc(100vw - 20px) !important;left:10px !important;right:10px !important;
    }
}

/* уважение к reduced-motion */
@media (prefers-reduced-motion:reduce){
    html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) #notifPanel.av-notif-panel,
    html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) #notifBtn svg,
    html:not(#cvNRa):not(#cvNRb):not(#cvNRc):not(#cvNRd):not(#cvNRe) #notifBadge{animation:none !important}
}