@import 'src/theme/_colors.scss';

.workbasket-details {
  &__toolbar {
    background-color: white;
    padding: 16px 36px 12px 24px;
  }

  &__title {
    font-size: 1.5rem;
    padding: 4px;
    max-width: 392px;
  }

  &__title-name {
    display: block;

    overflow: hidden;
    text-overflow: ellipsis;
  }

  &__title-badge {
    font-size: 1.1rem;
    background-color: $transparent-grey;
    border-radius: 4px;

    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  &__spacer {
    flex: 1 1 auto;
  }

  &__button {
    margin-right: 6px;
  }

  &__save-button {
    background-color: $aquamarine;
    color: white;
  }

  &__button-aquamarine {
    color: $aquamarine;
  }

  &__button-red {
    color: $invalid;
  }
}
