/* ═══════════════════════════════════════════════════════
   SHARED DROPDOWN STYLES
   Only notification dropdown shared styles here.
   Profile dropdown: dashboard uses pd-* (dashboard.css),
                     home uses pub-* (public-pages.css)
═══════════════════════════════════════════════════════ */

@keyframes ddFadeIn {
  from { opacity:0; transform:translateY(-6px); }
  to   { opacity:1; transform:translateY(0); }
}

/* ── Notification bell button (shared) ── */
.dd-notif-btn {
  width:36px; height:36px; border-radius:10px;
  border:1.5px solid #E5E7EB;
  background:#fff;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; position:relative;
  transition:all .2s; color:#374151;
}
.dd-notif-btn:hover { border-color:var(--p,#7C3AED); color:var(--p,#7C3AED); background:var(--p-soft,#F5F3FF); }
.dd-notif-btn svg { width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:2; }
.dd-notif-dot { position:absolute; top:4px; right:4px; width:7px; height:7px; background:#EF4444; border-radius:50%; border:1.5px solid #fff; }