/* AFTERMAN v205 - punto neón en icono de mensajes (dock + menú) */

html body.am-body .am-account-item[data-am-live-inbox-badge],
html body.am-body .am-bottom-inbox {
    position: relative;
}

html body.am-body .am-account-item[data-am-live-inbox-badge] > span,
html body.am-body .am-bottom-inbox > span {
    position: relative;
    overflow: visible;
}

/* Ocultamos el contador en estas dos zonas y usamos punto discreto */
html body.am-body .am-account-item[data-am-live-inbox-badge] .am-inbox-nav-badge,
html body.am-body .am-bottom-inbox .am-inbox-nav-badge {
    display: none !important;
}

html body.am-body .am-account-item[data-am-live-inbox-badge].has-unread > span::after,
html body.am-body .am-bottom-inbox.has-unread > span::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: radial-gradient(circle at 35% 35%, #86ffb1 0%, #2dd46f 55%, #149a48 100%);
    box-shadow: 0 0 0 2px rgba(3, 7, 16, .95), 0 0 10px rgba(45, 212, 111, .55), 0 0 18px rgba(45, 212, 111, .32);
}

html body.am-body .am-account-item[data-am-live-inbox-badge].has-unread > span::after {
    top: -2px;
    right: -2px;
}

html body.am-body .am-bottom-inbox.has-unread > span::after {
    top: -1px;
    right: -1px;
}

html body.am-body .am-account-item[data-am-live-inbox-badge].has-unread strong,
html body.am-body .am-bottom-inbox.has-unread small {
    color: #ffffff !important;
}

html body.am-body .am-account-item[data-am-live-inbox-badge].has-unread em,
html body.am-body .am-bottom-inbox.has-unread i {
    color: rgba(255,255,255,.9) !important;
}