.c-navbar {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.25rem;

  &-container {
    border-bottom: 1px solid var(--primary-low);
    background: var(--secondary);
    height: var(--chat-header-offset);
    min-height: var(--chat-header-offset);
    box-sizing: border-box;
    display: flex;
    z-index: z("composer", "content") - 1;
    padding-inline: 1rem;

    .chat-drawer &,
    .c-routes-channel-thread &,
    .c-routes-channel-info & {
      padding-inline: 0;
    }

    &.-clickable {
      cursor: pointer;
    }
  }

  .single-select-header {
    padding: 0.3675rem 0.584rem;
  }

  .c-navbar__channel-title {
    @include ellipsis();
    font-weight: 700;
  }

  .c-navbar__title {
    @include ellipsis();
    font-weight: 700;

    .c-routes-channel-threads & {
      padding-left: 0;
    }

    .chat-drawer & {
      padding-left: 1rem;
    }
  }

  .c-navbar__back-button ~ .c-navbar__title {
    padding-left: 0;
  }

  .c-navbar__sub-title {
    line-height: var(--line-height-small);
    font-size: var(--font-down-1-rem);
    font-weight: normal;
  }

  .c-navbar__threads-list-button {
    gap: 0.25rem;

    &.has-unreads {
      .d-icon-discourse-threads {
        color: var(--tertiary-med-or-tertiary);
      }
    }
  }
}

.c-navbar__actions {
  list-style: none;
  margin-left: auto;
  display: flex;
  align-items: center;
}