@import "~@department-of-veterans-affairs/css-library/dist/tokens/scss/variables";

.message-count {
  font-weight: normal;
}
.thread-list-draft {
  color: var(--vads-color-secondary-darkest);
  font-weight: 700;
}

.reply-draft-label {
  white-space: nowrap;
}

.thread-list {
  width: 100%;
  // @media (max-width: $small-screen) {
  word-wrap: break-word;
  //   }

  .unread-column {
    max-width: 15px !important;
    padding-top: 10px;
  }

  .unread-icon {
    position: absolute;
    font-size: 12px;
    margin-left: 5px;
  }

  .message-list-item-line-1 {
    display: flex;
    align-items: center;
  }

  .keyword-highlight {
    background-color: var(--vads-color-gold-lightest);
  }

  .thread-list-item {
    width: 100%;
    a.message-subject-link:visited {
      color: var(--vads-color-primary);
    }
    p.received-date {
      color: var(--vads-color-gray-medium);
      i {
        color: var(--vads-color-black);
      }
    }
    .keyword-highlight {
      background-color: var(--vads-color-gold-lightest);
    }
  }
}

.thread-list-sort {
  width: 100%;
  flex-wrap: wrap;

  va-select {
    @media (min-width: $small-screen) {
      max-width: 225px;
    }
  }

  va-button {
    display: contents;
    height: 37px;
    padding: 0;
  }

  va-button::part(button) {
    height: 2.625rem;
    flex-grow: 1;
    margin-right: 0;
    margin-bottom: 3px;
    align-self: flex-end;

    @media (min-width: $small-screen) {
      width: fit-content;
      max-width: 78px;
      margin-right: auto;
    }
  }
}

#sort-order-dropdown::part(label) {
  margin-top: 12px;
}
