/* Desenvolvido por: DriveWeb | Rodrigo Soares | © DriveWeb - Todos os direitos reservados */
/* Sino de notificações no topbar */

.dwag-notif-btn{position:relative}
.dwag-notif-btn.has-unread svg{animation:dwagBellShake .8s ease-in-out 1}
@keyframes dwagBellShake{
    0%,100%{transform:rotate(0)}
    20%,60%{transform:rotate(-12deg)}
    40%,80%{transform:rotate(12deg)}
}
.dwag-notif-badge{
    position:absolute;top:2px;right:2px;
    min-width:16px;height:16px;padding:0 4px;
    background:#ff5470;color:#fff;
    border-radius:8px;font-size:10px;font-weight:700;
    display:inline-flex;align-items:center;justify-content:center;
    border:1.5px solid var(--dwag-bg-2,#fff);
    pointer-events:none;
}
.dwag-notif-popover{
    position:absolute;top:calc(var(--dwag-topbar-h,56px) + 6px);right:14px;
    width:360px;max-width:calc(100vw - 24px);max-height:480px;
    background:#fff;border:1px solid var(--dwag-border,#e5e7eb);
    border-radius:14px;
    box-shadow:0 16px 50px rgba(15,15,26,.18);
    z-index:9000;
    display:flex;flex-direction:column;
    overflow:hidden;
    animation:dwagNotifSlide .2s cubic-bezier(.4,0,.2,1);
}
@keyframes dwagNotifSlide{from{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}
.dwag-notif-head{
    display:flex;align-items:center;justify-content:space-between;
    padding:12px 14px;border-bottom:1px solid var(--dwag-border,#e5e7eb);
    background:linear-gradient(135deg,#5b3fb8 0%,#7c5cf0 100%);color:#fff;
}
.dwag-notif-head strong{font-size:14px;font-weight:700}
.dwag-notif-mark{
    background:rgba(255,255,255,.2);border:0;color:#fff;
    padding:4px 10px;border-radius:8px;cursor:pointer;
    font-size:11px;font-weight:600;
    transition:background .15s;
}
.dwag-notif-mark:hover{background:rgba(255,255,255,.32)}
.dwag-notif-list{overflow-y:auto;flex:1;max-height:400px}
.dwag-notif-empty{padding:40px 20px;text-align:center;color:#9ca3af;font-size:13px}
.dwag-notif-item{
    position:relative;padding:12px 14px;
    border-bottom:1px solid #f1f1f5;
    transition:background .15s;
}
.dwag-notif-item:last-child{border-bottom:0}
.dwag-notif-item:hover{background:#fafafd}
.dwag-notif-item.unread{background:rgba(91,63,184,.04);border-left:3px solid #5b3fb8;padding-left:11px}
.dwag-notif-item.unread:hover{background:rgba(91,63,184,.08)}
.dwag-notif-titulo{font-size:13px;font-weight:600;color:#111827;margin-bottom:2px}
.dwag-notif-corpo{font-size:12px;color:#4b5563;line-height:1.4}
.dwag-notif-meta{font-size:10px;color:#9ca3af;margin-top:4px;text-transform:uppercase;letter-spacing:.3px}
.dwag-notif-link{position:absolute;inset:0;display:block;text-indent:-9999px}

@media(max-width:520px){
    .dwag-notif-popover{right:6px;width:calc(100vw - 12px);border-radius:12px}
}