.full-page-chat.teams-sidebar-on {
  .chat-draft {
    grid-template-columns: 1fr;
  }
}

.chat-draft {
  height: 100%;
  min-height: 1px;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;

  &-header {
    display: flex;
    align-items: center;
    padding: 0.75em 10px;
    border-bottom: 1px solid var(--primary-low);

    &__title {
      display: flex;
      align-items: center;
      gap: 0.5em;
      margin-bottom: 0;
      margin-left: 0.5rem;
      font-size: var(--font-0);
      font-weight: normal;
      color: var(--primary);
      @include ellipsis;

      .d-icon {
        height: 1.5em;
        width: 1.5em;
        color: var(--quaternary);
      }
    }
  }

  .chat-composer-container {
    padding-bottom: 0.5em;
  }
}
