/* ICH_Quiz — Notification bell + dropdown (atoms) | Checklist 9 | BMSoft1024 */
.notif-bell{position:relative;background:none;border:0;cursor:pointer;font-size:1.25rem;color:var(--text);padding:6px}
.notif-badge{position:absolute;top:0;right:0;background:var(--pink);color:#fff;font-size:.65rem;font-weight:800;
  min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 3px}
.notif-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:320px;max-height:420px;overflow:auto;
  background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--shadow-glass);z-index:var(--z-modal);display:none}
.notif-dropdown.open{display:block}
.notif-dropdown h4{margin:0;padding:12px 14px;border-bottom:1px solid var(--line);font-size:.9rem}
.notif-item{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);cursor:pointer}
.notif-item:hover{background:var(--glass-2)}
.notif-item.unread{background:rgba(99,102,241,.08)}
.notif-item .ic{font-size:1.2rem}
.notif-item .txt{flex:1;font-size:var(--fs-sm)}
.notif-item .time{color:var(--muted);font-size:.72rem;margin-top:2px}
.notif-empty{padding:20px;text-align:center;color:var(--muted);font-size:var(--fs-sm)}
.notif-footer{padding:8px 14px;text-align:center}