/* Cloche de notifications (header + home) */
.notif-menu { position:relative; }
.notif-btn { position:relative; background:none; border:none; color:var(--text); cursor:pointer; font-size:18px; padding:8px; border-radius:10px; display:flex; align-items:center; transition:background .15s,color .15s; }
.notif-btn:hover { background:rgba(255,255,255,.08); color:var(--primary); }
.notif-badge { position:absolute; top:2px; right:2px; min-width:16px; height:16px; padding:0 4px; background:var(--danger,#ef4444); color:#fff; font-size:10px; font-weight:800; line-height:16px; text-align:center; border-radius:50px; box-shadow:0 0 0 2px var(--bg,#0b0f1a); }
.notif-dropdown { position:absolute; top:calc(100% + 10px); right:0; width:340px; max-width:calc(100vw - 24px); background:var(--card); border:1px solid var(--border); border-radius:14px; box-shadow:0 12px 40px rgba(0,0,0,.45); overflow:hidden; display:none; z-index:1200; }
.notif-dropdown.open { display:block; }
.notif-dd-head { display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid var(--border); font-weight:800; font-size:13px; }
.notif-readall { background:none; border:none; color:var(--primary); font-size:11px; font-weight:700; cursor:pointer; padding:0; }
.notif-readall:hover { text-decoration:underline; }
.notif-list { max-height:360px; overflow-y:auto; }
.notif-item { display:block; padding:12px 14px; border-bottom:1px solid var(--border); color:var(--text); text-decoration:none; transition:background .12s; }
.notif-item:hover { background:rgba(255,255,255,.05); }
.notif-item.unread { background:rgba(59,130,246,.08); }
.notif-item.unread:hover { background:rgba(59,130,246,.14); }
.notif-item-title { font-size:13px; font-weight:800; margin-bottom:3px; display:flex; align-items:center; gap:7px; }
.notif-item.unread .notif-item-title::before { content:''; width:8px; height:8px; border-radius:50%; background:var(--primary); flex-shrink:0; }
.notif-item-msg { font-size:12px; color:var(--text-muted); line-height:1.45; }
.notif-item-time { font-size:10px; color:var(--text-muted); margin-top:5px; }
.notif-empty { padding:28px 14px; text-align:center; color:var(--text-muted); font-size:13px; }
.notif-viewall { display:block; text-align:center; padding:11px; font-size:12px; font-weight:700; color:var(--primary); text-decoration:none; border-top:1px solid var(--border); }
.notif-viewall:hover { background:rgba(255,255,255,.05); }