/* PopQuest Notifications UI (lightweight) */
#pq-notify-bell-wrap{position:fixed;top:14px;right:max(14px, calc((100vw - 1180px)/2 + 14px));z-index:99999}
.pq-notify-bell-btn{appearance:none;border:0;background:transparent;cursor:pointer;position:relative;padding:8px;border-radius:999px;display:flex;align-items:center;gap:8px}
.pq-notify-bell-btn:focus{outline:2px solid rgba(145,248,141,.9);outline-offset:2px}
.pq-notify-bell-icon{width:22px;height:22px;display:inline-flex;color:#91F88D !important;filter:drop-shadow(0 0 6px rgba(145,248,141,.60)) drop-shadow(0 0 14px rgba(145,248,141,.35))}
.pq-notify-bell-icon svg{width:22px;height:22px;fill:currentColor}

/* Always-on PopQuest glow + throb (never black/white) */
@keyframes pqBellThrob{0%{transform:scale(1);filter:drop-shadow(0 0 6px rgba(145,248,141,.60)) drop-shadow(0 0 14px rgba(145,248,141,.35))}50%{transform:scale(1.08);filter:drop-shadow(0 0 10px rgba(145,248,141,.90)) drop-shadow(0 0 20px rgba(145,248,141,.55))}100%{transform:scale(1);filter:drop-shadow(0 0 6px rgba(145,248,141,.60)) drop-shadow(0 0 14px rgba(145,248,141,.35))}}
.pq-notify-bell-btn .pq-notify-bell-icon{animation:pqBellThrob 1.8s ease-in-out infinite}
.pq-notify-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;border-radius:999px;background:#111;color:#fff;font:700 11px/18px system-ui,-apple-system,Segoe UI,Roboto,Arial;display:inline-block;text-align:center;padding:0 5px}
/* LIVE badge: anchor directly above the bell button (no Y-translate drift) */
.pq-notify-live{position:absolute;top:50%;right:100%;left:auto;bottom:auto;transform:translateY(-50%);margin-right:8px;background:#91F88D;color:#000;font:800 10px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial;padding:4px 6px;border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.15);white-space:nowrap}

/* Mobile: LIVE underneath the bell (cleaner on small headers) */
@media (max-width: 768px){
  .pq-notify-live{
    top:100%;
    left:50%;
    right:auto;
    transform:translateX(-50%);
    margin-right:0;
    margin-top:4px;
    font-size:9px;
    padding:3px 6px;
  }
}

.pq-notify-pulse{animation:pqPulse 1.2s infinite}
@keyframes pqPulse{0%{box-shadow:0 0 0 0 rgba(145,248,141,.55)}70%{box-shadow:0 0 0 12px rgba(145,248,141,0)}100%{box-shadow:0 0 0 0 rgba(145,248,141,0)}}

.pq-notify-drawer{position:fixed;top:58px;right:max(14px, calc((100vw - 1180px)/2 + 14px));width:min(420px,calc(100vw - 28px));max-height:min(72vh,640px);background:#fff;border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.22);overflow:hidden;z-index:99999;border:1px solid rgba(0,0,0,.08)}
.pq-notify-drawer[hidden]{display:none}
.pq-notify-head{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 10px 14px;border-bottom:1px solid rgba(0,0,0,.08)}
.pq-notify-title{font:800 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial;letter-spacing:.02em}
.pq-notify-actions{display:flex;gap:8px}
.pq-notify-action{border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:999px;padding:7px 10px;font:700 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial;cursor:pointer}
.pq-notify-action:hover{background:rgba(0,0,0,.03)}

.pq-notify-tabs{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;background:#fff;z-index:2}
.pq-notify-tab{border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:999px;padding:7px 10px;font:800 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.pq-notify-tab[aria-selected="true"]{background:#91F88D;border-color:#91F88D;color:#000}
.pq-notify-tab small{font:800 11px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial;opacity:.75}

.pq-notify-list{padding:8px 10px;overflow:auto;max-height:calc(72vh - 120px)}
.pq-notify-item{display:flex;gap:10px;align-items:flex-start;padding:10px 10px;border-radius:14px;cursor:pointer;position:relative}
.pq-notify-item:hover{background:rgba(0,0,0,.03)}
.pq-notify-item.unread{background:rgba(145,248,141,.14)}
.pq-notify-item .pq-notify-ico{width:20px;height:20px;flex:0 0 20px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}
.pq-notify-item .pq-notify-main{flex:1 1 auto;min-width:0}
.pq-notify-item .pq-notify-text{font:700 13px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#111}
.pq-notify-item .pq-notify-time{margin-top:4px;font:600 11px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial;color:rgba(0,0,0,.55)}
.pq-notify-item .pq-notify-del{position:absolute;top:8px;right:8px;border:0;background:transparent;cursor:pointer;font-size:16px;line-height:1;opacity:.55}
.pq-notify-item .pq-notify-del:hover{opacity:1}

.pq-notify-cta{padding:10px 12px 14px;color:rgba(0,0,0,.75);font:700 12px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial}
.pq-notify-cta a{color:#000;text-decoration:underline;text-decoration-thickness:2px}