/* Additive-only styles. The active theme/header/menu layout is not replaced. */
.nin-notification-bell-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin:0 4px;z-index:9999;flex:0 0 auto}
.nin-notification-bell{width:44px;height:44px;padding:0;border:0;border-radius:4px;background:#e60000!important;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;box-shadow:none;line-height:1}
.nin-notification-bell svg{width:58%;height:58%;max-width:30px;max-height:30px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nin-notification-badge{position:absolute;right:-3px;top:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#111;color:#fff;font:700 10px/17px Arial,sans-serif;text-align:center;box-sizing:border-box;border:2px solid #fff}
.nin-notification-panel{display:none;position:absolute;right:0;top:calc(100% + 8px);width:330px;max-width:calc(100vw - 20px);background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.2);overflow:hidden;text-align:left;z-index:100000}
.nin-notification-panel.is-open{display:block}
.nin-notification-title{padding:11px 13px;background:#f5f5f5;font:700 15px/1.2 Arial,sans-serif;color:#111;border-bottom:1px solid #ddd}
.nin-notification-list{max-height:420px;overflow:auto}
.nin-notification-item{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-bottom:1px solid #eee;text-decoration:none!important;color:#222!important;font:600 14px/1.35 Arial,sans-serif;box-sizing:border-box}
.nin-notification-thumb{display:block;flex:0 0 72px;width:72px;height:54px;border-radius:6px;overflow:hidden;background:#eee}
.nin-notification-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.nin-notification-content{display:block;min-width:0;flex:1}
.nin-notification-item:hover{background:#f7f7f7}
.nin-notification-item-title{display:block;font-weight:700}
.nin-notification-item-date{display:block;margin-top:4px;color:#888;font-size:11px;font-weight:400}
.nin-notification-item-excerpt{display:block;margin-top:5px;color:#555;font-size:12px;font-weight:400;line-height:1.35}
.nin-notification-empty{padding:14px;color:#777;font:13px/1.4 Arial,sans-serif}

.nin-notification-item-status{display:inline-block;margin-top:4px;color:#d60000;font-size:10px;font-weight:700;text-transform:uppercase}

.nin-notification-bell-wrap.has-new-notifications .nin-notification-bell{animation:ninBellPulse 1s ease-in-out 3}
@keyframes ninBellPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}