/* ════════════════════════════════════════════════════════════════
   v81 — Keep the notification button to the left side of the user
   chip in the top bar. Reverses the v80 hide-the-bell rule and gives
   the bell its own pill-style look so it sits cleanly next to the
   profile chip.
══════════════════════════════════════════════════════════════════ */

/* Reverse v80's blanket hide */
#notificationBell {
  display: inline-flex !important;
  visibility: visible !important;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 40px;
  height: 40px;
  margin-right: 8px;
  border-radius: 999px;
  border: 1px solid #d0d5dd !important;
  background: #fff !important;
  color: #1f2937 !important;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(16,24,40,.06);
  transition: background .15s ease, border-color .15s ease;
}
#notificationBell:hover {
  background: #f8fafc !important;
  border-color: #94a3b8 !important;
}
#notificationBell svg { width: 18px; height: 18px; }

/* Badge — show only when count > 0 (i.e. .hidden class is not present) */
#notificationBadge {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  color: #fff;
  background: #d62828;
  border: 2px solid #fff;
  border-radius: 999px;
  pointer-events: none;
}
#notificationBadge.hidden { display: none !important; }

/* Make sure no leftover .notification-badge selector from v80 keeps it hidden */
.notification-badge { display: inline-flex !important; }
.notification-badge.hidden { display: none !important; }

/* Top-actions order: keep [⌘K] [dark] [hamburger] [favorites] [learning] [bell] [user] */
.top-actions { display: flex; align-items: center; gap: 6px; }
.top-actions #notificationBell + .profile-chip { margin-left: 0; }

/* Kill any rogue floating "Notifications" widget Cowork or older scripts may render */
.feedback .notification-bubble,
#floatingNotificationsWidget,
.notification-floating { display: none !important; }
