.sub-icons {
      display: none;
      position: absolute;
      left: 67px; /* positions the horizontal icons to the right of the sidebar */
        /* top: calc(220px); /* or whatever offset matches the Workspace icon's position */
      background-color: #444;
      flex-direction: row;
      padding: 10px;
      border-radius: 5px;
      z-index: 1000;
    }

    .workspace-top {
        top: calc(220px);
    }
    
    .people-top {
        top: calc(285px);
    }
    
    .sub-group:hover .sub-icons {
      display: flex;
    }
    
    .sub-icons .icon-wrapper {
      padding: 10px;
      flex-direction: column;
      align-items: center;
    }
    
    .sub-icons .icon-wrapper i {
      font-size: 20px;
    }
    
    .sub-icons .label {
      position: static;
      opacity: 1;
      transform: none;
      margin-top: 5px;
      background: none;
      padding: 0;
    }
     .sidebar {
          width: 70px;
          height: 100vh; /* ✅ full viewport height */
          background-color: #333;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          padding-top: 20px;
          position: relative;
        }

    .icon-link {
          text-decoration: none;
          color: inherit;
          display: block;
        }


    .icon-wrapper {
      position: relative;
      width: 100%;
      display: flex;
      align-items: center;
      padding: 20px 0;
      cursor: pointer;
    }

    .icon-wrapper i {
      color: white;
      font-size: 24px;
      padding: 0 23px;
      transition: color 0.3s;
    }

    .icon-wrapper:hover i {
      color: #1e90ff;
    }

    .label {
      position: absolute;
      left: 70px;
      background-color: #444;
      color: white;
      padding: 8px 12px;
      white-space: nowrap;
      border-radius: 0 5px 5px 0;
      opacity: 0;
      transform: translateX(-10px);
      transition: opacity 0.2s ease, transform 0.2s ease;
      pointer-events: none;
    }

    .icon-wrapper:hover .label {
      opacity: 1;
      transform: translateX(0);
    }