/* ════════════════════════════════════════════════════════════════
   v82 — Bell sits to the LEFT of the user chip, in the top menu bar.
         User name shows in full instead of first-name-only.
══════════════════════════════════════════════════════════════════ */

/* Override v81's inline-flex pill style with a tighter inline button
   that sits inline with the rest of the topbar icon-buttons. */
#notificationBell {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 36px !important;
  height: 36px !important;
  margin: 0 6px 0 0 !important;        /* small gap before user chip */
  padding: 0 !important;
  border: 1px solid #d0d5dd !important;
  background: #fff !important;
  color: #1f2937 !important;
  border-radius: 999px !important;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(16,24,40,.06) !important;
}
#notificationBell:hover { background:#f8fafc!important; border-color:#94a3b8!important; }
#notificationBell svg { width:16px; height:16px; }

/* Red counter badge — only when count > 0 (v81 styling preserved) */
#notificationBadge {
  position:absolute; top:-4px; right:-4px;
  min-width:18px; height:18px; padding:0 5px;
  display:inline-flex; align-items:center; justify-content:center;
  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 the user chip a bit more accommodating for a longer name */
.profile-chip,
.profile-chip#loginBtn {
  max-width: 280px !important;
  min-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#loginText { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Kill any rogue floating "Notifications · N" pill that legacy scripts inject */
.notif-floating-pill,
#floatingNotificationsWidget,
.feedback .notification-bubble,
[data-notification-fab] { display:none !important; }