.pp-notif{position:relative;display:inline-flex;align-items:center}
.pp-notif-button{position:relative;width:42px;height:42px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#0B4F4A;font-size:21px;cursor:pointer}
.pp-notif-badge{position:absolute;top:-6px;right:-6px;min-width:19px;padding:2px 5px;border-radius:20px;background:#D97724;color:#fff;font-size:11px;font-weight:800}
.pp-notif-panel{position:absolute;z-index:9999;top:50px;right:0;width:min(350px,calc(100vw - 28px));max-height:420px;overflow:auto;padding:14px;border:1px solid #e5e3dc;border-radius:15px;background:#fff;box-shadow:0 12px 35px #17201e25;color:#17201E}
.pp-notif-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.pp-notif-head strong{color:#0B4F4A}
.pp-notif-head button,.pp-notif-item button{border:0;background:transparent;color:#0B4F4A;font-weight:700;cursor:pointer}
.pp-notif-item{padding:11px 0;border-top:1px solid #eee}
.pp-notif-item.unread{background:#fffaf0}
.pp-notif-item strong{display:block;font-size:14px}
.pp-notif-item p{margin:5px 0;font-size:13px;line-height:1.45}
.pp-notif-item small{color:#64748b;font-size:11px}
.pp-notif-empty{padding:18px 4px;color:#64748b;text-align:center;font-size:13px}