.reports-content {
  max-height: calc(100vh - calc(var(--spacing)*14) - 4rem);
  overflow: auto;
}

#report-sidebar {
  max-height: calc(100vh - calc(var(--spacing)*14) - 4rem);
  overflow: auto;
  @apply w-1/2;

  & #content {
    display: block;
  }

  &[data-collapsed=true] {
    @apply w-16;

    & #content {
      display: none;
    }

    .collapsed-hidden {
      display: none;
    }
  }
}

#menu-sidebar {
  width: 15rem;
  overflow: hidden;
  white-space: nowrap;
  transition: width 0.3s ease;

  &[data-collapsed=true] {
    width: 3.7rem;

    .collapsed-hidden {
      display: none;
    }

    li > a > span {
      display: none;
    }

    #menu-logo {
      visibility: hidden;
      width: 0;
    }

    .menu-sidebar-content {
      padding-right: 0;
    }
  }
}

#assistant-sidebar {
  width: 25rem;
  transition: width 0.3s ease;

  #assistant-sidebar-content {
    overflow: auto;
  }

  &[data-collapsed=true] {
    width: 3.4rem;
    padding-right: 4rem;

    #assistant-name {
      display: none;
    }

    #assistant-sidebar-content {
      display: none;
    }

    div {
      @apply bg-gray-100;
    }
  }

  /* Hide back button if frame is empty */
  #assistant-sidebar-back-button {
    &:has(~ turbo-frame#assistant_sidebar:empty) {
      display: none;
    }
  }

  #assistant-sidebar-menu {
    /* Show menu if frame is empty */
    &:has(~ turbo-frame#assistant_sidebar:empty) {
      display: block;
    }

    /* Hide menu if frame is NOT empty */
    &:not(:has(~ turbo-frame#assistant_sidebar:empty)) {
      display: none;
    }
  }
}