/* جرس واحد للوحة المشاريع والمحرر؛ لا يعرض أي تنبيه عائم. */
#notifWrap{position:relative;flex-shrink:0}
#notifBtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer}
#notifBtn:hover{background:var(--surface-2);color:var(--text-primary)}
#notifBadge{position:absolute;inset-block-start:0;inset-inline-end:0;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:var(--radius-full);background:var(--info-fg);color:var(--surface-1);font:700 10px/16px var(--font-ui);text-align:center;direction:ltr}
#notifPanel[hidden],#notifBadge[hidden],#notifBtn[hidden]{display:none!important}
#notifPanel{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:min(380px,calc(100vw - 32px));box-sizing:border-box;max-height:var(--notif-available-height,calc(100dvh - 100px));overflow:auto;z-index:110;padding:16px;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);background:var(--surface-1);box-shadow:var(--shadow-4);color:var(--text-primary);font-family:var(--font-ui);text-align:start}
#notifWrap.open #notifPanel{visibility:visible;opacity:1;translate:none;display:block}
#notifPanel .notif-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#notifPanel .notif-head b{font-size:16px}
#notifPanel .mark-read{background:none;border:0;padding:6px 0;color:var(--text-secondary);font:inherit;font-size:11px;cursor:pointer}
#notifPanel button:disabled{opacity:.45;cursor:default}
#notifPanel .notif-tabs{display:flex;flex-wrap:wrap;gap:4px;background:transparent;margin:0 0 10px}
#notifPanel .seg-item{border:0;border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);height:auto;min-height:30px;padding:5px 9px;font:inherit;font-size:11px;cursor:pointer}
#notifPanel .seg-item[aria-pressed=true]{background:var(--surface-3);color:var(--text-primary)}
#notifPanel .notif-list{list-style:none;margin:0;padding:0;max-height:min(440px,60dvh);overflow:auto;display:grid;gap:3px}
#notifPanel .notif-item{position:relative;display:flex;align-items:flex-start;gap:10px;padding:12px 8px;border-radius:var(--radius-lg);font-size:13px;color:var(--text-secondary)}
#notifPanel .notif-item:hover{background:var(--surface-2)}
#notifPanel .avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;font:700 11px var(--font-ui)}
#notifPanel .notif-copy{flex:1;min-width:0;padding-inline-end:22px;overflow-wrap:anywhere}
#notifPanel .notif-link{display:block;color:inherit;font:inherit;text-decoration:none;text-align:start;line-height:1.7;border:0;background:transparent;padding:0;width:100%}
#notifPanel .notif-link b{color:var(--text-primary)}
#notifPanel .quote{display:block;white-space:pre-wrap;margin-top:3px;font-family:var(--font-text)}
#notifPanel .sub{display:block;font-size:11px;color:var(--text-muted);margin-top:5px}
#notifPanel .notif-item.unread:after{content:'';position:absolute;top:17px;inset-inline-end:8px;width:6px;height:6px;border-radius:50%;background:var(--info-fg)}
#notifPanel .notif-read-action{position:absolute;inset-inline-end:2px;top:7px;width:28px;height:30px;min-height:30px;border:0;border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-primary);cursor:pointer;opacity:0}
#notifPanel .notif-item:hover .notif-read-action,#notifPanel .notif-item:focus-within .notif-read-action{opacity:1;z-index:1}
#notifPanel .notif-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 12px;color:var(--text-muted);font-size:13px;text-align:center}
#notifPanel .notif-loading{font-size:12px;color:var(--text-muted)}
#notifPanel .notif-error{padding:12px;border-radius:var(--radius-lg);background:var(--danger-bg);color:var(--danger-fg);font-size:12px}
#notifPanel :focus-visible,#notifBtn:focus-visible{outline:2px solid var(--action-bg);outline-offset:2px}
@media(max-width:720px){#notifPanel{position:fixed;top:66px;inset-inline:16px;width:auto}#notifPanel .notif-read-action{opacity:1;z-index:1}#notifPanel .notif-item.unread:after{display:none}}