/* Atlobni notification bell — isolated header enhancement */
.notification-button{position:relative;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e9ed;border-radius:12px;background:#fff;color:#102b3d;padding:0;transition:.18s ease;flex:0 0 auto}
.notification-button:hover,.notification-button[aria-expanded="true"]{border-color:#08ae7b;color:#078c66;background:#f2fbf8}
.notification-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-badge{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ed3e4c;color:#fff;border:2px solid #fff;display:grid;place-items:center;font:700 10px/1 Arial,sans-serif;box-shadow:0 3px 8px rgba(237,62,76,.25)}
.notification-panel{width:390px;right:auto;left:0;padding:0;overflow:hidden}
.notification-head{padding:12px 13px;background:#fff}
.notification-head>div{display:flex;flex-direction:column;gap:3px}
.notification-head b{font-size:14px;color:#102b3d}
.notification-head small{font-size:10px;color:#82909a;font-weight:400}
.notification-list{max-height:390px;overflow:auto}
.notification-list::-webkit-scrollbar{width:5px}
.notification-list::-webkit-scrollbar-thumb{background:#d5e2e7;border-radius:10px}
.notification-list .notif-item{position:relative;padding:13px 14px 12px 14px;border-bottom:1px solid #eef2f4;transition:.15s;background:#fff}
.notification-list .notif-item:hover{background:#f7fbfa}
.notification-list .notif-item.unread{background:#eefaf6}
.notification-list .notif-item.unread:before{content:"";position:absolute;right:7px;top:16px;width:6px;height:6px;background:#08ae7b;border-radius:50%}
.notification-list .notif-item b{display:block;padding-right:10px;font-size:13px;color:#173449;line-height:1.5}
.notification-list .notif-item small{display:block;padding-right:10px;margin-top:4px;color:#71808a;font-size:11px;line-height:1.6}
.notification-empty{padding:32px 15px;text-align:center;color:#7a8992;font-size:12px}
@media(max-width:760px){
 .notification-button{width:40px;height:40px;border-radius:11px;display:inline-flex}
 .header-actions .notification-button{order:1}
 .notification-panel{position:fixed;top:70px;right:10px;left:10px;width:auto;max-width:none;max-height:calc(100vh - 90px);border-radius:16px}
 .notification-list{max-height:calc(100vh - 160px)}
}
@media(max-width:480px){
 .notification-panel{top:66px;right:8px;left:8px}
 .notification-head{padding:11px}
 .notification-head small{font-size:9px}
}