@media (min-width: 1024px) {
  .sidebar.collapsed .menu-item[data-tooltip] {
    overflow: visible !important;
  }

  .sidebar.collapsed .menu-item[data-tooltip]::after {
    content: attr(data-tooltip) !important;
    position: absolute !important;
    left: calc(100% + 10px) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    max-width: 260px !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 7px !important;
    background: #111827 !important;
    color: #ffffff !important;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.22) !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    z-index: 3000 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 160ms var(--enterprise-ease), visibility 160ms var(--enterprise-ease) !important;
  }

  .sidebar.collapsed .menu-item[data-tooltip]::before {
    content: '' !important;
    position: absolute !important;
    left: calc(100% + 5px) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border-width: 5px 5px 5px 0 !important;
    border-style: solid !important;
    border-color: transparent #111827 transparent transparent !important;
    z-index: 3001 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 160ms var(--enterprise-ease), visibility 160ms var(--enterprise-ease) !important;
  }

  .sidebar.collapsed .menu-item[data-tooltip]:hover::after,
  .sidebar.collapsed .menu-item[data-tooltip]:focus-visible::after,
  .sidebar.collapsed .menu-item[data-tooltip]:hover::before,
  .sidebar.collapsed .menu-item[data-tooltip]:focus-visible::before {
    opacity: 1 !important;
    visibility: visible !important;
  }
}