/* V8: Official collapsed sidebar badge + readable export name colors */
    @media (min-width: 901px) {
      .responsive-sidebar:not(:hover):not(.force-open):not(.sidebar-open) .tab-btn {
        overflow: visible !important;
      }

      .responsive-sidebar:not(:hover):not(.force-open) #topNotificationBadge,
      body:not(.sidebar-pinned):not(.sidebar-click-open) .responsive-sidebar:not(:hover) #topNotificationBadge {
        position: absolute !important;
        top: -6px !important;
        right: -6px !important;
        min-width: 19px !important;
        height: 19px !important;
        padding: 0 5px !important;
        margin: 0 !important;
        border: 2px solid var(--surface) !important;
        border-radius: 999px !important;
        font-size: 0.58rem !important;
        line-height: 1 !important;
        box-shadow: 0 8px 18px rgba(228, 87, 46, .35), 0 0 0 4px rgba(228, 87, 46, .08) !important;
        z-index: 5 !important;
      }

      body.sidebar-click-open .responsive-sidebar #topNotificationBadge,
      body.sidebar-pinned .responsive-sidebar #topNotificationBadge,
      .responsive-sidebar:hover #topNotificationBadge,
      .responsive-sidebar.force-open #topNotificationBadge {
        position: static !important;
        margin-left: auto !important;
        min-width: 22px !important;
        height: 22px !important;
        border: 0 !important;
        font-size: 0.72rem !important;
        box-shadow: 0 8px 18px rgba(228, 87, 46, 0.28) !important;
      }
    }

    #topNotificationBadge,
    #dashboardNotificationBadge {
      cursor: pointer;
      user-select: none;
    }