/* ============================================
   TOP BAR CLICKABLE FIX
   Ensure all top bar buttons are clickable
   ============================================ */

/* Top bar container */
.top-bar,
.topbar,
header {
  pointer-events: auto !important;
  z-index: 999999 !important;
  position: sticky !important;
  top: 0 !important;
}

/* All buttons in top bar */
.topbar button,
.top-bar button,
header button,
.topbar-alerts-btn,
.topbar-me-btn,
#topbar-me-btn {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 1000000 !important;
  position: relative !important;
}

/* Ensure buttons are visible and interactive */
.topbar-alerts-btn,
.topbar-me-btn,
#topbar-me-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  min-height: 44px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Profile avatar in top bar */
#topbar-me-avatar {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Top bar left and right sections */
.topbar-left,
.topbar-right {
  pointer-events: auto !important;
  z-index: 1000000 !important;
}

/* Logo and title should not block clicks */
.topbar-logo,
.topbar-title {
  pointer-events: none !important;
}