/* Mynqora V2.4 notification visual hotfix */

.v24-bell{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
    background:#111f32!important;
    border:1px solid #2a3b54!important;
    color:#f5f7fb!important;
    overflow:visible!important;
}

/* Hide the old diamond glyph */
.v24-bell > span{
    font-size:0!important;
    transform:none!important;
    width:20px!important;
    height:20px!important;
    display:block!important;
    position:relative!important;
}

/* Draw a clean bell with CSS */
.v24-bell > span::before{
    content:"";
    position:absolute;
    left:4px;
    top:3px;
    width:12px;
    height:12px;
    border:2px solid #dce6f3;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    border-bottom:0;
    box-sizing:border-box;
}
.v24-bell > span::after{
    content:"";
    position:absolute;
    left:2px;
    bottom:2px;
    width:16px;
    height:2px;
    background:#dce6f3;
    border-radius:2px;
    box-shadow:7px 4px 0 -1px #dce6f3;
}

/* Badge */
.v24-bell b{
    z-index:2!important;
    background:#39d1b1!important;
    color:#07120f!important;
    border:2px solid #0b1524!important;
    font-weight:900!important;
}

/* Dropdown */
.v24-notification-panel{
    margin-top:4px!important;
    max-height:72vh!important;
    overflow:auto!important;
}

html[dir="rtl"] .v24-notification-panel{
    right:auto!important;
    left:0!important;
}

html[dir="ltr"] .v24-notification-panel{
    left:auto!important;
    right:0!important;
}

@media(max-width:760px){
    .v24-notification-panel{
        position:fixed!important;
        top:76px!important;
        right:12px!important;
        left:12px!important;
        width:auto!important;
        margin:0!important;
    }
}